From 47d7918e01c5633acd1b4aecf0bff725cdbdea5b Mon Sep 17 00:00:00 2001
From: Geethakrishna Puligundla <gpuligundla@clemson.edu>
Date: Mon, 20 Nov 2023 12:17:54 -0500
Subject: [PATCH] feat: Added pause icon in frontend to show the status

---
 dispatcher/frontend-ui/src/components/SchedulesList.vue | 5 ++++-
 dispatcher/frontend-ui/src/main.js                      | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/dispatcher/frontend-ui/src/components/SchedulesList.vue b/dispatcher/frontend-ui/src/components/SchedulesList.vue
index f58cce05a..0ad0fb698 100644
--- a/dispatcher/frontend-ui/src/components/SchedulesList.vue
+++ b/dispatcher/frontend-ui/src/components/SchedulesList.vue
@@ -76,7 +76,10 @@
         <tr v-for="schedule in schedules" :key="schedule._id">
           <td>
             <router-link :to="{name: 'schedule-detail', params: {'schedule_name': schedule.name}}">
-              {{ schedule.name }}
+              <span style="display: flex; align-items: center">
+                {{ schedule.name }}
+                <font-awesome-icon v-if="!schedule.enabled" icon="pause" style="margin-left: 5px; color: orange"/>
+              </span>
             </router-link>
           </td>
           <td>{{ schedule.category }}</td>
diff --git a/dispatcher/frontend-ui/src/main.js b/dispatcher/frontend-ui/src/main.js
index 4f1e31605..41cab2448 100644
--- a/dispatcher/frontend-ui/src/main.js
+++ b/dispatcher/frontend-ui/src/main.js
@@ -27,7 +27,7 @@ import { faSpinner, faUser, faUserCircle, faKey, faTimes, faTimesCircle,
          faCalendarAlt, faStopCircle, faTrashAlt, faPlug,
          faSkullCrossbones, faAsterisk, faCheck, faPlusCircle,
          faExclamationTriangle, faServer, faSortAmountUp,
-         faExternalLinkAlt, faClock, faCompactDisc, faGlasses, faBug } from '@fortawesome/free-solid-svg-icons'
+         faExternalLinkAlt, faClock, faCompactDisc, faGlasses, faBug, faPause, } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 library.add(faKey);
 library.add(faBug);
@@ -61,6 +61,7 @@ library.add(faExternalLinkAlt);
 library.add(faArrowCircleLeft);
 library.add(faSkullCrossbones);
 library.add(faExclamationTriangle);
+library.add(faPause);
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
 // Multiselect for schedules filter