From 18a78147476d418a01437203a8416c3f56f2e824 Mon Sep 17 00:00:00 2001
From: TobiZog <developer@zoghaib.de>
Date: Mon, 21 Oct 2024 14:02:51 +0200
Subject: [PATCH] Fixed Account pages

---
 misc/database.drawio                          | 14 +++---
 software/package-lock.json                    |  8 ++++
 software/package.json                         |  2 +
 software/src/App.vue                          |  4 +-
 software/src/components/basics/cardView.vue   | 12 ++++-
 .../navigation/navigationAppendItems.vue      |  8 ++--
 .../components/pageParts/ticketListItem.vue   |  9 ++--
 .../components/seatPlanMap/seatGroupTable.vue |  2 +-
 .../components/seatPlanMap/standingArea.vue   |  2 +-
 .../data/models/apiEndpoints/orderApiModel.ts | 32 +++++++++++++
 .../data/models/locations/seatGroupModel.ts   |  2 +-
 .../src/data/models/locations/seatModel.ts    |  2 +-
 .../src/data/models/ordering/orderApiModel.ts | 12 -----
 .../src/data/models/ordering/ticketModel.ts   |  1 +
 software/src/main.ts                          |  2 +-
 .../accountDataPage/accountDataCard.vue       |  4 +-
 .../accountDataPage/accountManagingCard.vue   |  2 +-
 .../account/accountDataPage/addressesCard.vue |  2 +-
 .../account/accountDataPage/paymentsCard.vue  |  2 +-
 .../pages/account/accountHomePage/index.vue   |  4 +-
 .../src/pages/account/loginPage/loginForm.vue |  9 ++--
 .../pages/account/loginPage/registerForm.vue  |  3 +-
 .../src/pages/account/ordersPage/index.vue    | 15 ++----
 .../pages/account/ordersPage/orderItem.vue    | 26 ++++------
 .../bandDetailPage/bandMemberSection.vue      |  2 +-
 .../bands/bandDetailPage/concertSection.vue   |  2 +-
 .../bands/bandDetailPage/gallerySection.vue   |  2 +-
 .../src/pages/bands/bandDetailPage/index.vue  |  2 +-
 software/src/pages/bands/bandsPage/index.vue  |  2 +-
 .../concerts/concertBookingPage/index.vue     |  4 +-
 .../src/pages/concerts/concertsPage/index.vue |  2 +-
 .../src/pages/homePage/highlightCarousel.vue  |  2 +-
 software/src/pages/homePage/index.vue         |  6 +--
 .../locations/locationDetailPage/index.vue    |  2 +-
 .../pages/locations/locationsPage/index.vue   |  4 +-
 software/src/pages/misc/basketPage/index.vue  |  4 +-
 .../pages/misc/basketPage/orderingDialog.vue  |  4 +-
 .../pages/misc/basketPage/ticketsTable.vue    |  2 +-
 software/src/pages/misc/helpPage/index.vue    |  6 +--
 .../src/pages/misc/helpPage/scoreCard.vue     |  4 +-
 .../pages/misc/preferencesPage/pageSetup.vue  |  2 +-
 .../misc/preferencesPage/systemSetup.vue      |  2 +-
 software/src/pages/misc/searchPage/index.vue  |  6 +--
 .../src/pages/misc/searchPage/searchBar.vue   |  2 +-
 software/src/router/routes.ts                 |  2 +-
 software/src/scripts/validationRules.ts       |  2 +-
 .../account.store.ts}                         | 48 +++++++++++++++----
 software/src/{data => }/stores/bandStore.ts   |  6 +--
 software/src/{data => }/stores/basketStore.ts | 14 +++---
 .../src/{data => }/stores/concertStore.ts     |  6 +--
 .../src/{data => }/stores/feedbackStore.ts    |  2 +-
 .../src/{data => }/stores/locationStore.ts    |  8 ++--
 .../src/{data => }/stores/preferencesStore.ts |  4 +-
 software/src/{data => }/stores/searchStore.ts |  6 +--
 software/src/{data => }/stores/shopStore.ts   | 14 +++---
 .../src/{data => }/stores/shoppingStore.ts    |  8 ++--
 56 files changed, 208 insertions(+), 153 deletions(-)
 create mode 100644 software/src/data/models/apiEndpoints/orderApiModel.ts
 delete mode 100644 software/src/data/models/ordering/orderApiModel.ts
 rename software/src/{data/stores/accountStore.ts => stores/account.store.ts} (70%)
 rename software/src/{data => }/stores/bandStore.ts (77%)
 rename software/src/{data => }/stores/basketStore.ts (86%)
 rename software/src/{data => }/stores/concertStore.ts (86%)
 rename software/src/{data => }/stores/feedbackStore.ts (99%)
 rename software/src/{data => }/stores/locationStore.ts (81%)
 rename software/src/{data => }/stores/preferencesStore.ts (77%)
 rename software/src/{data => }/stores/searchStore.ts (84%)
 rename software/src/{data => }/stores/shopStore.ts (75%)
 rename software/src/{data => }/stores/shoppingStore.ts (82%)

diff --git a/misc/database.drawio b/misc/database.drawio
index 181f373..d713698 100644
--- a/misc/database.drawio
+++ b/misc/database.drawio
@@ -1,6 +1,6 @@
 <mxfile host="Electron" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.7.17 Chrome/128.0.6613.36 Electron/32.0.1 Safari/537.36" version="24.7.17">
   <diagram name="Page-1" id="WevClHWmhzPAQ7FDN5po">
-    <mxGraphModel dx="3676" dy="1858" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="3470" dy="1739" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -458,8 +458,8 @@
             <mxPoint x="-1598.1399999999999" y="440" as="sourcePoint" />
             <mxPoint x="-1719.1" y="330" as="targetPoint" />
             <Array as="points">
-              <mxPoint x="-1328.1399999999999" y="235" />
-              <mxPoint x="-1328.1399999999999" y="355" />
+              <mxPoint x="-1240" y="205" />
+              <mxPoint x="-1240" y="195" />
             </Array>
           </mxGeometry>
         </mxCell>
@@ -478,8 +478,8 @@
             <mxPoint x="-1883.58" y="440" as="sourcePoint" />
             <mxPoint x="-1618.1399999999999" y="480" as="targetPoint" />
             <Array as="points">
-              <mxPoint x="-1288.1399999999999" y="265" />
-              <mxPoint x="-1288.1399999999999" y="555" />
+              <mxPoint x="-1288" y="235" />
+              <mxPoint x="-1288" y="395" />
             </Array>
           </mxGeometry>
         </mxCell>
@@ -835,10 +835,10 @@
         <mxCell id="4QbvcL21_BjxR5MsDnpr-17" value="&lt;blockquote style=&quot;margin: 0px 0px 0px 8px; border: none; padding: 0px;&quot;&gt;groupNr: Number&lt;/blockquote&gt;" style="rounded=0;whiteSpace=wrap;html=1;align=left;" parent="1" vertex="1">
           <mxGeometry x="-1518.1399999999999" y="760" width="160" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="q2-4bsxMYXESQ5WjL4G4-1" value="&lt;blockquote style=&quot;margin: 0px 0px 0px 8px; border: none; padding: 0px;&quot;&gt;name: String&lt;/blockquote&gt;" style="rounded=0;whiteSpace=wrap;html=1;align=left;" vertex="1" parent="1">
+        <mxCell id="q2-4bsxMYXESQ5WjL4G4-1" value="&lt;blockquote style=&quot;margin: 0px 0px 0px 8px; border: none; padding: 0px;&quot;&gt;name: String&lt;/blockquote&gt;" style="rounded=0;whiteSpace=wrap;html=1;align=left;" parent="1" vertex="1">
           <mxGeometry x="-597.97" y="130" width="160" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="q2-4bsxMYXESQ5WjL4G4-3" value="&lt;blockquote style=&quot;margin: 0px 0px 0px 8px; border: none; padding: 0px;&quot;&gt;layout: Number&lt;/blockquote&gt;" style="rounded=0;whiteSpace=wrap;html=1;align=left;" vertex="1" parent="1">
+        <mxCell id="q2-4bsxMYXESQ5WjL4G4-3" value="&lt;blockquote style=&quot;margin: 0px 0px 0px 8px; border: none; padding: 0px;&quot;&gt;layout: Number&lt;/blockquote&gt;" style="rounded=0;whiteSpace=wrap;html=1;align=left;" parent="1" vertex="1">
           <mxGeometry x="-597.97" y="570" width="160" height="30" as="geometry" />
         </mxCell>
       </root>
diff --git a/software/package-lock.json b/software/package-lock.json
index 6d8d793..c38697b 100644
--- a/software/package-lock.json
+++ b/software/package-lock.json
@@ -15,6 +15,8 @@
         "concurrently": "^9.0.1",
         "cors": "^2.8.5",
         "express": "^4.21.1",
+        "moment": "^2.30.1",
+        "momentjs": "^2.0.0",
         "pinia": "^2.2.4",
         "reflect-metadata": "^0.2.2",
         "sequelize": "^6.37.4",
@@ -4070,6 +4072,12 @@
         "node": "*"
       }
     },
+    "node_modules/momentjs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/momentjs/-/momentjs-2.0.0.tgz",
+      "integrity": "sha512-GYMUxLyCwVhECkJR1/LMHEyb9gWYSPRnXi+elGN0m5bet7ngQOxU4QLWUI/eBzgN4N/T194n6yP7lQiE+Udw9A==",
+      "deprecated": "WARNING: The correct package name for Moment.js is 'moment', not 'momentjs'."
+    },
     "node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
diff --git a/software/package.json b/software/package.json
index b9858ea..851dacf 100644
--- a/software/package.json
+++ b/software/package.json
@@ -26,6 +26,8 @@
     "concurrently": "^9.0.1",
     "cors": "^2.8.5",
     "express": "^4.21.1",
+    "moment": "^2.30.1",
+    "momentjs": "^2.0.0",
     "pinia": "^2.2.4",
     "reflect-metadata": "^0.2.2",
     "sequelize": "^6.37.4",
diff --git a/software/src/App.vue b/software/src/App.vue
index 5977f53..ba9b22e 100644
--- a/software/src/App.vue
+++ b/software/src/App.vue
@@ -4,8 +4,8 @@ import { i18n } from './plugins/i18n';
 import { watch } from 'vue';
 import navigationAppendItems from './components/navigation/navigationAppendItems.vue';
 import navigationPrependItems from './components/navigation/navigationPrependItems.vue';
-import { usePreferencesStore } from './data/stores/preferencesStore';
-import { useFeedbackStore } from './data/stores/feedbackStore';
+import { usePreferencesStore } from './stores/preferencesStore';
+import { useFeedbackStore } from './stores/feedbackStore';
 import footerItems from './components/navigation/footerItems.vue';
 import urlBar from './components/navigation/urlBar.vue';
 
diff --git a/software/src/components/basics/cardView.vue b/software/src/components/basics/cardView.vue
index b910c92..a4b17e5 100644
--- a/software/src/components/basics/cardView.vue
+++ b/software/src/components/basics/cardView.vue
@@ -2,6 +2,7 @@
 
 defineProps({
   title: String,
+  subtitle: String,
   icon: {
     type: String
   },
@@ -15,13 +16,20 @@ defineProps({
 <template>
   <v-card variant="tonal" >
     <v-card-title v-if="title || loading" color="primary" class="pa-0">
-      <v-sheet color="primary" class="pl-2 py-1">
+      <v-sheet color="primary">
         <v-skeleton-loader
           type="heading"
           :loading="loading"
           style="background-color: transparent"
         >
-          <v-icon :icon="icon" v-if="icon" /> &nbsp;{{ title }}
+          <div>
+            <div class="pl-2 py-1">
+              <v-icon :icon="icon" v-if="icon" /> &nbsp;{{ title }}
+            </div>
+            <div>
+              <v-card-subtitle >{{ subtitle }}</v-card-subtitle>
+            </div>
+          </div>
         </v-skeleton-loader>
       </v-sheet>
     </v-card-title>
diff --git a/software/src/components/navigation/navigationAppendItems.vue b/software/src/components/navigation/navigationAppendItems.vue
index 47ffd03..2063843 100644
--- a/software/src/components/navigation/navigationAppendItems.vue
+++ b/software/src/components/navigation/navigationAppendItems.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useAccountStore } from '@/data/stores/accountStore';
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useAccountStore } from '@/stores/account.store';
+import { useBasketStore } from '@/stores/basketStore';
 
 const accountStore = useAccountStore()
 const basketStore = useBasketStore()
@@ -9,8 +9,8 @@ const basketStore = useBasketStore()
 <template>
   <v-btn variant="plain" icon="mdi-magnify" to="/search" />
 
-  <v-btn v-if="accountStore.userAccount.id == 0" variant="plain" icon="mdi-account" to="/account/login" />
-  <v-btn v-else variant="plain" icon="mdi-account" to="/account" />
+  <v-btn v-if="accountStore.userAccount.id == undefined" variant="plain" icon="mdi-account" to="/account/login" />
+  <v-btn v-else variant="plain" icon="mdi-account" to="/account/home" />
 
   <div>
     <v-badge
diff --git a/software/src/components/pageParts/ticketListItem.vue b/software/src/components/pageParts/ticketListItem.vue
index f640b60..f8ab7e0 100644
--- a/software/src/components/pageParts/ticketListItem.vue
+++ b/software/src/components/pageParts/ticketListItem.vue
@@ -34,12 +34,9 @@ defineProps({
 
   seatRow: Number,
 
-  seat: Number,
+  seatNr: Number,
 
-  standingArea: {
-    type: Boolean,
-    default: false
-  }
+  standingArea: Boolean
 })
 </script>
 
@@ -110,7 +107,7 @@ defineProps({
               </div>
 
               <div>
-                {{ seat }}
+                {{ seatNr }}
               </div>
             </v-card>
           </div>
diff --git a/software/src/components/seatPlanMap/seatGroupTable.vue b/software/src/components/seatPlanMap/seatGroupTable.vue
index f048282..13a8dcd 100644
--- a/software/src/components/seatPlanMap/seatGroupTable.vue
+++ b/software/src/components/seatPlanMap/seatGroupTable.vue
@@ -4,7 +4,7 @@ import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import { SeatModel } from '@/data/models/locations/seatModel';
 import { SeatRowModel } from '@/data/models/locations/seatRowModel';
 import { SelectedSeatModel } from '@/data/models/ordering/selectedSeatModel';
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useBasketStore } from '@/stores/basketStore';
 
 const basketStore = useBasketStore()
 
diff --git a/software/src/components/seatPlanMap/standingArea.vue b/software/src/components/seatPlanMap/standingArea.vue
index 6995414..f35206c 100644
--- a/software/src/components/seatPlanMap/standingArea.vue
+++ b/software/src/components/seatPlanMap/standingArea.vue
@@ -2,7 +2,7 @@
 import { ConcertModel } from '@/data/models/acts/concertModel';
 import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import { SelectedSeatModel } from '@/data/models/ordering/selectedSeatModel';
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useBasketStore } from '@/stores/basketStore';
 
 const basketStore = useBasketStore()
 
diff --git a/software/src/data/models/apiEndpoints/orderApiModel.ts b/software/src/data/models/apiEndpoints/orderApiModel.ts
new file mode 100644
index 0000000..261c049
--- /dev/null
+++ b/software/src/data/models/apiEndpoints/orderApiModel.ts
@@ -0,0 +1,32 @@
+import { AccountModel } from "../user/accountModel"
+import { AddressModel } from "../user/addressModel"
+import { PaymentModel } from "../user/paymentModel"
+import { OrderModel } from "../ordering/orderModel"
+import { TicketModel } from "../ordering/ticketModel"
+import { ConcertApiModel } from "../acts/concertApiModel"
+import { SeatModel } from "../locations/seatModel"
+import { SeatRowModel } from "../locations/seatRowModel"
+import { SeatGroupModel } from "../locations/seatGroupModel"
+
+/**
+ * Replica of API endpoint /orders/:id
+ */
+export class OrderApiModel extends OrderModel {
+  tickets: Array<TicketOrderModel>
+  account: AccountModel
+  payment: PaymentModel
+  address: AddressModel
+}
+
+class TicketOrderModel extends TicketModel {
+  concert: ConcertApiModel
+  seat: SeatTicketModel
+}
+
+class SeatTicketModel extends SeatModel {
+  seatRow: SeatRowTicketModel
+}
+
+class SeatRowTicketModel extends SeatRowModel {
+  seatGroup: SeatGroupModel
+}
\ No newline at end of file
diff --git a/software/src/data/models/locations/seatGroupModel.ts b/software/src/data/models/locations/seatGroupModel.ts
index 36b648e..73cf90e 100644
--- a/software/src/data/models/locations/seatGroupModel.ts
+++ b/software/src/data/models/locations/seatGroupModel.ts
@@ -3,7 +3,7 @@ import { SeatRowModel } from "./seatRowModel"
 export class SeatGroupModel {
   name: string = ""
   surcharge: number = 0
-  standingArea: Boolean = false
+  standingArea: boolean = false
   capacity: number = 0
   seatRows: Array<SeatRowModel>
 }
\ No newline at end of file
diff --git a/software/src/data/models/locations/seatModel.ts b/software/src/data/models/locations/seatModel.ts
index 1b7e942..3196a4b 100644
--- a/software/src/data/models/locations/seatModel.ts
+++ b/software/src/data/models/locations/seatModel.ts
@@ -1,5 +1,5 @@
 export class SeatModel {
   id: number = -1
-  seatNr: string = ""
+  seatNr: number = 0
   state: number = 0
 }
\ No newline at end of file
diff --git a/software/src/data/models/ordering/orderApiModel.ts b/software/src/data/models/ordering/orderApiModel.ts
deleted file mode 100644
index 486f719..0000000
--- a/software/src/data/models/ordering/orderApiModel.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { AccountModel } from "../user/accountModel"
-import { AddressModel } from "../user/addressModel"
-import { PaymentModel } from "../user/paymentModel"
-import { OrderModel } from "./orderModel"
-import { TicketApiModel } from "./ticketApiModel"
-
-export class OrderApiModel extends OrderModel {
-  tickets: Array<TicketApiModel>
-  account: AccountModel
-  payment: PaymentModel
-  address: AddressModel
-}
\ No newline at end of file
diff --git a/software/src/data/models/ordering/ticketModel.ts b/software/src/data/models/ordering/ticketModel.ts
index 893c769..eb9e3f3 100644
--- a/software/src/data/models/ordering/ticketModel.ts
+++ b/software/src/data/models/ordering/ticketModel.ts
@@ -2,4 +2,5 @@ export class TicketModel {
   id: number
   orderId: number = -1
   orderPrice: number = 0
+  concertId: number = 0
 }
\ No newline at end of file
diff --git a/software/src/main.ts b/software/src/main.ts
index 8a853fb..87abf91 100644
--- a/software/src/main.ts
+++ b/software/src/main.ts
@@ -5,7 +5,7 @@ import vuetify from './plugins/vuetify'
 import router from './plugins/router'
 import pinia from './plugins/pinia'
 import { i18n } from './plugins/i18n'
-import { useFeedbackStore } from './data/stores/feedbackStore'
+import { useFeedbackStore } from './stores/feedbackStore'
 
 createApp(App)
   .use(vuetify)
diff --git a/software/src/pages/account/accountDataPage/accountDataCard.vue b/software/src/pages/account/accountDataPage/accountDataCard.vue
index af44be9..0823e6a 100644
--- a/software/src/pages/account/accountDataPage/accountDataCard.vue
+++ b/software/src/pages/account/accountDataPage/accountDataCard.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
-import { useAccountStore } from '@/data/stores/accountStore';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useAccountStore } from '@/stores/account.store';
+import { useFeedbackStore } from '@/stores/feedbackStore';
 
 const accountStore = useAccountStore()
 const feedbackStore = useFeedbackStore()
diff --git a/software/src/pages/account/accountDataPage/accountManagingCard.vue b/software/src/pages/account/accountDataPage/accountManagingCard.vue
index dfdcb1a..1d48e30 100644
--- a/software/src/pages/account/accountDataPage/accountManagingCard.vue
+++ b/software/src/pages/account/accountDataPage/accountManagingCard.vue
@@ -2,7 +2,7 @@
 import cardView from '@/components/basics/cardView.vue';
 import confirmDialog from '@/components/basics/confirmDialog.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import { ref } from 'vue';
 
 const showConfirmDialog = ref(false)
diff --git a/software/src/pages/account/accountDataPage/addressesCard.vue b/software/src/pages/account/accountDataPage/addressesCard.vue
index 79b2bb6..275e146 100644
--- a/software/src/pages/account/accountDataPage/addressesCard.vue
+++ b/software/src/pages/account/accountDataPage/addressesCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { AddressModel } from '@/data/models/user/addressModel';
 import { getNumberStartRules, getPostalRules, getStringRules } from '@/scripts/validationRules';
diff --git a/software/src/pages/account/accountDataPage/paymentsCard.vue b/software/src/pages/account/accountDataPage/paymentsCard.vue
index 00a10d0..883f137 100644
--- a/software/src/pages/account/accountDataPage/paymentsCard.vue
+++ b/software/src/pages/account/accountDataPage/paymentsCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { PaymentModel } from '@/data/models/user/paymentModel';
 import { getIbanRules, getStringRules } from '@/scripts/validationRules';
diff --git a/software/src/pages/account/accountHomePage/index.vue b/software/src/pages/account/accountHomePage/index.vue
index 7da9fc3..30a2674 100644
--- a/software/src/pages/account/accountHomePage/index.vue
+++ b/software/src/pages/account/accountHomePage/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import cardView from '@/components/basics/cardView.vue';
 import { useRouter } from 'vue-router';
 
@@ -33,7 +33,7 @@ const router = useRouter()
                 <card-view
                   :title="$t('accountManagement')"
                   icon="mdi-account"
-                  @click="router.push('/account/edit')"
+                  @click="router.push('/account/data')"
                 >
                   {{ $t('accountManagementDescription') }}
                 </card-view>
diff --git a/software/src/pages/account/loginPage/loginForm.vue b/software/src/pages/account/loginPage/loginForm.vue
index 337c10d..e6d1f4b 100644
--- a/software/src/pages/account/loginPage/loginForm.vue
+++ b/software/src/pages/account/loginPage/loginForm.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import { useRouter } from 'vue-router';
 
 const accountStore = useAccountStore()
@@ -35,7 +35,6 @@ async function startLogin() {
     if (accountStore.userAccount.id != undefined) {
       router.push("/account/home")
     }
-    // todo: Route to account home page
   }
 
   loginInProgress.value = false
@@ -43,7 +42,11 @@ async function startLogin() {
 </script>
 
 <template>
-  <card-view :title="$t('login')" prepend-icon="mdi-login" elevation="8">
+  <card-view
+    :title="$t('login')"
+    icon="mdi-login"
+    max-width="600"
+  >
     <v-row>
       <v-col>
         <v-text-field
diff --git a/software/src/pages/account/loginPage/registerForm.vue b/software/src/pages/account/loginPage/registerForm.vue
index 69b5344..40df432 100644
--- a/software/src/pages/account/loginPage/registerForm.vue
+++ b/software/src/pages/account/loginPage/registerForm.vue
@@ -3,8 +3,7 @@ import { AccountModel } from '@/data/models/user/accountModel';
 import { ref } from 'vue';
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
-import { useAccountStore } from '@/data/stores/accountStore';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useAccountStore } from '@/stores/account.store';
 import { getEmailRules, getPasswordRules, getStringRules } from '@/scripts/validationRules';
 
 const newUser = ref(new AccountModel())
diff --git a/software/src/pages/account/ordersPage/index.vue b/software/src/pages/account/ordersPage/index.vue
index c960aec..4311555 100644
--- a/software/src/pages/account/ordersPage/index.vue
+++ b/software/src/pages/account/ordersPage/index.vue
@@ -1,20 +1,13 @@
 <script setup lang="ts">
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import orderItem from './orderItem.vue';
 import { useRouter } from 'vue-router';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
-import { getUserOrders } from '@/data/api/orderApi';
-import { ref } from 'vue';
-import { OrderApiModel } from '@/data/models/ordering/orderApiModel';
 
 const accountStore = useAccountStore()
 const router = useRouter()
-const orders = ref<Array<OrderApiModel>>([])
 
-getUserOrders(accountStore.userAccount.id)
-  .then(result => {
-    orders.value = result.data
-  })
+accountStore.refreshOrders()
 </script>
 
 <template>
@@ -28,8 +21,8 @@ getUserOrders(accountStore.userAccount.id)
     </v-row>
 
     <v-row
-      v-if="orders.length > 0"
-      v-for="order in orders"
+      v-if="accountStore.orders.length > 0"
+      v-for="order in accountStore.orders"
     >
       <v-col>
         <order-item
diff --git a/software/src/pages/account/ordersPage/orderItem.vue b/software/src/pages/account/ordersPage/orderItem.vue
index 8cfa1b5..60b28db 100644
--- a/software/src/pages/account/ordersPage/orderItem.vue
+++ b/software/src/pages/account/ordersPage/orderItem.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
 import ticketListItem from '@/components/pageParts/ticketListItem.vue';
-import { OrderApiModel } from '@/data/models/ordering/orderApiModel';
+import { OrderApiModel } from '@/data/models/apiEndpoints/orderApiModel';
+import moment from 'moment';
 
 defineProps({
   order: OrderApiModel,
@@ -10,18 +11,11 @@ defineProps({
     default: false
   }
 })
-
-function formatDateTimeString(string: string) {
-  let date = new Date(string)
-
-  return date.getDate() + '.' + (date.getMonth() + 1) + '.' + date.getFullYear() + ', ' + 
-    date.getHours() + ':' + date.getMinutes()
-}
 </script>
 
 <template>
   <card-view
-    :title="$t('orderedAt') + ' ' + formatDateTimeString(order.orderedAt) + ' ' + $t('oclock')"
+    :title="$t('orderedAt') + ' ' + moment(order.orderedAt).format('DD.MM.YY, HH:mm') + ' ' + $t('oclock')"
     variant="outlined"
   >
     <v-row>
@@ -53,16 +47,16 @@ function formatDateTimeString(string: string) {
       <v-col>
         <ticket-list-item
           :concert="ticket.concert"
-          :event="ticket.concert.event"
-          :band="ticket.concert.event.band"
+          :event="ticket.concert.name"
+          :band="ticket.concert.band"
           :location="ticket.concert.location"
           :city="ticket.concert.location.city"
-          :image="ticket.concert.event.image"
-        />
-          <!-- todo :seat-group="ticket.seat.seatRow.seatGroup.name"
-          :seat-row="ticket.seat.seatRow.row"
+          :image="ticket.concert.image"
           :seat="ticket.seat.seatNr"
-          :standing-area="ticket.seat.seatRow.seatGroup.standingArea" -->
+          :seat-group="ticket.seat.seatRow.seatGroup.name"
+          :seat-row="ticket.seat.seatRow.row"
+          :standing-area="ticket.seat.seatRow.seatGroup.standingArea"
+        />
       </v-col>
     </v-row>
 
diff --git a/software/src/pages/bands/bandDetailPage/bandMemberSection.vue b/software/src/pages/bands/bandDetailPage/bandMemberSection.vue
index 49bd4f0..5f301cb 100644
--- a/software/src/pages/bands/bandDetailPage/bandMemberSection.vue
+++ b/software/src/pages/bands/bandDetailPage/bandMemberSection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import cardWithTopImage from '@/components/basics/cardViewTopImage.vue';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedbackStore';
 import { BandApiModel } from '@/data/models/acts/bandApiModel';
 
 const feedbackStore = useFeedbackStore()
diff --git a/software/src/pages/bands/bandDetailPage/concertSection.vue b/software/src/pages/bands/bandDetailPage/concertSection.vue
index 78f2363..f3dcd4f 100644
--- a/software/src/pages/bands/bandDetailPage/concertSection.vue
+++ b/software/src/pages/bands/bandDetailPage/concertSection.vue
@@ -3,7 +3,7 @@ import concertListItem from '@/components/pageParts/concertListItem.vue';
 import { BandApiModel } from '@/data/models/acts/bandApiModel';
 import { ConcertApiModel } from '@/data/models/acts/concertApiModel';
 import CardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
-import { useConcertStore } from '@/data/stores/concertStore';
+import { useConcertStore } from '@/stores/concertStore';
 
 const concertStore = useConcertStore()
 
diff --git a/software/src/pages/bands/bandDetailPage/gallerySection.vue b/software/src/pages/bands/bandDetailPage/gallerySection.vue
index ff420ea..69a5654 100644
--- a/software/src/pages/bands/bandDetailPage/gallerySection.vue
+++ b/software/src/pages/bands/bandDetailPage/gallerySection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { BandModel } from '@/data/models/acts/bandModel';
-import { useBandStore } from '@/data/stores/bandStore';
+import { useBandStore } from '@/stores/bandStore';
 
 const bandStore = useBandStore()
 
diff --git a/software/src/pages/bands/bandDetailPage/index.vue b/software/src/pages/bands/bandDetailPage/index.vue
index b3d8496..ba71671 100644
--- a/software/src/pages/bands/bandDetailPage/index.vue
+++ b/software/src/pages/bands/bandDetailPage/index.vue
@@ -6,7 +6,7 @@ import gallerySection from './gallerySection.vue';
 import concertSection from './concertSection.vue';
 import heroImage from '@/components/pageParts/heroImage.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
-import { useBandStore } from '@/data/stores/bandStore';
+import { useBandStore } from '@/stores/bandStore';
 
 const router = useRouter()
 const bandStore = useBandStore()
diff --git a/software/src/pages/bands/bandsPage/index.vue b/software/src/pages/bands/bandsPage/index.vue
index 890984d..2246742 100644
--- a/software/src/pages/bands/bandsPage/index.vue
+++ b/software/src/pages/bands/bandsPage/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBandStore } from '@/data/stores/bandStore';
+import { useBandStore } from '@/stores/bandStore';
 import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
 import bandListItem from '@/components/pageParts/bandListItem.vue';
 
diff --git a/software/src/pages/concerts/concertBookingPage/index.vue b/software/src/pages/concerts/concertBookingPage/index.vue
index 75e52ef..d15df45 100644
--- a/software/src/pages/concerts/concertBookingPage/index.vue
+++ b/software/src/pages/concerts/concertBookingPage/index.vue
@@ -2,10 +2,10 @@
 import seatPlanMap from '@/components/seatPlanMap/seatPlanMap.vue';
 import { useRouter } from 'vue-router';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useBasketStore } from '@/stores/basketStore';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
-import { useConcertStore } from '@/data/stores/concertStore';
+import { useConcertStore } from '@/stores/concertStore';
 
 const router = useRouter()
 const basketStore = useBasketStore()
diff --git a/software/src/pages/concerts/concertsPage/index.vue b/software/src/pages/concerts/concertsPage/index.vue
index c23db7b..66d7f2d 100644
--- a/software/src/pages/concerts/concertsPage/index.vue
+++ b/software/src/pages/concerts/concertsPage/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useConcertStore } from '@/data/stores/concertStore';
+import { useConcertStore } from '@/stores/concertStore';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
diff --git a/software/src/pages/homePage/highlightCarousel.vue b/software/src/pages/homePage/highlightCarousel.vue
index 278a415..0cd0b51 100644
--- a/software/src/pages/homePage/highlightCarousel.vue
+++ b/software/src/pages/homePage/highlightCarousel.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import OutlinedButton from '@/components/basics/outlinedButton.vue';
-import { useShoppingStore } from '@/data/stores/shoppingStore';
+import { useShoppingStore } from '@/stores/shoppingStore';
 import { useRouter } from 'vue-router';
 
 const shoppingStore = useShoppingStore()
diff --git a/software/src/pages/homePage/index.vue b/software/src/pages/homePage/index.vue
index 3b15003..4c3efae 100644
--- a/software/src/pages/homePage/index.vue
+++ b/software/src/pages/homePage/index.vue
@@ -5,9 +5,9 @@ import cardWithTopImage from '@/components/basics/cardViewTopImage.vue';
 import { lowestTicketPrice } from '@/scripts/concertScripts';
 import OutlinedButton from '@/components/basics/outlinedButton.vue';
 import { useRouter } from 'vue-router';
-import { useConcertStore } from '@/data/stores/concertStore';
-import { useLocationStore } from '@/data/stores/locationStore';
-import { useBandStore } from '@/data/stores/bandStore';
+import { useConcertStore } from '@/stores/concertStore';
+import { useLocationStore } from '@/stores/locationStore';
+import { useBandStore } from '@/stores/bandStore';
 
 const router = useRouter()
 const concertStore = useConcertStore()
diff --git a/software/src/pages/locations/locationDetailPage/index.vue b/software/src/pages/locations/locationDetailPage/index.vue
index 1bad791..f234832 100644
--- a/software/src/pages/locations/locationDetailPage/index.vue
+++ b/software/src/pages/locations/locationDetailPage/index.vue
@@ -4,7 +4,7 @@ import sectionDivider from '@/components/basics/sectionDivider.vue';
 import seatPlanMap from '@/components/seatPlanMap/seatPlanMap.vue';
 import { getLocation } from '@/data/api/locationApi';
 import { ref } from 'vue';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedbackStore';
 import heroImage from '@/components/pageParts/heroImage.vue';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import { LocationDetailsApiModel } from '@/data/models/locations/locationDetailsApiModel';
diff --git a/software/src/pages/locations/locationsPage/index.vue b/software/src/pages/locations/locationsPage/index.vue
index 04d2152..34eb594 100644
--- a/software/src/pages/locations/locationsPage/index.vue
+++ b/software/src/pages/locations/locationsPage/index.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import sectionDivider from '@/components/basics/sectionDivider.vue';
 import cardWithTopImage from '@/components/basics/cardViewTopImage.vue';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedbackStore';
 import locationListItem from '@/components/pageParts/locationListItem.vue';
-import { useLocationStore } from '@/data/stores/locationStore';
+import { useLocationStore } from '@/stores/locationStore';
 
 const locationStore = useLocationStore()
 const feedbackStore = useFeedbackStore()
diff --git a/software/src/pages/misc/basketPage/index.vue b/software/src/pages/misc/basketPage/index.vue
index e5d98c9..ab65e2d 100644
--- a/software/src/pages/misc/basketPage/index.vue
+++ b/software/src/pages/misc/basketPage/index.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useBasketStore } from '@/stores/basketStore';
 import cardView from '@/components/basics/cardView.vue';
 import orderingDialog from './orderingDialog.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { ref } from 'vue';
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 import ticketsTable from './ticketsTable.vue';
 
 const basketStore = useBasketStore()
diff --git a/software/src/pages/misc/basketPage/orderingDialog.vue b/software/src/pages/misc/basketPage/orderingDialog.vue
index c4c1ac5..557cdc3 100644
--- a/software/src/pages/misc/basketPage/orderingDialog.vue
+++ b/software/src/pages/misc/basketPage/orderingDialog.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import actionDialog from '@/components/basics/actionDialog.vue';
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useBasketStore } from '@/stores/basketStore';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { ModelRef, ref } from 'vue';
-import { useAccountStore } from '@/data/stores/accountStore';
+import { useAccountStore } from '@/stores/account.store';
 
 const basketStore = useBasketStore()
 const accountStore = useAccountStore()
diff --git a/software/src/pages/misc/basketPage/ticketsTable.vue b/software/src/pages/misc/basketPage/ticketsTable.vue
index 97ed66d..d9d65d9 100644
--- a/software/src/pages/misc/basketPage/ticketsTable.vue
+++ b/software/src/pages/misc/basketPage/ticketsTable.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBasketStore } from '@/data/stores/basketStore';
+import { useBasketStore } from '@/stores/basketStore';
 import { BasketItemModel } from '@/data/models/ordering/basketItemModel';
 import { calcPrice } from '@/scripts/concertScripts';
 
diff --git a/software/src/pages/misc/helpPage/index.vue b/software/src/pages/misc/helpPage/index.vue
index 1ae731f..0444887 100644
--- a/software/src/pages/misc/helpPage/index.vue
+++ b/software/src/pages/misc/helpPage/index.vue
@@ -2,10 +2,10 @@
 import { getAllExerciseGroups } from '@/data/api/exerciseApi';
 import scoreCard from './scoreCard.vue';
 import { ref } from 'vue';
-import { ExerciseGroupModel } from '@/data/models/exercises/exerciseGroupModel';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedbackStore';
+import { ExerciseGroupApiModel } from '@/data/models/exercises/exerciseGroupApiModel';
 
-const exerciseGroups = ref<Array<ExerciseGroupModel>>([])
+const exerciseGroups = ref<Array<ExerciseGroupApiModel>>([])
 const feedbackStore = useFeedbackStore()
 
 feedbackStore.fetchDataFromServerInProgress = true
diff --git a/software/src/pages/misc/helpPage/scoreCard.vue b/software/src/pages/misc/helpPage/scoreCard.vue
index 42264b0..a4d5a98 100644
--- a/software/src/pages/misc/helpPage/scoreCard.vue
+++ b/software/src/pages/misc/helpPage/scoreCard.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
-import { ExerciseGroupModel } from '@/data/models/exercises/exerciseGroupModel';
+import { ExerciseGroupApiModel } from '@/data/models/exercises/exerciseGroupApiModel';
 
 defineProps({
-  exerciseGroup: ExerciseGroupModel,
+  exerciseGroup: ExerciseGroupApiModel,
   loading: Boolean
 })
 </script>
diff --git a/software/src/pages/misc/preferencesPage/pageSetup.vue b/software/src/pages/misc/preferencesPage/pageSetup.vue
index f0fbd5b..1d7a633 100644
--- a/software/src/pages/misc/preferencesPage/pageSetup.vue
+++ b/software/src/pages/misc/preferencesPage/pageSetup.vue
@@ -3,7 +3,7 @@ import { ThemeEnum } from '@/data/enums/themeEnums';
 import { useTheme } from 'vuetify/lib/framework.mjs';
 import { i18n } from '@/plugins/i18n';
 import cardView from '@/components/basics/cardView.vue';
-import { usePreferencesStore } from '@/data/stores/preferencesStore';
+import { usePreferencesStore } from '@/stores/preferencesStore';
 
 const preferencesStore = usePreferencesStore()
 const theme = useTheme()
diff --git a/software/src/pages/misc/preferencesPage/systemSetup.vue b/software/src/pages/misc/preferencesPage/systemSetup.vue
index 4485801..007b173 100644
--- a/software/src/pages/misc/preferencesPage/systemSetup.vue
+++ b/software/src/pages/misc/preferencesPage/systemSetup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { BannerStateEnum } from '@/data/enums/bannerStateEnum';
-import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedbackStore';
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { ref } from 'vue';
diff --git a/software/src/pages/misc/searchPage/index.vue b/software/src/pages/misc/searchPage/index.vue
index 04181e4..f75b2a1 100644
--- a/software/src/pages/misc/searchPage/index.vue
+++ b/software/src/pages/misc/searchPage/index.vue
@@ -5,7 +5,7 @@ import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
 import locationListItem from '@/components/pageParts/locationListItem.vue';
 import cardViewTopImage from '@/components/basics/cardViewTopImage.vue';
 import bandListItem from '@/components/pageParts/bandListItem.vue';
-import { useSearchStore } from '@/data/stores/searchStore';
+import { useSearchStore } from '@/stores/searchStore';
 
 const searchStore = useSearchStore()
 </script>
@@ -118,7 +118,7 @@ const searchStore = useSearchStore()
             </v-col>
           </v-row>
 
-          <v-row
+          <!-- <v-row
             v-else-if="searchStore.events.length > 0"
             v-for="event in searchStore.events"
           >
@@ -130,7 +130,7 @@ const searchStore = useSearchStore()
                 :loading="searchStore.searchInProgress"
               />
             </v-col>
-          </v-row>
+          </v-row> -->
 
           <v-row v-else >
             <v-col>
diff --git a/software/src/pages/misc/searchPage/searchBar.vue b/software/src/pages/misc/searchPage/searchBar.vue
index b4ffc32..74fd0b9 100644
--- a/software/src/pages/misc/searchPage/searchBar.vue
+++ b/software/src/pages/misc/searchPage/searchBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
-import { useSearchStore } from '@/data/stores/searchStore';
+import { useSearchStore } from '@/stores/searchStore';
 
 const searchStore = useSearchStore()
 </script>
diff --git a/software/src/router/routes.ts b/software/src/router/routes.ts
index 5ba54ea..869d33e 100644
--- a/software/src/router/routes.ts
+++ b/software/src/router/routes.ts
@@ -20,7 +20,7 @@ const routes = [
   { path: "/", component: HomePage },
 
   // Account
-  { path: '/account', component: AccountHomePage },
+  { path: '/account/home', component: AccountHomePage },
   { path: '/account/orders', component: OrdersPage },
   { path: '/account/data', component: AccountDataPage },
   { path: '/account/login', component: LoginPage },
diff --git a/software/src/scripts/validationRules.ts b/software/src/scripts/validationRules.ts
index 87ed1c3..2c2e1ee 100644
--- a/software/src/scripts/validationRules.ts
+++ b/software/src/scripts/validationRules.ts
@@ -1,4 +1,4 @@
-import { useFeedbackStore } from "@/data/stores/feedbackStore"
+import { useFeedbackStore } from "@/stores/feedbackStore"
 
 /**
  * Check a string for no numbers and more than four digits
diff --git a/software/src/data/stores/accountStore.ts b/software/src/stores/account.store.ts
similarity index 70%
rename from software/src/data/stores/accountStore.ts
rename to software/src/stores/account.store.ts
index a72f389..22b85fa 100644
--- a/software/src/data/stores/accountStore.ts
+++ b/software/src/stores/account.store.ts
@@ -1,21 +1,33 @@
 import { useLocalStorage } from "@vueuse/core";
 import { defineStore } from "pinia";
-import { AccountModel } from "../models/user/accountModel";
-import { OrderModel } from "../models/ordering/orderModel";
+import { AccountModel } from "../data/models/user/accountModel";
+import { OrderModel } from "../data/models/ordering/orderModel";
 import { useFeedbackStore } from "./feedbackStore";
-import { loginAccount, registerAccount, updateAccount } from "../api/accountApi";
-import { getUserOrders } from "../api/orderApi";
-import { BannerStateEnum } from "../enums/bannerStateEnum";
-import { AddressModel } from "../models/user/addressModel";
-import { PaymentModel } from "../models/user/paymentModel";
-import { AccountApiModel } from "../models/user/accountApiModel";
+import { loginAccount, registerAccount, updateAccount } from "../data/api/accountApi";
+import { getUserOrders } from "../data/api/orderApi";
+import { BannerStateEnum } from "../data/enums/bannerStateEnum";
+import { AddressModel } from "../data/models/user/addressModel";
+import { PaymentModel } from "../data/models/user/paymentModel";
+import { AccountApiModel } from "../data/models/user/accountApiModel";
+import { ref } from "vue";
+import { OrderApiModel } from "@/data/models/ordering/orderApiModel";
 
 export const useAccountStore = defineStore("accountStore", {
   state: () => ({
-    userAccount: useLocalStorage("hackmycart/accountStore/userAccount", new AccountApiModel())
+    /** Useraccount which is currently logged in */
+    userAccount: useLocalStorage("hackmycart/accountStore/userAccount", new AccountApiModel()),
+
+    /** All orders of the user */
+    orders: ref<Array<OrderApiModel>>([])
   }),
 
   actions: {
+    /**
+     * Start the login process
+     * 
+     * @param username Account username
+     * @param password Account password
+     */
     async login(username: string, password: string) {
       const feedbackStore = useFeedbackStore()
 
@@ -36,6 +48,11 @@ export const useAccountStore = defineStore("accountStore", {
         })
     },
 
+    /**
+     * Register a new account to the database
+     * 
+     * @param userAccount New account dataset
+     */
     async registerAccount(userAccount: AccountModel) {
       const feedbackStore = useFeedbackStore()
 
@@ -74,6 +91,9 @@ export const useAccountStore = defineStore("accountStore", {
       feedbackStore.changeBanner(BannerStateEnum.ACCOUNTLOGOUTSUCCESSFUL)
     },
 
+    /**
+     * Get all orders from current user
+     */
     async refreshOrders() {
       await getUserOrders(this.userAccount.id)
         .then(result => {
@@ -92,12 +112,22 @@ export const useAccountStore = defineStore("accountStore", {
       return Math.round(totalPrice * 100) / 100
     },
 
+    /**
+     * Remove an address from the user model
+     * 
+     * @param address Address dataset to remove
+     */
     removeAddress(address: AddressModel) {
       this.userAccount.addresses = this.userAccount.addresses.filter((addr: AddressModel) => 
         addr != address
       )
     },
 
+    /**
+     * Remove an payment from the user model
+     * 
+     * @param address Payment dataset to remove
+     */
     removePayment(payment: PaymentModel) {
       this.userAccount.payments = this.userAccount.payments.filter((paym: PaymentModel) =>
         paym != payment
diff --git a/software/src/data/stores/bandStore.ts b/software/src/stores/bandStore.ts
similarity index 77%
rename from software/src/data/stores/bandStore.ts
rename to software/src/stores/bandStore.ts
index 115cbb5..1786459 100644
--- a/software/src/data/stores/bandStore.ts
+++ b/software/src/stores/bandStore.ts
@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { BandApiModel } from "../models/acts/bandApiModel";
-import { fetchAllBands, getBand } from "../api/bandApi";
-import { BandDetailsApiModel } from "../models/acts/bandDetailsApiModel";
+import { BandApiModel } from "../data/models/acts/bandApiModel";
+import { fetchAllBands, getBand } from "../data/api/bandApi";
+import { BandDetailsApiModel } from "../data/models/acts/bandDetailsApiModel";
 
 export const useBandStore = defineStore("bandStore", {
   state: () => ({
diff --git a/software/src/data/stores/basketStore.ts b/software/src/stores/basketStore.ts
similarity index 86%
rename from software/src/data/stores/basketStore.ts
rename to software/src/stores/basketStore.ts
index 3abfa65..30a8e1c 100644
--- a/software/src/data/stores/basketStore.ts
+++ b/software/src/stores/basketStore.ts
@@ -1,15 +1,15 @@
 import { defineStore } from "pinia";
 import { useLocalStorage } from "@vueuse/core";
-import { BasketItemModel } from "../models/ordering/basketItemModel";
+import { BasketItemModel } from "../data/models/ordering/basketItemModel";
 import { useFeedbackStore } from "./feedbackStore";
-import { BannerStateEnum } from "../enums/bannerStateEnum";
-import { AddressModel } from "../models/user/addressModel";
-import { PaymentModel } from "../models/user/paymentModel";
+import { BannerStateEnum } from "../data/enums/bannerStateEnum";
+import { AddressModel } from "../data/models/user/addressModel";
+import { PaymentModel } from "../data/models/user/paymentModel";
 import { ref } from "vue";
-import { SelectedSeatModel } from "../models/ordering/selectedSeatModel";
+import { SelectedSeatModel } from "../data/models/ordering/selectedSeatModel";
 import { calcPrice } from "@/scripts/concertScripts";
-import { BandModel } from "../models/acts/bandModel";
-import { ConcertModel } from "../models/acts/concertModel";
+import { BandModel } from "../data/models/acts/bandModel";
+import { ConcertModel } from "../data/models/acts/concertModel";
 
 export const useBasketStore = defineStore('basketStore', {
   state: () => ({
diff --git a/software/src/data/stores/concertStore.ts b/software/src/stores/concertStore.ts
similarity index 86%
rename from software/src/data/stores/concertStore.ts
rename to software/src/stores/concertStore.ts
index 96da291..81839f0 100644
--- a/software/src/data/stores/concertStore.ts
+++ b/software/src/stores/concertStore.ts
@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { ConcertApiModel } from "../models/acts/concertApiModel";
-import { fetchConcert, fetchConcerts, fetchUpcomingConcerts } from "../api/concertApi";
-import { ConcertDetailsApiModel } from "../models/acts/concertDetailsApiModel";
+import { ConcertApiModel } from "../data/models/acts/concertApiModel";
+import { fetchConcert, fetchConcerts, fetchUpcomingConcerts } from "../data/api/concertApi";
+import { ConcertDetailsApiModel } from "../data/models/acts/concertDetailsApiModel";
 
 export const useConcertStore = defineStore("concertStore", {
   state: () => ({
diff --git a/software/src/data/stores/feedbackStore.ts b/software/src/stores/feedbackStore.ts
similarity index 99%
rename from software/src/data/stores/feedbackStore.ts
rename to software/src/stores/feedbackStore.ts
index 91386de..235e242 100644
--- a/software/src/data/stores/feedbackStore.ts
+++ b/software/src/stores/feedbackStore.ts
@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { BannerStateEnum } from "../enums/bannerStateEnum";
+import { BannerStateEnum } from "../data/enums/bannerStateEnum";
 import { Composer } from 'vue-i18n';
 
 export const useFeedbackStore = defineStore("feedbackStore", {
diff --git a/software/src/data/stores/locationStore.ts b/software/src/stores/locationStore.ts
similarity index 81%
rename from software/src/data/stores/locationStore.ts
rename to software/src/stores/locationStore.ts
index d9ad31c..1d25d51 100644
--- a/software/src/data/stores/locationStore.ts
+++ b/software/src/stores/locationStore.ts
@@ -1,9 +1,9 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { fetchAllLocations, fetchTopLocations } from "../api/locationApi";
-import { LocationApiModel } from "../models/locations/locationApiModel";
-import { CityModel } from "../models/locations/cityModel";
-import { fetchAllCities } from "../api/cityApi";
+import { fetchAllLocations, fetchTopLocations } from "../data/api/locationApi";
+import { LocationApiModel } from "../data/models/locations/locationApiModel";
+import { CityModel } from "../data/models/locations/cityModel";
+import { fetchAllCities } from "../data/api/cityApi";
 
 export const useLocationStore = defineStore("locationStore", {
   state: () => ({
diff --git a/software/src/data/stores/preferencesStore.ts b/software/src/stores/preferencesStore.ts
similarity index 77%
rename from software/src/data/stores/preferencesStore.ts
rename to software/src/stores/preferencesStore.ts
index 91bf50d..794dd22 100644
--- a/software/src/data/stores/preferencesStore.ts
+++ b/software/src/stores/preferencesStore.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { useLocalStorage } from "@vueuse/core";
-import { ThemeEnum } from "../enums/themeEnums";
-import { LanguageEnum } from "../enums/languageEnum";
+import { ThemeEnum } from "../data/enums/themeEnums";
+import { LanguageEnum } from "../data/enums/languageEnum";
 
 export const usePreferencesStore = defineStore('preferencesStore', {
   state: () => ({
diff --git a/software/src/data/stores/searchStore.ts b/software/src/stores/searchStore.ts
similarity index 84%
rename from software/src/data/stores/searchStore.ts
rename to software/src/stores/searchStore.ts
index 79a1470..4ef01ed 100644
--- a/software/src/data/stores/searchStore.ts
+++ b/software/src/stores/searchStore.ts
@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { searchBand } from "../api/bandApi";
-import { searchLocation } from "../api/locationApi";
-import { searchConcert } from "../api/concertApi";
+import { searchBand } from "../data/api/bandApi";
+import { searchLocation } from "../data/api/locationApi";
+import { searchConcert } from "../data/api/concertApi";
 
 export const useSearchStore = defineStore("searchStore", {
   state: () => ({
diff --git a/software/src/data/stores/shopStore.ts b/software/src/stores/shopStore.ts
similarity index 75%
rename from software/src/data/stores/shopStore.ts
rename to software/src/stores/shopStore.ts
index a254eaa..359a267 100644
--- a/software/src/data/stores/shopStore.ts
+++ b/software/src/stores/shopStore.ts
@@ -1,12 +1,12 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { ConcertApiModel } from "../models/acts/concertApiModel";
-import { BandApiModel } from "../models/acts/bandApiModel";
-import { CityApiModel } from "../models/locations/cityApiModel";
-import { GenreApiModel } from "../models/acts/genreApiModel";
-import { searchBand } from "../api/bandApi";
-import { searchLocation } from "../api/locationApi";
-import { fetchConcerts, searchConcert } from "../api/concertApi";
+import { ConcertApiModel } from "../data/models/acts/concertApiModel";
+import { BandApiModel } from "../data/models/acts/bandApiModel";
+import { CityApiModel } from "../data/models/locations/cityApiModel";
+import { GenreApiModel } from "../data/models/acts/genreApiModel";
+import { searchBand } from "../data/api/bandApi";
+import { searchLocation } from "../data/api/locationApi";
+import { fetchConcerts, searchConcert } from "../data/api/concertApi";
 import { useFeedbackStore } from "./feedbackStore";
 
 export const useShopStore = defineStore("shopStore", {
diff --git a/software/src/data/stores/shoppingStore.ts b/software/src/stores/shoppingStore.ts
similarity index 82%
rename from software/src/data/stores/shoppingStore.ts
rename to software/src/stores/shoppingStore.ts
index 2e25b96..bffc1e1 100644
--- a/software/src/data/stores/shoppingStore.ts
+++ b/software/src/stores/shoppingStore.ts
@@ -1,10 +1,10 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { fetchAllCities } from "../api/cityApi";
-import { fetchAllGenres } from "../api/genreApi";
+import { fetchAllCities } from "../data/api/cityApi";
+import { fetchAllGenres } from "../data/api/genreApi";
 import { useFeedbackStore } from "./feedbackStore";
-import { CityApiModel } from "../models/locations/cityApiModel";
-import { GenreApiModel } from "../models/acts/genreApiModel";
+import { CityApiModel } from "../data/models/locations/cityApiModel";
+import { GenreApiModel } from "../data/models/acts/genreApiModel";
 
 /**
  * @deprecated