DownloadPaths

Author: odeimaiz

services/static-webserver/client/source/class/osparc/file/FileLabelWithActions.js

@@ -245,11 +245,9 @@ qx.Class.define("osparc.file.FileLabelWithActions", {
     },
 
     __multiDownloadTaskReceived: function(task) {
-      const taskUI = new osparc.task.TaskUI();
-      taskUI.setIcon("@FontAwesome5Solid/download/14");
-      taskUI.setTitle(this.tr("Downloading files"));
-      taskUI.setTask(task);
-      osparc.task.TasksContainer.getInstance().addTaskUI(taskUI);
+      const downloadPathsTaskUI = new osparc.task.osparc.task.DownloadPaths();
+      downloadPathsTaskUI.setTask(task);
+      osparc.task.TasksContainer.getInstance().addTaskUI(downloadPathsTaskUI);
 
       const progressWindow = new osparc.ui.window.Progress(
         this.tr("Downloading files"),

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

@@ -0,0 +1,31 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2025 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+qx.Class.define("osparc.task.DownloadPaths", {
+  extend: osparc.task.TaskUI,
+
+  construct: function() {
+    this.base(arguments);
+
+    this.setIcon(this.self().ICON+"/14");
+    this.setTitle(this.tr("Downloading files:"));
+  },
+
+  statics: {
+    ICON: "@FontAwesome5Solid/download"
+  },
+});

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

@@ -121,35 +121,38 @@ qx.Class.define("osparc.task.TaskUI", {
     },
 
     __applyTask: function(task) {
-      task.addListener("updateReceived", e => {
-        const data = e.getData();
-        if (data["task_progress"]) {
-          if ("message" in data["task_progress"] && !this.getChildControl("subtitle").getValue()) {
-            this.getChildControl("subtitle").setValue(data["task_progress"]["message"]);
-          }
-          this.getChildControl("progress").setValue((osparc.data.PollTask.extractProgress(data) * 100) + "%");
-        }
-      }, this);
+      task.addListener("updateReceived", e => this._updateHandler(e.getData()), this);
 
       const stopButton = this.getChildControl("stop");
       task.bind("abortHref", stopButton, "visibility", {
         converter: abortHref => abortHref ? "visible" : "excluded"
       });
-      stopButton.addListener("tap", () => {
-        const msg = this.tr("Are you sure you want to cancel the task?");
-        const win = new osparc.ui.window.Confirmation(msg).set({
-          caption: this.tr("Cancel Task"),
-          confirmText: this.tr("Cancel"),
-          confirmAction: "delete"
-        });
-        win.getCancelButton().setLabel(this.tr("Ignore"));
-        win.center();
-        win.open();
-        win.addListener("close", () => {
-          if (win.getConfirmed()) {
-            task.abortRequested();
-          }
-        }, this);
+      stopButton.addListener("tap", () => this._abortHandler(), this);
+    },
+
+    _updateHandler: function(data) {
+      if (data["task_progress"]) {
+        if ("message" in data["task_progress"] && !this.getChildControl("subtitle").getValue()) {
+          this.getChildControl("subtitle").setValue(data["task_progress"]["message"]);
+        }
+        this.getChildControl("progress").setValue((osparc.data.PollTask.extractProgress(data) * 100) + "%");
+      }
+    },
+
+    _abortHandler: function() {
+      const msg = this.tr("Are you sure you want to cancel the task?");
+      const win = new osparc.ui.window.Confirmation(msg).set({
+        caption: this.tr("Cancel Task"),
+        confirmText: this.tr("Cancel"),
+        confirmAction: "delete"
+      });
+      win.getCancelButton().setLabel(this.tr("Ignore"));
+      win.center();
+      win.open();
+      win.addListener("close", () => {
+        if (win.getConfirmed()) {
+          this.getTask().abortRequested();
+        }
       }, this);
     },