Thermostat animation changes

Author: hyper-prog

static/glowdash.css

@@ -2434,6 +2434,31 @@ body {
 	}
 }
 
+.sendthermsign {
+  margin: 0;
+  padding: 0;
+  display: block;
+  width: 0%;
+  height: 2px;
+  background-color: #1976ed;
+}
+
+.sendthermsign.animasendtherm {
+  animation: sizechange 6s linear;
+}
+
+@keyframes sizechange {
+  0% {
+    width: 0%;
+  }
+  2% {
+    width: 80%;
+  }
+  100% {
+    width: 0%;
+  }
+}
+
 .clearboth {
   clear: both;
 }

static/glowdash.js

@@ -117,10 +117,24 @@ function initializeActions() {
                 if(grpId+"-down" == id) {
                     fvalInt -= 1;
                 }
+
+                //Removing animation class and stop running animation
+                document.querySelectorAll("#pc-"+panelId+" .sendthermsign.animasendtherm").forEach(item => {
+                    item.classList.remove("animasendtherm");
+                    item.getAnimations().forEach((anim) => {
+                        anim.cancel();
+                    });
+                });
+
                 setTemperature(5.0 + fvalInt*0.5,panelId);
                 if(thermoBtnSetWaitId != 0)
                     clearInterval(thermoBtnSetWaitId);
                 thermoBtnSetWaitId = setInterval(thermostatSetTimeoutReach,thermostatWaitTimeoutMillisec,panelId);
+
+                //Add animation class
+                document.querySelectorAll("#pc-"+panelId+" .sendthermsign").forEach(item => {
+                    item.classList.add("animasendtherm");
+                });
                 return;
             }