widget pour plugins mode

[maxredphenix]

Ah pas mal du tout.
Je vais tester directe en arrivant ce soir

Merci

[JAG]

Salut
Cool

Mais arrive-tu a le faire le fonctionner avec le plugin Mode
C’est sur cela que je bloque et c’est pour ça que je ne l’ai pas finaliser
Merci de ton retour


Envoyé de mon iPhone en utilisant Tapatalk

[Nicoraptor]

Salut
Cool

Mais arrive-tu a le faire le fonctionner avec le plugin Mode
C’est sur cela que je bloque et c’est pour ça que je ne l’ai pas finaliser
Merci de ton retour

Oui je l'ai essayer cette nuit sur le plugin Mode, et il fonctionne ... Ah mon avis, il fonctionne sur n'importe quelle info "autre" (ou même numérique). Il faut juste lui mettre en paramètre optionnel le nom du mode associer.

Donc pour résumé: Si j'ai un équipement Mode appelé "activité" avec 3 état ("actif", "inactif", "absent").
Dans l'équipement - configuration avancée - roue crantée du mode - choisir le widget
Avec les paramètres optionnel: - dossier = activité (le dossier ou sera placé les images png. Par défaut: "mode")
(ex: scr:plugins/widget/core/template/dashboard/cmd.info.string.NR-Mode3/activité)
- mode1 = actif (par défaut: "Mode 1)
- mode2 = inactif (par défaut: "Mode 2)
- mode3 = absent (par défaut: "Mode 3)

Attention, par défaut, le nom du fichier image est celui du mode. Donc ici, les images doivent se trouver dans le dossier "activité"
avec comme nom de fichier "actif.png", "inactif.png", "absent.png"

Attention, sensible à la case et au caractère

Il y a aussi les paramètres optionnel pour le nom du fichier:
- logo0 à 10 = le nom du fichier que vous voulez sans l’extension .png (donc ici, si le ficher pour le mode1
s'appelle "imgactif01.png. Il faudra mettre l'option logo1 = imgactif01)

Autre paramètre optionnel:
- time = "duree", "date" ou "heure". Pour affiché le temps du dernier changement
- position = laisser vide. Pour afficher la valeur du mode (chez moi, j'ai changé le "position" en "valeur")
- hauteur : en pxl (par défaut : 80)
- largeur : en pxl (par défaut : 80)

NB: Je pensais le modifié un peu pour intégré le logo d'erreur si la valeur n'est pas correcte. Comme dans beaucoup de widget de @JAG.


Edit: Je pensais faire un autre widget du même type mais sans les modes et les paramètre optionnel associer.
Du style, simplement afficher l'image qui correspond à la valeur de l'info.
Donc si la valeur est "présent", afficher l'image "présent.png" du dossier du widget. Pour s'affranchir des options assez rébarbatif et répétitif.

[Nicoraptor]

Ah pas mal du tout.
Je vais tester directe en arrivant ce soir

Merci

S'il te faut de l'aide pour le mettre en service. Fait signe

[JAG]

Salut,

je suis en train de tester sous le core V4,

Il faut juste que tu modifie la ligne de l'historique

Code : Tout sélectionner

<div style="#displayHistory# font-size: 0.8em;">

par

Code : Tout sélectionner

<div class="cmdStats #hide_history#" style="#displayHistory# font-size: 0.8em;">

J'essaye de le faire fonctionner avec le plugin Mode, mais je ne comprend pas trop comment tu dois le configurer. Je vais relire ton post et je reviens vers toi

Bonne soiree

[Nicoraptor]

Re salut,
je viens de changer la ligne historique
C'est pour la compatibilité avec le core V4?

[Nicoraptor]

Petit tuto rapide sur un équipement Mode

Au départ, un équipement Mode (je reprends l'exemple plus haut)

modeactivité01.png (7.14 Kio) Consulté 3034 fois

Dans la config avancé, il y a les 5 lignes de commandes. La première est l'info autre du mode (sa valeur) en texte. Celle qui nous intéresse.
les autres, sont des commandes actions en forme de bouton sur l'équipement

modeactivité02.png (58.8 Kio) Consulté 3034 fois

Dans la config de l'info ([maison][activité][mode]), choisir le widget mode et configuré les paramètres optionnels.

modeactivité03.png (60.31 Kio) Consulté 3034 fois

Donc ici, si le mode est "actif" le widget affichera l'image "actif.png" du dossier "activité" du widget

Info1: on aurai pu mettre mode7 = actif // mode8 = inactif // mode9 = absent. Les options mode0 à mode10 sont les valeurs texte attendue par le widget. Attention de bien respecter les minuscules, maj, et espace. Sensible à la case.
Par défaut, mode1 = "Mode 1" // mode10 = "Mode 10"

Info2: L'option dossier, sert à indiquer dans quelque dossier, du widget, il ira chercher les images. Par défaut, c'est le dossier "mode"
plugins/widget/core/template/dashboard/cmd.info.string.NR-Mode3/activité

Info3: par défaut le nom du mode égale le nom du fichier (mode actif, donc actif.png // mode PRéSenT, donc PRéSenT.png.
Avec la possibilité d'indiqué le nom des fichiers avec l'option logo0 à logo10.
ex. option mode6 = Présent et logo6 = imgpresence. Donc quand le statut du mode passera à "Présent", il ira chercher le fichier "imgpresence.png"

Info4: option complémentaire
- time : "duree", "date" ou "heure" pour afficher la durée, la date/heure ou l'heure du dernier changement d'état.
- position : "à laisser vide" pour affiché la valeur du mode (chez moi, je l'ai changé "position" en "valeur"


J'espère avoir été assez claire dans les explications. Au besoin, n'hésitez pas


Bonne chance

[Nicoraptor]

Suite du mini tuto

Le dossier du widget

widget01.png (65.75 Kio) Consulté 3029 fois

Et le résultat

modeactivité04.png (19.39 Kio) Consulté 3029 fois

[JAG]

Re salut,
je viens de changer la ligne historique
C'est pour la compatibilité avec le core V4?

Oui c’est juste pour activer l historique

Merci pour le Tuto
Bonne soirée


Envoyé de mon iPhone en utilisant Tapatalk

[Nicoraptor]

Merci pour le Tuto
Bonne soirée

De rien normal d'aider quand c'est possible.

Tu vas le peaufiner et le publier???

[JAG]

Merci pour le Tuto
Bonne soirée

De rien normal d'aider quand c'est possible.

Tu vas le peaufiner et le publier???

Comme tu veux pour le publier, je l ai déjà en bêta mais pas aussi évoluer.
Je veux le tester à fond sur la v4 pour ne pas avoir de pb lors de la sortie de cette version.
Si je le publie je le mettrai sur mon GitHub et après je le partagerai
Je vais voir pour intégrer l image de défaut que je mets dans tous mes widgets info





Envoyé de mon iPhone en utilisant Tapatalk

[Nicoraptor]

Comme tu veux pour le publier, je l ai déjà en bêta mais pas aussi évoluer.
Je veux le tester à fond sur la v4 pour ne pas avoir de pb lors de la sortie de cette version.
Si je le publie je le mettrai sur mon GitHub et après je le partagerai
Je vais voir pour intégrer l image de défaut que je mets dans tous mes widgets info

oki oki ... C'est normal, c'est ton boulot. Je n'ai fais que du copier/coller lol

Je pense quand gardant ton principe de base pour le défaut (if ; else if ; else) ca devrai fonctionner sans problème

Il devrait servir à pas mal de monde celui la

[JAG]

Tu as fait le plus dur du boulot


Par manque de temps, je n’avais pas finaliser mon code

J’ai préféré faire la doc de mes widgets et cela prend beaucoup beaucoup beaucoup de temps

Et surtout les rendre entièrement compatible avec le CORe v4
J y regarderai ce week-end


Envoyé de mon iPhone en utilisant Tapatalk

[maxredphenix]

Ah pas mal du tout.
Je vais tester directe en arrivant ce soir

Merci

S'il te faut de l'aide pour le mettre en service. Fait signe

Merci pour la proposition.
Du coup suite prb perso c remporté à ce week end, mais au final pas si mal car tu as faut un super tuto

[JAG]

Salut à tous,

je viens de le finaliser "icon_mode", il est dispo sur le market en beta
Par contre, il ne fonctionne pas pour l'instant en v4, il y a encore un bug, il faut que je le trouve
Pour la doc
https://jealg.github.io/JEEDOM-Widget_J ... _Mode.html

bon dimanche à tous

[Wink]

Salut à tous,

Tout d'abord merci et bravo pour ce boulot !
J'ai installé le widget en version beta (je n'ai pas le core en version beta), et je n'arrive pas à afficher les images correspondant aux modes sélectionnés, je n'ai que l'erreur.

Ci-joints les screenshots de ma configuration, pouvez-vous y jeter un oeil et me dire ce que j'ai fait de travers svp ?
Sachant que :
- dans le code du widget, j'ai juste renommé "Mode 0" etc. par le nom de mes modes, donc "Confort", "Eco", etc.
- j'ai également renommé les images pour que cela corresponde aux noms des modes

Merci par avance !

[Wink]

Et voilà le résultat :

[Antoinekl1]

Il y a eu des changements avec la dernière maj du plugin Mode du 14/08

viewtopic.php?f=29&t=47054&p=756739#p756739

[Wink]

Ok merci je vais essayer de modifier le code pour les conditions IF et l’application de la valeur

[Wink]

Je suis désolé mais dans le code du widget je ne vois pas où modifier ce que tu indiques...

Le code :

Code : Tout sélectionner

<div style="padding:0;min-width:90px;min-height:100px;" class="cmd #history# tooltips cmd-widget #displayHistory#" data-type="info" data-subtype="other" 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 20190623 : Création et optimisation
		Info					: Merci à @Salvialf pour la duréee et @Nicoraptor pour le code pour récupérer valeur Mode
	-->
    <div class="title #hide_name#">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
        <div class="content-sm ">
            <span class="iconCmd#id#"></span>
    </div>
    <!-- Historique -->
        <div class="cmdStats #hide_history#" style="#displayHistory# font-size : 10px;">
            <span title="Min" class="tooltips">#minHistoryValue##unite#</span>|<span title="Moy" class="tooltips">#averageHistoryValue##unite#</span>|<span title="Max" class="tooltips">#maxHistoryValue##unite#</span> <i class="#tendance#"></i>
        </div>
    <!-- Durée -->
        <div style="font-weight: bold;font-size : 10px;">
            <span class="timeCmd#id#" ></span>
        </div>

    <script>
   var iconUpdate#uid# = function (state) {
        // Valeur par mode
                var mode0               = ('#mode0#' !='#'+'mode0#') ? "#mode0#":"Confort";
                var mode1               = ('#mode1#' !='#'+'mode1#') ? "#mode1#":"Eco";
                var mode2               = ('#mode2#' !='#'+'mode2#') ? "#mode2#":"OFF";
                var mode3               = ('#mode3#' !='#'+'mode3#') ? "#mode3#":"Programmation";
                var mode4               = ('#mode4#' !='#'+'mode4#') ? "#mode4#":"Mode 4";
                var mode5               = ('#mode5#' !='#'+'mode5#') ? "#mode5#":"Mode 5";
                var mode6               = ('#mode6#' !='#'+'mode6#') ? "#mode6#":"Mode 6";
                var mode7               = ('#mode7#' !='#'+'mode7#') ? "#mode7#":"Mode 7";
                var mode8               = ('#mode8#' !='#'+'mode8#') ? "#mode8#":"Mode 8";
                var mode9               = ('#mode9#' !='#'+'mode9#') ? "#mode9#":"Mode 9";
                var mode10              = ('#mode10#' !='#'+'mode10#') ? "#mode10#":"Mode 10";
      
       // Image par mode
                var srcImglogoM0        = ('#logo0#' !='#'+'logo0#') ? "#logo0#":mode0;
                var srcImglogoM0_T      = ('#logo0_type#'!='#'+'logo0_type#') ? "#logo0_type#" : "png";
                var srcImglogoM1        = ('#logo1#' !='#'+'logo1#') ? "#logo1#":mode1;
                var srcImglogoM1_T      = ('#logo1_type#'!='#'+'logo1_type#') ? "#logo1_type#" : "png";
                var srcImglogoM2        = ('#logo2#' !='#'+'logo2#') ? "#logo2#":mode2;
                var srcImglogoM2_T      = ('#logo2_type#'!='#'+'logo2_type#') ? "#logo2_type#" : "png";
                var srcImglogoM3        = ('#logo3#' !='#'+'logo3#') ? "#logo3#":mode3;
                var srcImglogoM3_T      = ('#logo3_type#'!='#'+'logo3_type#') ? "#logo3_type#" : "png";
                var srcImglogoM4        = ('#logo4#' !='#'+'logo4#') ? "#logo4#":mode4;
                var srcImglogoM4_T      = ('#logo4_type#'!='#'+'logo4_type#') ? "#logo4_type#" : "png";
                var srcImglogoM5        = ('#logo5#' !='#'+'logo5#') ? "#logo5#":mode5;
                var srcImglogoM5_T      = ('#logo5_type#'!='#'+'logo5_type#') ? "#logo5_type#" : "png";
                var srcImglogoM6        = ('#logo6#' !='#'+'logo6#') ? "#logo6#":mode6;
                var srcImglogoM6_T      = ('#logo6_type#'!='#'+'logo6_type#') ? "#logo6_type#" : "png";
                var srcImglogoM7        = ('#logo7#' !='#'+'logo7#') ? "#logo7#":mode7;
                var srcImglogoM7_T      = ('#logo7_type#'!='#'+'logo7_type#') ? "#logo7_type#" : "png";
                var srcImglogoM8        = ('#logo8#' !='#'+'logo8#') ? "#logo8#":mode8;
                var srcImglogoM8_T      = ('#logo8_type#'!='#'+'logo8_type#') ? "#logo8_type#" : "png";
                var srcImglogoM9        = ('#logo9#' !='#'+'logo9#') ? "#logo9#":mode9;
                var srcImglogoM9_T      = ('#logo9_type#'!='#'+'logo9_type#') ? "#logo9_type#" : "png";
                var srcImglogoM10       = ('#logo10#' !='#'+'logo10#') ? "#logo10#":mode10;
                var srcImglogoM10_T     = ('#logo10_type#'!='#'+'logo10_type#') ? "#logo10_type#" : "png";
     
      // Paramétrage des images
                var srcFolder           = ('#dossier#'!='#'+'dossier#') ? "#dossier#" : "NULL";
            if (srcFolder == 'NULL') {
                var srcImgURL           = "plugins/widget/core/template/dashboard/cmd.info.string.Icon_Mode/";
            } else {
                var srcImgURL           = "plugins/widget/core/template/dashboard/cmd.info.string.Icon_Mode/"+srcFolder+'/';
            };
        // Paramètre "sizehw" : à déclarer en pixels - 80 maxi
                var srcImgHeight        = (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;
                var srcImgWidth         = (is_numeric('#sizew#')) ? parseFloat('#sizew#') : 80;
                var srcImgSize          = 'height='+srcImgHeight+'px width='+srcImgWidth+'px';
       // Paramètrage du logo pour Erreur
                var srcImglogoER        = ('#logoER#'!='#'+'logoER#') ? "#logoER#": "oups";
                var srcImglogoER_T      = ('#logoER_type#'!='#'+'logoER_type#') ? "#logoER_type#": "png";        
        // Variable pour Update
                var srcPictureID;
          		var srcPictureID_T;
      
        $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty();
            if (state == mode0) {
                srcPictureID	= srcImglogoM0;
                srcPictureID_T	= srcImglogoM0_T;
            } else if (state == mode1) {
                srcPictureID	= srcImglogoM1;
                srcPictureID_T	= srcImglogoM1_T;
            } else if (state == mode2 ) {
                srcPictureID	= srcImglogoM2;
                srcPictureID_T	= srcImglogoM2_T;
            } else if (state == mode3) {
                srcPictureID	= srcImglogoM3;
                srcPictureID_T	= srcImglogoM3_T;
            } else if (state == mode4) {
                srcPictureID	= srcImglogoM4;
                srcPictureID_T	= srcImglogoM4_T;
            } else if (state == mode5) {
                srcPictureID	= srcImglogoM5;
                srcPictureID_T	= srcImglogoM5_T;
            } else if (state == mode6) {
                srcPictureID	= srcImglogoM6;
                srcPictureID_T	= srcImglogoM6_T;
            } else if (state == mode7) {
                srcPictureID	= srcImglogoM7;
                srcPictureID_T	= srcImglogoM7_T;
            } else if (state == mode8) {
                srcPictureID	= srcImglogoM8;
                srcPictureID_T	= srcImglogoM8_T;
            } else if (state == mode9) {
                srcPictureID	= srcImglogoM9;
                srcPictureID_T	= srcImglogoM9_T;
            } else if (state == mode10) {
                srcPictureID	= srcImglogoM10;
                srcPictureID_T	= srcImglogoM10_T;
            } else {
                srcPictureID	= srcImglogoER;
                srcPictureID_T	= srcImglogoER_T;
            }
        
        $('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img src="'+srcImgURL+ srcPictureID +'.'+ srcPictureID_T +'" '+srcImgSize+'>');
        }
      
	jeedom.cmd.update['#id#'] = function(_options){
		$('.cmd[data-cmd_uid=#uid#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
		iconUpdate#uid#(_options.display_value);
            // Affichage durée changement dernier etat
                var srcImglogoTime		= '#logoTime#';
            // Derniere durée changement dernier etat
                //Merci @Salvialf pour le code
                if (srcImglogoTime == "duree") {
                    jeedom.cmd.displayDuration(_options.valueDate, $('.cmd[data-cmd_id=#id#] .timeCmd#id#'));
                } else if (srcImglogoTime == "date") {
                    var srcdate     = new Date(_options.valueDate);
                    var srcformat   = $.datepicker.formatDate('D dd/mm', srcdate);
                    var srctime     = "à "+srcdate.getHours()+":"+(srcdate.getMinutes()<10?'0':'')+srcdate.getMinutes();
                    $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(srcformat+'<br>'+srctime);
                } else if (srcImglogoTime == "heure") {
                    var srcdate     = new Date(_options.valueDate);
                    var srctime     = "à "+srcdate.getHours()+":"+(srcdate.getMinutes()<10?'0':'')+srcdate.getMinutes()+":"+(srcdate.getSeconds()<10?'0':'')+srcdate.getSeconds()+"";
                    $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(srctime);
                };
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>