From 96eec70b26c8cff423b5164fb5dbefbcd4266a74 Mon Sep 17 00:00:00 2001
From: johan <johan.legreid1@gmail.com>
Date: Fri, 27 Jun 2025 14:30:11 +0200
Subject: [PATCH] Feat: Added pop-up which is executed when toggled/page load
 if wanted

---
 .../src/components/MarkedPopUp.vue                   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue b/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue
index 89c3717..e997030 100644
--- a/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue
+++ b/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue
@@ -27,7 +27,6 @@ onMounted(async () => {
       popups.value = popupData;
       if (popups.value.length > 0) {
         currentPopup.value = popups.value[4]; // Display first popup
-        showPopup.value = true;
       }
       loading.value = false;
     } else {
@@ -39,7 +38,6 @@ onMounted(async () => {
       popups.value = await response.json();
       if (popups.value.length > 0) {
         currentPopup.value = popups.value[0];
-        showPopup.value = true;
       }
       loading.value = false;
     }
@@ -49,6 +47,10 @@ onMounted(async () => {
   }
 });
 
+const togglePopup = () => {
+  showPopup.value = !showPopup.value;
+};
+
 const closePopup = () => {
   showPopup.value = false;
 };
@@ -62,6 +64,12 @@ const handleAction = () => {
 </script>
 
 <template>
+
+  <button v-if="!showPopup" @click="togglePopup" class="btn btn-primary">
+    Show Popup
+  </button>
+
+
   <div v-if="loading">Loading...</div>
   <div v-else-if="error">Error: {{ error }}</div>
   <div v-else-if="showPopup && currentPopup"