widget action default avec pour couleur sur fond blanc la valeur de l'etat selectionnéedit
1 vote avec 1/5
j'abdique, je le met en privé pour les membres actifinutile de lire la suite
- Screenshot_20190302-231148_Chrome.jpg (189.46 Kio) Consulté 3108 fois
tester avec info autre et numérique, theme par default et dark
pour le choix couleur bien qu'on puisse les changer manuellement
dans configuration / couleurs / dashboard couleur commande selon les différents choix (chauffage,sécurité,...)
border-radius (l'arrondi de bord) selon activé ou non
- bt info.png (49.97 Kio) Consulté 3883 fois
lien market
- bouton_couleur.png (7.75 Kio) Consulté 3739 fois
PS : faire l'assignation du widget via le paramètre avancé d'une action (icône a côté de tester)
viewtopic.php?f=29&t=41594#p680765
édit son code
Code : Tout sélectionner
<span class="cmd reportModeHidden cmd-widget" style="display: inline !important;margin-right: 2px;" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<a id="cmdButton#id#" class="btn btn-sm btn-#id#-off action cmdName tooltips" title="#name#" style="margin-top: 2px;justify-content: center;">#name_display#</a>
<style>
.btn.btn-sm.btn-#id#-off{
color: white!important;
background-color: #cmdColor#!important;
border: solid 1px transparant!important;
border-radius: 20px;
}
.btn.btn-sm.btn-#id#-on{
color: #cmdColor#!important;
background-color: white!important;
border: solid 1px #cmdColor#!important;
border-radius: 20px;
}
</style>
<script>
jeedom.cmd.update['#id#'] = function(_options){
jeedom.cmd.byId({
id: #id#,
success: function(resulat) {
valeur#id#=(resulat.configuration.value);
if (_options.display_value == valeur#id#) {
$('#cmdButton#id#').removeClass("btn-#id#-off").addClass("btn-#id#-on");
} else {
$('#cmdButton#id#').removeClass("btn-#id#-on").addClass("btn-#id#-off");
}
}
});
}
jeedom.cmd.update['#id#']({display_value:'#state#'});
$('.cmd[data-cmd_uid=#uid#]:last .action').off('click').on('click', function () {
jeedom.cmd.execute({id: '#id#'});
});
if ($('.cmd[data-cmd_uid=#uid#]:last').prev().data('subtype') != undefined && $('.cmd[data-cmd_id=#id#]:last').prev().data('subtype') != 'other'
&& $('.cmd[data-cmd_uid=#uid#]:last').prev().css('display') != 'block') {
$('.cmd[data-cmd_uid=#uid#]:last').prepend('<br/>');
}
</script>
</span>
