From e6801ab9783b80904073bf71bf16868e749f63cb Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Thu, 24 Nov 2022 00:22:01 +0100
Subject: [PATCH] Extract components

---
 resources/js/views/member/ShowView.vue      | 20 +++++++++---------
 resources/js/views/member/Tags.vue          | 23 +++++++++++++++++++++
 resources/js/views/member/VIndex.vue        | 20 +++---------------
 resources/js/views/member/boxes/Kontakt.vue |  2 +-
 resources/js/views/member/boxes/Prae.vue    |  4 ++--
 resources/js/views/member/boxes/Stamm.vue   |  2 +-
 resources/js/views/member/boxes/System.vue  |  4 ++--
 7 files changed, 42 insertions(+), 33 deletions(-)
 create mode 100644 resources/js/views/member/Tags.vue

diff --git a/resources/js/views/member/ShowView.vue b/resources/js/views/member/ShowView.vue
index aed499fa..18251d2a 100644
--- a/resources/js/views/member/ShowView.vue
+++ b/resources/js/views/member/ShowView.vue
@@ -75,16 +75,16 @@ export default {
     },
 
     components: {
-        box: () => import('./Box'),
-        stamm: () => import('./boxes/Stamm'),
-        kontakt: () => import('./boxes/Kontakt'),
-        prae: () => import('./boxes/Prae'),
-        courses: () => import('./boxes/Courses'),
-        system: () => import('./boxes/System'),
-        payments: () => import('./boxes/Payments'),
-        memberships: () => import('./boxes/Memberships'),
-        vmap: () => import('./boxes/Vmap'),
-        tabs: () => import('./Tabs'),
+        box: () => import(/* webpackChunkName: "member" */ './Box'),
+        stamm: () => import(/* webpackChunkName: "member" */ './boxes/Stamm'),
+        kontakt: () => import(/* webpackChunkName: "member" */ './boxes/Kontakt'),
+        prae: () => import(/* webpackChunkName: "member" */ './boxes/Prae'),
+        courses: () => import(/* webpackChunkName: "member" */ './boxes/Courses'),
+        system: () => import(/* webpackChunkName: "member" */ './boxes/System'),
+        payments: () => import(/* webpackChunkName: "member" */ './boxes/Payments'),
+        memberships: () => import(/* webpackChunkName: "member" */ './boxes/Memberships'),
+        vmap: () => import(/* webpackChunkName: "member" */ './boxes/Vmap'),
+        tabs: () => import(/* webpackChunkName: "member" */ './Tabs'),
     },
 
     created() {
diff --git a/resources/js/views/member/Tags.vue b/resources/js/views/member/Tags.vue
new file mode 100644
index 00000000..5a46b6ea
--- /dev/null
+++ b/resources/js/views/member/Tags.vue
@@ -0,0 +1,23 @@
+<template>
+    <div class="bool-row">
+        <v-bool
+            true-comment="Mittendrin abonniert"
+            false-comment="Mittendrin nicht abonníert"
+            v-model="member.send_newspaper"
+            >M</v-bool
+        >
+        <v-bool true-comment="In NaMi eingetragen" false-comment="Nicht in NaMi eingetragen" v-model="member.has_nami"
+            >N</v-bool
+        >
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        member: {
+            required: true,
+        },
+    },
+};
+</script>
diff --git a/resources/js/views/member/VIndex.vue b/resources/js/views/member/VIndex.vue
index 6fb2185b..8d626f1a 100644
--- a/resources/js/views/member/VIndex.vue
+++ b/resources/js/views/member/VIndex.vue
@@ -25,22 +25,7 @@
                 <td v-text="member.lastname"></td>
                 <td v-text="member.firstname"></td>
                 <td class="hidden 2xl:table-cell" v-text="member.full_address"></td>
-                <td>
-                    <div class="bool-row">
-                        <v-bool
-                            true-comment="Mittendrin abonniert"
-                            false-comment="Mittendrin nicht abonníert"
-                            v-model="member.send_newspaper"
-                            >M</v-bool
-                        >
-                        <v-bool
-                            true-comment="In NaMi eingetragen"
-                            false-comment="Nicht in NaMi eingetragen"
-                            v-model="member.has_nami"
-                            >N</v-bool
-                        >
-                    </div>
-                </td>
+                <td><tags :member="member"></tags></td>
                 <td class="hidden xl:table-cell" v-text="member.age"></td>
                 <td class="hidden xl:table-cell" v-show="hasModule('bill')">
                     <div class="flex justify-center">
@@ -168,7 +153,8 @@ export default {
         MemberPayments,
         MemberFilter,
         MemberCourses,
-        'age-groups': () => import('./AgeGroups'),
+        'age-groups': () => import(/* webpackChunkName: "member" */ './AgeGroups'),
+        'tags': () => import(/* webpackChunkName: "member" */ './Tags'),
     },
 
     methods: {
diff --git a/resources/js/views/member/boxes/Kontakt.vue b/resources/js/views/member/boxes/Kontakt.vue
index 505ae2c8..55a32e5f 100644
--- a/resources/js/views/member/boxes/Kontakt.vue
+++ b/resources/js/views/member/boxes/Kontakt.vue
@@ -31,7 +31,7 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
     },
 };
 </script>
diff --git a/resources/js/views/member/boxes/Prae.vue b/resources/js/views/member/boxes/Prae.vue
index 99314878..c476c811 100644
--- a/resources/js/views/member/boxes/Prae.vue
+++ b/resources/js/views/member/boxes/Prae.vue
@@ -50,8 +50,8 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
-        'boolean': () => import('../Boolean'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
+        'boolean': () => import(/* webpackChunkName: "member" */ '../Boolean'),
     },
 };
 </script>
diff --git a/resources/js/views/member/boxes/Stamm.vue b/resources/js/views/member/boxes/Stamm.vue
index b4ed05e3..275ebea3 100644
--- a/resources/js/views/member/boxes/Stamm.vue
+++ b/resources/js/views/member/boxes/Stamm.vue
@@ -20,7 +20,7 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
     },
 };
 </script>
diff --git a/resources/js/views/member/boxes/System.vue b/resources/js/views/member/boxes/System.vue
index 156e6d63..0d94ff66 100644
--- a/resources/js/views/member/boxes/System.vue
+++ b/resources/js/views/member/boxes/System.vue
@@ -14,8 +14,8 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
-        'boolean': () => import('../Boolean'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
+        'boolean': () => import(/* webpackChunkName: "member" */ '../Boolean'),
     },
 };
 </script>