Move software files one directory up, Readme

src/pages/bands/bandsPage/bandFilterbar.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import cardView from '@/components/basics/cardView.vue';
+import { useBandStore } from '@/stores/band.store';
+import outlinedButton from '@/components/basics/outlinedButton.vue';
+import { GenreModel } from '@/data/models/acts/genreModel';
+import { useGenreStore } from '@/stores/genre.store';
+
+const bandStore = useBandStore()
+const genreStore = useGenreStore()
+
+genreStore.getGenres()
+
+function itemProps(item: GenreModel) {
+  return {
+    title: item.name
+  }
+}
+</script>
+
+<template>
+  <card-view
+    :title="$t('misc.actions.filtering')"
+    icon="mdi-filter"
+  >
+    <v-row>
+      <v-col>
+        <v-select
+          v-model="genreStore.filteredGenres"
+          :items="genreStore.genres"
+          variant="outlined"
+          :label="$t('band.genre', 2)"
+          :item-props="itemProps"
+          chips
+          clearable
+          hide-details
+          multiple
+        />
+      </v-col>
+
+      <v-col cols="auto">
+        <outlined-button
+          @click="bandStore.getBands"
+          height="100%"
+        >
+          {{ $t('misc.actions.filtering') }}
+        </outlined-button>
+      </v-col>
+    </v-row>
+  </card-view>
+</template>

src/pages/bands/bandsPage/index.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { useBandStore } from '@/stores/band.store';
+import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
+import bandListItem from '@/components/pageParts/bandListItem.vue';
+import bandFilterbar from './bandFilterbar.vue';
+
+const bandStore = useBandStore()
+
+bandStore.getBands()
+</script>
+
+<template>
+  <v-container>
+    <v-row>
+      <v-spacer />
+
+      <v-col cols="10">
+        <v-row>
+          <v-col>
+            <band-filterbar />
+          </v-col>
+        </v-row>
+
+        <v-row
+          v-if="bandStore.fetchInProgress"
+          v-for="i in 3"
+        >
+          <v-col>
+            <card-view-horizontal :loading="true" />
+          </v-col>
+        </v-row>
+
+        <v-row
+          v-else-if="bandStore.bands.length > 0"
+          v-for="band in bandStore.bands"
+        >
+          <v-col>
+            <band-list-item
+              :band="band"
+              :concerts="band.concerts"
+              :genres="band.genres"
+            />
+          </v-col>
+        </v-row>
+      </v-col>
+
+      <v-spacer />
+    </v-row>
+  </v-container>
+</template>