Faire clignoter une valeur

Utilisation du core de Jeedom Design
13

Yop me revoilà.

Ce code doit faire l’affaire:

<div class="cmd cmd-widget #history#" data-type="info" data-subtype="numeric" data-template="line" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
	<div class="content-xs">
		<span class="cmdName #hide_name#">#name_display# </span> <strong class="state"></strong> #unite#
	</div>
	<style>
@keyframes cligno
{
0% {opacity:0;}
100% {opacity:1;}
}
.cligno {animation:cligno infinite 0.8s;}
  </style>
	<script>
		jeedom.cmd.update['#id#'] = function(_options) {
			var cmd = $('.cmd[data-cmd_id=#id#]')
			cmd.attr('title','Date de valeur : '+_options.valueDate+'<br/>Date de collecte : '+_options.collectDate)
		
			cmd.find('.state').empty().append(_options.display_value);
			
			var clignoValue = is_numeric('#seuilCligno#') ? parseFloat('#seuilCligno#'):#maxValue#;
			
			if (_options.display_value >= clignoValue) {
				cmd.find('.state').addClass("cligno");}
				else {
				cmd.find('.state').removeClass("cligno");}
		
			if(_options.alertLevel){
				if(_options.alertLevel == 'warning'){
					cmd.find('.content-xs').addClass('label label-warning')
					cmd.attr('data-alertlevel','warning');
				}else if(_options.alertLevel == 'danger'){
					cmd.find('.content-xs').addClass('label label-danger')
					cmd.attr('data-alertlevel','danger');
				}else{
					cmd.find('.content-xs').removeClass('label label-warning label-danger')
					cmd.attr('data-alertlevel','none');
				}
			}
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'})
	</script>
</div>

A l’aide du paramètre optionnel « seuilCligno » tu peux définir la valeur à partir de laquelle la valeur va clignoter pour chaque commande sur laquelle tu appliques ce widget. Si le paramètre optionnel seuilCligno n’est pas défini il prend la valeur max de la commande par défaut.

2 « J'aime »