Bonjour à tous,
J’essaie toujours de faire marcher le widget des animaux dans mon plugin de chatière connectée.
Le widget ressemble à çà et c’est bien ce que je voulais obtenir:
Le code du widget est
<div class="eqLogic-widget eqLogic allowResize #eqLogic_class#" style="height: #height#;width: #width#;border:#border#;border-radius:#border-radius#;background-color: #background-color#;color: #color#;#style#" data-eqLogic_id="#id#" data-eqLogic_uid="#uid#" data-version="#version#" >
<center class="widget-name"><a href="#eqLink#" style="#hideEqLogicName#">#name_display#</a></center>
<br />
<center>
<img style="display:block;height: 100px;width: 100px;border-radius: 50%;" src = "#photolocation#" />
<span class="cmd cmd-widget" data-type="action" data-subtype="select" data-cmd_id="#pet.position_id#" data-cmd_uid="#pet.position_uid#" style="display: #pet.position_display#;" >
</span>
</center>
<script type="text/javascript">
jeedom.cmd.update['#pet.position_id#'] = function(_options){
if (_options.display_value == '1' || _options.display_value == 1) {
$('.cmd[data-cmd_id=#pet.position_id#]').empty().append('<img src="plugins/surepetcare/core/template/images/outside-location.png" width="50px" title="#pet.fixposition_str#" >');
} else {
$('.cmd[data-cmd_id=#pet.position_id#]').empty().append('<img src="plugins/surepetcare/core/template/images/inside-location.png" width="50px" title="#pet.fixposition_str#" >');
}
}
jeedom.cmd.update['#pet.position_id#']({display_value:'#pet.position#'});
$('.cmd[data-cmd_id=#pet.position_id#]').on('click', function () {
jeedom.cmd.execute({id: '#pet.fixposition_id#', value: {select: 1}});
});
</script>
</div>
Il y a une commande info binaire pet.position (0 = intérieur, 1 = extérieur)
Et une commande action liste associée pet.setposition (0 = intérieur, 1 = extérieur)
Les préfixes pet. ne servent à rien, c’est une décision que j’avais prise au début de mon travail sur le plugin pour distinguer ce qui concernait les animaux et ce qui concernait les équipements et c’était sans doute une mauvaise décision.
Mon problème c’est ce que je fais quand on clique sur la petite image qui indique la position de l’animal en dessous de sa photo
En fait je ne voudrais pas passer la valeur 1 pour le select comme dans :
jeedom.cmd.execute({id: '#pet.fixposition_id#', value: {select: 1}});
Car je voudrais que çà inverse la position de l’animal donc je voudrais que la valeur du select soit 1 si l’animal est à cet instant à l’intérieur (donc si la valeur de pet.position est 0) et que la valeur du select soit 0 si l’animal est à cet instant à l’extérieur.
Je vois bien une méthode pas du tout spécifique à jeedom pour faire çà: ajouter à mon template un champ non affiché où ma procédure jeedom.cmd.update irait mettre la bonne valeur et j’utiliserai cette valeur pour le select.
Mais peut-être que je me complique la vie et qu’il y a plus simple.
En fait j’ai la désagréable impression de ne pas du tout maîtriser tout ce qui est templates, toHtml, … dans jeedom.
Et si vous avez d’autres remarques sur le code de mon widget, ne vous gênez pas, je ne demande qu’à apprendre.
Un grand merci à tous ceux qui aident sur ce forum, j’apprends des tas de choses en lisant progressivement tous les messages.