PUBLISHED

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/CardBase.js

@@ -790,12 +790,13 @@ qx.Class.define("osparc.dashboard.CardBase", {
       }
     },
 
-    // pipelineState: ["NOT_STARTED", "STARTED", "SUCCESS", "ABORTED", "FAILED", "UNKNOWN"]
+    // pipelineState: ["NOT_STARTED", "PUBLISHED", "STARTED", "SUCCESS", "ABORTED", "FAILED", "UNKNOWN"]
     __applyPipelineState: function(pipelineState) {
       let iconSource;
       let toolTipText;
       let borderColor;
       switch (pipelineState) {
+        case "PUBLISHED":
         case "STARTED":
           iconSource = "@FontAwesome5Solid/spinner/10";
           toolTipText = this.tr("Running");

services/static-webserver/client/source/class/osparc/jobs/JobsButton.js

@@ -32,9 +32,14 @@ qx.Class.define("osparc.jobs.JobsButton", {
       toolTipText: this.tr("Activity Center"),
     });
 
-    this.addListener("tap", () => osparc.jobs.ActivityCenterWindow.openWindow(), this);
+    this.addListener("tap", () => {
+      osparc.jobs.ActivityCenterWindow.openWindow();
+      this.__fetchNJobs();
+    }, this);
 
-    this.fetchNJobs();
+    this.__fetchNJobs();
+
+    this.__attachListener();
   },
 
   members: {
@@ -76,12 +81,22 @@ qx.Class.define("osparc.jobs.JobsButton", {
       return control || this.base(arguments, id);
     },
 
-    fetchNJobs: function() {
+    __fetchNJobs: function() {
       const jobsStore = osparc.store.Jobs.getInstance();
       jobsStore.fetchJobsLatest()
         .then(jobs => this.__updateJobsButton(jobs.length))
     },
 
+    __attachListener: function() {
+      const socket = osparc.wrapper.WebSocket.getInstance();
+      socket.on("projectStateUpdated", data => {
+        console.log("projectStateUpdated", data);
+        const state = data["state"]; // "STARTED"
+        // for now this is needed
+        const state = data["locked"];
+      }, this);
+    },
+
     __updateJobsButton: function(isActive) {
       isActive = true;
       this.getChildControl("icon");