Finish GenresAdminPanel
This commit is contained in:
@@ -74,6 +74,21 @@ function itemProps(item: GenreModel) {
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row>
|
||||
<v-col>
|
||||
<v-img
|
||||
:src="bandStore.band.logo"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-img
|
||||
max-width="300"
|
||||
:src="bandStore.band.imageMembers"
|
||||
placeholder=""
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
|
||||
<template #actions>
|
||||
|
||||
@@ -11,6 +11,7 @@ const genreStore = useGenreStore()
|
||||
v-model="genreStore.showEditDialog"
|
||||
:title="$t('band.editGenre')"
|
||||
icon="mdi-pencil"
|
||||
max-width="500"
|
||||
>
|
||||
<v-container>
|
||||
<v-row>
|
||||
|
||||
@@ -24,6 +24,7 @@ genreStore.getGenres()
|
||||
:loading="genreStore.fetchInProgress"
|
||||
:items="genreStore.genres"
|
||||
:headers="headers"
|
||||
:items-per-page="100"
|
||||
>
|
||||
<template #item.bands="{ item }">
|
||||
<v-chip v-for="band of item.bands" class="mx-1">
|
||||
|
||||
@@ -44,7 +44,7 @@ defineProps({
|
||||
|
||||
<v-carousel-item
|
||||
v-for="image in band.images"
|
||||
:src="'http://localhost:3000/static/' + image"
|
||||
:src="image"
|
||||
cover
|
||||
/>
|
||||
</v-carousel>
|
||||
|
||||
@@ -22,7 +22,6 @@ watch(() => router.currentRoute.value.params.name, () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
{{ router.currentRoute.value.params.name }}
|
||||
<hero-image
|
||||
:image="bandStore.band.imageMembers"
|
||||
:logo="bandStore.band.logo"
|
||||
|
||||
@@ -29,7 +29,7 @@ bandStore.getBands()
|
||||
>
|
||||
<v-img
|
||||
class="d-flex align-center text-center"
|
||||
:src="'http://localhost:3000/static/' + band.imageMembers"
|
||||
:src="band.imageMembers"
|
||||
height="250px"
|
||||
width="350"
|
||||
cover
|
||||
|
||||
@@ -4,6 +4,7 @@ import { useRouter } from 'vue-router';
|
||||
import cardViewTopImage from '@/components/basics/cardViewTopImage.vue';
|
||||
import outlinedButton from '@/components/basics/outlinedButton.vue';
|
||||
import sectionDivider from '@/components/basics/sectionDivider.vue';
|
||||
import moment from 'moment';
|
||||
|
||||
const concertStore = useConcertStore()
|
||||
const router = useRouter()
|
||||
@@ -29,6 +30,7 @@ const router = useRouter()
|
||||
@click="router.push('/bands/details/' + concert.band.name.replaceAll(' ', '-').toLowerCase())"
|
||||
:loading="concertStore.fetchInProgress"
|
||||
>
|
||||
{{ moment(concert.date).format("DD.MM.YYYY") }},
|
||||
{{ $t("misc.from") }} {{ (concert.price).toPrecision(4) }} €
|
||||
</card-view-top-image>
|
||||
</v-col>
|
||||
|
||||
Reference in New Issue
Block a user