Prb avec widget CODE en V4 dans design

[Nemeraud]

Bonjour à tous

j’ai revus les widgets suite à ma migration V3, V4

J’ai 3 widgets sur le même principe dont celui ci, qui marchent très bien sur le dashboard ou vue mais pas dans le design (les 3)

si vous avez une idée du problème

<div style="min-width:130px;" class="cmd cmd-widget #history#" data-type="info" data-subtype="numeric" data-template="VentHisto" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <div class="title #hide_name#">
    <div  class="cmdName">#name_display#</div>
  </div>
  <div style="text-align:center;">
  	<div id="thermometreDivIMG#id#" class="thermometre_div_img">
        <span class="thermometre_img" id="thermometreIMG#id#"></span>
    </div>
  	<div>
    	<span class="thermometre_state" id="thermometreState#id#"></span>
          <span class="thermometre_unite" id="thermometreUnite#id#">#unite#</span><br/>
      	<!-- A activer si vous voulez avoir les statistiques -->
       	<div>
          <span lass="#hide_history#" style="line-height:10px;font-size: 0.7em;font-weight: bold;display: inline-block;text-align: justify;#displayHistory#">
            <span title="Min" class="tooltips left">Min : </span><span style="float:right;">#minHistoryValue# #unite#</span><br/>
            <span title="Moyenne" 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>
          </span>
      	</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)

     /* Attributs list :
     		- position : 	position of the icon you want : left or right, by default : left
			- heightImage : 	height in pixel of image to show default is 90
            - widthImage : 	width in pixel of image to show default is 90
            - fontsizeState : state font size in px or em, default : 2em
            - fontsizeUnite : unite font size in px or em, default : 1em

            - oneLine : display State and Unite on the same line
     */                      
     		var imgWidth;
            if (!isNaN(parseFloat("#widthImage#"))) {
              imgWidth = "#widthImage#";
            } else {
              imgWidth = "25";
            }
              
	var Tvalue = parseFloat(_options.display_value).toFixed(1); 
    $('.cmd[data-cmd_id=#id#] .thermometre_state').empty().append(Tvalue);  
    $("#thermometreIMG#id#").empty();    
              
            if (Tvalue <= 15) {
            	$("#thermometreIMG#id#").append("<img style='width:" + imgWidth + "px;' src='data/customTemplates/dashboard/cmd.info.numeric.ThermometreHisto/TempBleu.png' class='thermometre_img' id='thermometre#id#'/>");
            }
            else if (Tvalue > 15 && Tvalue <= 23) {
                $("#thermometreIMG#id#").append("<img style='width:" + imgWidth + "px;' src='data/customTemplates/dashboard/cmd.info.numeric.ThermometreHisto/TempOrange.png' class='thermometre_img' id='thermometre#id#'/>");
            }
          	else {
            	$("#thermometreIMG#id#").append("<img style='width:" + imgWidth + "px;' src='data/customTemplates/dashboard/cmd.info.numeric.ThermometreHisto/TempRouge.png' class='thermometre_img' id='thermometre#id#'/>");
        	}

                      }
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});

    </script>
</div>
<style>
 
[data-cmd_id="#id#"] .thermometre_img {
  	margin-top: -17px;
  }

[data-cmd_id="#id#"] .thermometre_div_img {
    margin-left: 5px;
    margin-top: 5px;
	position:relative;
  	height: 64px;
  	width: 62px;
	float:left;
  }
   
[data-cmd_id="#id#"] .thermometre_state {
  	font-size: 2em;
    font-weight: bold;
  	margin-top: 15px;
  	display: block;
  }

[data-cmd_id="#id#"] .thermometre_unite {
  	font-size: 1em;
    font-weight: bold;
  	margin-top: 5px;
  	display: block;  
  }

</style>

[Salvialf]

Salut @Nemeraud,

A priori ce genre de widgets semble pouvoir être réalisé via le menu Outils/Widgets à l’aide d’un template multistate non ?

[Nemeraud]

je sais pas, pour avoir la partie historique, max, min, moyenne

[Salvialf]

Les template du menu Outils/widgets c’est du core donc ça prend en compte les statistiques.

Il faut juste bien veiller à activer l’affichage des statistiques en cochant la case Afficher les statistiques sur les widgets dans Réglages->Système->configuration => onglet Commandes.

Edit: Il manque un c à class ici:

<span class=« #hide_history# » style="line-height:10px;

[Nemeraud]

j’ai bien cette option de cochée mais dans le template, comme tu fais mettre le code de l’histo ?

merci pour la correction du ‹ class ›, ca ne change pas le prb d’affichage

[Salvialf]

Sur un widget core y’a pas de code à ajouter pour l’historique, il suffit de cocher la case Afficher les statistiques dans les paramètres de la commande onglet Affichage.

Si vraiment tu veux le faire en widget code, les statistiques sont gérées de cette manière sur les widgets en V4:

<div class="cmdStats #hide_history#">
  <span title='{{Min}}' class='tooltips'>#minHistoryValue#</span>|<span title='{{Moyenne}}' class='tooltips'>#averageHistoryValue#</span>|<span title='{{Max}}' class='tooltips'>#maxHistoryValue#</span> <i class="#tendance#"></i>
</div>

jeedom/core/blob/alpha/core/template/dashboard/cmd.info.numeric.default.html

[Nemeraud]

oui, tu as raison pour le multistat, ca fonctionne mais il affiche l’histo sur une liste en dessous, je voulais garder l’affichage avec toutes les infos à droite de l’image

je test ton code, merci

[Nemeraud]

j’ai essayé plein de truc mais impossible d’avoir qqchose de propre dans le design
j’ai donc dupliqué les commandes et mis un widget multi dans le design et gardé l’autre dans les vues

j’ai un soucis avec ton plugin Digital_Clock_Vue, j’ai peut être loupé un truc, mais depuis la V4, dans les vues il est OK mais dans là aussi dans le design, il m’affiche « undefinet » ?

[Salvialf]

T’as pris les fichiers V4 ?

ça me fais penser qu’il faut lui faire un sujet sur ce forum

[Nemeraud]

Oui j’ai bien pris celui du post de l’ancien forum et je me suis aussi dit qu’il faudrait le copier sur le nouveau forum

[Nemeraud]

PS : tu as eu le temps de te faire ma femme de ménage ?

[Salvialf]

Ne me tente pas aux vannes graveleuses

J’ai pu l’attraper au détour d’un couloir en mode DSK, ça donne ça ça te convient ?

[Nemeraud]

très bien merci beaucoup

[Nemeraud]

Pour le plugin de l’heure, si je mets l’équipement, ca marche, mais que la commande, j’ai « undefined »

le soucis, c’est que l’on ne peut pas enlever le bandeau de la vignette quand tu mets l’équipement ?

[Salvialf]

Effectivement on m’avait déjà fait la remontée en ne sélectionnant que la commande mais je n’ai pas regardé plus loin car de toute façon la commande de l’horloge est seule dans le virtuel.

C’est le titre que tu appelles le « bandeau de la vignette » ?

Parce que chez moi c’est comme en V3:

[Nemeraud]

j’ai bien la commande seule dans un virtuel, mais quand j’affiche l’équipement, il met le titre de l’équipement en haut

[Salvialf]

ça disparait en cochant la case Masquer le nom dans les paramètres d’affichage

[Nemeraud]

je viens juste de le faire

ca marche comme ca, merci

[Salvialf]

En prévision et pour info: Si tu veux modifier la couleur du texte penses bien à décocher la case défaut sinon ce n’est pas pris en compte.