Salut OUARZA,
Il a l'air super ton design !
Tu peux poster un screenshot s'il te plait ? (Ici si c'est ok ou dans la rubrique "Vitrine d'installations" si c'est plus adéquat : J'ai une grosse envie de plagiat... )
OUARZA a écrit : ↑29 avr. 2019, 14:40Hello Salvialf,
J'ai mis à jour dans le widget l'information où se trouve les images.
En fait, je me suis inspiré d'un widget où l'image de la poubelle est mise en fonction du chiffre dans la variable.
Moi, j'ai plutôt choisi de mettre un mot et ça fonctionne
jeedom_poubelle3.JPG
J'ai réalisé les modifications que tu m'as donné, je change la valeur de la variable, et le changement se fait bien sur le dashboard et sur la tablette.
Merci beaucoup pour le temps passé à m'aider.
Mat
Code : Tout sélectionner
<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<center>
<!-- A decommenter pour l'affichage du nom -->
<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name#</div>
<!---->
<div style="font-size: 2.5em;font-weight: bold;position:relative;top:-6px" id="iconCmd#id#"></div>
</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;');
var iconUpdate#uid# = function (state) {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').empty();
if (state == 'Jaune') {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.string.Poubelle/Poubelle_jaune.png" height=70 width=70>');}
if (state == 'Bleue') {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.string.Poubelle/Poubelle_bleue.png" height=70 width=70>');}
if (state == 'Verte') {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.string.Poubelle/Poubelle_verte.png" height=70 width=70>');}
if (state == 'Marron') {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.string.Poubelle/Poubelle_marron.png" height=70 width=70>');}
if (state == 'Grise') {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.string.Poubelle/Poubelle.png" height=70 width=70>');}
if (state == 'Aucune') {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.string.Poubelle/Poubelle_croix.png" height=70 width=70>');}
}
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_uid=#uid#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
iconUpdate#uid#(_options.display_value);
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
Code : Tout sélectionner
<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="info" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<center>
<span style="font-size: 3em;font-weight: normal;margin-top: 5px;" class="iconCmd#id#"></span>
</center>
</div>
<script>
var iconUpdate#uid# = function (state) {
$('.cmd[data-cmd_uid=#uid#] #iconCmd#id#').empty();
$('.iconCmd#id#').empty();
if (state == 'Présent') {
$('.iconCmd#id#').append('<i class="icon maison-house109"></i>');
}
if (state == 'Absent') {
$('.iconCmd#id#').append('<i class="icon loisir-runner5"></i>');
}
if (state == 'Dodo') {
$('.iconCmd#id#').append('<i class="icon maison-person1"></i>');
}
}
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_uid=#uid#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
iconUpdate#uid#(_options.display_value);
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités