Problème de refresh sur commande information v3

[jabber]

Bonjour,
Actuellement sous Jeedom v3.3.53
j’essaye de créer un widget qui remonte l’information de consommation en numérique
mais la valeur ne s’actualise pas en temps réelle, obliger de refresh le navigateur ou changer de page de design.

Merci pour votre aide

Voici le code utilisé en txt

code.txt (3,3 Ko)

[Mips]

Bonjour, je te conseille de faire l’upgrade en v4 et de faire cela avec le nouvel outils widget du core en v4 directement.
Là il va y avoir pas mal de boulot pour y arriver pour de toute facon le refaire en v4 après.

[Salvialf]

Salut,

Il manque la fonction d’update auto dont les grandes lignes sont expliquées dans la doc V4 :
https://doc.jeedom.com/fr_FR/core/4.0/widgets#Mise%20à%20jour%20des%20valeurs

J’ai survolé ton code dans le bloc-note, tu ne peux pas utiliser le tag #state#. Le plus simple aurait été de partir de l’outil de création facile du plugin Widgets en V3 et ensuite adapter le CSS.

<div style="min-width:40px;min-height:20px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
    <center><span class="cmdName" style="font-weight: bold;font-size : 0.8em;width: 65px;height: 17px;overflow: hidden;position: relative;#hideCmdName#;" title="#name#">#name_display#</span></center>
    <div style="text-align:center;">
  	<div id="tempdifDivIMG#id#" > 
      <span class="tempdif_img" id="tempdifIMG#id#"></span> 
    </div> 
    <div style="text-align:center;">    
    <div id="tempdifState#id#" > 
      <span class="tempdif_state" id="tempdifState#id#"></span>
      <span class="tempdif_unite" id="tempdifUnite#id#">#unite#</span>
    </div>  
  </div>
   <script>

  jeedom.cmd.update['#id#'] = function(_options) {
      $('.cmd[data-cmd_id=#id#] .tempdif_state').empty().append(_options.display_value +' #unite#');
    }
    jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});

        	var imgHeight;
     		var imgWidth;
            if (!isNaN(parseFloat("#heightImage#"))) {
              imgHeight = "#heightImage#";
            } else {
              imgHeight = "40";
            }
            if (!isNaN(parseFloat("#widthImage#"))) {
              imgWidth = "#widthImage#";
            } else {
              imgWidth = "35";
            }
        
        	$("#tempdifIMG#id#").append("<img style='height:" + imgHeight + "px;width:" + imgWidth + "px;' src='plugins/widget/core/template/dashboard/cmd.info.numeric.conso_elec/eclair.png' class='tempdif_img' id='tempdif#id#'/>");
        	
          
          if ("#position#" == "right") {
            $("#tempdifDivIMG#id#.tempdif_div_img").css("float","right"); 
             $("#tempdifIMG#id#.tempdif_img").css("margin-right","15px");
          } else {
    	  	$("#tempdifDivIMG#id#.tempdif_div_img").css("float","left");
            $("#tempdifIMG#id#.tempdif_img").css("margin-left","15px");
          }
          if (typeof "#fontsizeState#" != "undefined" && "#fontsizeState#" != "2em") {
            $("#tempdifState#id#.tempdif_state").css("height","#fontsizeState#"); 
          }
          if (typeof "#fontsizeUnite#" != "undefined" && "#fontsizeUnite#" != "1em") {
            $("tempdifUnite#id#.tempdif_unite").css("height","#fontsizeUnite#"); 
          }
          if (typeof "#displayState#" != "undefined" && "#displayState#" != "block") {
            $("#tempdifState#id#.tempdif_state").css("display","#displayState#"); 
          }
           if (typeof "#oneLine#" != "undefined" && "#oneLine#" == "on") {
             if ("#position#" == "right") {
                //$("#tempdifState#id#.tempdif_state").css("margin-left","20px"); 
             	$("#tempdifUnite#id#.tempdif_unite").css("display","block");
             	$("#tempdifUnite#id#.tempdif_unite").css("margin-top","-25px");
             	$("#tempdifUnite#id#.tempdif_unite").css("margin-right","85px");
             } else {
                $("#tempdifState#id#.tempdif_state").css("margin-right","20px"); 
             	$("#tempdifUnite#id#.tempdif_unite").css("display","block");
             	$("#tempdifUnite#id#.tempdif_unite").css("margin-top","-25px");
             	$("#tempdifUnite#id#.tempdif_unite").css("margin-left","85px");
             }
           }
      </script>
</div>
<style>
 
span.tempdif_state {
  	margin-left: 20px;
  	font-weight: bold;
  	font-size: 2em;
  	margin-top: 0px;
  }

span.tempdif_unite {
  	font-size: 1em;
    font-weight: bold;
  	margin-top: 5px;
  	top: 22px;
  }

</style>

Pas testé et à peine lu donc pas sûr que ce soit suffisant en soi. Le conseil de @Mips est judicieux, la V4 devant arriver en version stable courant septembre.

[Jeandhom]

@Salvialf

la V4 devant arriver en version stable courant septembre.

Le scoop …

[Salvialf]

C’est ce qui a été annoncé aux devs début aout

[jabber]

@Salvialf

sion stable courant

Merci à vous quel buse j’avais oublié l’essentiel.
Les vacances ont fait mal
La v4 oui, mais faut du temps pour que je reprenne mes widgets. J’ai déjà testé sur une nouvelle installation et j’ai abandonné au vu du boulot. Je vis sans, sans problème

bonne soirée à vous et encore merci