improve user feedback on service state

Author: sanderegg

services/web/client/source/class/osparc/component/service/NodeStatus.js

@@ -63,6 +63,10 @@ qx.Class.define("osparc.component.service.NodeStatus", {
             return this.tr("Starting...");
           } else if (status === "pending") {
             return this.tr("Pending...");
+          } else if (status === "pulling") {
+            return this.tr("Pulling...");
+          } else if (status === "connecting") {
+            return this.tr("Connecting...");
           }
           return this.tr("Idle");
         }
@@ -78,6 +82,10 @@ qx.Class.define("osparc.component.service.NodeStatus", {
             return "@FontAwesome5Solid/circle-notch/12";
           } else if (status === "pending") {
             return "@FontAwesome5Solid/circle-notch/12";
+          } else if (status === "pulling") {
+            return "@FontAwesome5Solid/circle-notch/12";
+          } else if (status === "connecting") {
+            return "@FontAwesome5Solid/circle-notch/12";
           }
           return "@FontAwesome5Solid/check/12";
         },

services/web/client/source/class/osparc/data/model/Node.js

@@ -931,13 +931,18 @@ qx.Class.define("osparc.data.model.Node", {
     __onNodeState: function(data) {
       const serviceState = data["service_state"];
       switch (serviceState) {
-        case "starting":
-        case "pulling": {
+        case "starting": {
           this.setInteractiveStatus("starting");
           const interval = 5000;
           qx.event.Timer.once(() => this.__nodeState(), this, interval);
           break;
         }
+        case "pulling": {
+          this.setInteractiveStatus("pulling");
+          const interval = 5000;
+          qx.event.Timer.once(() => this.__nodeState(), this, interval);
+          break;
+        }
         case "pending": {
           this.setInteractiveStatus("pending");
           const interval = 10000;
@@ -1028,6 +1033,7 @@ qx.Class.define("osparc.data.model.Node", {
       }, this);
       pingRequest.addListenerOnce("fail", e => {
         const error = e.getTarget().getResponse();
+        this.setInteractiveStatus("connecting");
         console.log("service not ready yet, waiting... " + error);
         const interval = 1000;
         qx.event.Timer.once(() => this.__waitForServiceReady(srvUrl), this, interval);