Affichage de la consigne et des boutons « plus » et « moins » pour thermostat

En réponse à un commentaire sur mon design, je vais détailler du mieux possible comment afficher la consigne du thermostat, ainsi que l’affichage et l’utilisation d’un bouton « plus » et « moins » pour modifier la consigne de 0.5 °C dans mon cas.

Pour cet article, il vous faudra acheter et installer le plugin Thermostat ainsi que le plugin Widget.

Afficher la consigne :

Pour l’affichage de la consigne, j’ai utilisé le Widget « dashboard.info.numeric.Cercle_Temperature » développé par Sartog.

Je l’ai donc appliqué à l’affichage de la consigne de chaque thermostat (Configuration de la commande Consigne) :

Plus qu’à ajouter la commande à son Design !

Afficher les boutons « Plus » et « Moins » :

Ici deux opérations sont à faire.

La première consiste à créer un mode nommé « plus » et un second nommé « moins » dans le plugin thermostat :

Il faut indiquer dans le champ valeur que l’on souhaite ajouter ou soustraire 0.5 °C au thermostat en cours : #[monthermostat][Consigne]#+0.5 ou #[monthermostat][Consigne]#–0.5

La seconde opération consiste à utiliser un Widget que j’ai crée moi-même dont je vais partager le code.

J’ai donc crée un Widget nommé « Plus_Moins » :

<—————– code à copier coller —————–>

<div style="width:60px; height:50px; " class="cmd reportModeHidden cmd-widget" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<a class="btn btn-sm action cmdName tooltips" title="#name#" style="border-color:rgba(0,0,0,0)!important"></a>
<!-- Ne Pas Supprimer -->
<script class="createWidgetInfo" type="text/javascript">//<![CDATA[{"type":"1","version":"1","image1":"moins.png","image2":"plus.png"}]]></script>
<!-- Ne Pas Supprimer -->
<script>
var srcImgPlus = 'plugins/widget/core/template/dashboard/cmd.action.other.Plus_Moins/plus.png';
var srcImgMoins = 'plugins/widget/core/template/dashboard/cmd.action.other.Plus_Moins/moins.png';
var taille = 'widht=40px height=40px';

if(jeedom.cmd.normalizeName('#name#') == 'plus'){
$('.cmd[data-cmd_uid=#uid#] .btn').append('<img src="'+srcImgPlus+'" '+taille+'>');
}
if(jeedom.cmd.normalizeName('#name#') == 'moins'){
$('.cmd[data-cmd_uid=#uid#] .btn').append('<img src="'+srcImgMoins+'" '+taille+'>');
}
$('.cmd[data-cmd_uid=#uid#]:last .action').on('click', function () {
jeedom.cmd.execute({id: '#id#'});
});
</script>
</div>

<—————– fin du code à copier coller —————–>

Il faut y ajouter les fichiers plus.png et moins.png en cliquant sur le bouton « Fichiers » en haut de la configuration du Widget.

https://www.monjeedom.fr/wp-content/uploads/2018/12/plus.png

https://www.monjeedom.fr/wp-content/uploads/2018/12/moins.png

Il reste plus qu’à appliqué ce Widget « Plus_Moins » sur les commandes « plus » et « moins » de vos modes du thermostat.

J’ai crée cet article en réponse d’un commentaire et ai fait au plus vite pour donner une réponse qui je l’espère sera assez claire. Je reviendrai certainement sur cet article pour y apporter des précisions si nécessaire.

N’hésitez pas à commenter