Renamed page components (multi word)

This commit is contained in:
Ferdinand Thiessen 2021-11-22 12:00:17 +01:00
parent ea64568e2b
commit 13539a675b
5 changed files with 27 additions and 28 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div> <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
<q-tabs v-if="$q.screen.gt.sm" v-model="tab"> <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
<q-tab <q-tab
v-for="(tabindex, index) in tabs" v-for="(tabindex, index) in tabs"
@ -24,25 +24,23 @@
</q-item> </q-item>
</q-list> </q-list>
</q-drawer> </q-drawer>
<q-page padding class="fit row justify-center content-start items-start q-gutter-sm"> <q-tab-panels
<q-tab-panels v-model="tab"
v-model="tab" style="background-color: transparent"
style="background-color: transparent" class="q-ma-none q-pa-none fit row justify-center content-start items-start"
class="q-ma-none q-pa-none fit row justify-center content-start items-start" animated
animated >
> <q-tab-panel name="create">
<q-tab-panel name="create"> <EditEvent :date="date" />
<EditEvent :date="date" /> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="eventtypes">
<q-tab-panel name="eventtypes"> <ManageTypes title="Veranstaltungstyp" type="EventType" />
<ManageTypes title="Veranstaltungstyp" type="EventType" /> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="jobtypes">
<q-tab-panel name="jobtypes"> <ManageTypes title="Dienstart" type="JobType" />
<ManageTypes title="Dienstart" type="JobType" /> </q-tab-panel>
</q-tab-panel> </q-tab-panels>
</q-tab-panels> </q-page>
</q-page>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -60,14 +58,16 @@ export default defineComponent({
date: { date: {
type: String, type: String,
required: false, required: false,
default: undefined default: undefined,
} },
}, },
setup() { setup() {
const tabs = computed(() => [ const tabs = computed(() => [
{ name: 'create', label: 'Veranstaltungen' }, { name: 'create', label: 'Veranstaltungen' },
...(hasPermission(PERMISSIONS.JOB_TYPE) ? [{ name: 'jobtypes', label: 'Dienstarten' }] : []), ...(hasPermission(PERMISSIONS.JOB_TYPE) ? [{ name: 'jobtypes', label: 'Dienstarten' }] : []),
...(hasPermission(PERMISSIONS.EVENT_TYPE) ? [{ name: 'eventtypes', label: 'Veranstaltungsarten' }] : []) ...(hasPermission(PERMISSIONS.EVENT_TYPE)
? [{ name: 'eventtypes', label: 'Veranstaltungsarten' }]
: []),
]); ]);
const drawer = ref<boolean>(false); const drawer = ref<boolean>(false);
@ -82,7 +82,6 @@ export default defineComponent({
}, },
}); });
return { return {
showDrawer, showDrawer,
tab, tab,

View File

@ -19,7 +19,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
route: { route: {
path: 'schedule-overview', path: 'schedule-overview',
name: 'schedule-overview', name: 'schedule-overview',
component: () => import('../pages/Overview.vue'), component: () => import('../pages/EventOverview.vue'),
}, },
}, },
{ {
@ -30,7 +30,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
route: { route: {
path: 'schedule-management', path: 'schedule-management',
name: 'schedule-management', name: 'schedule-management',
component: () => import('../pages/Management.vue'), component: () => import('../pages/EventManagement.vue'),
props: (route) => ({date: route.query.date}), props: (route) => ({date: route.query.date}),
}, },
}, },
@ -41,7 +41,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
route: { route: {
path: 'schedule-requests', path: 'schedule-requests',
name: 'schedule-requests', name: 'schedule-requests',
component: () => import('../pages/Requests.vue'), component: () => import('../pages/EventRequests.vue'),
}, },
}, },
], ],
@ -57,6 +57,6 @@ export const privateRoutes: FG_Plugin.NamedRouteRecordRaw[] = [
{ {
name: 'events-edit', name: 'events-edit',
path: 'schedule/:id/edit', path: 'schedule/:id/edit',
component: () => import('../pages/Event.vue'), component: () => import('../pages/EventPage.vue'),
}, },
]; ];