Affichage des poubelles dans l'app mobile

[OUARZA]

Bonjour à tous,
Je gratte depuis un petit moment pour afficher la poubelle que je dois sortir dans l'application mobile.
Excusez-moi je début, c'est peut-être pas optimisé...
J'ai un widget, je me suis aidé du widget dashboard.info.numeric.Poubelle :

Code : Tout sélectionner

<div style="min-width:80px;min-height:80px;padding:0px" class="cmd tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Poubelles">
    <center>
<!-- A decommenter pour l'affichage du nom -->
		<span class='cmdName' style="font-weight: bold;font-size : 12px;">#name#</span><br>
<!---->
        <span id="iconCmd#id#"></span>
    </center>
</div>
<script>
//  A décomenter pour faire disparaître la tuile si il n'y a pas de poubelles (modification de Sshafi)
//	var tuile = $('div.cmd[data-cmd_id="#id#"]').closest('.eqLogic-widget');
//	if ('#state#'==0) $(tuile).attr('style','display: none;');

	if ('#state#'==1) $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle_jaune.png" height=100 width=100>');
	if ('#state#'==2) $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle_bleue.png" height=100 width=100>');
	if ('#state#'==3) $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle_verte.png" height=100 width=100>');
	if ('#state#'==4) $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle_marron.png" height=100 width=100>');
	if ('#state#'==5) $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle.png" height=100 width=100>');
  	if ('#state#'==6) $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle_croix.png" height=100 width=100>');
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>

Voici du côté du widget et du scénario:

jeedom_poubelle.JPG (38.59 Kio) Consulté 524 fois

jeedom_poubelle1.JPG (33.3 Kio) Consulté 524 fois

L'interface est bonne sur la version web avec le widget virtuel, par contre du côté de l'application j'ai la valeur que je mets dans ma variable, à savoir 1,2,3.... alors que sur l'application j'aimerai juste afficher "Jaune", "vert",...
J'ai mis un espace dans l'unité pour éviter d'avoir 0undefined.

Screenshot_20190221_215047_fr.jeedom.jeedom.jpg (183.15 Kio) Consulté 524 fois

J'ai tenté de mettre dans la variable le nom de la poubelle ainsi qu'au niveau du code du widget, mais du coup c'est le widget sur la version web qui ne marche plus.
Pouvez-vous m'aider ?
Merci beaucoup

[OUARZA]

Bonjour à tous,
J'ai avancé...
Au niveau du widget, je l'ai basculé en sous-titre "autre" puis j'ai modifié la valeur "#state#

Code : Tout sélectionner

if ('#state#'=='Jaune') $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.Poubelle/Poubelle_jaune.png" height=100 width=100>');

J'ai modifié aussi mon scénario pour injecter le mot "Jaune" par exemple dans la variable.
Du coup sur le dashboard, c'est bon et sur l'application c'est presque bon.

Screenshot_20190222_220043_fr.jeedom.jeedom.jpg (245.78 Kio) Consulté 507 fois

Je n'ai que les 3 premières lettres du mot.
Est-il possible de modifier cela ?
Merci