Add current state to workflow states table

Author: GilbertCherrie

app/javascript/components/request-workflow-status/data.js

@@ -43,13 +43,39 @@ const convertDate = (date) => {
   return formattedDate.toString();
 };
 
+// Converts the duration time in ms and returns a string in format: w days x hours y minutes z seconds
+// duration: time in ms
+const convertDuration = (duration) => {
+  let durationTime = duration;
+  let durationString = '';
+
+  const days = Math.floor(durationTime / (1000 * 60 * 60 * 24));
+  if (days > 0) {
+    durationTime -= (days * 1000 * 60 * 60 * 24);
+    durationString += `${days} days - `;
+  }
+  const hours = Math.floor(durationTime / (1000 * 60 * 60));
+  if (hours > 0) {
+    durationTime -= (hours * 1000 * 60 * 60);
+    durationString += `${hours} hours - `;
+  }
+  const minutes = Math.floor(durationTime / (1000 * 60));
+  if (minutes > 0) {
+    durationTime -= (minutes * 1000 * 60);
+    durationString += `${minutes} minutes - `;
+  }
+  const seconds = durationTime / 1000;
+  durationString += `${seconds.toFixed(3)} seconds`;
+  return durationString;
+};
+
 /** Function to get the row data of workflow states table. */
 const rowData = ({ StateHistory }) => StateHistory.map((item) => ({
   id: item.Guid.toString(),
   name: item.Name,
   enteredTime: convertDate(item.EnteredTime.toString()),
   finishedTime: convertDate(item.FinishedTime.toString()),
-  duration: item.Duration.toFixed(3).toString(),
+  duration: convertDuration(item.Duration * 1000),
 }));
 
 /** Function to return the header, row and status data required for the RequestWorkflowStatus component.  */
@@ -59,6 +85,20 @@ export const workflowStatusData = (response) => {
     return undefined;
   }
   const rows = response.context ? rowData(response.context) : [];
+  if (response.context && response.context.State) {
+    const state = response.context.State;
+    const currentTime = new Date(); // Date Object for current time
+    const oldTime = Date.parse(state.EnteredTime); // ms since start time to entered time in UTC
+    const durationTime = currentTime.getTime() - oldTime; // ms from entered time to current time
+
+    rows.push({
+      id: state.Guid.toString(),
+      name: { text: state.Name, icon: 'fa fa-play' },
+      enteredTime: convertDate(state.EnteredTime.toString()),
+      finishedTime: '',
+      duration: convertDuration(durationTime),
+    });
+  }
   const headers = headerData();
   const name = response.name || response.description;
   return {