Enhance search for band names of concerts

software/backend/routes/concert.routes.ts

@@ -102,9 +102,18 @@ concert.get("/concert/:id", (req: Request, res: Response) => {
 concert.get("/search", (req: Request, res: Response) => {
   Concert.findAll({
     where: {
-      name: {
-        [Op.substring]: req.query.value
-      }
+      [Op.or]: [
+        {
+          name: {
+            [Op.substring]: req.query.value
+          }
+        },
+        {
+          "$band.name$": {
+            [Op.substring]: req.query.value
+          }
+        }
+      ]
     },
     include: [ Band, Location ]
   })

software/src/components/basics/cardView.vue

@@ -40,6 +40,8 @@ defineProps({
       </v-sheet>
     </v-card-title>
 
+    <slot name="borderless"></slot>
+
     <v-container>
       <v-row>
         <v-col >

software/src/locales/de.json

@@ -129,7 +129,7 @@
   },
   "location": "Veranstaltungsort | Veranstaltungsorte",
   "band": "Band | Bands",
-  "noEventsFound": "Keine Events gefunden",
+  "noConcertsFound": "Keine Konzerte gefunden",
   "from": "ab",
   "soldOut": "Ausverkauft",
   "city": "Stadt",

software/src/locales/en.json

@@ -129,7 +129,7 @@
   },
   "location": "Location | Locations",
   "band": "Band | Bands",
-  "noEventsFound": "No Events found",
+  "noConcertsFound": "No Concerts found",
   "from": "from",
   "soldOut": "Sold Out",
   "city": "City",

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

@@ -18,20 +18,20 @@ const showOrderingDialog = ref()
       <v-col>
         <card-view
           :title="$t('basket')"
-          :subtitle="basketStore.itemsInBasket.length + ' ' + 
-            $tc('product.product', basketStore.itemsInBasket.length)"
           v-model="showOrderingDialog"
           icon="mdi-cart"
         >
-          <!-- Display items if basket is not empty -->
-          <tickets-table v-if="basketStore.itemsInBasket.length > 0"/>
+          <template #borderless>
+            <!-- Display items if basket is not empty -->
+            <tickets-table v-if="basketStore.itemsInBasket.length > 0"/>
 
-          <!-- Display empty state if card is empty -->
-          <v-empty-state v-else
-            icon="mdi-basket-off"
-            :title="$t('emptyBasketTitle')"
-            :text="$t('emptyBasketText')"
-          />
+            <!-- Display empty state if card is empty -->
+            <v-empty-state v-else
+              icon="mdi-basket-off"
+              :title="$t('emptyBasketTitle')"
+              :text="$t('emptyBasketText')"
+            />
+          </template>
 
           <v-card-text class="text-right text-h5" v-if="basketStore.itemsInBasket.length > 0">
             {{ $t('totalPrice') }}: {{ (basketStore.getTotalPrice).toFixed(2) }} €

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

@@ -66,7 +66,7 @@ const searchStore = useSearchStore()
           <!-- Section Concert results -->
           <v-row>
             <v-col>
-              <section-divider :title="$t('event', 2)" />
+              <section-divider :title="$t('concert', 2)" />
             </v-col>
           </v-row>
 
@@ -95,7 +95,7 @@ const searchStore = useSearchStore()
           <v-row v-else >
             <v-col>
               <v-empty-state 
-                :title="$t('noEventsFound')"
+                :title="$t('noConcertsFound')"
                 icon="mdi-party-popper"
               />
             </v-col>