FlashMessageOEC

Author: odeimaiz

services/static-webserver/client/source/class/osparc/FlashMessenger.js

@@ -86,10 +86,12 @@ qx.Class.define("osparc.FlashMessenger", {
         console.error(error);
       }
       const msg = this.extractMessage(error, defaultMessage);
-      const flashMessage = this.getInstance().logAs(msg, "ERROR", duration);
+      let flashMessage = null;
       if (error && error["supportId"]) {
-        flashMessage.addWidget(this.__createCopyOECWidget(msg, error["supportId"]));
-        flashMessage.setDuration(flashMessage.getDuration()*2);
+        flashMessage = new osparc.ui.message.FlashMessageOEC(msg, duration, error["supportId"]);
+        this.getInstance().addFlashMessage(flashMessage);
+      } else {
+        flashMessage = this.getInstance().logAs(msg, "ERROR", duration);
       }
       return flashMessage;
     },
@@ -142,14 +144,15 @@ qx.Class.define("osparc.FlashMessenger", {
 
     log: function(logMessage) {
       const message = this.self().extractMessage(logMessage);
-
       const level = logMessage.level.toUpperCase(); // "DEBUG", "INFO", "WARNING", "ERROR"
-
       const flashMessage = new osparc.ui.message.FlashMessage(message, level, logMessage.duration);
+      this.addFlashMessage(flashMessage);
+      return flashMessage;
+    },
+
+    addFlashMessage: function(flashMessage) {
       flashMessage.addListener("closeMessage", () => this.removeMessage(flashMessage), this);
       this.__messages.push(flashMessage);
-
-      return flashMessage;
     },
 
     /**

services/static-webserver/client/source/class/osparc/ui/message/FlashMessageOEC.js

@@ -0,0 +1,75 @@
+/* ************************************************************************
+
+   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.ui.message.FlashMessageOEC", {
+  extend: osparc.ui.message.FlashMessage,
+
+  /**
+   * Constructor for the FlashMessage.
+   *
+   * @param {String} message Message that the user will read.
+   * @param {Number} duration
+   * @param {String} supportId
+   */
+  construct: function(message, duration, supportId) {
+    this.base(arguments, message, "ERROR", duration*2);
+
+    const oecAtom = this.getChildControl("oec-atom");
+    this.bind("supportId", oecAtom, "label");
+    this.setSupportId(supportId);
+  },
+
+  properties: {
+    supportId: {
+      check: "String",
+      nullable: true,
+      event: "changeSupportId",
+    },
+  },
+
+  members: {
+    _createChildControlImpl: function(id) {
+      let control;
+      switch (id) {
+        case "oec-atom":
+          control = new qx.ui.basic.Atom().set({
+            icon: "@FontAwesome5Solid/copy/10",
+            iconPosition: "right",
+            gap: 8,
+            cursor: "pointer",
+            alignX: "center",
+            allowGrowX: false,
+          });
+          control.addListener("tap", () => {
+            const currentStudy = osparc.store.Store.getInstance().getCurrentStudy();
+            const dataToClipboard = {
+              message: this.getMessage(),
+              supportId: this.getSupportId(),
+              timestamp: new Date().toString(),
+              url: window.location.href,
+              releaseTag: osparc.utils.Utils.getReleaseTag(),
+              studyId: currentStudy ? currentStudy.getUuid() : "",
+            }
+            osparc.utils.Utils.copyTextToClipboard(osparc.utils.Utils.prettifyJson(dataToClipboard));
+          });
+          this.addWidget(control);
+          break;
+      }
+      return control || this.base(arguments, id);
+    },
+  }
+});