enhance makeButtonBlink

Author: odeimaiz

services/static-webserver/client/source/class/osparc/utils/Utils.js

@@ -321,23 +321,30 @@ qx.Class.define("osparc.utils.Utils", {
     },
 
     makeButtonBlink: function(button, nTimes = 1) {
-      const onTime = 1000;
-      const oldBgColor = button.getBackgroundColor();
+      const baseColor = button.getBackgroundColor();
+      const blinkColor = "strong-main";
+      const interval = 500;
       let count = 0;
 
-      const blinkIt = btn => {
+      // If a blink is already in progress, cancel it
+      if (button._blinkingIntervalId) {
+        clearInterval(button._blinkingIntervalId);
+        button.setBackgroundColor(baseColor); // reset to base
+      }
+
+      const blinkInterval = setInterval(() => {
+        button.setBackgroundColor((count % 2 === 0) ? blinkColor : baseColor);
         count++;
-        btn.setBackgroundColor("strong-main");
-        setTimeout(() => {
-          btn && btn.setBackgroundColor(oldBgColor);
-        }, onTime);
-      };
 
-      // make it "blink": show it as strong button during onTime" nTimes
-      blinkIt(button);
-      const intervalId = setInterval(() => {
-        (count < nTimes) ? blinkIt(button) : clearInterval(intervalId);
-      }, 2*onTime);
+        if (count >= nTimes * 2) {
+          clearInterval(blinkInterval);
+          button.setBackgroundColor(baseColor);
+          button._blinkingIntervalId = null; // cleanup
+        }
+      }, interval);
+
+      // Store interval ID on the button
+      button._blinkingIntervalId = blinkInterval;
     },
 
     hardRefresh: function() {