Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Toute la communauté vous remercie

Widget Thermostat numérique-resize

Pour échanger sur les plugins classés en catégorie "Bien-être/Confort"
seb5167
Timide
Messages : 4
Inscription : 14 oct. 2018, 16:38

Widget Thermostat numérique-resize

Message par seb5167 » 04 déc. 2018, 21:49

Salut les jeunes,

je voulais un thermostat avec juste la valeur de consigne et un bouton + et un bouton -.

J'ai trouvé ce post viewtopic.php?t=21295 mmais je ne trouve pas de widget bouton + et -

J'ai donc utilisé le widget dashboard.action.slider.thermostat_numerique du market. Cela correspond à mes besoins sauf que ce widget n'est pas redimensionnable, pas de clic droit possible, je ne peux pas le déplacer...

J'ai modifié le code pour réduire la taille, enlevé l'icone...mais impossible d'autoriser le dimensionnement et j'ai encore un mauvais positionnement des boutons.

Comment rendre le widget déplaçable et redimensionnable dans le design

Merci d'avance pour votre aide

<div class="cmd" data-type="action" data-subtype="slider" data-cmd_id="#id#" style="min-width:180px;min-height:60px;font-size: 10;" >
<center>
<div class="btn-group">
<div style="width: 100%; text-align:center;">
<div style="float: left; height: 90px;">
<span style="font-size: 0em; margin-right: 10px;" id="sbjs_icon#id#"></span>
<span style="font-size: 1em; font-weight: normal;" id="valeur#id#"></span>
<span style="font-size: 12px">#unite#</span>
</div>
<div style="float: left; margin-top: 8px; width: 35px; height: 80px; font-size: 2em; text-align: center; line-height: 30px;">
<a style="cursor: pointer;" class="btn-sm bt_plus" ><i class="fa fa-1x fa-plus-square"></i></a>
<br />
<a style="cursor: pointer;" class="btn-sm bt_minus" ><i class="fa fa-1x fa-minus-square"></i></a>
</div>
</div>
</div>
</center>
<script>
var sbjs_Timer#id#;

/***** Init *****/
$('#valeur#id#').text( parseFloat(#state#).toFixed(1) );
setTimeout(sbjs_updateIcon#id#, 50);

/***** + *****/
$('.cmd[data-cmd_id=#id#] .bt_plus').on('click', function () {
$('#valeur#id#').text( parseFloat(parseFloat($('#valeur#id#').text()) + 0.5 ).toFixed(1) );
setTimeout(sbjs_updateIcon#id#, 50);

clearTimeout(sbjs_Timer#id#);
sbjs_Timer#id# = setTimeout(sbjs_Save#id#, 1500);
});

/***** - *****/
$('.cmd[data-cmd_id=#id#] .bt_minus').on('click', function () {
$('#valeur#id#').text( parseFloat(parseFloat($('#valeur#id#').text()) - 0.5 ).toFixed(1) );
setTimeout(sbjs_updateIcon#id#, 50);

clearTimeout(sbjs_Timer#id#);
sbjs_Timer#id# = setTimeout(sbjs_Save#id#, 1500);
});

/***** Mise à jour de l'icone en fonction de la température *****/
function sbjs_updateIcon#id#() {
var sbjs_temp#id# = parseFloat( $('#valeur#id#').text() );

if ( sbjs_temp#id# < 18 )
$('#sbjs_icon#id#').html('<i class="icon jeedom-thermo-froid"></i>');
else if ( sbjs_temp#id# <= 23 )
$('#sbjs_icon#id#').html('<i class="icon jeedom-thermo-moyen"></i>');
else
$('#sbjs_icon#id#').html('<i class="icon jeedom-thermo-chaud"></i>');
}

/***** Envoi de la nouvelle consigne *****/
function sbjs_Save#id#() {
jeedom.cmd.execute({
id: '#id#',
value: { slider: parseFloat( $('#valeur#id#').text() ) }
});
}
</script>
</div>

seb5167
Timide
Messages : 4
Inscription : 14 oct. 2018, 16:38

Re: Widget Thermostat numérique-resize

Message par seb5167 » 06 déc. 2018, 21:35

Quelqu'un aurait une idée?

Répondre

Revenir vers « [Catégorie] Confort / Bien-être »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité