Move software files one directory up, Readme

src/components/pageParts/ticketListItem.vue

@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { ConcertModel } from '@/data/models/acts/concertModel';
+import cardWithLeftImage from '../basics/cardViewHorizontal.vue';
+import { dateStringToHumanReadableString } from '@/scripts/dateTimeScripts';
+import { BandModel } from '@/data/models/acts/bandModel';
+import { LocationModel } from '@/data/models/locations/locationModel';
+import { CityModel } from '@/data/models/locations/cityModel';
+import cardViewOneLine from '../basics/cardViewOneLine.vue';
+
+defineProps({
+  concert: {
+    type: ConcertModel,
+    required: true
+  },
+
+  band: {
+    type: BandModel,
+    required: true
+  },
+
+  location: {
+    type: LocationModel,
+    required: true
+  },
+
+  city: {
+    type: CityModel,
+    required: true
+  },
+
+  /** Image to print on the left side */
+  image: String,
+
+  seatGroup: String,
+
+  seatRow: Number,
+
+  seatNr: Number
+})
+</script>
+
+<template>
+  <card-with-left-image
+    :image="image"
+    :link="false"
+    color-header="primary"
+    :title="band.name + ' - ' + concert.name"
+  >
+    <template #content>
+      <div class="text-caption">
+        {{ $t('misc.date') }}
+      </div>
+
+      <div>
+        {{ dateStringToHumanReadableString(concert.date) }}
+      </div>
+
+      <div class="text-caption">
+        {{ $t('location.location') }}
+      </div>
+
+      <div>
+        {{ location.name }}, {{ city.name }}
+      </div>
+
+      <div class="text-caption">
+        {{ $t('misc.price') }}
+      </div>
+
+      <div>
+        {{ concert.price }} €
+      </div>
+    </template>
+
+    <template #append>
+      <v-row>
+        <v-col>
+          <card-view-one-line
+            :description-text="$t('location.seat.seatGroup')"
+            :value-text="seatGroup"
+          />
+
+          <div v-if="seatRow != 0">
+            <card-view-one-line
+              :description-text="$t('location.seat.seatRow')"
+              :value-text="seatRow"
+            />
+
+            <card-view-one-line
+              :description-text="$t('location.seat.seat')"
+              :value-text="seatNr"
+            />
+          </div>
+
+          <v-div v-else>
+            <card-view-one-line
+              :value-text="$t('location.seat.standingArea')"
+            />
+          </v-div>
+        </v-col>
+      </v-row>
+    </template>
+  </card-with-left-image>
+</template>