init STATUS_LABELS mapping

Author: odeimaiz

services/static-webserver/client/source/class/osparc/data/Job.js

@@ -81,6 +81,20 @@ qx.Class.define("osparc.data.Job", {
     },
   },
 
+  statics: {
+    STATUS_LABELS: {
+      "NOT_STARTED": "Not Started",
+      "PUBLISHED": "Published",
+      "PENDING": "Pending",
+      "RUNNING": "Running",
+      "SUCCESS": "Success",
+      "FAILED": "Failed",
+      "ABORTED": "Aborted",
+      "WAITING_FOR_RESOURCES": "Waiting for Resources",
+      "WAITING_FOR_CLUSTER": "Waiting for Cluster",
+    },
+  },
+
   members: {
     __subJobs: null,
 

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

@@ -40,6 +40,10 @@ qx.Class.define("osparc.jobs.RunsTable", {
     const fontButtonRendererStop = new osparc.ui.table.cellrenderer.ImageButtonRenderer("cancel", iconPathStop);
     columnModel.setDataCellRenderer(this.self().COLS.ACTION_CANCEL.column, fontButtonRendererStop);
 
+    const iconPathInfo = "osparc/icons/circle-info-text.svg";
+    const fontButtonRendererInfo = new osparc.ui.table.cellrenderer.ImageButtonRenderer("info", iconPathInfo);
+    columnModel.setDataCellRenderer(this.self().COLS.ACTION_INFO.column, fontButtonRendererInfo);
+
     this.__attachHandlers();
   },
 
@@ -53,20 +57,20 @@ qx.Class.define("osparc.jobs.RunsTable", {
         id: "projectUuid",
         column: 0,
         label: qx.locale.Manager.tr("Project Id"),
-        width: 170
+        width: 200
       },
       PROJECT_NAME: {
         id: "projectName",
         column: 1,
         label: qx.locale.Manager.tr("Project"),
-        width: 170,
+        width: 150,
         sortable: true
       },
       STATE: {
         id: "state",
         column: 2,
         label: qx.locale.Manager.tr("Status"),
-        width: 170
+        width: 150
       },
       SUBMIT: {
         id: "submit",
@@ -92,8 +96,14 @@ qx.Class.define("osparc.jobs.RunsTable", {
       ACTION_CANCEL: {
         id: "action_cancel",
         column: 6,
-        label: "",
-        width: 40
+        label: qx.locale.Manager.tr("Cancel"),
+        width: 50
+      },
+      ACTION_INFO: {
+        id: "action_info",
+        column: 7,
+        label: qx.locale.Manager.tr("Info"),
+        width: 50
       },
     }
   },

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

@@ -84,7 +84,7 @@ qx.Class.define("osparc.jobs.RunsTableModel", {
               data.push({
                 [jobsCols.PROJECT_UUID.id]: job.getProjectUuid(),
                 [jobsCols.PROJECT_NAME.id]: job.getProjectName(),
-                [jobsCols.STATE.id]: job.getState(),
+                [jobsCols.STATE.id]: osparc.data.Job.STATUS_LABELS[job.getState()] || job.getState(),
                 [jobsCols.SUBMIT.id]: job.getSubmittedAt() ? osparc.utils.Utils.formatDateAndTime(job.getSubmittedAt()) : "-",
                 [jobsCols.START.id]: job.getStartedAt() ? osparc.utils.Utils.formatDateAndTime(job.getStartedAt()) : "-",
                 [jobsCols.END.id]: job.getEndedAt() ? osparc.utils.Utils.formatDateAndTime(job.getEndedAt()) : "-",

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

@@ -54,19 +54,19 @@ qx.Class.define("osparc.jobs.SubRunsTable", {
         id: "projectUuid",
         column: 0,
         label: qx.locale.Manager.tr("Project Id"),
-        width: 170
+        width: 200
       },
       NODE_ID: {
         id: "nodeId",
         column: 1,
         label: qx.locale.Manager.tr("Node Id"),
-        width: 170
+        width: 200
       },
       NODE_NAME: {
         id: "nodeName",
         column: 2,
         label: qx.locale.Manager.tr("Node"),
-        width: 170
+        width: 150
       },
       APP: {
         id: "app",