cmd.action.other.Multi-action-Defaut.html

<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#">
    <!-- Info Widget
        Widget de           : JAG
        Widget pour le Core : V4
        Mise à jour         : JAG 20201220 => Update suite changement localisation image
	-->
    <div class="title #hide_name#">
        <div class="cmdName">#valueName#</div>
    </div>
    <div class="content-sm ">
        <span id="multiaction" class="imgCmd imgCmd#id# cursor tooltips"></span>
    </div>
    <div class="value">
        <span class="timeCmd label label-default #value_history# value" data-type="info" data-cmd_id="#value_id#"></span>
    </div>

    <script>
        jeedom.cmd.update['#id#'] = function(_options) {
            var cmd = $('.cmd[data-cmd_id=#id#]');
            var srcImglogo = ('#logo#' != '#' + 'logo#') ? "#logo#" : "";
            var srcImglogo_T = ('#logo_type#' != '#' + 'logo_type#') ? "#logo_type#" : "png";
            if (srcImglogo == "") {
                // Variable Image pour Valeur : ON ou 1
                var srcImglogoON = ('#logoON#' != '#' + 'logoON#') ? "#logoON#" : "di_day";
                var srcImglogoON_T = ('#logoON_type#' != '#' + 'logoON_type#') ? "#logoON_type#" : "png";
                // Variable Image pour Valeur : OFF ou 0
                var srcImglogoOFF = ('#logoOFF#' != '#' + 'logoOFF#') ? "#logoOFF#" : "di_night";
                var srcImglogoOFF_T = ('#logoOFF_type#' != '#' + 'logoOFF_type#') ? "#logoOFF_type#" : "png";
            } else {
                // Variable Image pour Valeur : ON ou 1
                var srcImglogoON = srcImglogo + '_on';
                var srcImglogoON_T = srcImglogo_T;
                // Variable Image pour Valeur : OFF ou 0
                var srcImglogoOFF = srcImglogo + '_off';
                var srcImglogoOFF_T = srcImglogo_T;
            };

            var srcImgHeight = is_numeric('#sizeh#') ? parseFloat('#sizeh#') : 80;
            var srcImgWidth = is_numeric('#sizew#') ? parseFloat('#sizew#') : 80;
            // Type de taille
            var srcImgpourcent = ('#Pourcentage#' != '#' + 'Pourcentage#') ? "#Pourcentage#" : "NO";
            if (srcImgpourcent == "NO") {
                var srcImgSize = 'height=' + srcImgHeight + 'px width=' + srcImgWidth + 'px';
            } else if (srcImgpourcent == "YES") {
                var srcImgSize = 'height=' + srcImgHeight + '% width=' + srcImgWidth + '%';
            }

            // Paramétrage des images
            var srcFolder = ('#dossier#' != '#' + 'dossier#') ? "#dossier#" : "divers";
            if (srcFolder == 'NULL') {
                var srcImgURL = "data/img/";
            } else {
                var srcImgURL = "data/img/" + srcFolder + '/';
            };

            // Affichage durée changement dernier etat
            var srcImglogoTime = '#logoTime#';
            //Update
            if (_options.display_value == '1' || _options.display_value >= 1 || _options.display_value == '99' || _options.display_value == 99 || _options.display_value == 'on') {
                cmd.attr('data-state', 'on')
                if (jeedom.cmd.normalizeName('#name#') == 'on') {
                    cmd.hide();
                } else {
                    cmd.show().find('#multiaction').empty().append('<img src="' + srcImgURL + srcImglogoON + '.' + srcImglogoON_T + '"' + srcImgSize + '>');
                }
            } else if (_options.display_value == '0' || _options.display_value == 0 || _options.display_value == 'off') {
                cmd.attr('data-state', 'off');
                if (jeedom.cmd.normalizeName('#name#') == 'off') {
                    cmd.hide();
                } else {
                    cmd.show().find('#multiaction').empty().append('<img src="' + srcImgURL + srcImglogoOFF + '.' + srcImglogoOFF_T + '"' + srcImgSize + '>');
                }
            }

            // Affichage durée changement dernier etat - Derniere durée changement dernier etat
            //Merci @Salvialf pour le code
            if (srcImglogoTime == "duree" || srcImglogoTime == "durée") {
                jeedom.cmd.displayDuration(_options.valueDate, cmd.find('.timeCmd'));
            } else if (srcImglogoTime == "date") {
                var srcweek = ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'];
                var srcdate = new Date(_options.valueDate.replace(' ', 'T'));
                var srcT = _options.valueDate.split(/[- :]/);
                var srcformat = srcweek[srcdate.getDay()] + " " + srcT[2] + "/" + srcT[1];
                var srctime = "à " + srcT[3] + ":" + srcT[4];
                cmd.find('.timeCmd').html(srcformat + '<br>' + srctime);

            } else if (srcImglogoTime == "heure") {
                var srcdate = new Date(_options.valueDate.replace(' ', 'T'));
                var srcT = _options.valueDate.split(/[- :]/);
                var srctime = "à " + srcT[3] + ":" + srcT[4] + ":" + srcT[5];
                cmd.find('.timeCmd').html(srctime);

            };
        }
        jeedom.cmd.update['#id#']({
            display_value: '#state#',
            valueDate: '#valueDate#',
            collectDate: '#collectDate#',
            alertLevel: '#alertLevel#'
        });
        $('.cmd[data-cmd_uid=#uid#] #multiaction').off().on('click', function() {
            jeedom.cmd.execute({
                id: '#id#'
            });
        });

    </script>
</div>