info column

Author: odeimaiz

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

@@ -35,14 +35,17 @@ qx.Class.define("osparc.jobs.JobsTable", {
     columnModel.setColumnVisible(this.self().COLS.JOB_ID.column, true);
 
     Object.values(this.self().COLS).forEach(col => columnModel.setColumnWidth(col.column, col.width));
+
+    const imageRenderer = new qx.ui.table.cellrenderer.Image();
+    columnModel.setDataCellRenderer(this.self().COLS.INFO.column, imageRenderer);
   },
 
   statics: {
     COLS: {
       JOB_ID: {
         id: "jobId",
         column: 0,
-        label: qx.locale.Manager.tr("JobId"),
+        label: qx.locale.Manager.tr("Job Id"),
         width: 150
       },
       SOLVER: {
@@ -55,31 +58,37 @@ qx.Class.define("osparc.jobs.JobsTable", {
         id: "status",
         column: 2,
         label: qx.locale.Manager.tr("Status"),
-        width: 150
+        width: 160
       },
       PROGRESS: {
         id: "progress",
         column: 3,
         label: qx.locale.Manager.tr("Progress"),
-        width: 100
+        width: 80
       },
       SUBMIT: {
         id: "submit",
         column: 4,
         label: qx.locale.Manager.tr("Submitted"),
-        width: 150
+        width: 130
       },
       START: {
         id: "start",
         column: 5,
         label: qx.locale.Manager.tr("Started"),
-        width: 150
+        width: 130
       },
       INSTANCE: {
         id: "instance",
         column: 6,
         label: qx.locale.Manager.tr("Instance"),
-        width: 150
+        width: 100
+      },
+      INFO: {
+        id: "info",
+        column: 7,
+        label: qx.locale.Manager.tr("Info"),
+        width: 40
       },
     }
   }

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

@@ -89,8 +89,7 @@ qx.Class.define("osparc.jobs.JobsTableModel", {
       const options = {
         resolveWResponse: true
       };
-      const jobsStore = osparc.store.Jobs.getInstance();
-      jobsStore.fetchJobs(urlParams, options)
+      osparc.store.Jobs.getInstance().fetchJobs(urlParams, options)
         .then(jobs => {
           this._onRowCountLoaded(jobs.length);
         })
@@ -114,8 +113,7 @@ qx.Class.define("osparc.jobs.JobsTableModel", {
             null,
           orderBy: JSON.stringify(this.getOrderBy())
         };
-        const jobsStore = osparc.store.Jobs.getInstance();
-        jobsStore.fetchJobs(urlParams)
+        return osparc.store.Jobs.getInstance().fetchJobs(urlParams)
           .then(jobs => {
             const data = [];
             const jobsCols = osparc.jobs.JobsTable.COLS;
@@ -124,10 +122,11 @@ qx.Class.define("osparc.jobs.JobsTableModel", {
                 [jobsCols.JOB_ID.id]: job.getJobId(),
                 [jobsCols.SOLVER.id]: job.getSolver(),
                 [jobsCols.STATUS.id]: job.getStatus(),
-                [jobsCols.PROGRESS.id]: job.getProgress(),
-                [jobsCols.SUBMIT.id]: job.getSubmittedAt(),
-                [jobsCols.START.id]: job.getStartedAt(),
+                [jobsCols.PROGRESS.id]: job.getProgress() ? (job.getProgress() + "%") : "-",
+                [jobsCols.SUBMIT.id]: job.getSubmittedAt() ? osparc.utils.Utils.formatDateAndTime(job.getSubmittedAt()) : "-",
+                [jobsCols.START.id]: job.getStartedAt() ? osparc.utils.Utils.formatDateAndTime(job.getStartedAt()) : "-",
                 [jobsCols.INSTANCE.id]: job.getInstance(),
+                [jobsCols.INFO.id]: "@FontAwesome5Solid/copy/14",
               });
             });
             return data;
@@ -151,7 +150,9 @@ qx.Class.define("osparc.jobs.JobsTableModel", {
           .finally(() => this.setIsFetching(false));
       } else {
         getFetchPromise(firstRow, reqLimit)
-          .then(data => this._onRowDataLoaded(data))
+          .then(data => {
+            this._onRowDataLoaded(data);
+          })
           .catch(err => {
             console.error(err)
             this._onRowDataLoaded(null);