Forum Communauté Jeedom

Code : Tout sélectionner

<div style="min-width:140px;min-height:110px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
    <center><span class="cmdName" style="font-weight: bold;font-size : 0.8em;width: 65px;height: 17px;overflow: hidden;position: relative;#hideCmdName#;" title="#name#">#name_display#</span></center>
    <div style="text-align:center;">
 		<div class="col-xs-offset-1 col-xs-3" style="height:80px;top:15px;">
   			<div id="recipient#id#" style="position: absolute;width: 19px; height: 75px;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;top: 5px; left: 5px; background: url('plugins/widget/core/template/dashboard/cmd.info.numeric.hygrometreIMG2/eau.png') no-repeat;">
           		<div id="eprouvette#id#" style="position: absolute;width: 28px;height: 80px;left: -5px;background:url('plugins/widget/core/template/dashboard/cmd.info.numeric.hygrometreIMG2/eprouvette.png') no-repeat;background-size: 28px 80px;"></div>
   			</div>
  		</div>
			
  	<div>
    	<span class="thermometre_state" id="thermometreState#id#"></span>
          <span class="thermometre_unite" id="thermometreUnite#id#">#unite#</span><br/>
      	<!-- A activer si vous voulez avoir les statistiques -->
       	<div>
          <span style="line-height:10px;font-size: 0.7em;font-weight: bold;display: inline-block;text-align: justify;#displayHistory#">
            <span title="Min" class="tooltips left">Min : </span><span style="float:right;">#minHistoryValue# #unite#</span><br/>
            <span title="Moyenne" class="tooltips">Moy: </span><span style="float:right;">#averageHistoryValue# #unite#</span><br/>
            <span title="Max" class="tooltips">Max: </span><span style="float:right;">#maxHistoryValue# #unite#</span><br/> <i class="#tendance#"></i>
          </span>
      	</div>
  	</div>
  </div>
   <script>
     jeedom.cmd.update['#id#'] = function(_options){
		$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
		          
		var Hvalue = parseFloat(_options.display_value).toFixed(1); 
  		$('.cmd[data-cmd_id=#id#] .thermometre_state').empty().append(Hvalue);
 
        valeur = parseInt( (Hvalue*100)/#maxValue# );
  		height = parseInt( (Hvalue*80)/#maxValue# );
		if( height > 80) { height = 80; }
    	topPosition = 80 - height;
    	
        $('#eprouvette#id#').css('top','-'+topPosition+'px');
    	$('#recipient#id#').css('top',topPosition+'px');
    	$('#recipient#id#').css('height',height+'px');      
     }
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});

    </script>
</div>
<style>
   
[data-cmd_id="#id#"] .thermometre_state {
  	font-weight: bold;
  	font-size: 2em;
  	margin-top: 5px;
  	display: block;
  }

[data-cmd_id="#id#"] .thermometre_unite {
  	font-size: 1em;
    font-weight: bold;
  	margin-top: 5px;
  	top: 22px;
  }
</style>