Widget couleur selon valeur

Bonsoir,
j’essaie vainement de réaliser une icone qui affiche une image :

  • image rouge, si la variable en entrée est « rouge »
  • noire, si … « eteint »

  • J’ai commencé avec rouge, mais rien à faire, mon virtuel qui a pour valeur "rouge, « bleu », « eteint », … et a pour icone cette nouvelle icône, n’affiche rien …
    Voici le code de mon widget , si quelqu’un avait la gentillesse de m’aiguiller, ce serait très gentil.
<div style="padding:0;width:90;min-height:90;" class="cmd #history# tooltips cmd-widget Couleurs-Lampe" data-type="Info" data-subtype="Autre" data-cmd_id="#id#" data-cmd_uid="#uid#" title="#collectDate#">
	<div class="row">
		<div class="center-block col-xs-12 iconCmd#uid#"></div>
	</div>
	<style>
    img.DBimg {
  	width: 80px;
  	height: 80px;
	} 
  </style>
	<script>
		jeedom.cmd.update['#id#'] = function(_options){
			$(".iconCmd#uid#").empty();
			if (parseInt(_options.display_value) == « Rouge ») {
				$(".iconCmd#uid#").append("<img src='plugins/widget/core/template/dashboard/cmd.info.string.Couleurs-Lampe/powericon-rouge.png' class='DBimg' />");
			} else {
				$(".iconCmd#uid#").append("<img src='plugins/widget/core/template/dashboard/cmd.info.binary.Couleurs-Lampe/powericon-eteint.png' class='DBimg' />");
			}
			$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>

Salut,

Si tu regardes bien tu n’as pas exactement le même chemin pour les 2 fichiers… un coup cmd.info.string... et l’autre cmd.info.binary...

Édit: si tu es en V4 tu peux utiliser un template multistate pour créer un nouveau widget

Merci Salvailf, j’ai corrigé, mais ça ne change rien.
Comment fait-on pour utiliser un " template multistate pour créer un nouveau widget" ?

Tu a l’air un peut perdu a tu été voir ceci ?

Oui en effet, j’étais un peu perdu. J’étais en V3.
Je commence par passer en V4.
Après je vous raconterai …
Merci pour votre aide à tous les deux !

AHAHAH, toutes mes icones sont parties à dreuz … sauf celle qui me posait problème qui fonctionne maintenant :rofl:
Il me reste à reconstruire tout le reste.
ça tombe bien, avec ce COVID-19, je suis bloqué à la maison :innocent:

MA-GNI-FIQUE !
Le passage en V4 est incroyable !
Du coup, ça règle tous mes problèmes.

Je vais me lancer dans le design de joilies widgets !!!

Super oublie pas de cliquer sur Solution en face de ce qui te semble être la meilleur.

Bonne journée

Merci pour ton aide !

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.