jobs: Add a column with end time/duration

fixes #813 If the job is completed or has failed, the column displays the end time and the total duration of the task.
chairemobilite · Dec 18, 2023 · 2fe34d3 · 2fe34d3
1 parent 4c8cc20
commit 2fe34d3
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/locales/en/transit.json b/locales/en/transit.json
@@ -900,6 +900,7 @@
     },
     "jobs": {
         "Date": "Date",
+        "EndTime": "End/Duration",
         "Status": "Status",
         "JobType": "Name",
         "Data": "Parameters",

diff --git a/locales/fr/transit.json b/locales/fr/transit.json
@@ -900,6 +900,7 @@
     },
     "jobs": {
         "Date": "Date",
+        "EndTime": "Fin/Durée",
         "Status": "Status",
         "JobType": "Nom",
         "Data": "Paramètres",

diff --git a/packages/transition-frontend/src/components/parts/executableJob/ExecutableJobComponent.tsx b/packages/transition-frontend/src/components/parts/executableJob/ExecutableJobComponent.tsx
@@ -21,6 +21,7 @@ import Button from '../Button';
 import ButtonList from '../ButtonList';
 import ButtonCell, { ButtonCellWithConfirm } from '../ButtonCell';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { toXXhrYYminZZsec } from 'chaire-lib-common/lib/utils/DateTimeUtils';
 
 interface ExecutableJobComponentProps {
     jobType?: string;
@@ -135,6 +136,20 @@ const ExecutableJobComponent: React.FunctionComponent<ExecutableJobComponentProp
                 width: 100,
                 Cell: (props) => moment(props.value).format('YYYY-MM-DD hh:mm')
             },
+            {
+                Header: props.t('transit:jobs:EndTime'),
+                accessor: 'updated_at',
+                width: 100,
+                Cell: (cellProps) =>
+                    cellProps.row.original.status === 'completed' || cellProps.row.original.status === 'failed'
+                        ? `${moment(cellProps.value).format('YYYY-MM-DD hh:mm')} (${toXXhrYYminZZsec(
+                            moment(cellProps.value).diff(moment(cellProps.row.original.created_at), 'seconds'),
+                            props.t('main:hourAbbr'),
+                            props.t('main:minuteAbbr'),
+                            props.t('main:secondAbbr')
+                        )})`
+                        : null
+            },
             {
                 Header: props.t('transit:jobs:Status'),
                 accessor: 'status',