Delete Progress

Author: odeimaiz

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

@@ -231,9 +231,41 @@ qx.Class.define("osparc.file.FileLabelWithActions", {
             taskUI.setTask(task);
             osparc.task.TasksContainer.getInstance().addTaskUI(taskUI);
 
+            const progressWindow = new osparc.ui.window.Progress(
+              this.tr("Deleting files"),
+              "@FontAwesome5Solid/trash/14",
+              this.tr("Deleting files..."),
+            );
+            progressWindow.open();
+
+            const finished = (msg, msgLevel) => {
+              if (msg) {
+                osparc.FlashMessenger.logAs(msg, msgLevel);
+              }
+              progressWindow.close();
+            };
+
+            task.addListener("updateReceived", e => {
+              const data = e.getData();
+              console.log("updateReceived", data);
+              if (data["task_progress"]) {
+                if ("message" in data["task_progress"] && data["task_progress"]["message"]) {
+                  progressWindow.setMessage(data["task_progress"]["message"]);
+                }
+                if ("percent" in data["task_progress"]) {
+                  progressWindow.setProgress(data["task_progress"]["percent"]*100);
+                }
+              }
+            }, this);
             task.addListener("resultReceived", e => {
               this.fireDataEvent("pathsDeleted", paths);
-              osparc.FlashMessenger.logAs(this.tr("Items successfully deleted"), "INFO");
+              finished(this.tr("Items successfully deleted"), "INFO");
+            });
+            task.addListener("taskAborted", () => finished(this.tr("Deletion aborted"), "WARNING"));
+            task.addListener("pollingError", e => {
+              const err = e.getData();
+              const msg = this.tr("Something went wrong while deleting the files<br>") + err.message;
+              finished(msg, "ERROR");
             });
           })
           .catch(err => osparc.FlashMessenger.logError(err, this.tr("Unsuccessful files deletion")));

services/static-webserver/client/source/class/osparc/ui/window/Progress.js

@@ -0,0 +1,53 @@
+/*
+ * 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)
+ */
+
+/**
+ * Generic progress window.
+ */
+qx.Class.define("osparc.ui.window.Progress", {
+  extend: osparc.ui.window.Dialog,
+
+  construct: function(title, icon, message) {
+    this.base(arguments, title, icon, message);
+
+    const progressBar = this.getChildControl("progress-bar");
+    this.bind("progress", progressBar, "value");
+  },
+
+  properties: {
+    progress: {
+      check: "Number",
+      init: 0,
+      nullable: false,
+      event: "changeProgress"
+    },
+  },
+
+  members: {
+    _createChildControlImpl: function(id) {
+      let control;
+      switch (id) {
+        case "progress-bar":
+          control = new qx.ui.indicator.ProgressBar().set({
+            maximum: 100,
+            maxHeight: 12,
+            alignX: "center",
+            alignY: "middle",
+            allowGrowY: false,
+            allowGrowX: true,
+            margin: 0,
+          });
+          control.getChildControl("progress").set({
+            backgroundColor: "strong-main"
+          });
+          this.add(control);
+          break;
+      }
+      return control || this.base(arguments, id);
+    },
+  }
+});