Jeedom 4.4 Widget Consigne_Thermostat (Action/Curseur)

[pirracas77]

Je pense que ce widget a cessé de fonctionner correctement dans la version 4.4.
Le texte défilé apparaît

[ffp17]

Bonjour,
J’ai le même problème avec ce widget suite au passage en 4.4 sur debian 10.
Si @Salvialf passe par ici

[ffp17]

Je viens de trouver que @Salvialf demande, pour toute demande, à ce que le sujet soit placer dans la catégorie Widgets
Je pense qu’il faudrait recatégoriser le sujet pour aider à trouver une solution.

[Salvialf]

Probleme alignement aiguille Widget

Salut, Je vais essayer de faire le tour de mes widgets ce weekend (avec une bonne marmite de café )

[ffp17]

Merci beaucoup, faut investir dans une machine à grain automatique, sur la quantité tu seras gagnant

[Thony]

Il semblerait que la marmite n’est pas suffit… va falloir envisager quelque chose de plus costaud !

[Deder]

J’ai également eu le même problème avec ce widget, je l’ai résolu en mettant : style=« display:block;flex-direction:row; » dans la première ligne du <div du code du widget.

[ffp17]

En effet, cela fonctionne pour moi. Merci

[Thony]

Merci Deder,
Dans mon cas ca ne fonctionne qu’à moitié. En effet c’est peut être du au fait que je l’utiliser dans un tableau, mais le + et le - se met toujours en dessous… Et je ne comprends pas pourquoi.

Edit : Meme si je sors du mode tableau, j,ai toujours les boutons + et - en dessous. Pourriez vous partager l’integralité de votre code afin que je compare ?

D’avance merci

[Noyax37]

@Deder

J’ai également eu le même problème avec ce widget, je l’ai résolu en mettant : style=« display:block;flex-direction:row; » dans la première ligne du <div du code du widget.

Merci, ça fonctionne pour moi

@Thony

mais le + et le - se met toujours en dessous

Chez moi aussi le + et le - sont l’un au dessus de l’autre mais c’était déjà comme ça avant.

[Thony]

C’est que je me suis mal exprimé alors. Les boutons + et - sont sous l’affichage de la température

[Noyax37]

Ah ok, chez moi après la modification proposée rien n’avait changé. J’ai dû aller dans la commande et re appliquer le widget.

[Deder]

A chaque modification du code d’un widget et faut sélectionner la tuile et faire Appliquer, les modification d’affichage ne se font pas instantanément.

[Thony]

Moi je vide le cache des widget et basta. Ca fonctionne trés bien ainsi

[JEJE8551]

Merciiiiii ça a résolu mon problème d’affichage.

[Deder]

Voici le code du widget, il a été adapté à mes besoins. Il y a quelques modifications par rapport au code d’origine.

<div style="display:block;flex-direction:row;"  class="cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
<!-- ########## Consigne Thermostat ##########
 ********* Paramètres Optionnels ********* 
 step = valeur du pas de chgt de valeur (0.5 par défaut) 
Icone thermomètre à gauche de la consigne et bouton + et - à droite
 ########## by @SALVIALF ;) ############# -->
   <template>
      	<div>[step] : valeur du pas de chgt de valeur (0.5 par défaut)</div>
   </template>
  
  <div class="title #hide_name#">
    <div class="cmdName">#name_display#</div>
  </div>
  <span id="thermo_icon"></span>
  <p id="displayConsigne" class="text-right">
    <span id="valeur#id#"></span>°C
   </p>
   <div id="boutons">
    <a class="btn-sm bt_plus"><i class="fas fa-2x fa-plus-square"></i></a>
     <br />
    <a class="btn-sm bt_minus"><i class="fas fa-2x fa-minus-square"></i></a>
   </div>
<style>
@font-face {
    font-family: "liquid";
  	src:	url("data/fonts/LiquidNormal.ttf") format("truetype");
}
 #thermo_icon { font-size:4em;}
 #displayConsigne { display:inline-block; width:85px; font-family:"liquid";}
 #valeur#id# { font-size:3.5em; }
 #boutons { display:inline-block; }
</style>  
  <script>
	var sbjs_Timer#id#;
                    
    /***** + *****/
	$('.cmd[data-cmd_id=#id#] .bt_plus').on('click', function () {
      var cmd = $('.cmd[data-cmd_uid=#uid#]')
      	var step = (isNaN(parseFloat('#step#'))) ?  0.5 : parseFloat('#step#');
      	cmd.find('#valeur#id#').text(parseFloat(parseFloat($('#valeur#id#').text()) + step ).toFixed(1) );
                   
		clearTimeout(sbjs_Timer#id#);
		sbjs_Timer#id# = setTimeout(sbjs_Save#id#, 1500);              
	});      
                         
	/***** - *****/
    $('.cmd[data-cmd_id=#id#] .bt_minus').on('click', function () {
      var cmd = $('.cmd[data-cmd_uid=#uid#]')
      	var step = (isNaN(parseFloat('#step#'))) ?  0.5 : parseFloat('#step#');
		cmd.find('#valeur#id#').text(parseFloat(parseFloat($('#valeur#id#').text()) - step ).toFixed(1) );
      
		clearTimeout(sbjs_Timer#id#);
		sbjs_Timer#id# = setTimeout(sbjs_Save#id#, 1500);
	});

    /***** Envoi de la nouvelle consigne *****/
	function sbjs_Save#id#() {
		jeedom.cmd.execute({ id: '#id#', value: { slider: parseFloat( $('#valeur#id#').text() ) }
        });
	}
    
    /***** MAJ Automatique *****/
    jeedom.cmd.update['#id#'] = function(_options){
      var cmd = $('.cmd[data-cmd_uid=#uid#]')
      cmd.find('#valeur#id#').text(parseFloat(_options.display_value).toFixed(1));
      
      if (_options.display_value < 17) {
          cmd.find('#thermo_icon').html('<i class="jeedom-thermo-froid"></i>');}
      	else if (_options.display_value <= 19) {
          cmd.find('#thermo_icon').html('<i class="jeedom-thermo-moyen"></i>');}
      	else if (_options.display_value <= 22) {
          cmd.find('#thermo_icon').html('<i class="jeedom-thermo-chaud"></i>');}
        else {
          cmd.find('#thermo_icon').html('<i class="jeedom-thermo-chaud"></i>');}
    }
    jeedom.cmd.update['#id#']({display_value:'#state#'});
  </script>
</div>