From d3e706f9c535d0de66aca7e41db46ecc4e1cdfff Mon Sep 17 00:00:00 2001
From: ken <ken.vnguyen1@gmail.com>
Date: Fri, 27 Jun 2025 14:55:28 +0200
Subject: [PATCH] feat: add systemlink and marked pop-up component

---
 .idea/inspectionProfiles/Project_Default.xml  | 21 ++++++++
 .idea/jsLibraryMappings.xml                   |  6 +++
 .idea/prettier.xml                            |  6 +++
 .../src/components/Dashboard.vue              |  5 +-
 .../src/components/FakePage.vue               | 52 -------------------
 .../src/components/MarkedPopUp.vue            |  6 +--
 .../{overlay_popup.json => overlayPopup.json} |  0
 ...system_message.json => systemMessage.json} |  0
 .../src/router/index.js                       |  9 ++--
 .../src/utils/api.js                          |  4 +-
 package-lock.json                             |  6 +++
 11 files changed, 52 insertions(+), 63 deletions(-)
 create mode 100644 .idea/inspectionProfiles/Project_Default.xml
 create mode 100644 .idea/jsLibraryMappings.xml
 create mode 100644 .idea/prettier.xml
 delete mode 100644 gca-admin-gurusoft-message-dashboard/src/components/FakePage.vue
 rename gca-admin-gurusoft-message-dashboard/src/mocks/{overlay_popup.json => overlayPopup.json} (100%)
 rename gca-admin-gurusoft-message-dashboard/src/mocks/{system_message.json => systemMessage.json} (100%)
 create mode 100644 package-lock.json

diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..4792a15
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,21 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="7">
+            <item index="0" class="java.lang.String" itemvalue="nobr" />
+            <item index="1" class="java.lang.String" itemvalue="noembed" />
+            <item index="2" class="java.lang.String" itemvalue="comment" />
+            <item index="3" class="java.lang.String" itemvalue="noscript" />
+            <item index="4" class="java.lang.String" itemvalue="embed" />
+            <item index="5" class="java.lang.String" itemvalue="script" />
+            <item index="6" class="java.lang.String" itemvalue="router-link" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
new file mode 100644
index 0000000..6b253d1
--- /dev/null
+++ b/.idea/jsLibraryMappings.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptLibraryMappings">
+    <file url="file://$PROJECT_DIR$" libraries="{bootstrap}" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/prettier.xml b/.idea/prettier.xml
new file mode 100644
index 0000000..b0c1c68
--- /dev/null
+++ b/.idea/prettier.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/gca-admin-gurusoft-message-dashboard/src/components/Dashboard.vue b/gca-admin-gurusoft-message-dashboard/src/components/Dashboard.vue
index 7bf7aa9..16dbd58 100644
--- a/gca-admin-gurusoft-message-dashboard/src/components/Dashboard.vue
+++ b/gca-admin-gurusoft-message-dashboard/src/components/Dashboard.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import OverlayPopup from "./OverlayPopup.vue";
 import SystemMesssages from "./SystemMesssages.vue";
+import SystemLinks from "@/components/SystemLinks.vue";
+import MarkedPopUp from "@/components/MarkedPopUp.vue";
 </script>
 
 <style scoped>
@@ -36,13 +38,14 @@ import SystemMesssages from "./SystemMesssages.vue";
             <SystemMesssages/>
           </div>
           <div class="col border border-warning">
-            2 of 2
+            <SystemLinks/>
           </div>
         </div>
       </div>
     </div>
   </div>
   <OverlayPopup/>
+  <MarkedPopUp/>
 
 
 </template>
\ No newline at end of file
diff --git a/gca-admin-gurusoft-message-dashboard/src/components/FakePage.vue b/gca-admin-gurusoft-message-dashboard/src/components/FakePage.vue
deleted file mode 100644
index de86680..0000000
--- a/gca-admin-gurusoft-message-dashboard/src/components/FakePage.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import MarkedPopUp from "@/components/MarkedPopUp.vue";
-
-// Define button styles with different colors
-const buttons = [
-  {text: 'Google Search', url: 'https://www.google.com', class: 'btn-primary'},
-  {text: 'Google Maps', url: 'https://maps.google.com', class: 'btn-success'},
-  {text: 'Google Drive', url: 'https://drive.google.com', class: 'btn-warning'},
-  {text: 'Gmail', url: 'https://mail.google.com', class: 'btn-danger'}
-];
-
-// Lorem ipsum text for demonstration
-const loremText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ".repeat(100);
-</script>
-
-<template>
-  <MarkedPopUp element-id="fake-page-popup" :use-mocked-data="true"/>
-  <div class="container p-2">
-    <h1 class="mb-4">Fake Page Example</h1>
-
-    <!-- Buttons section - now full width and above text -->
-    <div class="p-1">
-      <div class="card-header p-2">Google Services</div>
-      <div class="card-body p-2">
-        <div class="row">
-          <div v-for="(button, index) in buttons" :key="index" class="col-md-3 mb-2">
-            <a :href="button.url" class="btn w-100" :class="button.class" target="_blank">
-              {{ button.text }}
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Text section - now without scrollable container -->
-    <div class="p-3 ">
-      <div class="card-header">Text Content</div>
-      <div class="card-body">
-        <p>{{ loremText }}</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-
-
-.card-header {
-  font-weight: bold;
-  background-color: #f8f9fa;
-}
-</style>
\ No newline at end of file
diff --git a/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue b/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue
index e997030..06e47be 100644
--- a/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue
+++ b/gca-admin-gurusoft-message-dashboard/src/components/MarkedPopUp.vue
@@ -4,13 +4,9 @@ import popupData from '@/mocks/marketPopUpMockData.json';
 
 
 const props = defineProps({
-  elementId: {
-    type: String,
-    required: true
-  },
   useMockedData: {
     type: Boolean,
-    default: false
+    default: true
   }
 });
 
diff --git a/gca-admin-gurusoft-message-dashboard/src/mocks/overlay_popup.json b/gca-admin-gurusoft-message-dashboard/src/mocks/overlayPopup.json
similarity index 100%
rename from gca-admin-gurusoft-message-dashboard/src/mocks/overlay_popup.json
rename to gca-admin-gurusoft-message-dashboard/src/mocks/overlayPopup.json
diff --git a/gca-admin-gurusoft-message-dashboard/src/mocks/system_message.json b/gca-admin-gurusoft-message-dashboard/src/mocks/systemMessage.json
similarity index 100%
rename from gca-admin-gurusoft-message-dashboard/src/mocks/system_message.json
rename to gca-admin-gurusoft-message-dashboard/src/mocks/systemMessage.json
diff --git a/gca-admin-gurusoft-message-dashboard/src/router/index.js b/gca-admin-gurusoft-message-dashboard/src/router/index.js
index 86fca9f..38501bd 100644
--- a/gca-admin-gurusoft-message-dashboard/src/router/index.js
+++ b/gca-admin-gurusoft-message-dashboard/src/router/index.js
@@ -2,11 +2,14 @@ import {createRouter, createWebHistory} from 'vue-router';
 import SystemMessagesPage from '../components/SystemMessagesPage.vue';
 import SystemMessages from '../components/SystemMesssages.vue';
 import Dashboard from '../components/Dashboard.vue';
-import FakePage from '../components/FakePage.vue'
 import SystemLinks from '../components/SystemLinks.vue'
-import MarkedPopUp from '../components/MarkedPopUp.vue'
-
 
+const routes = [
+    {path: '/systemmessage', name: 'SystemMessage', component: SystemMessages},
+    {path: '/systemmessagelist', name: 'SystemMessageList', component: SystemMessagesPage},
+    {path: '/systemlinks', name: 'SystemLinks', component: SystemLinks},
+    {path: '/', name: 'Dashboard', component: Dashboard}
+];
 
 const router = createRouter({
     history: createWebHistory(),
diff --git a/gca-admin-gurusoft-message-dashboard/src/utils/api.js b/gca-admin-gurusoft-message-dashboard/src/utils/api.js
index 529b5c2..84f990f 100644
--- a/gca-admin-gurusoft-message-dashboard/src/utils/api.js
+++ b/gca-admin-gurusoft-message-dashboard/src/utils/api.js
@@ -1,5 +1,5 @@
-import mockSystemMessages from '../mocks/system_message.json';
-import mockOverlay from '../mocks/overlay_popup.json';
+import mockSystemMessages from '../mocks/systemMessage.json';
+import mockOverlay from '../mocks/overlayPopup.json';
 
 const createMockApi = () => {
     return {
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..14ac494
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "sommer2025",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}