remove vuexstore and add cookies

backend/src/main/java/de/itstimetoforget/backend/rest/entity/Customer.java

@@ -2,6 +2,7 @@
 
 import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
 import jakarta.persistence.*;
+import org.javers.core.metamodel.annotation.DiffIgnore;
 
 import java.util.Date;
 import java.util.List;
@@ -21,6 +22,7 @@ public class Customer {
     String streetNumber;
 
     @Temporal(TemporalType.TIMESTAMP)
+    @DiffIgnore
     Date createdOn;
 
     @OneToMany(mappedBy = "customer")

frontend/package.json

@@ -11,6 +11,7 @@
     "@mdi/font": "7.0.96",
     "axios": "^1.6.8",
     "vue": "^3.4.0",
+    "vue-cookies": "^1.8.4",
     "vuetify": "^3.5.0",
     "vuex": "^4.1.0"
   },

frontend/src/components/cmp_OverviewCustomer.vue

@@ -9,6 +9,7 @@
       item-key="id"
       style="max-height: 70vh; overflow-y: scroll;">
       <template v-slot:[`item.actions`]="{item}">
+        <show-customer-history-component :customer="item"/>
         <edit-customer-component :customer="item"/>
         <v-btn @click="deleteCustomer(item)">
           Löschen
@@ -25,10 +26,11 @@
 <script>
 import RESTUtils from "@/utils/RESTUtils";
 import EditCustomerComponent from "@/components/com_EditCustomer.vue";
+import ShowCustomerHistoryComponent from "@/components/cmp_ShowCustomerHistory.vue";
 
 export default {
   name: 'OverviewCustomerComponent',
-  components: {EditCustomerComponent},
+  components: {ShowCustomerHistoryComponent, EditCustomerComponent},
   created() {
     this.getCustomer();
   },

frontend/src/components/cmp_ShowCustomerHistory.vue

@@ -0,0 +1,48 @@
+<template>
+  <v-dialog v-model="dialog" style="background-color: black">
+    <template v-slot:activator="{ props: activatorProps }">
+      <v-btn v-bind="activatorProps">History</v-btn>
+    </template>
+    <v-container>
+      <v-label style="color: white">asdasdasd</v-label>
+    </v-container>
+  </v-dialog>
+</template>
+
+<style scoped>
+
+</style>
+
+
+<script>
+import RESTUtils from "@/utils/RESTUtils";
+
+export default {
+  name: "ShowCustomerHistoryComponent",
+  props: ["customer"],
+  data() {
+    return {
+      dialog: false,
+      history: []
+    }
+  },
+  methods: {
+    getCustomerHistory: function () {
+      RESTUtils.sendGetRequest("/history/customer/" + this.customer.id)
+        .then(response => {
+          this.history = response.data
+          console.log(response.data)
+        })
+    }
+  },
+  watch: {
+    dialog:{
+      handler: function (){
+        if(this.dialog){
+          this.getCustomerHistory();
+        }
+      }
+    }
+  }
+}
+</script>

frontend/src/main.js

@@ -12,27 +12,12 @@ import App from './App.vue'
 
 // Composables
 import {createApp} from 'vue'
-import {createStore} from "vuex";
+import VueCookies from 'vue-cookies'
 
-const store = createStore({
-  state: {
-    employeeShortName: null
-  },
-  getters: {
-    getEmployeeShortName(state, getters) {
-      return getters.employeeShortName;
-    },
-  },
-  mutations: {
-    setEmployeeShortName(state, employeeShortName) {
-      state.employeeShortName = employeeShortName;
-    }
-  }
-})
 
-export default store
 const app = createApp(App)
-
+export default app
 registerPlugins(app)
-app.use(store)
+
+app.use(VueCookies, {expires: '1d'})
 app.mount('#app')

frontend/src/pages/Login.vue

@@ -36,7 +36,7 @@ export default {
           }
         )
       } else {
-        store.commit("setEmployeeShortName", this.selectedEmployee)
+        this.$cookies.set("ccm_mgmt_shortname", this.selectedEmployee,'7d')
         this.$router.push("/Dashboard")
       }
     }

frontend/src/router/index.js

@@ -7,7 +7,8 @@
 // Composables
 import {createRouter, createWebHistory} from 'vue-router/auto'
 import {setupLayouts} from 'virtual:generated-layouts'
-import store from "@/main";
+import VueCookies from "vue-cookies";
+
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -18,7 +19,7 @@ router.beforeEach((to, from) => {
   if (to.name === "/Login") {
     return true;
   }
-  if (store.state.employeeShortName === null) {
+  if (VueCookies.get("ccm_mgmt_shortname") === null) {
     console.log("Login benötigt!")
     return "/Login";
   }

frontend/src/utils/RESTUtils.js

@@ -1,5 +1,5 @@
 import axios from "axios";
-import store from "@/main";
+import VueCookies from "vue-cookies";
 
 const VITE_BACKEND_URL = import.meta.env.VITE_BACKEND_URL;
 const VITE_BACKEND_PORT = import.meta.env.VITE_BACKEND_PORT;
@@ -12,9 +12,9 @@ const RESTUtils = {
       options["data"] = body
     }
 
-    if (store.state.employeeShortName != null) {
+    if (VueCookies.get("ccm_mgmt_shortname") != null) {
       options["auth"] = {
-        username: store.state.employeeShortName,
+        username: VueCookies.get("ccm_mgmt_shortname"),
         password: ""
       }
     }