[Widget JAG] : Ensemble de mes Widgets (compatible core v3)

[Whaouu]

C'est justement ça qui pose problème.

Il n'y a pas d'intérêt d'afficher un Etat via le Widget alors qu'il est géré directement par le core du module.

De plus, la gestion via le core offre plus de possibilités (choix d'afficher ou non le l'état, possibilité de lui affecter un Widget spécifique), ce que ne permet pas un affichage de l'état lié au Widget qui est affecté au On, Off).

[JAG]

C'est justement ça qui pose problème.

Il n'y a pas d'intérêt d'afficher un Etat via le Widget alors qu'il est géré directement par le core du module.

De plus, la gestion via le core offre plus de possibilités (choix d'afficher ou non le l'état, possibilité de lui affecter un Widget spécifique), ce que ne permet pas un affichage de l'état lié au Widget qui est affecté au On, Off).

Je n’ai pas tout compris ta demande mais il faut que je vérifie un paramètre sur le widget et je redis après
Je vais essayer de dans le week-end


Envoyé de mon iPhone en utilisant Tapatalk

[Whaouu]

Salut JAG,

À moins qu'il y ait des cas de figure que je n'envisage pas, je pense que cette ligne est de trop dans le Widget Lampe :

Code : Tout sélectionner

<div class="cmdName">#valueName#</div>

C'est ce que tentais d'expliquer dans mon précédent message

[JAG]

Salut,
J'ai trouvé, il manque un paramètre sur cette commande qui permet de la masquer automatiquement. J'ai ajouté la fonction dans les widgets (maj disponible dans le week-end).
Cette ligne n'est pas en trop,
Par contre, je ne vois l’intérêt d'afficher en plus de la lampe, l'etat.

Bonne journée

[JAG]

Bonjour @tous,

Je viens de remettre à jour le widget "Direction-Vent" : Possibilité de masquer le nom et modif de l'historique
@Freddy38 : tu peux remettre le code à jour
voici le résultat
Pour l'instant, je ne le publie pas. (pour info, j'appelle le widget Direction-Vent), je donne le code

Capture d’écran 2019-05-25 à 10.52.43.png (136.53 Kio) Consulté 2474 fois

Code : Tout sélectionner

<div style="min-width:100px;min-height:90px;" class="cmd #history# tooltips cmd-widget cursor container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-eqLogic_id="#eqLogic_id#" data-eqLogic_id="#eqLogic_id#" title="#collectDate#">
    <!-- Info Widget
        Basé sur les widget de 	:  ??
        Mise à jour 			: JAG 20190525 : Ajout possibilité de masquer le nom + Modif Historique
    -->
    <div class="title #hide_name#">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div class="row">
        <div id="aiguille#id#" style="margin:2px auto 5px;width: 100%;height: 24px; font-size:24px;" class="fa fa-location-arrow" aria-hidden="true"></div>
        <div style="display:inline-block;">
            <div class="value">
              <span class="value#id# timeCmd label label-default value"></span>
            </div>
            <div>
                <span style="font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 10px; white-space: nowrap;font-weight: bold;height: 11px;display: block;" id="dirVent#id#"></span>
            </div>
            <!-- Historique -->
                <div class="cmdStats #hide_history#" style="#displayHistory# font-size : 10px;text-align: center;">
                    <span title="Min" class="tooltips">#minHistoryValue#</span>|<span title="Moy" class="tooltips">#averageHistoryValue#</span>|<span title="Max" class="tooltips">#maxHistoryValue#</span> <i class="#tendance#"></i>
                </div>
        </div>
    </div>
    <script>
	jeedom.cmd.update['#id#'] = function(_options){
        var Value_Dir = parseFloat(_options.display_value);
        var Value_Dir_Vent;
        if (Value_Dir < 12 || Value_Dir > 348) {
            Value_Dir_Vent 	= "(Nord)";
        } else if (Value_Dir < 34 && Value_Dir > 11) {
            Value_Dir_Vent 	= "(Nord-Nord-Est)";
        } else if (Value_Dir < 57 && Value_Dir > 33){
            Value_Dir_Vent 	= "(Nord-Est)";
        } else if (Value_Dir < 79 && Value_Dir > 56){
            Value_Dir_Vent 	= "(Est-Nord-Est)";
        } else if (Value_Dir < 102 && Value_Dir > 78){
            Value_Dir_Vent 	= "(Est)";
        } else if (Value_Dir < 124 && Value_Dir > 101){
            Value_Dir_Vent 	= "(Est-Sud-Est)";
        } else if (Value_Dir < 147 && Value_Dir > 123){
            Value_Dir_Vent 	= "(Sud-Est)";
        } else if (Value_Dir < 169 && Value_Dir > 146){
            Value_Dir_Vent 	= "(Sud-Sud-Est)";
        } else if (Value_Dir < 192 && Value_Dir > 168){
            Value_Dir_Vent 	= "(Sud)";
        } else if (Value_Dir < 214 && Value_Dir > 191){
            Value_Dir_Vent 	= "(Sud-Sud-Ouest)";
        } else if (Value_Dir < 237 && Value_Dir > 213){
            Value_Dir_Vent 	= "(Sud-Ouest)";
        } else if (Value_Dir < 259 && Value_Dir > 236){
            Value_Dir_Vent 	= "(Ouest-Sud-Ouest)";
        } else if (Value_Dir < 282 && Value_Dir > 258){
            Value_Dir_Vent 	= "(Ouest)";
        } else if (Value_Dir < 304 && Value_Dir > 281){
            Value_Dir_Vent 	= "(Ouest-Nord-Ouest)";
        } else if (Value_Dir < 327 && Value_Dir > 303){
            Value_Dir_Vent 	= "(Nord-Ouest)";
        } else if (Value_Dir < 349 && Value_Dir > 326){
            Value_Dir_Vent 	= "(Nord-Nord-Ouest)";
        } else {
            Value_Dir_Vent 	= "(Erreur)";
        }
        
        $('#aiguille#id#').css('transform','rotate('+(Value_Dir - 45)+'deg)');
        $('#dirVent#id#').empty().html(Value_Dir_Vent);
        $('.cmd[data-cmd_uid=#uid#] .value#id#').empty().append(_options.display_value+' '+'#unite#');
        $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
    </script>
</div>

[JAG]

Bonjour à tous

j'ai aussi remis à jour le widget "Thermomètre", les valeurs de la gauche récupère le maxi et min de l'historique. et j'ai aussi modifier le code pour permettre de masquer le nom de l'équipement
@romanais : merci de tes retours

Bonne journée

[JAG]

Bonjour à tous,

je viens de publier la correction pour le nom de l'équipement des lampes. J'en ai profiter pour ajouter des images

Lampe-Visuel.png (568.54 Kio) Consulté 2462 fois

Bonne journée à tous

[dvb]

Merci pour le partage

[romanais]

Bonjour à tous

j'ai aussi remis à jour le widget "Thermomètre", les valeurs de la gauche récupère le maxi et min de l'historique. et j'ai aussi modifier le code pour permettre de masquer le nom de l'équipement
@romanais : merci de tes retours

Bonne journée

Code : Tout sélectionner

<div style="width:120px;height:120px;" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
    <!-- Info Widget
        Basé sur les widget de 	:  ??
        Mise à jour 			: JAG 20190525 : possibilité de masquer le nom de l'équipemet + valeur max et min récupérer depuis historique
    -->
    <div class="row">
          <div class="title #hide_name#">
        <div class="cmdName"style="#hideCmdName#">#name_display#</div>
    </div>
        <div class='col-xs-3 iconCmd#id#' style="padding:0px;height:90px;">
            <div class="row">
                <div class="col-xs-offset-1 col-xs-3 cmdStats#id# #hide_history#" style="font-size: 0.6em;#displayHistory#">
                    <strong style="position: relative;top: 4px;">#maxHistoryValue#</strong>
                    <strong style="position: relative;top: 46px;">#minHistoryValue#</strong>
                </div>
                <div class='col-xs-8' id="thermo#id#" style="padding:0;margin:0;width:22px;height:90px;background:url('plugins/widget/core/template/dashboard/cmd.info.numeric.Thermometre/thermometre.png') no-repeat;background-size: 22px 90px;">
                    <div style="position: absolute;width: 3px;height: 61px;border: none;border-radius: 3px;background-color: white;left: 10px;top: 10px;">
                        <div class="height#id#" style="position:absolute;bottom:0;width:100%;height: 0%;background-image: linear-gradient(to bottom, #fb0e0e, #1515b9);"></div>
                    </div>
                </div>
            </div>
        </div>
        <div style="display:inline-block;">
            <div class="value">
                <span class="value#id# timeCmd label label-default value"></span>
            </div>
            <!-- Historique -->
                <div class="cmdStats #hide_history#" style="#displayHistory# font-size : 10px;text-align: left;">
                    <span title="Min" style="float:left;">Min : #minHistoryValue# #unite#</span><br/>
                    <span title="Moy" style="float:left;">Moy : #averageHistoryValue# #unite#</span><br/>
                    <span title="Max" style="float:left;">Max : #maxHistoryValue# #unite#</span><br/>
                    <i class="#tendance#"></i> 
            </div>
        </div>
    </div>
    <script>
        jeedom.cmd.update['#id#'] = function(_options){
            $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
            $('.cmd[data-cmd_id=#id#] .value#id#').empty().append(_options.display_value+' '+'#unite#'); 
            height = Math.round( (_options.display_value - ('#minValue#')) * (68/('#maxValue#' - ('#minValue#'))) ) + 6;
            $('.height#id#').css('height',height+'px');
        }
        jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
    </script>
</div>

J'avais raté ce post, je teste demain, merci !

[Whaouu]

Salut,
J'ai trouvé, il manque un paramètre sur cette commande qui permet de la masquer automatiquement. J'ai ajouté la fonction dans les widgets (maj disponible dans le week-end).

Merci JAG pour la mise à jour

[Freddy38]

Bonjour @tous,

Je viens de remettre à jour le widget "Direction-Vent" : Possibilité de masquer le nom et modif de l'historique
@Freddy38 : tu peux remettre le code à jour

bonjour JAG,
désolé de pas avoir pu répondre avant.
pour moi c'est très bien, il fonctionne visiblement, si je constate un problème je te ferais une remontée.

merci énormément pour ton travail

bon week-end

[Freddy38]

Bonjour à tous

j'ai aussi remis à jour le widget "Thermomètre", les valeurs de la gauche récupère le maxi et min de l'historique. et j'ai aussi modifier le code pour permettre de masquer le nom de l'équipement
@romanais : merci de tes retours

Bonne journée

JAG,

pour moi le widget "Thermomètre" pose problème, voilà le résultat

Avant mise à jour :


Après mise à jour :


voilà si ça peu t'aider.

[JAG]

Salut

Oui je vois cela
Cela pose pb quand historique est désactivé
Essaye en activant l historique


Envoyé de mon iPhone en utilisant Tapatalk

[Freddy38]

Salut

Oui je vois cela
Cela pose pb quand historique est désactivé
Essaye en activant l historique


Envoyé de mon iPhone en utilisant Tapatalk

Désolé JAG, l'historique est bien activé

[JAG]

Salut

c'est bizarre que tu n'es pas l'historique qui n'est pas afficher, peut-tu regarder ça ?

Capture d’écran 2019-05-30 à 18.30.02.png (144.82 Kio) Consulté 2362 fois

car moi j'ai ça

Capture d’écran 2019-05-30 à 18.32.03.png (33.98 Kio) Consulté 2362 fois

[Freddy38]

Salut

c'est bizarre que tu n'es pas l'historique qui n'est pas afficher, peut-tu regarder ça ?
Capture d’écran 2019-05-30 à 18.30.02.png

moi j'ai ça

je suis en version Jeedom 3.3.22

[JAG]

Salut
Tu as quel version de jeedom ?


Envoyé de mon iPhone en utilisant Tapatalk

[Freddy38]

je suis en version Jeedom 3.3.22
pas encore mis à jour tous mes widgets

[JAG]

J’ai plusieurs versions de jeedom et j’ai bien ce champs actif
Et je ne comprend pas Pq tu ne l as pas

Je regarde si je peux faire qq chose avec le code mais j’ai des doutes


Envoyé de mon iPhone en utilisant Tapatalk

[Freddy38]

J’ai plusieurs versions de jeedom et j’ai bien ce champs actif
Et je ne comprend pas Pq tu ne l as pas

Je regarde si je peux faire qq chose avec le code mais j’ai des doutes


Envoyé de mon iPhone en utilisant Tapatalk

pas grave, ne perd pas de temps avec ça, j'ai remis celui du 20190519 il me va très bien