Error page

software/src/pages/bands/bandDetailPage/index.vue

@@ -7,14 +7,22 @@ import concertSection from './concertSection.vue';
 import heroImage from '@/components/pageParts/heroImage.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
 import { useBandStore } from '@/stores/band.store';
+import { onMounted, watch } from 'vue';
 
 const router = useRouter()
 const bandStore = useBandStore()
 
-bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
+onMounted(async () => {
+  bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
+})
+
+watch(() => router.currentRoute.value.params.name, () => {
+  bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
+})
 </script>
 
 <template>
+  {{ router.currentRoute.value.params.name }}
   <hero-image
     :image="bandStore.band.imageMembers"
     :logo="bandStore.band.logo"

software/src/pages/concerts/concertBookingPage/index.vue

@@ -8,12 +8,19 @@ import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { useConcertStore } from '@/stores/concert.store';
 import ticketListItem from '@/components/pageParts/ticketListItem.vue';
 import circularProgressIndeterminate from '@/components/basics/circularProgressIndeterminate.vue';
+import { onMounted, watch } from 'vue';
 
 const router = useRouter()
 const basketStore = useBasketStore()
 const concertStore = useConcertStore()
 
-concertStore.getConcert(Number(router.currentRoute.value.params.id))
+onMounted(async () => {
+  concertStore.getConcert(Number(router.currentRoute.value.params.id))
+})
+
+watch(() => router.currentRoute.value.params.id, () => {
+  concertStore.getConcert(Number(router.currentRoute.value.params.id))
+})
 </script>
 
 <template>

software/src/pages/concerts/concertsPage/index.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { useConcertStore } from '@/stores/concert.store';
-import concertListItem from '@/components/pageParts/concertListItem.vue';
-import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
-import sectionDivider from '@/components/basics/sectionDivider.vue';
 import concertFilterbar from './concertFilterbar.vue';
 import ConcertsListSection from './concertsListSection.vue';
+import { onMounted } from 'vue';
 
 const concertStore = useConcertStore()
 
-concertStore.getConcerts()
+onMounted(async () => {
+  concertStore.getConcerts()
+})
 </script>
 
 <template>

software/src/pages/locations/locationDetailPage/index.vue

@@ -4,11 +4,18 @@ import heroImage from '@/components/pageParts/heroImage.vue';
 import { useLocationStore } from '@/stores/location.store';
 import locationConcertsSection from './locationConcertsSection.vue';
 import LocationSeatMapSection from './locationSeatMapSection.vue';
+import { onMounted, watch } from 'vue';
 
 const router = useRouter()
 const locationStore = useLocationStore()
 
-locationStore.getLocationByName(String(router.currentRoute.value.params.name))
+onMounted(async () => {
+  locationStore.getLocationByName(String(router.currentRoute.value.params.name))
+})
+
+watch(() => router.currentRoute.value.params.name, () => {
+  locationStore.getLocationByName(String(router.currentRoute.value.params.name))
+})
 </script>
 
 <template>

software/src/pages/misc/basketPage/orderingDialog.vue

@@ -42,13 +42,24 @@ async function doOrder() {
     max-width="800"
     persistent
   >
-    <v-list class="pa-0">
+    <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-radio-group
+      <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"
         >
@@ -58,24 +69,35 @@ async function doOrder() {
             :label="address.street + ' ' + address.houseNumber + ', ' + address.postalCode + ' ' + address.city"
             
           />
-        </v-radio-group>
+        </v-radio-group> -->
       </v-list-item>
+    </v-radio-group>
 
+    <v-list>
       <v-list-subheader>
         {{ $t('account.userData.payment', accountStore.userAccount.payments.length) }}
       </v-list-subheader>
 
-      <v-list-item>
-        <v-radio-group
+      <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
-            v-for="payment in accountStore.userAccount.payments"
+            
             :value="payment"
             :label="payment.bankName + ': ' + payment.iban"
             :error="paymentError"
           />
-        </v-radio-group>
+        </v-radio-group> -->
       </v-list-item>
     </v-list>
 

software/src/pages/misc/errorPage/index.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+console.log("Error Page")
+</script>
+
+<template>
+  <v-container>
+    <v-row>
+      <v-col>
+        <v-empty-state
+          :headline="$t('misc.404.headline')"
+          :title="$t('misc.404.title')"
+          icon="mdi-robot-dead"
+        />
+      </v-col>
+    </v-row>
+  </v-container>
+</template>