Tickets moveable to basket, Basket shows tickets, removable

software/src/components/seatPlanMap/seatGroupSheet.vue

@@ -3,9 +3,11 @@ import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import seatGroupTable from './seatGroupTable.vue';
 import { useBasketStore } from '@/data/stores/basketStore';
 import standingArea from './standingArea.vue';
+import { ConcertModel } from '@/data/models/acts/concertModel';
 
 defineProps({
   seatGroup: SeatGroupModel,
+  concert: ConcertModel,
   backgroundColor: String
 })
 
@@ -15,6 +17,7 @@ defineProps({
 <template>
   <standing-area
     :seat-group="seatGroup"
+    :concert="concert"
     :background-color="backgroundColor"
     v-if="seatGroup != undefined && seatGroup.standingArea"
   />
@@ -32,7 +35,11 @@ defineProps({
 
     <v-row>
       <v-col class="d-flex justify-center align-center">
-        <seat-group-table :seat-rows="seatGroup.seatRows" :seat-group="seatGroup"/>
+        <seat-group-table
+          :seat-rows="seatGroup.seatRows"
+          :seat-group="seatGroup"
+          :concert="concert"
+        />
       </v-col>
     </v-row>
   </v-sheet>

software/src/components/seatPlanMap/seatGroupTable.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ConcertModel } from '@/data/models/acts/concertModel';
 import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import { SeatModel } from '@/data/models/locations/seatModel';
 import { SeatRowModel } from '@/data/models/locations/seatRowModel';
@@ -9,6 +10,7 @@ const basketStore = useBasketStore()
 
 let props = defineProps({
   seatRows: Array<SeatRowModel>,
+  concert: ConcertModel,
   seatGroup: SeatGroupModel
 })
 
@@ -19,7 +21,7 @@ function handleSeatClick(clickedSeat: SeatModel, seatRow: SeatRowModel) {
 
   if (storeSeat == undefined) {
     clickedSeat.state = 2
-    basketStore.selectedSeats.push(new SelectedSeatModel(clickedSeat, seatRow.row, props.seatGroup.name))
+    basketStore.selectedSeats.push(new SelectedSeatModel(clickedSeat, seatRow.row, props.seatGroup.name, props.concert))
   } else {
     clickedSeat.state = 0
     basketStore.selectedSeats = basketStore.selectedSeats.filter(seat => 

software/src/components/seatPlanMap/seatPlanMap.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import { SeatGroupModel } from '@/data/models/locations/seatGroupModel';
 import seatGroupSheet from './seatGroupSheet.vue';
+import { ConcertModel } from '@/data/models/acts/concertModel';
 
 let props = defineProps({
-  seatGroups: Array<SeatGroupModel>
+  seatGroups: Array<SeatGroupModel>,
+  concert: ConcertModel
 })
 
 function findSeatCategory(name: string): SeatGroupModel {
@@ -39,29 +41,29 @@ const seatGroupF = findSeatCategory("F")
 
   <v-row>
     <v-col>
-      <seat-group-sheet :seat-group="seatGroupC" background-color="cyan-darken-4" />
+      <seat-group-sheet :seat-group="seatGroupC" :concert="concert" background-color="cyan-darken-4" />
     </v-col>
 
     <v-col>
-      <seat-group-sheet :seat-group="seatGroupA" background-color="grey" />
+      <seat-group-sheet :seat-group="seatGroupA" :concert="concert" background-color="grey" />
     </v-col>
 
     <v-col>
-      <seat-group-sheet :seat-group="seatGroupB" background-color="cyan-darken-4" />
+      <seat-group-sheet :seat-group="seatGroupB" :concert="concert" background-color="cyan-darken-4" />
     </v-col>
   </v-row>
 
   <v-row>
     <v-col>
-      <seat-group-sheet :seat-group="seatGroupF" background-color="deep-purple-darken-4" />
+      <seat-group-sheet :seat-group="seatGroupF" :concert="concert" background-color="deep-purple-darken-4" />
     </v-col>
 
     <v-col>
-      <seat-group-sheet :seat-group="seatGroupD" background-color="indigo-darken-4" />
+      <seat-group-sheet :seat-group="seatGroupD" :concert="concert" background-color="indigo-darken-4" />
     </v-col>
 
     <v-col>
-      <seat-group-sheet :seat-group="seatGroupE" background-color="deep-purple-darken-4" />
+      <seat-group-sheet :seat-group="seatGroupE" :concert="concert" background-color="deep-purple-darken-4" />
     </v-col>
   </v-row>
 </template>

software/src/components/seatPlanMap/standingArea.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import { ConcertModel } from '@/data/models/acts/concertModel';
 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 { concert } from 'backend/routes/concert.routes';
 
 const basketStore = useBasketStore()
 
 let props = defineProps({
   seatGroup: SeatGroupModel,
+  concert: ConcertModel,
   backgroundColor: String
 })
 
@@ -19,7 +20,7 @@ function handleSeatClick() {
 
   freeSeat.state = 2
 
-  basketStore.selectedSeats.push(new SelectedSeatModel(freeSeat, 0, props.seatGroup.name))
+  basketStore.selectedSeats.push(new SelectedSeatModel(freeSeat, 0, props.seatGroup.name, props.concert))
 }
 </script>