bonjour,
si la vitesse correspond à la valeur de l’analogique, il suffit d’ajouter la valeur sous l’icone.
<iframe srcdoc='
<link rel="stylesheet" href="assets/lib/gce-glyph/gce-glyph.min.css">
<script type="text/javascript">
let anaId = 262258;
/* Get state and set widget */
function updateData() {
let dataColor,
dataIcon;
getAna((ana) => {
const anaFound = ana.find( analog => analog._id === anaId);
if (undefined == anaFound) {
dataColor = "#FF0000"; // red
dataIcon = "icon-circle-remove"
} else {
switch (anaFound.value) {
case 0: // value = 0
dataColor = "#eeeeee"; // grey
dataIcon = "icon-power_power"
break;
case 1:
case 2:
case 3: //
dataColor = "#32CD32"; // green
dataIcon = "icon-fan_power"
break;
default: // Any other value
dataColor = "#FF7C00"; // orange
dataIcon = "icon-circle-question"
}
}
setIcon(dataIcon, dataColor, anaFound.value);
});
}
/***/
/* Get data from API */
function getAna(cb) {
fetch("/api/core/ana?ApiKey=ulmWrsx0QvdoWvH", {method: "GET"}).then((ret) => { // Get ANA group
ret.json().then((ana) => {
cb(ana); // Return ANA group from API
});
});
}
/***/
/* Set icon and color */
function setIcon(icon, color,texte) {
let myIcon = document.getElementById("myIcon");
let myValue = document.getElementById("myValue");
myIcon.style.color = color;
myIcon.className = "";
myIcon.classList.add("gce-glyph");
myIcon.classList.add(icon);
myValue.innerHTML=texte;
}
/***/
/* Auto refresh (optional) */
function autoRefresh() {
setInterval(() => {
updateData();
}, 5000); // 5 sec
}
/***/
setTimeout(() => {updateData();}, 50)
autoRefresh(); // Optional
</script>
<center>
<div style="width:100px;font-size:48px;padding:30px">
<div id="myIcon" class="gce-glyph" style="font-size:48px;" ></div>
<div id="myValue" style="font-size:18px;color:white;" ></div>
</div>
</center>
'></iframe>
