From 2217c3f2237cc5b082c135330e7caf8d05b679e0 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Tue, 22 Jun 2021 00:22:30 +0200
Subject: [PATCH] Add create page

---
 app/Member/MemberController.php    |  32 +++++++-
 app/Member/MemberRequest.php       |   2 +-
 resources/js/views/member/Edit.vue | 128 -----------------------------
 resources/js/views/member/Form.vue |  99 ++++++++++++++++++++++
 4 files changed, 128 insertions(+), 133 deletions(-)
 delete mode 100644 resources/js/views/member/Edit.vue
 create mode 100644 resources/js/views/member/Form.vue

diff --git a/app/Member/MemberController.php b/app/Member/MemberController.php
index 83c38763..83b0b6f4 100644
--- a/app/Member/MemberController.php
+++ b/app/Member/MemberController.php
@@ -25,11 +25,11 @@ class MemberController extends Controller
         ]);
     }
 
-    public function edit(Member $member, Request $request) {
+    public function create() {
         session()->put('menu', 'member');
-        session()->put('title', 'Mitglied bearbeiten');
+        session()->put('title', 'Mitglied erstellen');
 
-        return \Inertia::render('member/Edit', [
+        return \Inertia::render('member/Form', [
             'billKinds' => BillKind::get()->pluck('name', 'id'),
             'genders' => Gender::get()->pluck('name', 'id'),
             'countries' => Country::get()->pluck('name', 'id'),
@@ -37,7 +37,31 @@ class MemberController extends Controller
             'nationalities' => Nationality::get()->pluck('name', 'id'),
             'confessions' => Confession::where('is_null', false)->get()->pluck('name', 'id'),
             'fees' => Fee::get()->pluck('name', 'id'),
-            'data' => new MemberResource($member)
+            'data' => null,
+            'mode' => 'create',
+        ]);
+    }
+
+    public function store(MemberRequest $request) {
+        $request->persistCreate();
+
+        return redirect()->route('member.index');
+    }
+
+    public function edit(Member $member, Request $request) {
+        session()->put('menu', 'member');
+        session()->put('title', 'Mitglied bearbeiten');
+
+        return \Inertia::render('member/Form', [
+            'billKinds' => BillKind::get()->pluck('name', 'id'),
+            'genders' => Gender::get()->pluck('name', 'id'),
+            'countries' => Country::get()->pluck('name', 'id'),
+            'regions' => Region::where('is_null', false)->get()->pluck('name', 'id'),
+            'nationalities' => Nationality::get()->pluck('name', 'id'),
+            'confessions' => Confession::where('is_null', false)->get()->pluck('name', 'id'),
+            'fees' => Fee::get()->pluck('name', 'id'),
+            'data' => new MemberResource($member),
+            'mode' => 'edit',
         ]);
     }
 
diff --git a/app/Member/MemberRequest.php b/app/Member/MemberRequest.php
index 2ac1c1a4..33df5212 100644
--- a/app/Member/MemberRequest.php
+++ b/app/Member/MemberRequest.php
@@ -42,7 +42,7 @@ class MemberRequest extends FormRequest
     }
 
     public function persistCreate() {
-        
+        Member::create($this->input());
     }
 
     public function persistUpdate(Member $member) {
diff --git a/resources/js/views/member/Edit.vue b/resources/js/views/member/Edit.vue
deleted file mode 100644
index 217cbfc1..00000000
--- a/resources/js/views/member/Edit.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<template>
-    <form class="flex flex-grow relative" @submit.prevent="$inertia.patch(`/member/${inner.id}`, inner)">
-        <!-- ****************************** menu links ******************************* -->
-        <div class="p-6 bg-gray-700 border-r border-gray-600 flex-none w-maxc flex flex-col justify-between">
-            <div class="grid gap-1">
-                <a v-for="item, index in menu" :key="index" href="#" @click.prevent="openMenu(index)" class="rounded py-1 px-3 text-gray-400" :class="index == active ? `bg-gray-600` : ''" v-text="item.title"></a>
-            </div>
-            <div>
-                <button type="submit" class="btn block w-full btn-primary">Speichern</button>
-            </div>
-        </div>
-
-        <div class="flex-grow">
-            <div class="grid grid-cols-2 gap-3 p-4" v-if="menuTitle == 'Stammdaten'">
-                <div>
-                    <f-select id="gender_id" :options="genders" v-model="inner.gender_id" label="Geschlecht"></f-select>
-                </div>
-                <div>
-                    <f-text id="firstname" v-model="inner.firstname" label="Vorname" required></f-text>
-                </div>
-                <div>
-                    <f-text id="lastname" v-model="inner.lastname" label="Nachname" required></f-text>
-                </div>
-                <div>
-                    <f-text id="address" v-model="inner.address" label="Adresse" required></f-text>
-                </div>
-                <div>
-                    <f-text id="further_address" v-model="inner.further_address" label="Adresszusatz"></f-text>
-                </div>
-                <div>
-                    <f-text id="zip" v-model="inner.zip" label="PLZ" required></f-text>
-                </div>
-                <div>
-                    <f-text id="location" v-model="inner.location" label="Ort" required></f-text>
-                </div>
-                <div>
-                    <f-text type="date" id="birthday" v-model="inner.birthday" label="Geburtsdatum" required></f-text>
-                </div>
-                <div>
-                    <f-select :options="regions" id="region_id" v-model="inner.region_id" label="Bundesland"></f-select>
-                </div>
-                <div>
-                    <f-select :options="countries" id="country_id" v-model="inner.country_id" label="Land" required></f-select>
-                </div>
-                <div>
-                    <f-select :options="nationalities" id="nationality_id" v-model="inner.nationality_id" label="Staatsangehörigkeit" required></f-select>
-                </div>
-            </div>
-            <div class="grid grid-cols-2 gap-3 p-4" v-if="menuTitle == 'Kontakt'">
-                <div>
-                    <f-text id="main_phone" v-model="inner.main_phone" label="Telefon"></f-text>
-                </div>
-                <div>
-                    <f-text id="mobile_phone" v-model="inner.mobile_phone" label="Handy"></f-text>
-                </div>
-                <div>
-                    <f-text id="work_phone" v-model="inner.work_phone" label="Tel geschäftlich"></f-text>
-                </div>
-                <div>
-                    <f-text id="email" v-model="inner.email" label="E-Mail"></f-text>
-                </div>
-                <div>
-                    <f-text id="email_parents" v-model="inner.email_parents" label="E-Mail eltern"></f-text>
-                </div>
-                <div>
-                    <f-text id="fax" v-model="inner.fax" label="Fax"></f-text>
-                </div>
-            </div>
-            <div class="grid grid-cols-2 gap-3 p-4" v-if="menuTitle == 'System'">
-                <div>
-                    <f-select :options="billKinds" id="bill_kind_id" v-model="inner.bill_kind_id" label="Rechnung versenden über"></f-select>
-                </div>
-            </div>
-            <div class="grid grid-cols-4 gap-3 p-4" v-if="menuTitle == 'Sonstiges'">
-                <f-text class="col-span-2" id="other_country" v-model="inner.other_country" label="Andere Staatsangehörigkeit"></f-text>
-                <f-switch id="has_nami" v-model="inner.has_nami" label="In Nami eintragen"></f-switch>
-                <f-switch id="send_newspaper" v-model="inner.send_newspaper" label="Mittendrin"></f-switch>
-                <f-text class="col-span-2" type="date" id="joined_at" v-model="inner.joined_at" label="Eintrittsdatum"></f-text>
-                <f-select class="col-span-2" :options="confessions" id="confession_id" v-model="inner.confession_id" label="Konfession"></f-select>
-                <f-textarea class="col-span-2" rows="4" id="letter_address" v-model="inner.letter_address" label="Brief-Adresse"></f-textarea>
-            </div>
-        </div>
-    </form>
-</template>
-
-<script>
-export default {
-    data: function() {
-        return {
-            inner: {},
-            active: 2,
-            menu: [
-                { title: 'Stammdaten' },
-                { title: 'Kontakt' },
-                { title: 'System' },
-                { title: 'Sonstiges' },
-            ]
-        };
-    },
-
-    props: {
-        genders: {},
-        fees: {},
-        data: {},
-        regions: {},
-        countries: {},
-        nationalities: {},
-        confessions: {},
-        billKinds: {},
-    },
-
-    methods: {
-        openMenu(index) {
-            this.active = index;
-        }
-    },
-
-    computed: {
-        menuTitle() {
-            return this.menu[this.active].title;
-        }
-    },
-
-    created() {
-        this.inner = this.data;
-    }
-};
-</script>
diff --git a/resources/js/views/member/Form.vue b/resources/js/views/member/Form.vue
new file mode 100644
index 00000000..884ccc58
--- /dev/null
+++ b/resources/js/views/member/Form.vue
@@ -0,0 +1,99 @@
+<template>
+    <form class="flex flex-grow relative" @submit.prevent="submit">
+        <!-- ****************************** menu links ******************************* -->
+        <div class="p-6 bg-gray-700 border-r border-gray-600 flex-none w-maxc flex flex-col justify-between">
+            <div class="grid gap-1">
+                <a v-for="item, index in menu" :key="index" href="#" @click.prevent="openMenu(index)" class="rounded py-1 px-3 text-gray-400" :class="index == active ? `bg-gray-600` : ''" v-text="item.title"></a>
+            </div>
+            <div>
+                <button type="submit" class="btn block w-full btn-primary">Speichern</button>
+            </div>
+        </div>
+
+        <!-- ***************************** Hauptbereich ****************************** -->
+        <div class="flex-grow">
+            <div class="grid grid-cols-2 gap-3 p-4" v-if="menuTitle == 'Stammdaten'">
+                <f-select id="gender_id" :options="genders" v-model="inner.gender_id" label="Geschlecht"></f-select>
+                <f-text id="firstname" v-model="inner.firstname" label="Vorname" required></f-text>
+                <f-text id="lastname" v-model="inner.lastname" label="Nachname" required></f-text>
+                <f-text id="address" v-model="inner.address" label="Adresse" required></f-text>
+                <f-text id="further_address" v-model="inner.further_address" label="Adresszusatz"></f-text>
+                <f-text id="zip" v-model="inner.zip" label="PLZ" required></f-text>
+                <f-text id="location" v-model="inner.location" label="Ort" required></f-text>
+                <f-text type="date" id="birthday" v-model="inner.birthday" label="Geburtsdatum" required></f-text>
+                <f-select :options="regions" id="region_id" v-model="inner.region_id" label="Bundesland"></f-select>
+                <f-select :options="countries" id="country_id" v-model="inner.country_id" label="Land" required></f-select>
+                <f-select :options="nationalities" id="nationality_id" v-model="inner.nationality_id" label="Staatsangehörigkeit" required></f-select>
+            </div>
+            <div class="grid grid-cols-2 gap-3 p-4" v-if="menuTitle == 'Kontakt'">
+                <f-text id="main_phone" v-model="inner.main_phone" label="Telefon"></f-text>
+                <f-text id="mobile_phone" v-model="inner.mobile_phone" label="Handy"></f-text>
+                <f-text id="work_phone" v-model="inner.work_phone" label="Tel geschäftlich"></f-text>
+                <f-text id="email" v-model="inner.email" label="E-Mail"></f-text>
+                <f-text id="email_parents" v-model="inner.email_parents" label="E-Mail eltern"></f-text>
+                <f-text id="fax" v-model="inner.fax" label="Fax"></f-text>
+            </div>
+            <div class="grid grid-cols-2 gap-3 p-4" v-if="menuTitle == 'System'">
+                <f-select :options="billKinds" id="bill_kind_id" v-model="inner.bill_kind_id" label="Rechnung versenden über"></f-select>
+            </div>
+            <div class="grid grid-cols-4 gap-3 p-4" v-if="menuTitle == 'Sonstiges'">
+                <f-text class="col-span-2" id="other_country" v-model="inner.other_country" label="Andere Staatsangehörigkeit"></f-text>
+                <f-switch id="has_nami" v-model="inner.has_nami" label="In Nami eintragen"></f-switch>
+                <f-switch id="send_newspaper" v-model="inner.send_newspaper" label="Mittendrin"></f-switch>
+                <f-text class="col-span-2" type="date" id="joined_at" v-model="inner.joined_at" label="Eintrittsdatum"></f-text>
+                <f-select class="col-span-2" :options="confessions" id="confession_id" v-model="inner.confession_id" label="Konfession"></f-select>
+                <f-textarea class="col-span-2" rows="4" id="letter_address" v-model="inner.letter_address" label="Brief-Adresse"></f-textarea>
+            </div>
+        </div>
+    </form>
+</template>
+
+<script>
+export default {
+    data: function() {
+        return {
+            inner: {},
+            active: 0,
+            menu: [
+                { title: 'Stammdaten' },
+                { title: 'Kontakt' },
+                { title: 'System' },
+                { title: 'Sonstiges' },
+            ]
+        };
+    },
+
+    props: {
+        mode: {},
+        genders: {},
+        fees: {},
+        data: {},
+        regions: {},
+        countries: {},
+        nationalities: {},
+        confessions: {},
+        billKinds: {},
+    },
+
+    methods: {
+        openMenu(index) {
+            this.active = index;
+        },
+        submit() {
+            this.mode === 'create'
+                ? $inertia.post(`/member`, inner)
+                : $inertia.patch(`/member/${inner.id}`, inner);
+        }
+    },
+
+    computed: {
+        menuTitle() {
+            return this.menu[this.active].title;
+        }
+    },
+
+    created() {
+        this.inner = this.mode === 'edit' ? this.data : {};
+    }
+};
+</script>