From 76f3bc1ddf25117d660c4b77d3b3b82090cd3843 Mon Sep 17 00:00:00 2001
From: Palak Bhojani <palak@influxdata.com>
Date: Tue, 12 Feb 2019 11:13:46 -0800
Subject: [PATCH] Update TasksList to display last run date

---
 CHANGELOG.md                                         |  1 +
 ui/src/tasks/components/TaskRow.tsx                  |  1 +
 ui/src/tasks/components/TasksList.tsx                | 12 ++++++++++--
 .../components/__snapshots__/TaskRow.test.tsx.snap   |  4 ++++
 .../components/__snapshots__/TasksList.test.tsx.snap | 12 ++++++++++--
 .../containers/__snapshots__/TasksPage.test.tsx.snap | 12 ++++++++++--
 6 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 400f4ec83df..e4c47cc2e47 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 1. [11809](https://github.com/influxdata/influxdb/pull/11809): Add the ability to name a scraper target
 1. [11821](https://github.com/influxdata/influxdb/pull/11821): Display scraper name as the first and only updatable column in scrapers list
 1. [11804](https://github.com/influxdata/influxdb/pull/11804): Add the ability to view runs for a task
+1. [11824](https://github.com/influxdata/influxdb/pull/11824): Display last completed run for tasks list
 
 ### Bug Fixes
 1. [11819](https://github.com/influxdata/influxdb/pull/11819): Update the inline edit for resource names to guard for empty strings
diff --git a/ui/src/tasks/components/TaskRow.tsx b/ui/src/tasks/components/TaskRow.tsx
index 743860f7c7f..1f6d699810c 100644
--- a/ui/src/tasks/components/TaskRow.tsx
+++ b/ui/src/tasks/components/TaskRow.tsx
@@ -71,6 +71,7 @@ export class TaskRow extends PureComponent<Props & WithRouterProps> {
           />
         </IndexList.Cell>
         <IndexList.Cell>{this.schedule}</IndexList.Cell>
+        <IndexList.Cell>{task.latestCompleted}</IndexList.Cell>
         <IndexList.Cell alignment={Alignment.Right} revealOnHover={true}>
           <ComponentSpacer align={Alignment.Right}>
             <Button
diff --git a/ui/src/tasks/components/TasksList.tsx b/ui/src/tasks/components/TasksList.tsx
index 56ff5187486..469bae938a6 100644
--- a/ui/src/tasks/components/TasksList.tsx
+++ b/ui/src/tasks/components/TasksList.tsx
@@ -63,6 +63,7 @@ export default class TasksList extends PureComponent<Props, State> {
       'status',
       'every',
       'organization.name',
+      'latestCompleted',
     ]
 
     return (
@@ -71,7 +72,7 @@ export default class TasksList extends PureComponent<Props, State> {
           <IndexList.Header>
             <IndexList.HeaderCell
               columnName="Name"
-              width="55%"
+              width="45%"
               sortKey={headerKeys[0]}
               sort={sortKey === headerKeys[0] ? sortDirection : Sort.None}
               onClick={this.handleClickColumn}
@@ -97,6 +98,13 @@ export default class TasksList extends PureComponent<Props, State> {
               sort={sortKey === headerKeys[2] ? sortDirection : Sort.None}
               onClick={this.handleClickColumn}
             />
+            <IndexList.HeaderCell
+              columnName="Last Completed"
+              width="10%"
+              sortKey={headerKeys[4]}
+              sort={sortKey === headerKeys[4] ? sortDirection : Sort.None}
+              onClick={this.handleClickColumn}
+            />
             <IndexList.HeaderCell columnName="" width="10%" />
           </IndexList.Header>
           <IndexList.Body
@@ -107,7 +115,7 @@ export default class TasksList extends PureComponent<Props, State> {
                 totalCount={totalCount}
               />
             }
-            columnCount={5}
+            columnCount={6}
           >
             {this.sortedRows}
           </IndexList.Body>
diff --git a/ui/src/tasks/components/__snapshots__/TaskRow.test.tsx.snap b/ui/src/tasks/components/__snapshots__/TaskRow.test.tsx.snap
index ab98121c6f8..68369d49f3d 100644
--- a/ui/src/tasks/components/__snapshots__/TaskRow.test.tsx.snap
+++ b/ui/src/tasks/components/__snapshots__/TaskRow.test.tsx.snap
@@ -57,6 +57,10 @@ exports[`Tasks.Components.TaskRow renders 1`] = `
   >
     2 0 * * *
   </IndexListRowCell>
+  <IndexListRowCell
+    alignment="left"
+    revealOnHover={false}
+  />
   <IndexListRowCell
     alignment="right"
     revealOnHover={true}
diff --git a/ui/src/tasks/components/__snapshots__/TasksList.test.tsx.snap b/ui/src/tasks/components/__snapshots__/TasksList.test.tsx.snap
index 49307f009dc..b88ad5c0d3f 100644
--- a/ui/src/tasks/components/__snapshots__/TasksList.test.tsx.snap
+++ b/ui/src/tasks/components/__snapshots__/TasksList.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`TasksList rendering renders 1`] = `
         onClick={[Function]}
         sort="none"
         sortKey="name"
-        width="55%"
+        width="45%"
       />
       <IndexListHeaderCell
         alignment="left"
@@ -36,6 +36,14 @@ exports[`TasksList rendering renders 1`] = `
         sortKey="every"
         width="15%"
       />
+      <IndexListHeaderCell
+        alignment="left"
+        columnName="Last Completed"
+        onClick={[Function]}
+        sort="none"
+        sortKey="latestCompleted"
+        width="10%"
+      />
       <IndexListHeaderCell
         alignment="left"
         columnName=""
@@ -43,7 +51,7 @@ exports[`TasksList rendering renders 1`] = `
       />
     </IndexListHeader>
     <IndexListBody
-      columnCount={5}
+      columnCount={6}
       emptyState={
         <EmptyTasksLists
           onCreate={[Function]}
diff --git a/ui/src/tasks/containers/__snapshots__/TasksPage.test.tsx.snap b/ui/src/tasks/containers/__snapshots__/TasksPage.test.tsx.snap
index 49307f009dc..b88ad5c0d3f 100644
--- a/ui/src/tasks/containers/__snapshots__/TasksPage.test.tsx.snap
+++ b/ui/src/tasks/containers/__snapshots__/TasksPage.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`TasksList rendering renders 1`] = `
         onClick={[Function]}
         sort="none"
         sortKey="name"
-        width="55%"
+        width="45%"
       />
       <IndexListHeaderCell
         alignment="left"
@@ -36,6 +36,14 @@ exports[`TasksList rendering renders 1`] = `
         sortKey="every"
         width="15%"
       />
+      <IndexListHeaderCell
+        alignment="left"
+        columnName="Last Completed"
+        onClick={[Function]}
+        sort="none"
+        sortKey="latestCompleted"
+        width="10%"
+      />
       <IndexListHeaderCell
         alignment="left"
         columnName=""
@@ -43,7 +51,7 @@ exports[`TasksList rendering renders 1`] = `
       />
     </IndexListHeader>
     <IndexListBody
-      columnCount={5}
+      columnCount={6}
       emptyState={
         <EmptyTasksLists
           onCreate={[Function]}