V5 - Widget HTML - Image 3 états

[fgtoul]

juste pour complément d’info,
concernant l’API HTML sur dashboard classique, j’avais mis le code d’un widget perso dans le sujet concernant mon install piscine.
Les commandes getAna et getIO y sont utilisées.

@fgtoul

Le widget est de type « HTML » :

<script>
  window.GCE_Refresh.push(function(data) {
    switch (data['_id'])
    {
        case 65776:
            changeIcon(data.on); 
            break;
        case 262198:
            countdown(data.value); 
            break;
    }
  })
  
  function init() {
    GCE_API.getIO(65776).then((ret) => {
    changeIcon(ret.on);
    })
    
    GCE_API.getANA(262198).then((ret) => {
    countdown(ret.value);
    })
  }
  
  function changeIcon(state){
      var imgOn="https://zupimages.net/up/23/14/gf2n.png";
      var imgOff="https://zupimages.net/up/23/14/3sqs.png";
      monImage=document.getElementById("baignade");
      monImage.src = state ? imgOn : imgOff;
  }
  function countdown(value){
      var txt= document.getElementById("cnt");
      
      var reste=value;
				var result='';
				
				var nbHeures=Math.floor(reste/3600);
				reste -= nbHeures*3600;
 
				var nbMinutes=Math.floor(reste/60);
				reste -= nbMinutes*60;
 
				var nbSecondes=reste;

				if (nbHeures>0)
					result=result+nbHeures+'h ';
 
				if (nbMinutes>0)
					result=result+nbMinutes+'min ';
 
				if (nbSecondes>0)
					result=result+nbSecondes+'s ';

                txt.innerHTML=result;
  }

  init()
</script>
<center>
    <img id="baignade" width=96px/>
    <p id="cnt"/>
</center>