From 70e508ce7a7ed6209f10f5265362640db508d40c Mon Sep 17 00:00:00 2001
From: Tobias Zoghaib <tobias.zoghaib@stud.uni-hannover.de>
Date: Fri, 15 Nov 2024 11:36:17 +0100
Subject: [PATCH] Bugfix order process/account update

---
 software/backend/routes/account.routes.ts     |   3 +-
 .../navigation/navigationAppendItems.vue      |   3 +-
 software/src/data/api/orderApi.ts             |   7 +
 .../src/data/models/user/accountApiModel.ts   |   2 +-
 .../pages/misc/basketPage/orderingDialog.vue  |  95 +++----
 .../src/pages/misc/homePage/welcomeDialog.vue | 250 +++++++++---------
 software/src/stores/account.store.ts          |  29 +-
 software/src/stores/basket.store.ts           |   4 +-
 software/src/stores/preferences.store.ts      |   7 +
 9 files changed, 194 insertions(+), 206 deletions(-)

diff --git a/software/backend/routes/account.routes.ts b/software/backend/routes/account.routes.ts
index 2c8f33e..63cd8a7 100644
--- a/software/backend/routes/account.routes.ts
+++ b/software/backend/routes/account.routes.ts
@@ -154,7 +154,8 @@ account.patch("/", verifyToken, (req: Request, res: Response) => {
       }
 
       // Status: 200 OK
-      res.status(200).json(account)
+      let accountData = await Account.findByPk(req.body.id, { include: [ Payment, AccountRole, Address ]})
+      res.status(200).json(accountData)
     })
     .catch(error => {
       // Status: 400 Bad request
diff --git a/software/src/components/navigation/navigationAppendItems.vue b/software/src/components/navigation/navigationAppendItems.vue
index 06c458d..ad0171a 100644
--- a/software/src/components/navigation/navigationAppendItems.vue
+++ b/software/src/components/navigation/navigationAppendItems.vue
@@ -33,8 +33,7 @@ exerciseStore.getAllExercises()
   </div>
 
   <v-btn
-    v-if="accountStore.userAccountToken != '' && 
-      accountStore.userAccount.accountRole.privilegeAdminPanel"
+    v-if="accountStore.adminPanelVisible"
     variant="plain"
     icon="mdi-table-cog"
     to="/admin"
diff --git a/software/src/data/api/orderApi.ts b/software/src/data/api/orderApi.ts
index 4c75c21..b0f2226 100644
--- a/software/src/data/api/orderApi.ts
+++ b/software/src/data/api/orderApi.ts
@@ -25,6 +25,13 @@ export async function createOrder(
     }
   }
 
+  console.log({
+    accountId: accountId,
+    tickets: tickets,
+    paymentId: paymentId,
+    addressId: addressId
+  })
+
   return axios.post(BASE_URL, {
     accountId: accountId,
     tickets: tickets,
diff --git a/software/src/data/models/user/accountApiModel.ts b/software/src/data/models/user/accountApiModel.ts
index 2ccf1e4..edca9ed 100644
--- a/software/src/data/models/user/accountApiModel.ts
+++ b/software/src/data/models/user/accountApiModel.ts
@@ -6,5 +6,5 @@ import { PaymentModel } from "./paymentModel"
 export class AccountApiModel extends AccountModel {
   addresses: Array<AddressModel>
   payments: Array<PaymentModel>
-  accountRole: AccountRole
+  accountRole: AccountRole = new AccountRole()
 }
\ No newline at end of file
diff --git a/software/src/pages/misc/basketPage/orderingDialog.vue b/software/src/pages/misc/basketPage/orderingDialog.vue
index d7ebe8c..2833f1d 100644
--- a/software/src/pages/misc/basketPage/orderingDialog.vue
+++ b/software/src/pages/misc/basketPage/orderingDialog.vue
@@ -4,6 +4,8 @@ import { useBasketStore } from '@/stores/basket.store';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { ModelRef, ref } from 'vue';
 import { useAccountStore } from '@/stores/account.store';
+import { AddressModel } from '@/data/models/user/addressModel';
+import { PaymentModel } from '@/data/models/user/paymentModel';
 
 const basketStore = useBasketStore()
 const accountStore = useAccountStore()
@@ -32,6 +34,20 @@ async function doOrder() {
   
   orderingInProgress.value = false
 }
+
+function addressItemProps(item: AddressModel) {
+  return {
+    title: item.street + " " + item.houseNumber,
+    subtitle: item.postalCode + " " + item.city
+  }
+}
+
+function paymentItemProps(item: PaymentModel) {
+  return {
+    title: item.bankName,
+    subtitle: item.iban
+  }
+}
 </script>
 
 <template>
@@ -42,64 +58,33 @@ async function doOrder() {
     max-width="800"
     persistent
   >
-    <v-radio-group class="pa-0" v-model="basketStore.usedAddress">
-      <v-list-subheader>
-        {{ $t('account.userData.address', accountStore.userAccount.addresses.length) }}
-      </v-list-subheader>
-
-      <v-list-item
-        v-for="address in accountStore.userAccount.addresses"
-      >
-        
-        <v-list-item-title>
-          <v-radio :label="address.street + '' + address.houseNumber" />
-        </v-list-item-title>
-
-        <v-list-item-subtitle>
-          {{ address.postalCode }} {{ address.city }}
-        </v-list-item-subtitle>
-
-        <!-- <v-radio-group
-          v-model="basketStore.usedAddress"
-          :error="addressError"
-        >
-          <v-radio
-            v-for="address in accountStore.userAccount.addresses"
-            :value="address"
-            :label="address.street + ' ' + address.houseNumber + ', ' + address.postalCode + ' ' + address.city"
-            
+    <v-container>
+      <v-row>
+        <v-col>
+          <v-select
+            v-model="basketStore.usedAddress"
+            :items="accountStore.userAccount.addresses"
+            :item-props="addressItemProps"
+            :label="$t('account.userData.address')"
+            variant="outlined"
+            hide-details
           />
-        </v-radio-group> -->
-      </v-list-item>
-    </v-radio-group>
+        </v-col>
+      </v-row>
 
-    <v-list>
-      <v-list-subheader>
-        {{ $t('account.userData.payment', accountStore.userAccount.payments.length) }}
-      </v-list-subheader>
-
-      <v-list-item v-for="payment in accountStore.userAccount.payments">
-        <template #prepend="{ isActive }">
-          <v-list-item-action start>
-            <v-radio :model-value="isActive" />
-          </v-list-item-action>
-        </template>
-
-        <v-list-item-title>{{ payment.bankName }}</v-list-item-title>
-
-        <v-list-item-subtitle>{{ payment.iban }}</v-list-item-subtitle>
-        <!-- <v-radio-group
-          v-model="basketStore.usedPayment"
-        >
-          <v-radio
-            
-            :value="payment"
-            :label="payment.bankName + ': ' + payment.iban"
-            :error="paymentError"
+      <v-row>
+        <v-col>
+          <v-select
+            v-model="basketStore.usedPayment"
+            :items="accountStore.userAccount.payments"
+            :item-props="paymentItemProps"
+            :label="$t('account.userData.payment')"
+            variant="outlined"
+            hide-details
           />
-        </v-radio-group> -->
-      </v-list-item>
-    </v-list>
+        </v-col>
+      </v-row>
+    </v-container>
 
     <template #actions>
       <outlined-button 
diff --git a/software/src/pages/misc/homePage/welcomeDialog.vue b/software/src/pages/misc/homePage/welcomeDialog.vue
index 857b56b..3e4a126 100644
--- a/software/src/pages/misc/homePage/welcomeDialog.vue
+++ b/software/src/pages/misc/homePage/welcomeDialog.vue
@@ -49,137 +49,135 @@ watch(() => currentStep.value, () => {
     max-width="800"
     persistent
   >
-    <template #borderless>
-      <v-stepper
-        v-model="currentStep"
-        alt-labels
-        flat
-      >
-        <template #default="{ prev, next}">
-          <!-- Header items -->
-          <v-stepper-header>
-            <template v-for="(step, n) in steps">
-              <v-stepper-item
-                :complete="currentStep > n + 1"
-                :title="step"
-                :value="n + 1"
-                complete-icon="mdi-check"
-                color="green"
-              />
+    <v-stepper
+      v-model="currentStep"
+      alt-labels
+      flat
+    >
+      <template #default="{ prev, next }">
+        <!-- Header items -->
+        <v-stepper-header>
+          <template v-for="(step, n) in steps">
+            <v-stepper-item
+              :complete="currentStep > n + 1"
+              :title="step"
+              :value="n + 1"
+              complete-icon="mdi-check"
+              color="green"
+            />
 
-              <v-divider v-if="n < steps.length - 1" />
-            </template>
-          </v-stepper-header>
+            <v-divider v-if="n < steps.length - 1" />
+          </template>
+        </v-stepper-header>
 
 
-          <!-- Content -->
-          <v-stepper-window>
-            <v-stepper-window-item
-              :value="1"
-              class="text-h4 text-center"
-            >
-              <div>
-                {{ $t('preferences.serverState') }}:
-              </div>
-
-              <server-state-text />
-            </v-stepper-window-item>
-
-            <v-stepper-window-item
-              :value="2"
-            >
-              <div v-if="preferencesStore.fetchInProgress" class="text-center text-h4 pb-4">
-                <div class="pb-4">
-                  {{ $t('misc.firstStartup.createDatabase') }}
-                </div>
-
-                <v-progress-linear indeterminate />
-              </div>
-
-              <div v-else class="text-center text-h4 pb-4 text-green">
-                <v-icon icon="mdi-check" /> {{ $t('misc.firstStartup.finished') }}
-              </div>
-            </v-stepper-window-item>
-
-
-            <v-stepper-window-item
-              :value="3"
-            >
-              <div v-if="preferencesStore.fetchInProgress" class="text-center text-h4 pb-4">
-                <div class="pb-4">
-                  {{ $t('misc.firstStartup.createExercises') }}
-                </div>
-                
-                <v-progress-linear indeterminate />
-              </div>
-
-              <div v-else class="text-center text-h4 pb-4 text-green">
-                <v-icon icon="mdi-check" /> {{ $t('misc.firstStartup.finished') }}
-              </div>
-            </v-stepper-window-item>
-
-
-            <v-stepper-window-item
-              :value="4"
-            >
-              <v-container class="px-0 py-2">
-                <v-row>
-                  <v-col>
-                    <v-text-field
-                      variant="outlined"
-                      hide-details
-                      :label="$t('misc.yourFullName')"
-                      v-model="preferencesStore.studentName"
-                    />
-                  </v-col>
-                </v-row>
-
-                <v-row>
-                  <v-col>
-                    <v-text-field
-                      variant="outlined"
-                      hide-details
-                      :label="$t('misc.registrationNumber')"
-                      v-model="preferencesStore.registrationNumber"
-                    />
-                  </v-col>
-                </v-row>
-              </v-container>
-            </v-stepper-window-item>
-          </v-stepper-window>
-
-
-          <!-- Next/Previous buttons -->
-          <v-stepper-actions
-            @click:next="next"
+        <!-- Content -->
+        <v-stepper-window>
+          <v-stepper-window-item
+            :value="1"
+            class="text-h4 text-center"
           >
-            <template #prev="{ props }">
-              <v-spacer />
-            </template>
+            <div>
+              {{ $t('preferences.serverState') }}:
+            </div>
 
-            <template #next="{ props }">
-              <outlined-button
-                v-if="currentStep < 4"
-                @click="props.onClick()"
-                :disabled="preferencesStore.fetchInProgress"
-              >
-                {{ $t('misc.actions.next') }}
-              </outlined-button>
+            <server-state-text />
+          </v-stepper-window-item>
 
-              <outlined-button
-                v-else
-                @click="showDialog = false; preferencesStore.firstStartup = false"
-                :disabled="preferencesStore.studentName.length == 0 || 
-                  preferencesStore.registrationNumber.length == 0"
-                prepend-icon="mdi-check"
-                color="green"
-              >
-                {{ $t('misc.firstStartup.complete') }}
-              </outlined-button>
-            </template>
-          </v-stepper-actions>
-        </template>
-      </v-stepper>
-    </template>
+          <v-stepper-window-item
+            :value="2"
+          >
+            <div v-if="preferencesStore.fetchInProgress" class="text-center text-h4 pb-4">
+              <div class="pb-4">
+                {{ $t('misc.firstStartup.createDatabase') }}
+              </div>
+
+              <v-progress-linear indeterminate />
+            </div>
+
+            <div v-else class="text-center text-h4 pb-4 text-green">
+              <v-icon icon="mdi-check" /> {{ $t('misc.firstStartup.finished') }}
+            </div>
+          </v-stepper-window-item>
+
+
+          <v-stepper-window-item
+            :value="3"
+          >
+            <div v-if="preferencesStore.fetchInProgress" class="text-center text-h4 pb-4">
+              <div class="pb-4">
+                {{ $t('misc.firstStartup.createExercises') }}
+              </div>
+              
+              <v-progress-linear indeterminate />
+            </div>
+
+            <div v-else class="text-center text-h4 pb-4 text-green">
+              <v-icon icon="mdi-check" /> {{ $t('misc.firstStartup.finished') }}
+            </div>
+          </v-stepper-window-item>
+
+
+          <v-stepper-window-item
+            :value="4"
+          >
+            <v-container class="px-0 py-2">
+              <v-row>
+                <v-col>
+                  <v-text-field
+                    variant="outlined"
+                    hide-details
+                    :label="$t('misc.yourFullName')"
+                    v-model="preferencesStore.studentName"
+                  />
+                </v-col>
+              </v-row>
+
+              <v-row>
+                <v-col>
+                  <v-text-field
+                    variant="outlined"
+                    hide-details
+                    :label="$t('misc.registrationNumber')"
+                    v-model="preferencesStore.registrationNumber"
+                  />
+                </v-col>
+              </v-row>
+            </v-container>
+          </v-stepper-window-item>
+        </v-stepper-window>
+
+
+        <!-- Next/Previous buttons -->
+        <v-stepper-actions
+          @click:next="next"
+        >
+          <template #prev="{ props }">
+            <v-spacer />
+          </template>
+
+          <template #next="{ props }">
+            <outlined-button
+              v-if="currentStep < 4"
+              @click="props.onClick()"
+              :disabled="preferencesStore.fetchInProgress"
+            >
+              {{ $t('misc.actions.next') }}
+            </outlined-button>
+
+            <outlined-button
+              v-else
+              @click="showDialog = false; preferencesStore.firstStartup = false"
+              :disabled="preferencesStore.studentName.length == 0 || 
+                preferencesStore.registrationNumber.length == 0"
+              prepend-icon="mdi-check"
+              color="green"
+            >
+              {{ $t('misc.firstStartup.complete') }}
+            </outlined-button>
+          </template>
+        </v-stepper-actions>
+      </template>
+    </v-stepper>
   </action-dialog>
 </template>
\ No newline at end of file
diff --git a/software/src/stores/account.store.ts b/software/src/stores/account.store.ts
index e342ae9..8a96a53 100644
--- a/software/src/stores/account.store.ts
+++ b/software/src/stores/account.store.ts
@@ -30,7 +30,11 @@ export const useAccountStore = defineStore("accountStore", {
     registerData: ref<AccountModel>(new AccountModel()),
 
     /** Request to server sent, waiting for data response */
-    fetchInProgress: ref(false)
+    fetchInProgress: ref(false),
+
+    adminPanelVisible: ref(false),
+
+    privilegeBuy: ref(false)
   }),
 
   actions: {
@@ -73,26 +77,11 @@ export const useAccountStore = defineStore("accountStore", {
 
                 feedbackStore.addSnackbar(BannerStateEnum.ACCOUNTLOGINSUCCESSFUL)
                 this.fetchInProgress = false
+
+                this.privilegeBuy = true
+                this.adminPanelVisible = account.data.accountRole.privilegeAdminPanel
               })
           })
-
-
-        // await loginAccount(this.loginData.username, this.loginData.password)
-        //   .then(async result => {
-        //     this.userAccountId = result.data.id
-        //     this.userLoggedIn = true
-
-        //     fetchAddresses(result.data.id)
-        //       .then(addresses => {
-
-        //       })
-
-
-        //     feedbackStore.addSnackbar(BannerStateEnum.ACCOUNTLOGINSUCCESSFUL)
-
-        //     this.fetchInProgress = false
-        //     return true
-        //   })
           .catch(error => {
             if (error.status == 400) {
               feedbackStore.addSnackbar(BannerStateEnum.ACCOUNTLOGINERROR)
@@ -170,6 +159,8 @@ export const useAccountStore = defineStore("accountStore", {
       this.userAccount = new AccountModel()
       this.userAccountId = -1
       this.loggedIn = false
+      this.privilegeBuy = false
+      this.adminPanelVisible = false
       
       feedbackStore.addSnackbar(BannerStateEnum.ACCOUNTLOGOUTSUCCESSFUL)
     },
diff --git a/software/src/stores/basket.store.ts b/software/src/stores/basket.store.ts
index 1cd89d8..f0e5098 100644
--- a/software/src/stores/basket.store.ts
+++ b/software/src/stores/basket.store.ts
@@ -19,10 +19,10 @@ export const useBasketStore = defineStore('basketStore', {
     itemsInBasket: useLocalStorage<Array<BasketItemModel>>("hackmycart/basketStore/itemsInBasket", []),
 
     /** Address used in the order dialog */
-    usedAddress: useLocalStorage("hackmycart/basketStore/usedAddress", new AddressModel()),
+    usedAddress: ref(new AddressModel()),
 
     /** Payment method used in the order dialog */
-    usedPayment: useLocalStorage("hackmycart/basketStore/usedPayment", new PaymentModel()),
+    usedPayment: ref(new PaymentModel()),
 
     /** Selected seats in the booking page */
     selectedSeats: ref<Array<SelectedSeatModel>>([])
diff --git a/software/src/stores/preferences.store.ts b/software/src/stores/preferences.store.ts
index 1e1f826..8f66287 100644
--- a/software/src/stores/preferences.store.ts
+++ b/software/src/stores/preferences.store.ts
@@ -9,6 +9,8 @@ import { BannerStateEnum } from "@/data/enums/bannerStateEnum";
 import { useFeedbackStore } from "./feedback.store";
 import { useBasketStore } from "./basket.store";
 import { useExerciseStore } from "./exercise.store";
+import { useAccountStore } from "./account.store";
+import { AccountApiModel } from "@/data/models/user/accountApiModel";
 
 export const usePreferencesStore = defineStore('preferencesStore', {
   state: () => ({
@@ -115,6 +117,7 @@ export const usePreferencesStore = defineStore('preferencesStore', {
      */
     resetToFactorySettings() {
       const basketStore = useBasketStore()
+      const accountStore = useAccountStore()
 
       this.firstStartup = true
       this.studentName = ""
@@ -122,6 +125,10 @@ export const usePreferencesStore = defineStore('preferencesStore', {
       this.theme = "dark"
       this.language = LanguageEnum.GERMAN
       basketStore.itemsInBasket = []
+      accountStore.userAccountToken = ""
+      accountStore.userAccount = new AccountApiModel()
+
+
       
       this.showFactoryResetDialog = false
     }