From 241920a3e7db3c62f31a88e3ae405055bc0691e7 Mon Sep 17 00:00:00 2001
From: Devin Cowan <dcowan@cuahsi.org>
Date: Tue, 28 Nov 2023 14:26:28 -0500
Subject: [PATCH] submissions phase and refresh

---
 app/frontend/src/constants.js              |  1 +
 app/frontend/src/stores/submissions.js     |  7 ++++++-
 app/frontend/src/views/SubmissionsView.vue | 14 +++++++++-----
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/app/frontend/src/constants.js b/app/frontend/src/constants.js
index 21a58df3..2a398e45 100644
--- a/app/frontend/src/constants.js
+++ b/app/frontend/src/constants.js
@@ -14,4 +14,5 @@ export const ENDPOINTS = {
   logs: `${API_BASE}/logs`,
   url: `${API_BASE}/url`,
   submissions: `${API_BASE}/submissions`,
+  refresh: `${API_BASE}/refresh`,
 };
diff --git a/app/frontend/src/stores/submissions.js b/app/frontend/src/stores/submissions.js
index 99faa4a3..5e05a398 100644
--- a/app/frontend/src/stores/submissions.js
+++ b/app/frontend/src/stores/submissions.js
@@ -12,5 +12,10 @@ export const useSubmissionsStore = defineStore('submissions', () => {
     let submissions = submissionsObj.submissions
     this.submissions = submissions
   }
-  return { submissions, getSubmissions}
+
+  async function refreshWorkflows() {
+    return fetchWrapper.get(`${ENDPOINTS.refresh}`)
+  }
+
+  return { submissions, getSubmissions, refreshWorkflows}
 })
diff --git a/app/frontend/src/views/SubmissionsView.vue b/app/frontend/src/views/SubmissionsView.vue
index ab064a76..41c3fafa 100644
--- a/app/frontend/src/views/SubmissionsView.vue
+++ b/app/frontend/src/views/SubmissionsView.vue
@@ -1,11 +1,13 @@
 <template>
   <div>SUBMISSIONS</div>
     <v-card class="ma-10" v-for="submission in submissionStore.submissions" :key="submission.id" width="400">
-      workflow_name: {{ submission.workflow_name }}
-      workflow_id: {{ submission.workflow_id }}
-      startedAt: {{ submission.startedAt }}
-      estimatedDuration: {{submission.estimatedDuration }}
-      <a :href="`${downloadEndpoint}/${submission.workflow_id}`">Download</a>
+      <div>workflow_name: {{ submission.workflow_name }}</div>
+      <div>workflow_id: {{ submission.workflow_id }}</div>
+      <div>startedAt: {{ submission.startedAt }}</div>
+      <div>estimatedDuration: {{submission.estimatedDuration }}</div>
+      <div>phase: {{ submission.phase }}</div>
+      <v-btn v-if="submission.phase == 'Succeeded'"><a :href="`${downloadEndpoint}/${submission.workflow_id}`" target="_blank">Download</a></v-btn>
+      <v-btn><a :href="`${refreshEndpoint}/${submission.workflow_id}`" target="_blank">Refresh</a></v-btn>
   </v-card>
   <v-container>
     <a href="https://workflows.argo.cuahsi.io/workflows">argo.cuahsi.io</a>
@@ -17,7 +19,9 @@ import { useSubmissionsStore } from '@/stores/submissions'
 import { ENDPOINTS } from '@/constants'
 
 const downloadEndpoint = ENDPOINTS.download
+const refreshEndpoint = ENDPOINTS.refresh
 const submissionStore = useSubmissionsStore();
+submissionStore.refreshWorkflows()
 submissionStore.getSubmissions()
 
 </script>