Forum Communauté Jeedom

Code : Tout sélectionner

<div style="min-width:90px;min-height:80px;" class="cmd" data-type="action" data-subtype="slider" data-cmd_id="#id#" >  
      <div class="slider" id="stor" value="#state#" ></div>
        <div class="slider-value" ></div>

        <script>
            $.include(['plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/slidervc.css'], function() {
         if ( "#state#" == '0') { $(".slider-value").text('Fermé'); }
            else if ( "#state#" >= '99') { $(".slider-value").text('Ouvert'); }
            else if ( "#state#" > '0') { $(".slider-value").text('#state#' + '%'); }
                         
                $(".cmd[data-cmd_id=#id#] .slider").slider({

                    range: "min",
                    min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
                    max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
                  orientation: "vertical",
                    value: ('#state#' == '') ? 0 : parseInt('#state#'),
                    change: function(event, ui) {
                        jeedom.cmd.execute({id: '#id#', value: {slider: ui.value}});
                    },
                    slide: function(event, ui) {
                       $(".slider-value").text(ui.value + '%')
                    }         
                });    
            });
          
          if ('#state#' == '0' || '#state#' == 0) {
            document.getElementById("stor").style.background = "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamep.png)";
          }
          if ('#state#' != '0' || '#state#' != 0) {
            document.getElementById("stor").style.background = "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamej.png)";
          }
        

        </script>
        </div>