Remplacement du plugin Widget

Utilisation du core de Jeedom Widgets
31

sinon utilise un simple widget code :

<div class="cmd cmd-widget cursor" data-type="action" data-subtype="other" data-template="tmplimg" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <!--
    Simple widget action pour afficher une image
    https://community.jeedom.com/t/remplacement-du-plugin-widget/124957
    @Phpvarious
  -->
  <div class="title #hide_name#">
    <div class="cmdName">#valueName#</div>
  </div>
  <div class="content">
    <span class="execute imgCmd tooltips" title="#name#"></span>
  </div>
  <div class="timeCmd label label-default #value_history#" data-type="info" data-cmd_id="#value_id#"></div>
  <template>
    <div>time : duration|date ({{Affiche durée ou date de la valeur}})</div>
    <div>img : Image a affiché (Ex: data/img/monimage.png)</div>
    <div>img_width : taille de l'image (défaut :50)</div>
  </template>
  <script>
    document.querySelector('.cmd[data-cmd_uid=#uid#] .execute').addEventListener('click', function() {
      jeedom.cmd.execute({ id: '#id#' })
    })

    jeedom.cmd.addUpdateFunction('#id#', function(_options) {
      if (is_object(cmd = document.querySelector('.cmd[data-cmd_uid="#uid#"]'))) {
        if ('#_time_widget_#' == '1' || '#time#' == 'duration' || '#time#' == 'date') {
          jeedom.cmd.displayDuration(_options.valueDate, cmd.querySelector('.timeCmd'), '#time#')
        }
        cmd.seen().querySelector('.imgCmd').innerHTML = '<img class="img-responsive" src="#img#">'
        if (is_numeric('#img_width#') && is_object(img = cmd.querySelector('.imgCmd img'))) {
          img.style.setProperty('width', '#img_width#px', 'important')
        }
        else img.style.setProperty('width', '50px', 'important')
      }
    })
    jeedom.cmd.refreshValue([{ cmd_id: '#id#', display_value: '#state#', valueDate: '#valueDate#', collectDate: '#collectDate#', alertLevel: '#alertLevel#', unit: '#unite#' }])
  </script>
</div>

cmd.action.other.simpleimg.html.txt (1,9 Ko)

2 « J'aime »