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

[dvb]

Hello JAG,

Merci. Je viens de tester, un petit souci :
- date et duree => OK
- heure => KO, n'affiche rien.

@+

Salut
effectivement un petit bug, je viens de pousser la correction
merci de ton retour
@+

C'est corrigé, merci encore pour le boulot !

[JAG]

@dvb,

J'ai fini il y a quelques jours le widget goutte d'eau, il est pour l'instant en beta (tu peux le tester), il me reste quelques amélioration esthétique
à finaliser

Capture d’écran 2019-05-18 à 20.06.13.png (43.78 Kio) Consulté 1216 fois

Je le mettrai cette semaine ou la semaine prochaine en stable

@tous : Des modifications surtout esthétique voir avoir lieu sur l'ensemble de mes widgets (nettoyage du code et amélioration en vue du core V4)
Pour ceux qui teste la beta, il faut passer en beta sur mes widgets, je n'ai pas encore publier en stable.
Pour info, les widgets seront compatible avec les 2 versions du core.

bon week-end

[dvb]

@dvb,

J'ai fini il y a quelques jours le widget goutte d'eau, il est pour l'instant en beta (tu peux le tester), il me reste quelques amélioration esthétique
à finaliser
Capture d’écran 2019-05-18 à 20.06.13.png
Je le mettrai cette semaine ou la semaine prochaine en stable

Salut JAG,
Merci
N'ayant qu'une machine de prod, je ne charge que du stable dessus.
Je préfère attendre un peu...

@+

[JAG]

Bonjour @tous,

On m'a demandé le widget "Direction-Vent" à mettre à jour pour le core V3/v4
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-19 à 16.02.42.png (156 Kio) Consulté 1141 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>

[Freddy38]

Bonjour @tous,

On m'a demandé le widget "Direction-Vent" à mettre à jour pour le core V3/v4
voici le résultat
Capture d’écran 2019-05-19 à 10.03.24.png

Pour l'instant, je ne le publie pas. (pour info, j'appelle le widget Direction-Vent), je donne le code

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 20190519 : Update Code pour Core V3/V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName">#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: left;">
                    <span title="Min" class="tooltips">Min : </span><span style="float:right;"> #minHistoryValue# #unite#</span><br/>
                    <span title='Moy' class='tooltips'>Moy : </span><span style="float:right;"> #averageHistoryValue# #unite#</span><br/>
                    <span title='Max' class='tooltips'>Max : </span><span style="float:right;"> #maxHistoryValue# #unite#</span><br/>
                    <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>

Bonjour JAG,

tout d'abord, merci beaucoup.
le code fonctionne bien chez moi, juste une petite remarque, personnellement j'ai ajouté le petit "°" derrière la valeur soul la flèche de direction, autrement c'est parfait
merci encore pour tes corrections
Bon dimanche

[JAG]

Salut
Cool

Tu n’es pas obligé d’ajouter le degré, il faut que tu mettes l’unité directement dans ton équipement
Comme ça tu ne modifis pas le code

Bon dimanche


Envoyé de mon iPhone en utilisant Tapatalk

[Freddy38]

Salut
Cool

Tu n’es pas obligé d’ajouter le degré, il faut que tu mettes l’unité directement dans ton équipement
Comme ça tu ne modifis pas le code

Bon dimanche


Envoyé de mon iPhone en utilisant Tapatalk

ouiiii désolé JAG, ton code est parfait.
merci encore pour ton aide
fonctionne très très bien et avec le "°" maintenant
bon dimanche

[JAG]

J essaye de mettre le thermomètre dans l’am
Je vais essayer de finaliser le code

Bon dimanche


Envoyé de mon iPhone en utilisant Tapatalk

[romanais]

Top pour le vent merci !
Le thermomètre m'intéressera sans doute aussi !

[JAG]

Salut,
Merci, j'ai mis à jour l'image pour vous montrer la différence entre le core V3 et V4

Voici mon widget "Thermometre"

Capture d’écran 2019-05-19 à 16.05.46.png (241.02 Kio) Consulté 1141 fois

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 20190519 : Update Code pour Core V3/V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName">#name_display#</div>
    </div>
    <div class="row">
        <div class='col-xs-3 iconCmd#id#' style="padding:0px;height:90px;">
            <div class="row">
                <div class='col-xs-offset-1 col-xs-3' style="font-size: 0.6em;">
                    <strong style="position: relative;top: 4px;">#maxValue#</strong>
                    <strong style="position: relative;top: 46px;">#minValue#</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" class="tooltips">Min : </span><span style="float:right;"> #minHistoryValue# #unite#</span><br/>
                    <span title='Moy' class='tooltips'>Moy : </span><span style="float:right;"> #averageHistoryValue# #unite#</span><br/>
                    <span title='Max' class='tooltips'>Max : </span><span style="float:right;"> #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>

Merci de vos retours, je verrai ensuite si je le mets sur le market

[Freddy38]

Salut,
Merci, j'ai mis à jour l'image pour vous montrer la différence entre le core V3 et V4

Voici mon widget "Thermometre"
Capture d’écran 2019-05-19 à 16.05.46.png

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 20190519 : Update Code pour Core V3/V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName">#name_display#</div>
    </div>
    <div class="row">
        <div class='col-xs-3 iconCmd#id#' style="padding:0px;height:90px;">
            <div class="row">
                <div class='col-xs-offset-1 col-xs-3' style="font-size: 0.6em;">
                    <strong style="position: relative;top: 4px;">#maxValue#</strong>
                    <strong style="position: relative;top: 46px;">#minValue#</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" class="tooltips">Min : </span><span style="float:right;"> #minHistoryValue# #unite#</span><br/>
                    <span title='Moy' class='tooltips'>Moy : </span><span style="float:right;"> #averageHistoryValue# #unite#</span><br/>
                    <span title='Max' class='tooltips'>Max : </span><span style="float:right;"> #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>

Merci de vos retours, je verrai ensuite si je le mets sur le market

je viens de faire un essai et sauf erreur pour moi pas de mise à jour de la valeur et le mercure de l'image thermomètre descend en bas à la premier actualisation

[Freddy38]

Salut,
Merci, j'ai mis à jour l'image pour vous montrer la différence entre le core V3 et V4

Voici mon widget "Thermometre"
Capture d’écran 2019-05-19 à 16.05.46.png

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 20190519 : Update Code pour Core V3/V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName">#name_display#</div>
    </div>
    <div class="row">
        <div class='col-xs-3 iconCmd#id#' style="padding:0px;height:90px;">
            <div class="row">
                <div class='col-xs-offset-1 col-xs-3' style="font-size: 0.6em;">
                    <strong style="position: relative;top: 4px;">#maxValue#</strong>
                    <strong style="position: relative;top: 46px;">#minValue#</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" class="tooltips">Min : </span><span style="float:right;"> #minHistoryValue# #unite#</span><br/>
                    <span title='Moy' class='tooltips'>Moy : </span><span style="float:right;"> #averageHistoryValue# #unite#</span><br/>
                    <span title='Max' class='tooltips'>Max : </span><span style="float:right;"> #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>

Merci de vos retours, je verrai ensuite si je le mets sur le market

je viens de faire un essai et sauf erreur pour moi pas de mise à jour de la valeur et le mercure de l'image thermomètre descend en bas à la premier actualisation

c'est pas mon jour !!
Désolé JAG ne touche a rien, c'est moi qui est fait une erreur
le test continu
merci

[Freddy38]

Salut,
Merci, j'ai mis à jour l'image pour vous montrer la différence entre le core V3 et V4

Voici mon widget "Thermometre"
Capture d’écran 2019-05-19 à 16.05.46.png

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 20190519 : Update Code pour Core V3/V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName">#name_display#</div>
    </div>
    <div class="row">
        <div class='col-xs-3 iconCmd#id#' style="padding:0px;height:90px;">
            <div class="row">
                <div class='col-xs-offset-1 col-xs-3' style="font-size: 0.6em;">
                    <strong style="position: relative;top: 4px;">#maxValue#</strong>
                    <strong style="position: relative;top: 46px;">#minValue#</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" class="tooltips">Min : </span><span style="float:right;"> #minHistoryValue# #unite#</span><br/>
                    <span title='Moy' class='tooltips'>Moy : </span><span style="float:right;"> #averageHistoryValue# #unite#</span><br/>
                    <span title='Max' class='tooltips'>Max : </span><span style="float:right;"> #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>

Merci de vos retours, je verrai ensuite si je le mets sur le market

Bonsoir JAG,
sur certain de mes widgets le #name_display# affiche l'icon T° et pas le nom visiblement sur les xiaom
bonne soirée

[JAG]

Salut,
c'est que tu as un icône sur l'équipement. Celui-ci est mis par défaut par le plugin

Capture d’écran 2019-05-19 à 19.53.23.png (271.03 Kio) Consulté 1113 fois

.
Soit tu le supprimes en cliquant sur l'icône.
ou dans l'affichage tu cliques sur "afficher le nom et l'icône"

Capture d’écran 2019-05-19 à 19.55.15.png (130.47 Kio) Consulté 1113 fois

Malheureusement on ne peut pas partager dans l'option ou alors je ne connais pas la manip.
Pour info, j'utilise beaucoup les virtuels ou je recupere les valeurs des différentes données que je veux. comme ca je ne depend pas du plugin pour le widget

Capture d’écran 2019-05-19 à 19.59.36.png (117.62 Kio) Consulté 1113 fois

[romanais]

J'utilisais ce visuel de thermomètre sur 20 commandes, donc j'ai mis ton code à place de celui existant dans le widget (j'ai juste eu à changer le chemin pour l'image).
Et ça semble très bien fonctionner sur ma 3.3.24

thermo.png (38.62 Kio) Consulté 1096 fois

thermo2.png (34.76 Kio) Consulté 1096 fois

[JAG]

C'est cool,
Je vais peut être l'améliorer pour récupérer le maxi et le min depuis l'historique du widget pour les données à gauche de l'image

[Whaouu]

Salut JAG,

Il me semble qu'il y a un problème avec la dernière version du Widget "Lampe".

Je l'utilise avec une prise RFXcom. Quand la prise change d'état, l'image qui s'affiche ne correspond pas à celle qui est programmée dans le Widget.

Si je remets l'ancienne version ou un autre Widget, je ne rencontre pas ce problème.

[Freddy38]

Salut,
c'est que tu as un icône sur l'équipement. Celui-ci est mis par défaut par le plugin
Capture d’écran 2019-05-19 à 19.53.23.png.
Soit tu le supprimes en cliquant sur l'icône.
ou dans l'affichage tu cliques sur "afficher le nom et l'icône"
Capture d’écran 2019-05-19 à 19.55.15.png

Malheureusement on ne peut pas partager dans l'option ou alors je ne connais pas la manip.
Pour info, j'utilise beaucoup les virtuels ou je recupere les valeurs des différentes données que je veux. comme ca je ne depend pas du plugin pour le widget
Capture d’écran 2019-05-19 à 19.59.36.png

Bonsoir JAG,

merci en effet en cochant "afficher le nom et l'icône" j'ai l'info.
bonne soirée
merci

[JAG]

Salut JAG,

Il me semble qu'il y a un problème avec la dernière version du Widget "Lampe".

Je l'utilise avec une prise RFXcom. Quand la prise change d'état, l'image qui s'affiche ne correspond pas à celle qui est programmée dans le Widget.

Si je remets l'ancienne version ou un autre Widget, je ne rencontre pas ce problème.

Salut
Dsl je n’avais pas vu ton message
Tu as vu que j’avais changer le nom des variables à la dernière mise à jour ?
Si oui essaye le widget en version bêta car j’ai fait pas mal de changement dans le code
Je vais essayer de publier rapidement la mise à jour

Bonne journée


Envoyé de mon iPhone en utilisant Tapatalk

[Freddy38]

Bonsoir JAG,
j'ai également un problème avec le widget "Lampe", quand je clique sur l'ampoule, c'est l'image d'un autre de mes widgets qui s'affiche à la place de l'ampoule allumé.

j'en profite car j'ai une autre question, serait-il possible dans les prochaines versions de tes widgets, de laisser le choix sur l'affichage des valeurs ?
par exemple pour "Humidite-Goutte_eau" personnellement je préfère une style "font-size: 1.5em;font-weight: bold;" et si possible sans le style de badge autour, simple quoi.
crois-tu qu'il serait possible de choisir le mode par exemple dans les "Paramètres optionnels widget" ?
je sais que sait du travail, donc si c'est non c'est pas grave tu fais déjà un super travail pour nous
bonne soirée