Bug affichage widget consoIMG

Utilisation du core de Jeedom Widgets
3

Salut,

J’avais le code de ce widget qui traînais quand je l’ai mis à jour V3… A voir les chemins des fichiers image & font, il faudra sûrement remplacer plugins/widget/core/template/dashboard/cmd.info.numeric.ConsoIMG/ par data/customTemplates/dashboard/cmd.info.numeric.ConsoIMG/

<div style="width:140px;min-height : 140px;" class="cmd #history# tooltips cmd-widget conso#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" title="#collectDate#">
  <div class="title #hide_name#">
    <div class="cmdName">#name_display#</div>
  </div>
	<div class= "conso_position#id#">
		<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.ConsoIMG/Meter2.png" class="IMGmeter#id#" alt="Meter" >
    	<span class="stateint_conso#id#" id="intNumConso#id#"></span> 
    	<span class="statedec_conso#id#" id="decNumConso#id#"></span> 
    	<span class="unite_conso#id#" id="unite#id#">#unite#</span>
	</div>
	<div id="gauge#id#" class=" indicator"></div>
<script>
  jeedom.cmd.update['#id#'] = function(_options){
	var valeur= (_options.display_value);
	var intNum = Math.floor(valeur);
	var decNum = Math.round((valeur - intNum) * 10);

      
  	$('#intNumConso#id#').text(intNum);
  	$('#decNumConso#id#').text(decNum);

	$('.cmd[data-cmd_id=#id#]').attr('title','Date de valeur : '+_options.valueDate+'<br/>Date de collecte : '+_options.collectDate)
		}
  jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
    
  	if ('#petit#' == 1) {
    	$('div.conso#id#').css('width','90px');
      	$('div.conso#id#').css('min-height','80px');
      	$('div.conso_position#id#').css('left','5px');
      	$('span.statedec_conso#id#').css('font-size','20px');
      	$('span.statedec_conso#id#').css('top','36px');
      	$('span.statedec_conso#id#').css('right','9px');
      	$('span.stateint_conso#id#').css('font-size','20px');
      	$('span.stateint_conso#id#').css('top','36px');
      	$('span.stateint_conso#id#').css('right','13px');
      	$('span.unite_conso#id#').css('font-size','8px');
      	$('span.unite_conso#id#').css('top','55px');
      	$('span.unite_conso#id#').css('right','32px');
      	$('img.IMGmeter#id#').css('width','80px');
      	$('img.IMGmeter#id#').css('height','80px');
    } 
</script>
<style>
@font-face {
    font-family: "Digital-7";
  	src:	url("plugins/widget/core/template/dashboard/cmd.info.numeric.ConsoIMG/font/digital-7.ttf") format("truetype");
  	font-weight:normal;
  	font-style:normal;
}
span.stateint_conso#id# {
    font-family: "Digital-7"; 
    font-size:30px;
  	letter-spacing: 5px;
  	color: WhiteSmoke;
  	position: absolute;
  	top: 55px;
  	right: 22px;
  	transform : scale(0.7,1);
	-webkit-transform:scale(0.7,1); /* Safari and Chrome */
	-moz-transform:scale(0.7,1); /* Firefox */
    -ms-transform:scale(0.7,1); /* IE 9+ */
	-o-transform:scale(0.7,1); /* Opera */
  }
span.statedec_conso#id# {
    font-family: "Digital-7"; 
    font-size:30px;
  	color: LawnGreen;
  	position: absolute;
  	top: 55px;
  	right: 15px;
  	transform : scale(0.7,1);
	-webkit-transform:scale(0.7,1); /* Safari and Chrome */
	-moz-transform:scale(0.7,1); /* Firefox */
    -ms-transform:scale(0.7,1); /* IE 9+ */
	-o-transform:scale(0.7,1); /* Opera */
  }
span.unite_conso#id# {
    font-size:12px;
  	font-weight: bold;
  	color: #000;
  	position: absolute;
  	top: 84px;
  	right: 50px;
  }
img.IMGmeter#id# {
  	width: 120px;
  	height: 120px;
}
div.conso#id# {
  	width:140px;
  	min-height : 140px;
}
div.conso_position#id# {
  	float: center; 
  	position: absolute;
  	left: 10px;
  	top: 20px;
}
</style>
</div>

…Et les erreurs en console vont disparaitre au passage au fait :wink: