Show progress

Author: odeimaiz

services/static-webserver/client/source/class/osparc/task/TaskUI.js

@@ -93,6 +93,16 @@ qx.Class.define("osparc.task.TaskUI", {
             row: 1
           });
           break;
+        case "progress":
+          control = new qx.ui.basic.Label("").set({
+            alignY: "middle",
+          });
+          this._add(control, {
+            column: 2,
+            row: 0,
+            rowSpan: 2
+          });
+          break;
         case "stop":
           control = new qx.ui.basic.Image("@MaterialIcons/close/16").set({
             width: 25,
@@ -101,7 +111,7 @@ qx.Class.define("osparc.task.TaskUI", {
             alignY: "middle"
           });
           this._add(control, {
-            column: 2,
+            column: 3,
             row: 0,
             rowSpan: 2
           });
@@ -111,6 +121,14 @@ qx.Class.define("osparc.task.TaskUI", {
     },
 
     __applyTask: function(task) {
+      task.addListener("updateReceived", e => {
+        const data = e.getData();
+        if (data["task_progress"] && "percent" in data["task_progress"]) {
+          const progress = data["task_progress"]["percent"];
+          this.getChildControl("progress").setValue(progress*100 + "%");
+        }
+      }, this);
+
       const stopButton = this.getChildControl("stop");
       task.bind("abortHref", stopButton, "visibility", {
         converter: abortHref => abortHref ? "visible" : "excluded"