Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

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

Réservé à l'utilisation et la création de widgets dans JEEDOM
Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 19 sept. 2019, 21:29

Merci, j'arrête de te saouler pour ce soir.
A bientôt
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 20 sept. 2019, 00:43

J'ai modifié pointrosee pour en faire multiinfo-numerique sur la base de multiinfo sans la gestion des erreurs.
A priori dans la mesure où l'on affiche des valeurs, je ne vois pas ce qu'il peut y avoir comme erreur d'affichage.

Ci-joint la copie du code au cas où tu souhaiterais l'inclure.
Aucune raison que je m'attribue une quelconque paternité dans la mesure où je n'ai fait que repomper ton code.

Code : Tout sélectionner

<div style="min-width:80px; mini-height:90px;margin-right:10px;" class="cmd tooltips cmd-widget cursor container-fluid #history#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
    <!-- Info Widget
        Basé sur les widget de 	:
        Mise à jour 			: JAG 20190920 : Migration uniquement pour core V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div style="text-align:center;">
        <div id="point_roseDivIMG#id#" class="point_rose_div_img">
            <span id="point_roseIMG#id#" class="iconCmd#id# point_rose_img"></span>
        </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){
            // Options de personnalisation avec valeur par defaut
                // Paramètrage de la position de la légende
                    var srcImgleg_pos	= ('#leg_pos#'!='#'+'leg_pos#') ? "#leg_pos#" : "right";
                // Paramètre "sizehw" : à déclarer en pixels - 80 maxi
                    var srcImgHeight 	= (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;
                    var srcImgWidth		= (is_numeric('#sizew#')) ? parseFloat('#sizew#') : 45;
                    var srcImgSize      = 'height='+srcImgHeight+'px width='+srcImgWidth+'px';
                // Paramètrage du logo
                // Valeur du logo
                   var srcImglogo	    = ('#logo#'!='#'+'logo#') ? "#logo#" : "";
                   var srcImglogo_T 	= ('#logo_type#'!='#'+'logo_type#') ? "#logo_type#" : "png";
                
		        // Paramétrage des dossiers
                   var srcFolder       = ('#dossier#'!='#'+'dossier#') ? "#dossier#" : "fibarooeil";
                   if (srcFolder == 'NULL') {
                            var srcImgURL       = "data/customTemplates/dashboard/cmd.action.other.Multi-action-Defaut/";
                   } else {
                            var srcImgURL       = "data/customTemplates/dashboard/cmd.action.other.Multi-action-Defaut/"+srcFolder+'/';
                   };
        
            // Update
                    var srcPictureID;
                    var State = parseFloat(_options.display_value);
            // Update Value or img
                $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty().append('<img src="'+srcImgURL + srcImglogo +'.'+ srcImglogo_T+'" '+srcImgSize+'>');
                $('.cmd[data-cmd_uid=#uid#] .value#id#').empty().append(_options.display_value+' '+'#unite#');
                $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate);
            // Paramétrage des affichage
                // Position image
                    if (srcImgleg_pos == "right"){
                        $("#point_roseDivIMG#id#.point_rose_div_img").css("float","left");
                        $("#point_roseIMG#id#.point_rose_img").css("margin-right","15px");
                    } else if (srcImgleg_pos == "left"){
                        $("#point_roseDivIMG#id#.point_rose_div_img").css("float","right");
                        $("#point_roseIMG#id#.point_rose_img").css("margin-left","15px");
                    } else {
                        //aucune modification nécessaire
                    }
                // Position Texte
                    if (srcImgleg_pos == "right") {
                        $("#point_roseState#id#.point_rose_state").css("text-align","left");
                    } else if (srcImgleg_pos == "left"){
                        $("#point_roseState#id#.point_rose_state").css("text-align","right");
                    } else if (srcImgleg_pos == "low"){
                        //aucune modification nécessaire
                    }
        }
        jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'}); 
</script>
</div>
<style> 
span.point_rose_img {
    height: 80px;
    }
span.point_rose_div_img {
    margin-left: 5px;
    position:relative;
    height: 64px;
    width: 62px;
    float:left;
    }  
span.point_rose_state {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 5px;
    display: block;
    }
</style>
Edit:
J'ai supprimé ce qui ne servait à rien
Dernière édition par mich0111 le 20 sept. 2019, 09:13, édité 2 fois.
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
nawak86
Timide
Messages : 88
Inscription : 07 mars 2018, 11:26
Localisation : Poitiers

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

Message par nawak86 » 20 sept. 2019, 03:35

Freddy38 a écrit :
13 sept. 2019, 19:05
Bonsoir JAG,

j'ai ça pour ta collection de lampes ;)
Image
Image

Si ça te dit.
bonne soirée
Bon week-end
Bonsoir,

Vous avez chopé les images ou ? je les trouves top mais j’aimerais que sur l'image en ON les faisceaux lumineux ne soient pas coupés
Pour le moment j'ai fait ça : Image
Il manque juste l'éclat lumineux sans qu'il soit tronqué par les bords de l'image.
JAG a écrit :
19 sept. 2019, 19:35

merci @navak86 : j'ai ajouté tes images, j'ai mis la doc avec les visuels
Soirée de test IOS13 ce soir :D :D :D 8-) 8-)
Pas de soucis je pourrais surement te redonner de quoi alimenter la galerie.

Go iOS13 aussi :p

++++

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

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

Message par Salvialf » 20 sept. 2019, 07:58

Salut,

Les images viennent du lien dans ma signature
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 20 sept. 2019, 09:23

Sinon, en lampe extérieure, j'ai ça
Pièces jointes
sp_lampeext_on.png
sp_lampeext_on.png (593.36 Kio) Consulté 1085 fois
sp_lampeext_off.png
sp_lampeext_off.png (570.92 Kio) Consulté 1085 fois
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 20 sept. 2019, 18:56

J'ai déjà posé la question ailleurs, comme je ai pas eu de réponse, je viens voir si ici j'aurais plus de chance.
Y-aurait-il, quelque part, un widget "girouette" qui me permettrait de visualiser instantanément la direction du vent à partir d'une mesure angulaire ?
Merci d'avance pour votre aide.

Envoyé de mon SM-G950F en utilisant Tapatalk

Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
JAG
Actif
Messages : 597
Inscription : 21 mai 2016, 11:10

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

Message par JAG » 20 sept. 2019, 19:36

J’ai juste la biroute

Après j’ai un widget tout simple avec un icône qui tourne



Envoyé de mon iPhone en utilisant Tapatalk
Box : Jeedom Smart + Jeedom VM-Synology (avec Jeedom en beta)
Protocoles : Z-wave - RFXcom - Hue - Bluetooth - Xiaomi
Mon Matériel
Widgets développés

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 20 sept. 2019, 20:04

JAG a écrit :J’ai juste la biroute

Après j’ai un widget tout simple avec un icône qui tourne



Envoyé de mon iPhone en utilisant Tapatalk
Que je sache biroute ne donne pas la direction du vent, non?
Sinon, ton widget qui tourne, il tourne en fonction de quoi?

Envoyé de mon SM-G950F en utilisant Tapatalk

Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
JAG
Actif
Messages : 597
Inscription : 21 mai 2016, 11:10

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

Message par JAG » 21 sept. 2019, 11:46

voici le code du widget

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 20190610 : Update code pour la valeur numérique et mise à jour direction texte
    -->
    <div class="title #hide_name#">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div style="margin:2px auto 5px;width: 100%;height: 24px; font-size:24px" class="iconCmd#id#"></div>
    <div style="display:inline-block">
        <div class="value">
            <span class="value#id# timeCmd label label-default value"></span><br/>
            <span class ="valueVent#id#" style="font-size: 10px;"></span>
            <!-- Historique -->
                <div class="cmdStats #hide_history# Stats_hist#id#" style="#displayHistory# text-align: left;">
                    <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){
            // Variable Taille Texte
                var srcFontSize     = ('#font_size#'!='#'+'font_size#') ? "#font_size#": "11px";
                var srcMargSize     = '#marge_size#';
                var srcFontSizeStat = ('#font_size_hist#'!='#'+'font_size_hist#') ? "#font_size_hist#": "10px";
            // Options de personnalisation avec valeur par defaut
                var srcNum		= ('#num#'!='#'+'num#') ? "#num#": "";
                var Value_Dir;
                var Value_Dir_N;
                var Value_Dir_Vent;

        //Paramétrage pour la valeur numérique
            if (srcNum =="X" || srcNum =="x") {
                // Pour l'utilisation valeur 1 à 16
                Value_Dir_N 	= parseFloat(_options.display_value);
                
                    if (Value_Dir_N == 1) {
                        Value_Dir 	= 360;
                    } else if (Value_Dir_N == 2) {
                        Value_Dir 	= 22.5;
                    } else if (Value_Dir_N == 3){
                        Value_Dir 	= 45;
                    } else if (Value_Dir_N == 4){
                        Value_Dir 	= 67.5;
                    } else if (Value_Dir_N == 5){
                        Value_Dir 	= 90;
                    } else if (Value_Dir_N == 6){
                        Value_Dir 	= 112.5;
                    } else if (Value_Dir_N == 7){
                        Value_Dir 	= 135;
                    } else if (Value_Dir_N == 8){
                        Value_Dir 	= 157.5;
                    } else if (Value_Dir_N == 9){
                        Value_Dir 	= 180;
                    } else if (Value_Dir_N == 10){
                        Value_Dir 	= 202.5;
                    } else if (Value_Dir_N == 11){
                        Value_Dir 	= 225;
                    } else if (Value_Dir_N == 12){
                        Value_Dir 	= 247.5;
                    } else if (Value_Dir_N == 13){
                        Value_Dir 	= 270;
                    } else if (Value_Dir_N == 14){
                        Value_Dir 	= 292.5;
                    } else if (Value_Dir_N == 15){
                        Value_Dir 	= 315;
                    } else if (Value_Dir_N == 16){
                        Value_Dir 	= 337.5;
                    } else {
                        Value_Dir 	= 8000;
                    }
            }else{
                Value_Dir     	= parseFloat(_options.display_value);
            }
            
    //Valeur Direction vent
		if (Value_Dir  >= 0  && Value_Dir < 11.25) {
            Value_Dir_Vent 	= "(Nord)";
        } else if (Value_Dir >= 11.25 && Value_Dir < 33.75) {
            Value_Dir_Vent 	= "(Nord-Nord-Est)";
        } else if (Value_Dir >= 33.75 && Value_Dir < 56.25){
            Value_Dir_Vent 	= "(Nord-Est)";
        } else if (Value_Dir >= 56.25 && Value_Dir <78.75){
            Value_Dir_Vent 	= "(Est-Nord-Est)";
        } else if (Value_Dir >= 78.75 && Value_Dir < 101.25){
            Value_Dir_Vent 	= "(Est)";
        } else if (Value_Dir >= 101.25 && Value_Dir < 123.75){
            Value_Dir_Vent 	= "(Est-Sud-Est)";
        } else if (Value_Dir >= 123.75 && Value_Dir < 145.25){
            Value_Dir_Vent 	= "(Sud-Est)";
        } else if (Value_Dir >= 145.25 && Value_Dir < 168.75){
            Value_Dir_Vent 	= "(Sud-Sud-Est)";
        } else if (Value_Dir >= 168.75 && Value_Dir < 191.25){
            Value_Dir_Vent 	= "(Sud)";
        } else if (Value_Dir >= 191.15 && Value_Dir < 213.75){
            Value_Dir_Vent 	= "(Sud-Sud-Ouest)";
        } else if (Value_Dir >= 213.75 && Value_Dir < 236.25){
            Value_Dir_Vent 	= "(Sud-Ouest)";
        } else if (Value_Dir >= 236.25 && Value_Dir < 258.75){
            Value_Dir_Vent 	= "(Ouest-Sud-Ouest)";
        } else if (Value_Dir >= 258.75 && Value_Dir < 281.25){
            Value_Dir_Vent 	= "(Ouest)";
        } else if (Value_Dir >= 281.25 && Value_Dir < 303.75){
            Value_Dir_Vent 	= "(Ouest-Nord-Ouest)";
        } else if (Value_Dir >= 303.75 && Value_Dir < 326.25){
            Value_Dir_Vent 	= "(Nord-Ouest)";
        } else if (Value_Dir >= 326.25 && Value_Dir < 348.75){
            Value_Dir_Vent 	= "(Nord-Nord-Ouest)";
        } else if (Value_Dir >= 348.75 && Value_Dir <= 360){
            Value_Dir_Vent 	= "(Nord)";
        } else {
            Value_Dir_Vent 	= "(Erreur)";
        }
            
    //Update icône
            $('.cmd[data-cmd_id=#id#] .iconCmd#id#').empty().append('<i class="icon fas fa-location-arrow"></i>');  
            $('.cmd[data-cmd_id=#id#] .iconCmd#id#').css('transform','rotate('+(Value_Dir - 45)+'deg)');
    
    //Update valeur
            $('.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#');
            $('.cmd[data-cmd_id=#id#] .valueVent#id#').empty().append(Value_Dir_Vent);
      
    //Taille Texte et marge pour la valeur
            $('.cmd[data-cmd_id=#id#] .Stats#id#').css('font-size',srcFontSize);
            $('.cmd[data-cmd_id=#id#] .Stats#id#').css('line-height',srcMargSize);
    //Taille Texte pour l'historique
            $('.cmd[data-cmd_id=#id#] .Stats_hist#id#').css('font-size',srcFontSizeStat);
        }
        jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
    </script>
</div>
Bonne journée
Box : Jeedom Smart + Jeedom VM-Synology (avec Jeedom en beta)
Protocoles : Z-wave - RFXcom - Hue - Bluetooth - Xiaomi
Mon Matériel
Widgets développés

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 21 sept. 2019, 16:23

Alors ça c'est super sympa!!!!!

Te serait-il possible de m'expliquer son mode de fonctionnement ?
De ce que j'ai compris, tu fais une correspondance entre les valeurs angulaires et des valeurs numériques et, en fonction de cette valeur, tu détermines une direction du vent.
Est-ce que c'est cette direction quii doit être remplacée par l'image?

Au fait, qu'as-tu pensé du multiinfo-numerique que je t'ai envoyé ? Est-ce exploitable?
Moi ça m'a bien rendu service.

Envoyé de mon SM-G950F en utilisant Tapatalk

Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
JAG
Actif
Messages : 597
Inscription : 21 mai 2016, 11:10

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

Message par JAG » 21 sept. 2019, 16:40

Oui
Je calcule un angle et après je fais pivoter l’icône
Après je ne sais plus ce qui faut modifier, je regarderai dans le week-end
Je n’ai pas eu le temps de regarder ton multi numérique

Je profite des derniers jours de beau temps, je regarderai l ensemble dimanche

Bonne journée


Envoyé de mon iPhone en utilisant Tapatalk
Box : Jeedom Smart + Jeedom VM-Synology (avec Jeedom en beta)
Protocoles : Z-wave - RFXcom - Hue - Bluetooth - Xiaomi
Mon Matériel
Widgets développés

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 21 sept. 2019, 16:53

Alors bon week-end et à bientôt.
Merci encore

Envoyé de mon SM-G950F en utilisant Tapatalk

Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 21 sept. 2019, 18:42

Il me semble être tombé sur un bug sur le multi-action.
J'ai installé ce widget avec un Wallplug coolcam en affichant, à côté de l'icône du lave-linge, le graphique de puissance.
Lorsque je clique sur l'icône du lave-linge, la puissance montre que l'interrupteur a bien commuté, en revanche l'icône ne change pas.
Pour le faire changer, il faut appuyer une 2eme fois sur l'icône. La puissance ne bougeant pas, on peut supposer que ce 2eme clic ne sert qu'à changer d'icône.
Et ça, tant en on qu'en off.
Bizarre, bizarre.

Envoyé de mon SM-G950F en utilisant Tapatalk

Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 22 sept. 2019, 09:55

Bon, en fait, j'ai trouvé d'où venait le problème.
Ça ne vient pas de Multi-action mais du core widget.
Je n'avais rien mis comme widget à Puissance, et j'avais le problème.
Lorsque je mets le widget à Default, là il n'y a plus de problème.
Je ne vois pas très bien le lien mais le fait est que ça résout le problème.
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
JAG
Actif
Messages : 597
Inscription : 21 mai 2016, 11:10

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

Message par JAG » 22 sept. 2019, 11:37

mich0111 a écrit :
20 sept. 2019, 00:43
J'ai modifié pointrosee pour en faire multiinfo-numerique sur la base de multiinfo sans la gestion des erreurs.
A priori dans la mesure où l'on affiche des valeurs, je ne vois pas ce qu'il peut y avoir comme erreur d'affichage.

Ci-joint la copie du code au cas où tu souhaiterais l'inclure.
Aucune raison que je m'attribue une quelconque paternité dans la mesure où je n'ai fait que repomper ton code.

Code : Tout sélectionner

<div style="min-width:80px; mini-height:90px;margin-right:10px;" class="cmd tooltips cmd-widget cursor container-fluid #history#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
    <!-- Info Widget
        Basé sur les widget de 	:
        Mise à jour 			: JAG 20190920 : Migration uniquement pour core V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div style="text-align:center;">
        <div id="point_roseDivIMG#id#" class="point_rose_div_img">
            <span id="point_roseIMG#id#" class="iconCmd#id# point_rose_img"></span>
        </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){
            // Options de personnalisation avec valeur par defaut
                // Paramètrage de la position de la légende
                    var srcImgleg_pos	= ('#leg_pos#'!='#'+'leg_pos#') ? "#leg_pos#" : "right";
                // Paramètre "sizehw" : à déclarer en pixels - 80 maxi
                    var srcImgHeight 	= (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;
                    var srcImgWidth		= (is_numeric('#sizew#')) ? parseFloat('#sizew#') : 45;
                    var srcImgSize      = 'height='+srcImgHeight+'px width='+srcImgWidth+'px';
                // Paramètrage du logo
                // Valeur du logo
                   var srcImglogo	    = ('#logo#'!='#'+'logo#') ? "#logo#" : "";
                   var srcImglogo_T 	= ('#logo_type#'!='#'+'logo_type#') ? "#logo_type#" : "png";
                
		        // Paramétrage des dossiers
                   var srcFolder       = ('#dossier#'!='#'+'dossier#') ? "#dossier#" : "fibarooeil";
                   if (srcFolder == 'NULL') {
                            var srcImgURL       = "data/customTemplates/dashboard/cmd.action.other.Multi-action-Defaut/";
                   } else {
                            var srcImgURL       = "data/customTemplates/dashboard/cmd.action.other.Multi-action-Defaut/"+srcFolder+'/';
                   };
        
            // Update
                    var srcPictureID;
                    var State = parseFloat(_options.display_value);
            // Update Value or img
                $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty().append('<img src="'+srcImgURL + srcImglogo +'.'+ srcImglogo_T+'" '+srcImgSize+'>');
                $('.cmd[data-cmd_uid=#uid#] .value#id#').empty().append(_options.display_value+' '+'#unite#');
                $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate);
            // Paramétrage des affichage
                // Position image
                    if (srcImgleg_pos == "right"){
                        $("#point_roseDivIMG#id#.point_rose_div_img").css("float","left");
                        $("#point_roseIMG#id#.point_rose_img").css("margin-right","15px");
                    } else if (srcImgleg_pos == "left"){
                        $("#point_roseDivIMG#id#.point_rose_div_img").css("float","right");
                        $("#point_roseIMG#id#.point_rose_img").css("margin-left","15px");
                    } else {
                        //aucune modification nécessaire
                    }
                // Position Texte
                    if (srcImgleg_pos == "right") {
                        $("#point_roseState#id#.point_rose_state").css("text-align","left");
                    } else if (srcImgleg_pos == "left"){
                        $("#point_roseState#id#.point_rose_state").css("text-align","right");
                    } else if (srcImgleg_pos == "low"){
                        //aucune modification nécessaire
                    }
        }
        jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'}); 
</script>
</div>
<style> 
span.point_rose_img {
    height: 80px;
    }
span.point_rose_div_img {
    margin-left: 5px;
    position:relative;
    height: 64px;
    width: 62px;
    float:left;
    }  
span.point_rose_state {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 5px;
    display: block;
    }
</style>
Edit:
J'ai supprimé ce qui ne servait à rien
Salut,
tu es sûr du code que tu m'as partagé ?
Box : Jeedom Smart + Jeedom VM-Synology (avec Jeedom en beta)
Protocoles : Z-wave - RFXcom - Hue - Bluetooth - Xiaomi
Mon Matériel
Widgets développés

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 22 sept. 2019, 13:49

A moins que le copier-coller est foiré oui.
Je le refais quand même:

Code : Tout sélectionner

<div style="min-width:80px; mini-height:90px;margin-right:10px;" class="cmd tooltips cmd-widget cursor container-fluid #history#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
    <!-- Info Widget
        Basé sur les widget de 	:
        Mise à jour 			: JAG 20190920 : Migration uniquement pour core V4
    -->
    <div class="title #hide_name#">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div style="text-align:center;">
        <div id="point_roseDivIMG#id#" class="point_rose_div_img">
            <span id="point_roseIMG#id#" class="iconCmd#id# point_rose_img"></span>
        </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){
            // Options de personnalisation avec valeur par defaut
                // Paramètrage de la position de la légende
                    var srcImgleg_pos	= ('#leg_pos#'!='#'+'leg_pos#') ? "#leg_pos#" : "right";
                // Paramètre "sizehw" : à déclarer en pixels - 80 maxi
                    var srcImgHeight 	= (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;
                    var srcImgWidth		= (is_numeric('#sizew#')) ? parseFloat('#sizew#') : 45;
                    var srcImgSize      = 'height='+srcImgHeight+'px width='+srcImgWidth+'px';
                // Paramètrage du logo
                // Valeur du logo
                   var srcImglogo	    = ('#logo#'!='#'+'logo#') ? "#logo#" : "";
                   var srcImglogo_T 	= ('#logo_type#'!='#'+'logo_type#') ? "#logo_type#" : "png";
                
		        // Paramétrage des dossiers
                   var srcFolder       = ('#dossier#'!='#'+'dossier#') ? "#dossier#" : "fibarooeil";
                   if (srcFolder == 'NULL') {
                            var srcImgURL       = "data/customTemplates/dashboard/cmd.action.other.Multi-action-Defaut/";
                   } else {
                            var srcImgURL       = "data/customTemplates/dashboard/cmd.action.other.Multi-action-Defaut/"+srcFolder+'/';
                   };
        
            // Update
                    var srcPictureID;
                    var State = parseFloat(_options.display_value);
            // Update Value or img
                $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty().append('<img src="'+srcImgURL + srcImglogo +'.'+ srcImglogo_T+'" '+srcImgSize+'>');
                $('.cmd[data-cmd_uid=#uid#] .value#id#').empty().append(_options.display_value+' '+'#unite#');
                $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate);
            // Paramétrage des affichage
                // Position image
                    if (srcImgleg_pos == "right"){
                        $("#point_roseDivIMG#id#.point_rose_div_img").css("float","left");
                        $("#point_roseIMG#id#.point_rose_img").css("margin-right","15px");
                    } else if (srcImgleg_pos == "left"){
                        $("#point_roseDivIMG#id#.point_rose_div_img").css("float","right");
                        $("#point_roseIMG#id#.point_rose_img").css("margin-left","15px");
                    } else {
                        //aucune modification nécessaire
                    }
                // Position Texte
                    if (srcImgleg_pos == "right") {
                        $("#point_roseState#id#.point_rose_state").css("text-align","left");
                    } else if (srcImgleg_pos == "left"){
                        $("#point_roseState#id#.point_rose_state").css("text-align","right");
                    } else if (srcImgleg_pos == "low"){
                        //aucune modification nécessaire
                    }
        }
        jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'}); 
</script>
</div>
<style> 
span.point_rose_img {
    height: 80px;
    }
span.point_rose_div_img {
    margin-left: 5px;
    position:relative;
    height: 64px;
    width: 62px;
    float:left;
    }  
span.point_rose_state {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 5px;
    display: block;
    }
</style>
Dis-moi ce que ça donne.

Au fait, j'ai fait toutes les images de la girouette, comment veux-tu que je te les transfère?
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
JAG
Actif
Messages : 597
Inscription : 21 mai 2016, 11:10

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

Message par JAG » 22 sept. 2019, 13:50

Envoi en privé et je les ajoute




Envoyé de mon iPhone en utilisant Tapatalk
Box : Jeedom Smart + Jeedom VM-Synology (avec Jeedom en beta)
Protocoles : Z-wave - RFXcom - Hue - Bluetooth - Xiaomi
Mon Matériel
Widgets développés

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 22 sept. 2019, 14:02

Impossible de mettre plus de 3 images ni d'envoyer d'archive.
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
mich0111
Timide
Messages : 460
Inscription : 25 juin 2019, 13:59

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

Message par mich0111 » 22 sept. 2019, 14:08

JAG a écrit :
22 sept. 2019, 13:50
Envoi en privé et je les ajoute




Envoyé de mon iPhone en utilisant Tapatalk
Message parti.
Que donne le code? Toujours bizarre?
Pourtant ça marche très bien chez moi.
Jeedom V4 DIY
RPI3B+
SSD
RFXCOM version XL
Contrôleur Z-Wave Z-stick Gen5
CronBee2
Et plus de 70 devices de toutes marques et toutes natures

Avatar de l’utilisateur
JAG
Actif
Messages : 597
Inscription : 21 mai 2016, 11:10

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

Message par JAG » 22 sept. 2019, 14:19

Je regarde qd je suis devant le mac et je te dis


Envoyé de mon iPhone en utilisant Tapatalk
Box : Jeedom Smart + Jeedom VM-Synology (avec Jeedom en beta)
Protocoles : Z-wave - RFXcom - Hue - Bluetooth - Xiaomi
Mon Matériel
Widgets développés

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités