JobInfo

Author: odeimaiz

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

@@ -0,0 +1,59 @@
+/* ************************************************************************
+
+   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.jobs.JobInfo", {
+  extend: qx.ui.core.Widget,
+
+  construct(jobId) {
+    this.base(arguments);
+
+    this._setLayout(new qx.ui.layout.VBox());
+
+    const jobInfoViewer = this.getChildControl("job-info-viewer");
+    osparc.store.Jobs.getInstance().fetchJobInfo(jobId)
+      .then(info => {
+        jobInfoViewer.setJson(info);
+      });
+  },
+
+  statics: {
+    popUpInWindow: function(jobInfo) {
+      const title = qx.locale.Manager.tr("Job Info");
+      const win = osparc.ui.window.Window.popUpInWindow(jobInfo, title, 600, 400);
+      win.open();
+      return win;
+    }
+  },
+
+  members: {
+    _createChildControlImpl: function(id) {
+      let control;
+      switch (id) {
+        case "job-info-viewer": {
+          control = new osparc.ui.basic.JsonTreeWidget();
+          const container = new qx.ui.container.Scroll();
+          container.add(control);
+          this._add(container);
+          break;
+        }
+      }
+
+      return control || this.base(arguments, id);
+    },
+  }
+})

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

@@ -143,9 +143,11 @@ qx.Class.define("osparc.jobs.JobsTable", {
     __handleButtonClick: function(action, row) {
       const rowData = this.getTableModel().getRowData(row);
       switch (action) {
-        case "info":
-          console.log(`Info row ${row}`);
+        case "info": {
+          const jobInfo = new osparc.jobs.JobInfo(rowData["jobId"]);
+          osparc.jobs.JobInfo.popUpInWindow(jobInfo);
           break;
+        }
         case "stop":
         case "delete":
         case "logs": {