Fixed Account pages

2024-10-21 14:02:51 +02:00
parent 59470f5396
commit 7880a444b1
56 changed files with 208 additions and 153 deletions
--- a/software/src/stores/feedbackStore.ts
+++ b/software/src/stores/feedbackStore.ts
@@ -0,0 +1,210 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { BannerStateEnum } from "../data/enums/bannerStateEnum";
+import { Composer } from 'vue-i18n';
+
+export const useFeedbackStore = defineStore("feedbackStore", {
+  state: () => ({
+    showBanner: ref(false),
+    title: ref(""),
+    color: ref(""),
+    icon: ref(""),
+    fetchDataFromServerInProgress: ref(false),
+    $i18n: {}
+  }),
+
+  getters: {
+    i18n(): Composer {
+      return this.$i18n.global as Composer
+    }
+  },
+
+  actions: {
+    changeBanner(bannerState: BannerStateEnum) {
+      // Banner message
+      switch (bannerState) {
+        ////////// System feedback //////////
+
+        case BannerStateEnum.ERROR: {
+          this.title = this.i18n.t('bannerMessages.error'); break;
+        }
+
+        case BannerStateEnum.BASKETPRODUCTADDED: {
+          this.title = this.i18n.t('bannerMessages.basketProductAdded'); break;
+        }
+
+        case BannerStateEnum.BASKETPRODUCTREMOVED: {
+          this.title = this.i18n.t("bannerMessages.basketProductRemoved"); break;
+        }
+
+
+        ////////// API Endpoint /api //////////
+
+        case BannerStateEnum.DATABASERESETSUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.databaseResetSuccessful'); break;
+        }
+
+
+        ////////// API Endpoint /accounts //////////
+
+        case BannerStateEnum.ACCOUNTLOGINSUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.loginSuccessful'); break;
+        }
+        case BannerStateEnum.ACCOUNTLOGINWRONGLOGIN: {
+          this.title = this.i18n.t('bannerMessages.wrongLogin'); break;
+        }
+        case BannerStateEnum.ACCOUNTLOGINERROR: {
+          this.title = this.i18n.t('bannerMessages.error'); break;
+        }
+        case BannerStateEnum.ACCOUNTREGISTERSUCCESSFUL: {
+          this.title = this.i18n.t("bannerMessages.registerSuccessful"); break;
+        }
+        case BannerStateEnum.ACCOUNTREGISTERUSERNAMEINUSE: {
+          this.title = this.i18n.t("bannerMessages.usernameInUse"); break;
+        }
+        case BannerStateEnum.ACCOUNTUPDATESUCCESSFUL: {
+          this.title = this.i18n.t("bannerMessages.accountUpdated"); break;
+        }
+        case BannerStateEnum.ACCOUNTLOGOUTSUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.logoutSuccessful'); break;
+        }
+
+
+        ////////// API Endpoint /categories //////////
+
+        case BannerStateEnum.CATEGORYCREATESUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.categoryCreateSuccessful'); break;
+        }
+        case BannerStateEnum.CATEGORYDELETESUCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.categoryDeleteSuccessful'); break;
+        }
+        case BannerStateEnum.CATEGORYCREATEERROR: {
+          this.title = this.i18n.t('bannerMessages.categoryCreateError'); break;
+        }
+        case BannerStateEnum.CATEGORYDELETEERROR: {
+          this.title = this.i18n.t('bannerMessages.categoryDeleteError'); break;
+        }
+
+
+        ////////// API Endpoint /orders //////////
+
+        case BannerStateEnum.ORDERPLACESUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.orderPlaceSuccessfull'); break;
+        }
+
+
+        ////////// API Endpoint /products //////////
+
+        case BannerStateEnum.PRODUCTCREATESUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.productCreateSuccessful'); break;
+        }
+        case BannerStateEnum.PRODUCTCREATEERROR: {
+          this.title = this.i18n.t('bannerMessages.productCreateError'); break;
+        }
+        case BannerStateEnum.PRODUCTDELETESUCCESSFUL: {
+          this.title = this.i18n.t('bannerMessages.productDeleteSuccessful'); break;
+        }
+        case BannerStateEnum.PRODUCTDELETEERROR: {
+          this.title = this.i18n.t('bannerMessages.productDeleteError'); break;
+        }
+      }
+
+      // Banner color
+
+      switch (bannerState) {
+        case BannerStateEnum.ERROR:
+        case BannerStateEnum.ACCOUNTLOGINERROR:
+        case BannerStateEnum.ACCOUNTLOGINWRONGLOGIN:
+        case BannerStateEnum.ACCOUNTREGISTERERROR:
+        case BannerStateEnum.ACCOUNTREGISTERUSERNAMEINUSE:
+        case BannerStateEnum.CATEGORYCREATEERROR:
+        case BannerStateEnum.CATEGORYDELETEERROR:
+        case BannerStateEnum.PRODUCTDELETESUCCESSFUL:
+        case BannerStateEnum.PRODUCTDELETEERROR:
+          this.color = "red"
+          break;
+        
+        case BannerStateEnum.BASKETPRODUCTADDED:
+        case BannerStateEnum.DATABASERESETSUCCESSFUL:
+        case BannerStateEnum.ACCOUNTLOGINSUCCESSFUL:
+        case BannerStateEnum.ACCOUNTREGISTERSUCCESSFUL:
+        case BannerStateEnum.ACCOUNTUPDATESUCCESSFUL:
+        case BannerStateEnum.ACCOUNTLOGOUTSUCCESSFUL:
+        case BannerStateEnum.CATEGORYCREATESUCCESSFUL:
+        case BannerStateEnum.CATEGORYDELETESUCESSFUL:
+        case BannerStateEnum.ORDERPLACESUCCESSFUL:
+        case BannerStateEnum.PRODUCTCREATESUCCESSFUL:
+        case BannerStateEnum.PRODUCTCREATEERROR:
+          this.color = "green"
+          break;
+
+        case BannerStateEnum.BASKETPRODUCTREMOVED:
+          this.color = "blue"
+      }
+
+
+      // Banner icon
+
+      switch (bannerState) {
+        case BannerStateEnum.ERROR:
+          this.icon = "mdi-alert-circle"
+          break;
+
+        case BannerStateEnum.ACCOUNTLOGINERROR:
+        case BannerStateEnum.ACCOUNTLOGINWRONGLOGIN:
+        case BannerStateEnum.ACCOUNTREGISTERERROR:
+        case BannerStateEnum.ACCOUNTREGISTERUSERNAMEINUSE:
+          this.icon = "mdi-account"
+          break;
+
+        case BannerStateEnum.CATEGORYCREATEERROR:
+        case BannerStateEnum.CATEGORYDELETEERROR:
+        case BannerStateEnum.CATEGORYCREATESUCCESSFUL:
+        case BannerStateEnum.CATEGORYDELETESUCESSFUL:
+          this.icon = "mdi-label"
+          break;
+
+        case BannerStateEnum.PRODUCTDELETESUCCESSFUL:
+        case BannerStateEnum.PRODUCTDELETEERROR:
+        case BannerStateEnum.PRODUCTCREATESUCCESSFUL:
+        case BannerStateEnum.PRODUCTCREATEERROR:
+          this.icon = "mdi-store"
+          break;
+        
+        case BannerStateEnum.DATABASERESETSUCCESSFUL:
+          this.icon = "mdi-database-refresh"
+          break;
+        
+        case BannerStateEnum.BASKETPRODUCTADDED:
+        case BannerStateEnum.BASKETPRODUCTREMOVED:
+          this.icon = "mdi-basket"
+          break;
+
+        case BannerStateEnum.ORDERPLACESUCCESSFUL:
+          this.icon = "mdi-basket-check"
+          break;
+
+        case BannerStateEnum.ACCOUNTLOGOUTSUCCESSFUL:
+          this.icon = "mdi-logout"
+          break;
+
+        case BannerStateEnum.ACCOUNTLOGINSUCCESSFUL:
+          this.icon = "mdi-login"
+          break;
+
+        case BannerStateEnum.ACCOUNTREGISTERSUCCESSFUL:
+          this.icon = "mdi-account-plus"
+          break;
+        
+        case BannerStateEnum.ACCOUNTUPDATESUCCESSFUL:
+          this.icon = "mdi-account-reactivate"
+          break;
+      }
+
+      
+      
+
+      this.showBanner = true
+    }
+  }
+})