From 13539a675bc97f01b209d201e2deef18be099feb Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <rpm@fthiessen.de>
Date: Mon, 22 Nov 2021 12:00:17 +0100
Subject: [PATCH] Renamed page components (multi word)

---
 .../{Management.vue => EventManagement.vue}   | 47 +++++++++----------
 src/pages/{Overview.vue => EventOverview.vue} |  0
 src/pages/{Event.vue => EventPage.vue}        |  0
 src/pages/{Requests.vue => EventRequests.vue} |  0
 src/routes/index.ts                           |  8 ++--
 5 files changed, 27 insertions(+), 28 deletions(-)
 rename src/pages/{Management.vue => EventManagement.vue} (69%)
 rename src/pages/{Overview.vue => EventOverview.vue} (100%)
 rename src/pages/{Event.vue => EventPage.vue} (100%)
 rename src/pages/{Requests.vue => EventRequests.vue} (100%)

diff --git a/src/pages/Management.vue b/src/pages/EventManagement.vue
similarity index 69%
rename from src/pages/Management.vue
rename to src/pages/EventManagement.vue
index de17a2b..76fa548 100644
--- a/src/pages/Management.vue
+++ b/src/pages/EventManagement.vue
@@ -1,5 +1,5 @@
 <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-tab
         v-for="(tabindex, index) in tabs"
@@ -24,25 +24,23 @@
         </q-item>
       </q-list>
     </q-drawer>
-    <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-      <q-tab-panels
-        v-model="tab"
-        style="background-color: transparent"
-        class="q-ma-none q-pa-none fit row justify-center content-start items-start"
-        animated
-      >
-        <q-tab-panel name="create">
-          <EditEvent :date="date" />
-        </q-tab-panel>
-        <q-tab-panel name="eventtypes">
-          <ManageTypes title="Veranstaltungstyp" type="EventType" />
-        </q-tab-panel>
-        <q-tab-panel name="jobtypes">
-          <ManageTypes title="Dienstart" type="JobType" />
-        </q-tab-panel>
-      </q-tab-panels>
-    </q-page>
-  </div>
+    <q-tab-panels
+      v-model="tab"
+      style="background-color: transparent"
+      class="q-ma-none q-pa-none fit row justify-center content-start items-start"
+      animated
+    >
+      <q-tab-panel name="create">
+        <EditEvent :date="date" />
+      </q-tab-panel>
+      <q-tab-panel name="eventtypes">
+        <ManageTypes title="Veranstaltungstyp" type="EventType" />
+      </q-tab-panel>
+      <q-tab-panel name="jobtypes">
+        <ManageTypes title="Dienstart" type="JobType" />
+      </q-tab-panel>
+    </q-tab-panels>
+  </q-page>
 </template>
 
 <script lang="ts">
@@ -60,14 +58,16 @@ export default defineComponent({
     date: {
       type: String,
       required: false,
-      default: undefined
-    }
+      default: undefined,
+    },
   },
   setup() {
     const tabs = computed(() => [
       { name: 'create', label: 'Veranstaltungen' },
       ...(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);
@@ -82,7 +82,6 @@ export default defineComponent({
       },
     });
 
-
     return {
       showDrawer,
       tab,
diff --git a/src/pages/Overview.vue b/src/pages/EventOverview.vue
similarity index 100%
rename from src/pages/Overview.vue
rename to src/pages/EventOverview.vue
diff --git a/src/pages/Event.vue b/src/pages/EventPage.vue
similarity index 100%
rename from src/pages/Event.vue
rename to src/pages/EventPage.vue
diff --git a/src/pages/Requests.vue b/src/pages/EventRequests.vue
similarity index 100%
rename from src/pages/Requests.vue
rename to src/pages/EventRequests.vue
diff --git a/src/routes/index.ts b/src/routes/index.ts
index 517400c..dd740db 100644
--- a/src/routes/index.ts
+++ b/src/routes/index.ts
@@ -19,7 +19,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
         route: {
           path: '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: {
           path: 'schedule-management',
           name: 'schedule-management',
-          component: () => import('../pages/Management.vue'),
+          component: () => import('../pages/EventManagement.vue'),
           props: (route) => ({date: route.query.date}),
         },
       },
@@ -41,7 +41,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
         route: {
           path: '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',
     path: 'schedule/:id/edit',
-    component: () => import('../pages/Event.vue'),
+    component: () => import('../pages/EventPage.vue'),
   },
 ];