Aide sur widget v4.4.5

[Furaxworld]

Salut,
A tester

<div class="cmd cmd-widget #history#" data-type="info" data-subtype="numeric" data-template="tile" data-cmd_id="#id#"
  data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <!--
	  Name: cmd.info.numeric.thermometer.html
    Jeedom Compatibility: v4.4.5
  -->
  <div class="title #hide_name#">
  </div>
  <div class="content">
    <div class="left"></div>
    <div class="right">
      <div class="valDetail">
        <span class="value state"></span>
        <br>
        <span class="unit"></span>
        <div class="cmdName">#name_display#</div>
        
      </div>
      <div class="cmdStats #hide_history#">
        <span title="{{Minimum}}" class="tooltips">Min : #minHistoryValue#</span>
        <span title="{{Moyenne}}" class="tooltips">Moy : #averageHistoryValue#</span>
        <span title="{{Maximum}}" class="tooltips">Max : #maxHistoryValue#</span>
        <span class="tendance" title="{{Tendance}}" class="tooltips">Tendance : <i class="#tendance#"></i></span>
      </div>
    </div>
  </div>
  <div class="timeCmd label label-default #history#" data-type="info"></div>
  <template>
    <div>time : duration|date ({{Affiche durée ou date de la valeur}})</div>
  </template>
  <style>
    div.cmd.cmd-widget[data-cmd_id="#id#"][data-type="info"][data-subtype="numeric"][data-template="tile"] .state {
      font-size: 1.2em !important;
      
    }

    [data-cmd_id="#id#"] .cmd-widget {
      width: 120px;
      display: block !important;
    }

    [data-cmd_id="#id#"] .content {
      display: block !important;
      padding: 10px;
      width: 120px;
      height: 105px;
    }

    [data-cmd_id="#id#"] .left {
      float: left;
    }

    [data-cmd_id="#id#"] .right {
      text-align: left;
      padding-left: 35px;
    }

    [data-cmd_id="#id#"] .valDetail {
      padding-bottom: 2px;
      text-align: center !important;
      width: 100px !important; 
    }

    [data-cmd_id="#id#"] .valDetail span.value {
      font-size: 15px !important;
    }

    [data-cmd_id="#id#"] .cmdStats span {
      display: block;
    }

    [data-cmd_id="#id#"] .tendance {
      padding-top: 5px;
    }
  </style>
  <script>
    jeedom.cmd.addUpdateFunction('#id#', function (_options) {
      if (is_object(cmd = document.querySelector('.cmd[data-cmd_uid="#uid#"]'))) {
        cmd.querySelector('.content').setAttribute('title', '{{Date de valeur}}: ' + _options.valueDate + '<br>{{Date de collecte}}: ' + _options.collectDate)
        if ('#time#' == 'duration' || '#time#' == 'date') {
          jeedom.cmd.displayDuration(_options.valueDate, cmd.querySelector('.timeCmd'), '#time#')
        }

        if (is_numeric(_options.value)) {
          cmd.querySelector('.value').innerHTML = _options.display_value
          cmd.querySelector('.unit').innerHTML = _options.unit
        } else {
          cmd.querySelector('.value').innerHTML = '<span class="label label-danger">' + _options.value + '</span>'
        }

        if (_options.alertLevel == 'warning') {
          cmd.querySelector('.value').innerHTML = '<span class="label label-warning"><i class="fas fa-bell"></i> ' + _options.value + '</span>'
        } else if (_options.alertLevel == 'danger') {
          cmd.querySelector('.value').innerHTML = '<span class="label label-danger"><i class="fas fa-exclamation"></i> ' + _options.value + '</span>'
        }

        let valeur = (parseFloat(_options.display_value).toFixed(1) - parseInt(_options.display_value)) === 0 ? parseInt(_options.display_value) : parseFloat(_options.display_value).toFixed(1);

        if (valeur <= 0) {
          imgNumber = '00';
        } else if (valeur > 0 && valeur <= 5) {
          imgNumber = '01';
        } else if (valeur > 5 && valeur <= 10) {
          imgNumber = '02';
        } else if (valeur > 10 && valeur <= 13) {
          imgNumber = '03';
        } else if (valeur > 13 && valeur <= 16) {
          imgNumber = '04';
        } else if (valeur > 16 && valeur <= 18) {
          imgNumber = '05';
        } else if (valeur > 18 && valeur <= 20) {
          imgNumber = '06';
        } else if (valeur > 20 && valeur <= 22) {
          imgNumber = '07';
        } else if (valeur > 22 && valeur <= 24) {
          imgNumber = '08';
        } else if (valeur > 24 && valeur <= 26) {
          imgNumber = '09';
        } else if (valeur > 26 && valeur <= 28) {
          imgNumber = '10';
        } else if (valeur > 28 && valeur <= 34) {
          imgNumber = '11';
        } else {
          imgNumber = '12';
        }
        cmd.querySelector('.left').innerHTML = '<img src="data/img/thermometer' + imgNumber + '.png"></img>';
      }
    })

    jeedom.cmd.refreshValue([{ cmd_id: '#id#', value: '#value#', display_value: '#state#', valueDate: '#valueDate#', collectDate: '#collectDate#', alertLevel: '#alertLevel#', unit: '#unite#' }])
  </script>
</div>