From 8ce94b525b3cee2dd7ee4982e2b96c02511444ac Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Mon, 22 Jul 2024 13:02:20 -0500
Subject: [PATCH] add purged/deleted/archived indicators for multiview items

---
 .../components/History/HistoryScrollList.vue  | 19 +++++++++++++++++--
 .../History/Multiple/MultipleViewItem.vue     | 16 ++++++++++++++--
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/client/src/components/History/HistoryScrollList.vue b/client/src/components/History/HistoryScrollList.vue
index dad3c94eb05a..9b83f5df7afc 100644
--- a/client/src/components/History/HistoryScrollList.vue
+++ b/client/src/components/History/HistoryScrollList.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faCheckSquare, faListAlt, faSquare } from "@fortawesome/free-regular-svg-icons";
-import { faArrowDown, faColumns, faSignInAlt } from "@fortawesome/free-solid-svg-icons";
+import { faArchive, faArrowDown, faBurn, faColumns, faSignInAlt, faTrash } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { useInfiniteScroll } from "@vueuse/core";
 import { BAlert, BBadge, BButton, BButtonGroup, BListGroup, BListGroupItem, BOverlay } from "bootstrap-vue";
@@ -54,7 +54,7 @@ const emit = defineEmits<{
     (e: "update:show-modal", showModal: boolean): void;
 }>();
 
-library.add(faColumns, faSignInAlt, faListAlt, faArrowDown, faCheckSquare, faSquare);
+library.add(faColumns, faSignInAlt, faListAlt, faArrowDown, faCheckSquare, faSquare, faBurn, faTrash, faArchive);
 
 const busy = ref(false);
 const showAdvanced = ref(false);
@@ -278,6 +278,21 @@ async function loadMore(noScroll = false) {
                                 </div>
                                 <TextSummary v-else component="h4" :description="history.name" one-line-summary />
                                 <div class="d-flex align-items-center flex-gapx-1">
+                                    <BBadge pill>
+                                        <FontAwesomeIcon
+                                            v-if="history.purged"
+                                            title="Purged"
+                                            :icon="faBurn"
+                                            fixed-width />
+                                        <FontAwesomeIcon
+                                            v-else-if="history.deleted"
+                                            title="Deleted"
+                                            :icon="faTrash"
+                                            fixed-width />
+                                    </BBadge>
+                                    <BBadge v-if="history.archived" pill>
+                                        <FontAwesomeIcon title="Archived" :icon="faArchive" fixed-width />
+                                    </BBadge>
                                     <BBadge pill :title="localize('Amount of items in history')">
                                         {{ history.count }} {{ localize("items") }}
                                     </BBadge>
diff --git a/client/src/components/History/Multiple/MultipleViewItem.vue b/client/src/components/History/Multiple/MultipleViewItem.vue
index 34e1959650d8..d59ce891c115 100644
--- a/client/src/components/History/Multiple/MultipleViewItem.vue
+++ b/client/src/components/History/Multiple/MultipleViewItem.vue
@@ -36,6 +36,18 @@ const sameToCurrent = computed(() => {
     return currentHistoryId.value === props.source.id;
 });
 
+const switchToText = computed(() => {
+    if (sameToCurrent.value) {
+        return "Current History";
+    } else if (history.value?.purged) {
+        return "Purged History";
+    } else if (history.value?.archived) {
+        return "Archived History";
+    } else {
+        return "Switch to this history";
+    }
+});
+
 function onViewCollection(collection: object) {
     selectedCollections.value = [...selectedCollections.value, collection];
 }
@@ -54,9 +66,9 @@ function onViewCollection(collection: object) {
                 <BButton
                     size="sm"
                     class="my-1"
-                    :disabled="sameToCurrent"
+                    :disabled="sameToCurrent || history.purged || history.archived"
                     :variant="sameToCurrent ? 'disabled' : 'outline-info'"
-                    :title="sameToCurrent ? 'Current History' : 'Switch to this history'"
+                    :title="switchToText"
                     @click="historyStore.setCurrentHistory(source.id)">
                     {{ sameToCurrent ? "Current History" : "Switch to" }}
                 </BButton>