tobias/eventmaster
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Redesign account pages, split payments and addresses to single pages, new dashboard

Browse Source
This commit is contained in:
Tobias Zoghaib
2024-11-29 13:38:20 +01:00
parent c867d9d51f
commit 8a18b95031
32 changed files with 524 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/admin/accountsAdminPage/index.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { useAccountStore } from '@/stores/account.store';
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import { useFeedbackStore } from '@/stores/feedback.store';
const accountStore = useAccountStore()
@@ -19,7 +19,7 @@ accountStore.getAllAccounts()
</script>
<template>
<admin-data-layout
<data-layout
:add-button-string="$t('account.addNewAccount')"
:fetch-in-progress="accountStore.fetchInProgress"
>
@@ -44,5 +44,5 @@ accountStore.getAllAccounts()
/> -->
</template>
</v-data-table>
</admin-data-layout>
</data-layout>
</template>

6
src/pages/admin/bandsAdminPage/index.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { useBandStore } from '@/stores/band.store';
import bandEditDialog from './bandEditDialog.vue';
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import { useFeedbackStore } from '@/stores/feedback.store';
const bandStore = useBandStore()
@@ -22,7 +22,7 @@ bandStore.getBands()
</script>
<template>
<admin-data-layout
<data-layout
:add-button-string="$t('band.addNewBand')"
:fetch-in-progress="bandStore.fetchInProgress"
:on-add-click="() => bandStore.newBand()"
@@ -72,7 +72,7 @@ bandStore.getBands()
/> -->
</template>
</v-data-table>
</admin-data-layout>
</data-layout>
<band-edit-dialog />
</template>

6
src/pages/admin/concertsAdminPage/index.vue
View File

@@ -2,7 +2,7 @@
import { useBandStore } from '@/stores/band.store';
import { useConcertStore } from '@/stores/concert.store';
import { useFeedbackStore } from '@/stores/feedback.store';
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import moment from 'moment';
const concertStore = useConcertStore()
@@ -25,7 +25,7 @@ concertStore.getConcerts()
</script>
<template>
<admin-data-layout
<data-layout
:add-button-string="$t('concert.addNewConcert')"
:fetch-in-progress="concertStore.fetchInProgress"
:on-add-click="() => concertStore.newConcert()"
@@ -73,5 +73,5 @@ concertStore.getConcerts()
/> -->
</template>
</v-data-table>
</admin-data-layout>
</data-layout>
</template>

50
src/pages/admin/dashboardPage/dashboardCard.vue
View File

@@ -1,50 +0,0 @@
<script setup lang="ts">
import cardView from '@/components/basics/cardView.vue';
import { useRouter } from 'vue-router';
import outlinedButton from '@/components/basics/outlinedButton.vue';
const router = useRouter()
defineProps({
title: String,
icon: String,
firstLine: String,
secondLine: String,
buttonRoute: String,
loading: Boolean
})
</script>
<template>
<v-col cols="12" md="6" lg="4">
<card-view
:title="title"
:icon="icon"
>
<v-skeleton-loader
type="heading"
:loading="loading"
class="text-h4 d-flex justify-center"
>
{{ firstLine }}
</v-skeleton-loader>
<v-skeleton-loader
type="text"
:loading="loading"
class="text-h6 text-disabled d-flex justify-center"
>
{{ secondLine }}
</v-skeleton-loader>
<template #actions>
<outlined-button
@click="router.push(buttonRoute)"
:loading="loading"
>
{{ $t('misc.actions.more') }}
</outlined-button>
</template>
</card-view>
</v-col>
</template>

2
src/pages/admin/dashboardPage/index.vue
View File

@@ -5,7 +5,7 @@ import { useAccountStore } from '@/stores/account.store';
import { useLocationStore } from '@/stores/location.store';
import { useGenreStore } from '@/stores/genre.store';
import { usePreferencesStore } from '@/stores/preferences.store';
import dashboardCard from './dashboardCard.vue';
import dashboardCard from '../../../components/pageParts/dashboardCard.vue';
import { useOrderStore } from '@/stores/order.store';
import { useFilesStore } from '@/stores/files.store';

6
src/pages/admin/filesAdminPage/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import { ref } from 'vue';
import FileUploadDialog from './fileUploadDialog.vue';
import { useFilesStore } from '@/stores/files.store';
@@ -12,7 +12,7 @@ filesStore.getStaticFolders()
</script>
<template>
<admin-data-layout
<data-layout
:add-button-string="$t('misc.uploadFile')"
:fetch-in-progress="filesStore.fetchInProgress"
:on-add-click="() => { filesStore.showFileUploadDialog = true }"
@@ -112,7 +112,7 @@ filesStore.getStaticFolders()
</v-row>
</v-col>
</v-row>
</admin-data-layout>
</data-layout>
<file-preview-dialog
v-model:show-dialog="showPreviewDialog"

6
src/pages/admin/genresAdminPage/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import genreEditDialog from './genreEditDialog.vue';
import { useGenreStore } from '@/stores/genre.store';
@@ -15,7 +15,7 @@ genreStore.getGenres()
</script>
<template>
<admin-data-layout
<data-layout
:add-button-string="$t('band.addNewGenre')"
:fetch-in-progress="genreStore.fetchInProgress"
:on-add-click="() => { genreStore.newGenre() }"
@@ -48,7 +48,7 @@ genreStore.getGenres()
/> -->
</template>
</v-data-table>
</admin-data-layout>
</data-layout>
<genre-edit-dialog />
</template>

6
src/pages/admin/locationsAdminPage/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import { useFeedbackStore } from '@/stores/feedback.store';
import { useLocationStore } from '@/stores/location.store';
@@ -22,7 +22,7 @@ locationStore.getLocations()
</script>
<template>
<admin-data-layout
<data-layout
:fetch-in-progress="locationStore.fetchInProgress"
:add-button-string="$t('location.addLocation')"
:on-add-click="() => { locationStore.newLocation() }"
@@ -66,5 +66,5 @@ locationStore.getLocations()
/> -->
</template>
</v-data-table>
</admin-data-layout>
</data-layout>
</template>

6
src/pages/admin/ordersAdminPage/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import adminDataLayout from '@/layouts/adminDataLayout.vue';
import dataLayout from '@/layouts/dataLayout.vue';
import { useOrderStore } from '@/stores/order.store';
import moment from 'moment';
import OrderDetailDialog from './orderDetailDialog.vue';
@@ -20,7 +20,7 @@ orderStore.getAllOrders()
</script>
<template>
<admin-data-layout
<data-layout
:hide-add-button="true"
>
<v-data-table
@@ -68,7 +68,7 @@ orderStore.getAllOrders()
</template>
</v-data-table>
</admin-data-layout>
</data-layout>
<order-detail-dialog />
</template>