Widget Led colorées en fonction d'une entrée numérique %

Bonjour à tous,

En v3, j’utilisais un widget qui allumait des leds de couleurs différentes en fonction de la valeur du % de batteries. C’était un widget Info/Numérique, et c’était ceci :

<div style="width:90px;min-height:40px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Batterie #name# #state#%">
     <center style="margin: 3px;">
       <span class='cmdName' style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</span></br>
       <span  style="font-size: 12px;font-weight: bold;" id="iconCmd#id#"></span>
   </center>
   <script>
  		var temp;
     	/* calcul du pourcentage de charge par rapport à la valeur max*/
     	temp = ( #state# * 100 ) / #maxValue#; 
     	temp = temp.toFixed(0); // On arrondit;
    
        if (temp > 75 && temp <= 100) {  //piles pleines
          $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_bleue.png" width="15"/>');
        }
        if (temp > 20 && temp <= 75) {
          $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_verte.png" width="15"/>');
      }
        if (temp > 0 && temp <= 20) {
            $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/Led_rouge.png" width="15"/>');

      }
        if (temp == 0) {//piles vides
            $('#iconCmd#id#').append('<img style="display: block;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Batterie_Led/LedRougeVide.gif" width="15"/>');
			
      }
    </script>
</div>

J’ai vu que Salviaf avait refait le sien mais basé sur des retours de texte de couleur « jaune », « vert », etc ici : [SALVIALF] Widget Leds Core_V4 (Info/Autre)

Mais je n’arrive pas à trouver son pendant pour un retour sur des valeurs numériques de %. Avez vous vu un code de ce genre? Ou bien, pouvez vous m’auguiller pour corriger le code de celui qui existait en v3, faut juste changer le chemin qui se trouve dans les lignes et qui est précédé par src=" ?

Merci d’avance

Bonjour,

Tu dois pouvoir reprendre celui de Salvialf mais en choisissant le type « Numérique » au lieu de « Autre » et en modifiant les tests sur les valeurs de #value# == « rouge » à #value# == 0 par exemple