Affichage texte suivant valeur

Utilisation du core de Jeedom Widgets
1

Bonjour,

Je cherche à faire un widget concernant le statut de mon NAS (via une valeur numérique récupérée via SNMP) et d’avoir un affichage centré à droite dans une box de 370px de large (pour une vue sur mobile).

Lorsque j’enlève la partie script, j’ai bien les valeurs 1/2/3 à droite et la box de 370px de large. Quand je remets la partie script avec les conditions, j’ai bien les valeurs « Normal » / « Failed » mais le texte n’est plus centré sur la droite et la taille de police est différente en fonction des valeurs.

image

Je galère depuis hier et je n’arrive pas à trouver la cause de mon erreur. Si une ame charitable pouvait y jet un oeil :slight_smile:

<div class="cmd cmd-widget #history#" data-type="info" data-subtype="numeric" data-template="default" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">

<div class="widget-container">
<span class="cmdName #hide_name#">#name_display#</span>#name# #state#<strong class="state#id#"></strong>
</div>
 	
<style>
  .widget-container{
  	width: 370px;
    text-align: right;
} 

</style>
  
<script>

      jeedom.cmd.update['#id#'] = function(_options){
       var valeur = _options.display_value;
       if (valeur == 1) {
            $('.cmd[data-cmd_uid=#uid#]').text("Normal");
        } else if (valeur == 2) {
            $('.cmd[data-cmd_uid=#uid#]').text("Failed");
        } else if (valeur == 3) {
            $('.cmd[data-cmd_uid=#uid#]').text("Essai");
        } else {
            $('.cmd[data-cmd_uid=#uid#]').text("Unknown");
        } 
        
	  $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
      }
     jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'}); </script>
</div>