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

VMC Widget ON/OFF + Information - Comment afficher tout ça

Réservé à l'utilisation et la création de widgets dans JEEDOM
TaG
Actif
Messages : 1032
Inscription : 26 oct. 2016, 11:02

VMC Widget ON/OFF + Information - Comment afficher tout ça

Message par TaG » 25 mars 2018, 16:33

Bonjour,

Désolé pour le titre du topic, je n'arrive pas à trouver un titre qui va bien pour décrire ce que je souhaite faire.

J'ai concaténé des informations de 2 plugins différents afin d'avoir une hélice qui tourne plus ou moins vite (ma VMC a 2 vitesses).
Et je voulais pouvoir cliquer sur l'hélice au lieu des boutons ON/OFF, qui était situé dessous, afin de faire varier la vitesse.

ça j'ai réussi à le faire fonctionner.

Maintenant, ce que je souhaite faire c'est afficher les informations des commandes d'humidité des deux salles de bains que j'ai à la maison.

Voici donc à quoi ressemble mon virtuel :

Image

Les deux commandes action (On et Off) ont la configuration suivante :

Image

La configuration du widget :
Image

Voici le code de mon widget à l'heure actuelle :

Code : Tout sélectionner

<div style="width:90px; min-height:80px;" class="cmd tooltips cmd-widget cursor OnOff#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#">
  	<center>
        <span style="font-size: 2.5em;" class="action_OnOff#id#" id="iconCmd#id#"></span>
    </center>


<script>
  	// Paramètre " size " : à déclarer en pixels - 60 maxi
	// Paramètre " number " : Entre 1 et 5 pour choisir le type d'image
    // Regarder dans les fichiers les images disponible
  	var number = "";
  	//var taille = '#size#' ;
  	var number = '#number#' ;
  
  if (jeedom.cmd.normalizeName('#name#') == 'on') {
        $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.VMC_PV_GV/VMC' + number + '.PNG" style="animation-duration: 1.5s;"/>');
		if ('#state#' != '') {
			if ('#state#' == 1) {
           		$('.cmd[data-cmd_id=#id#]').hide();     
        	}
        }
   
    } if (jeedom.cmd.normalizeName('#name#') == 'off') {
        $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.VMC_PV_GV/VMC' + number + '.PNG" style="animation-duration: 0.8s;"/>');
		if ('#state#' != '') {
			if ('#state#' == 0) {
            	$('.cmd[data-cmd_id=#id#]').hide();
          }
        }
	}
  
	$('.cmd[data-cmd_id=#id#] .action_OnOff#id#').off();
	$('.cmd[data-cmd_id=#id#] .action_OnOff#id#').on('click', function() {jeedom.cmd.execute({id: '#id#'});});
</script>

<style>
.action_OnOff#id# img {
  /* Chrome, Safari, Opera */
  -webkit-animation: myfirst linear infinite;
  -webkit-animation-duration: 0;
  -webkit-animation-delay: .5s;
  /* firefox */
  -moz-animation: myfirst linear infinite;
  -moz-animation-duration: 0;
  -moz-animation-delay: .5s;
  margin: -15px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* firefox */
@-moz-keyframes myfirst {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
</style> 

</div>
Je n'arrive pas à comprendre comment s'articule la gestion des Id (idéalement, j'aimerai éviter de devoir saisir l'id des commandes

Je me suis dit, tiens met directement dans les options un champ avec les commandes d'humidité, mais sans succès :
Image
J'ai tenté de mettre :
#[Salle de Bains][Capteur Temperature Hygrometrie Pression][Humidité]# -> transforme en #numerodemacommande#
"#[Salle de Bains][Capteur Temperature Hygrometrie Pression][Humidité]#" ->
"[Salle de Bains][Capteur Temperature Hygrometrie Pression][Humidité]" -> affiche le texte de la cellule
[Salle de Bains][Capteur Temperature Hygrometrie Pression][Humidité] -> affiche le texte de la cellule


Toute aide est la bienvenue car je bloque complétement :D :shock: :?

Le rendu du widget :

Image

Objectif :
le même rendu mais avec en dessous, sur une seule ligne :
Humidité SDB1 Humidité SDB2


Merci pour votre aide et vos conseils ;)

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Ninouness et 2 invités