Un phénomène inattendu se présente :
J'ai créé 4 virtuels comportant chacun 3 infos numériques : Luminosité, Température et Puissance. Ceci pour quatre pièces. Je leur ait affecté des widgets crées via le wizard (avec, avouons nos fautes mes frangins, juste des modifications dans la taille des 'em' et un Margin au tout debut)
(Notez que je suis une purge en html/css, et que ca peut venir du Margin peut être...)
Pour les widgets, j'en ai crée un au depart, que j'ai modifié et dont j'ai dupliqué le code sur les 3 autres.
Je constate, sur le design, que les infos se mélangent... je veux dire par exemple que la 'puissance' d'un des virtuels est reporté sur un autre.
CF ci-dessous une preuve irréfutable de cette sorcellerie...
La valeur en début de flèche correspond à celle de fin de flèche. Si je teste les deux virtuels, ils sont OK : ils affichent la bonne valeur. Mais pas sur le design. (j'ai vidé le cache de Chrome, celui de Jeedom et rebooté ce dernier)
Qu'ai je bien pu merder dans la construction de mes widgets ? (puisque les virtuels semblent bon...)
En fait, d'ailleurs, tous mes virtuels sur le design se mélangent les pinceaux au niveau des valeurs....- CF les thermomètres en bleu alors que ça ne doit s'afficher en bleu que pour une valeur inférieure a 18 et que les capteurs renvoient une valeur supérieure a 18, en fait la chemminée crache sa race et il fait 25... )
A noter que si je fais un F5/CTRL F5 tout rentre dans l'ordre, pour quelques secondes.. (après, ca repart en délire )
Je poste le code du widget au cas zou :
Code : Tout sélectionner
<div style="margin:00px 0px 0px 0px;min-width:10px; min-height:80px;" class="cmd tooltips cmd-widget cursor container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
<center>
<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>
<span style="font-size: 2em;" class="iconCmd"></span>
<div style="display:inline-block;">
<span style="font-weight: bold;" class="pull-right">#unite#</span>
<span style="font-size: 1em;font-weight: bold;" class="pull-right state"></span>
</div>
<div style="#displayHistory# font-size: 0.8em;" class="col-xs-12 center-block">
<span title="Min" class="tooltips">#minHistoryValue#</span>|<span title="Moyenne" class="tooltips" >#averageHistoryValue#</span> | <span title="Max" class="tooltips">#maxHistoryValue#</span> <i class="#tendance#"></i>
</div>
</center>
<!-- Ne Pas Supprimer -->
<script class="createWidgetInfo" type="text/javascript">//<![CDATA[{"type":"1","version":"1","size":"2.5","min":["0","400"],"max":["401","5000"],"images":["Plug_On_small_8Y.png","Plug_On_small_8R.png"]}]]></script>
<!-- Ne Pas Supprimer -->
<script>
var srcImg = ' plugins/widget/core/template/dashboard/cmd.info.numeric.Puissance/';
var iconUpdate = function (state){
$('.cmd[data-cmd_uid=#uid#] .iconCmd').empty();
if (state >= 0 && state <= 400) {
$('.cmd[data-cmd_uid=#uid#] .iconCmd').html('<img style="display: inline-block;" src="'+srcImg+'Plug_On_small_8Y.png">');
}
if (state > 400 && state <= 5000) {
$('.cmd[data-cmd_uid=#uid#] .iconCmd').html('<img style="display: inline-block;" src="'+srcImg+'Plug_On_small_8R.png">');
}
$('.cmd[data-cmd_uid=#uid#] .state').text(state);
};
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_uid=#uid#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
iconUpdate(_options.display_value);
}
jeedom.cmd.u
Et aussi un screenshot d'un des virtuels (ils sont tous identiques)
Merci d'avance si vous avez une idée !