Implement global search

software/src/components/navigation/navigationAppendItems.vue

@@ -5,22 +5,10 @@ import router from '@/plugins/router';
 
 const accountStore = useAccountStore()
 const basketStore = useBasketStore()
-
-function startSearch() {
-  // todo
-  router.push("/shows/search")
-}
 </script>
 
 <template>
-  <v-text-field
-    variant="outlined"
-    append-inner-icon="mdi-magnify"
-    density="compact"
-    class="mt-5 mr-5"
-    @click:append-inner="startSearch"
-    width="400"
-  />
+  <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/home" />

software/src/components/pageParts/locationListItem.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import cardViewTopImage from '../basics/cardViewTopImage.vue';
+import { LocationModel } from '@/data/models/locations/locationModel';
+import { useRouter } from 'vue-router';
+
+const router = useRouter()
+
+defineProps({
+  location: LocationModel
+})
+</script>
+
+<template>
+  <card-view-top-image
+    :image="location.imageOutdoor"
+    :title="location.name"
+    @click="router.push('locations/' + location.name.replaceAll(' ', '-').toLowerCase())"
+  >
+    <div>
+      {{ location.concerts.length }} {{ $t('concert', location.concerts.length) }}
+    </div>
+  </card-view-top-image>
+</template>