feat: type member

app/Http/Controllers/TypeMemberController.php

+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\TypeMember\StoreTypeMemberRequest;
+use App\Http\Requests\TypeMember\UpdateTypeMemberRequest;
+use App\Models\TypeMember;
+use Illuminate\Http\Request;
+
+class TypeMemberController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Inertia\Response
+     */
+    public function index()
+    {
+        return inertia('typemember/Index', [
+            'typeMembers' => TypeMember::get()->transform(fn($typeMember) => [
+                'id' => $typeMember->id,
+                'updatedAt' => $typeMember->updated_at,
+                'type' => $typeMember->type,
+                'price' => $typeMember->price,
+            ]),
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Inertia\Response
+     */
+    public function create()
+    {
+        return inertia('typemember/Create');
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(StoreTypeMemberRequest $request)
+    {
+        TypeMember::create($request->validated());
+
+        return back()->with('success', __('messages.success.store.type-member'));
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  TypeMember  $typeMember
+     * @return \Inertia\Response
+     */
+    public function edit(TypeMember $typeMember)
+    {
+        return inertia('typemember/Edit', [
+            'typeMember' => [
+                'id' => $typeMember->id,
+                'type' => $typeMember->type,
+                'price' => $typeMember->getRawOriginal('price'),
+            ],
+        ]);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  TypeMember  $typeMember
+     * @return \Illuminate\Http\Response
+     */
+    public function update(UpdateTypeMemberRequest $request, TypeMember $typeMember)
+    {
+        $typeMember->update($request->validated());
+
+        return back()->with('success', __('messages.success.update.type-member'));
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id)
+    {
+        //
+    }
+}

app/Http/Requests/TypeMember/StoreTypeMemberRequest.php

+<?php
+
+namespace App\Http\Requests\TypeMember;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreTypeMemberRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            'type' => 'required|string',
+            'price' => 'required|numeric',
+        ];
+    }
+}

app/Http/Requests/TypeMember/UpdateTypeMemberRequest.php

+<?php
+
+namespace App\Http\Requests\TypeMember;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateTypeMemberRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            'type' => 'required|string',
+            'price' => 'required|numeric',
+        ];
+    }
+}

app/Models/TypeMember.php

 
 namespace App\Models;
 
+use App\Services\CurrencyFormatService;
+use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
 class TypeMember extends Model
 {
     use HasFactory;
+
+    protected $fillable = [
+        'type',
+        'price',
+    ];
+
+    protected function updatedAt(): Attribute
+    {
+        return Attribute::make(
+            get:fn($value) => Carbon::parse($value)->translatedFormat('l d/m/Y')
+        );
+    }
+
+    protected function price(): Attribute
+    {
+        return Attribute::make(
+            get:fn($value) => (new CurrencyFormatService)->setRupiahFormat($value, true)
+        );
+    }
+
 }

database/migrations/2022_04_20_031727_create_type_members_table.php

     {
         Schema::create('type_members', function (Blueprint $table) {
             $table->id();
-            $table->string('name');
+            $table->string('type');
             $table->unsignedInteger('price');
             $table->timestamps();
         });

designs/diagrams/database.puml

 entity TypeMember {
   * id
   __
-  * name
+  * type
   * price
 }
 

lang/id/messages.php

             'verify_email' => 'Link verifikasi email berhasil terkirim',
         ],
         'store' => [
+            'type-member' => 'Jenis member berhasil ditambahkan',
             'discount' => 'Diskon berhasil diubah',
             'expense' => 'Pengeluaran berhasil ditambahkan',
             'transaction' => 'Transaksi berhasil ditambahkan',
             'user' => 'Akun user berhasil ditambahkan',
-            'customer' => 'Akun customer berhasil ditambahkan',
-            'outlet' => 'Data outlet berhasil ditambahkan',
-            'laundry' => 'Data laundry berhasil ditambahkan',
-            'product' => 'Data product berhasil ditambahkan',
         ],
         'update' => [
+            'type-member' => 'Jenis member berhasil diubah',
             'change-password' => 'Password berhasil diubah',
             'transaction_status' => 'Status transaksi berhasil diubah',
             'user' => 'Akun user berhasil diubah',
-            'customer' => 'Akun customer berhasil diubah',
-            'outlet' => 'Data outlet berhasil diubah',
-            'laundry' => 'Data laundry berhasil diubah',
-            'product' => 'Data product berhasil diubah',
         ],
         'destroy' => [
             'user' => 'Akun user berhasil dihapus',
-            'customer' => 'Akun customer berhasil dihapus',
-            'outlet' => 'Data outlet berhasil dihapus',
-            'laundry' => 'Data laundry berhasil dihapus',
-            'product' => 'Data product berhasil dihapus',
         ],
     ],
 

public/js/resources_js_pages_expense_Create_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_expense_Index_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_expense_Show_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_home_Index_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_typemember_TableHeader_js.js

+"use strict";
+(self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_pages_typemember_TableHeader_js"],{
+
+/***/ "./resources/js/pages/typemember/TableHeader.js":
+/*!******************************************************!*\
+  !*** ./resources/js/pages/typemember/TableHeader.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  field: 'updatedAt',
+  header: 'Diperbaharui'
+}, {
+  field: 'type',
+  header: 'Jenis Member'
+}, {
+  field: 'price',
+  header: 'Tarif Member'
+}]);
+
+/***/ })
+
+}]);

public/js/resources_js_pages_user_Create_vue.js

       form.clearErrors();
     });
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.useForm)({
-      name: '',
-      phone: '',
-      email: '',
-      role_id: ''
+      name: null,
+      phone: null,
+      email: null,
+      role_id: null
     });
 
     var submit = function submit() {
       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_user_Edit_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_user_Index_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_user_Show_vue.js

       to: '/dashboards',
       component: 'home/Index'
     }]
-  }, {
-    label: 'Menu',
-    items: [{
-      label: 'Pengeluaran',
-      icon: 'pi pi-wallet',
-      to: '/expenses',
-      component: 'expense/Index'
-    }]
   }, {
     label: 'Master',
     items: [{
       icon: 'pi pi-wallet',
       to: '/expenses',
       component: 'expense/Index'
+    }, {
+      label: 'Jenis Member',
+      icon: 'pi pi-id-card',
+      to: '/type-members',
+      component: 'typemember/Index'
     }]
   }],
   // Operator

public/js/vue.js

 		"./resources/js/pages/home/Index.vue",
 		"resources_js_pages_home_Index_vue"
 	],
+	"./typemember/Create": [
+		"./resources/js/pages/typemember/Create.vue",
+		"resources_js_pages_typemember_Create_vue"
+	],
+	"./typemember/Create.vue": [
+		"./resources/js/pages/typemember/Create.vue",
+		"resources_js_pages_typemember_Create_vue"
+	],
+	"./typemember/Edit": [
+		"./resources/js/pages/typemember/Edit.vue",
+		"resources_js_pages_typemember_Edit_vue"
+	],
+	"./typemember/Edit.vue": [
+		"./resources/js/pages/typemember/Edit.vue",
+		"resources_js_pages_typemember_Edit_vue"
+	],
+	"./typemember/Index": [
+		"./resources/js/pages/typemember/Index.vue",
+		"resources_js_pages_typemember_Index_vue"
+	],
+	"./typemember/Index.vue": [
+		"./resources/js/pages/typemember/Index.vue",
+		"resources_js_pages_typemember_Index_vue"
+	],
+	"./typemember/TableHeader": [
+		"./resources/js/pages/typemember/TableHeader.js",
+		"resources_js_pages_typemember_TableHeader_js"
+	],
+	"./typemember/TableHeader.js": [
+		"./resources/js/pages/typemember/TableHeader.js",
+		"resources_js_pages_typemember_TableHeader_js"
+	],
 	"./user/Create": [
 		"./resources/js/pages/user/Create.vue",
 		"resources_js_pages_user_Create_vue"
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"5b9f0529bda25a9b","resources_js_pages_auth_Login_vue":"61b9c9ae1ae9da32","resources_js_pages_auth_ResetPassword_vue":"b091193a1e114ce8","resources_js_pages_auth_VerifyEmail_vue":"a7b9a99e5a331088","resources_js_pages_expense_Create_vue":"03698a8fc0a00db8","resources_js_pages_expense_Index_vue":"3c1bfc495309cf77","resources_js_pages_expense_Show_vue":"68d19153681b3e33","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"1a4bd9f2687cb4ae","resources_js_pages_user_Create_vue":"23843882c1f595ab","resources_js_pages_user_Edit_vue":"1418ba2da9528095","resources_js_pages_user_Index_vue":"3f2d10986a4fe5ae","resources_js_pages_user_Show_vue":"678accea5657b8b1","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"5b9f0529bda25a9b","resources_js_pages_auth_Login_vue":"61b9c9ae1ae9da32","resources_js_pages_auth_ResetPassword_vue":"b091193a1e114ce8","resources_js_pages_auth_VerifyEmail_vue":"a7b9a99e5a331088","resources_js_pages_expense_Create_vue":"bfc05aeb74c8ce1f","resources_js_pages_expense_Index_vue":"7a309f6d0d26a727","resources_js_pages_expense_Show_vue":"789baa23c94364cd","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"b14a4dbf22a954c7","resources_js_pages_typemember_Create_vue":"d826978506678e41","resources_js_pages_typemember_Edit_vue":"90ecf14e63ffd3c7","resources_js_pages_typemember_Index_vue":"cac37ec778c618a8","resources_js_pages_typemember_TableHeader_js":"8d2fb11e94b09b43","resources_js_pages_user_Create_vue":"fc5e95e89a96238a","resources_js_pages_user_Edit_vue":"af45e9f32617313e","resources_js_pages_user_Index_vue":"d159f071cd244236","resources_js_pages_user_Show_vue":"15c066cf5714885a","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/typemember/Create.vue

+<script setup>
+import { computed, watch } from 'vue'
+import { useForm, usePage } from '@inertiajs/inertia-vue3'
+import AppLayout from '@/layouts/AppLayout.vue'
+import AppInputText from '@/components/AppInputText.vue'
+import AppInputNumber from '@/components/AppInputNumber.vue'
+
+const errors = computed(() => usePage().props.value.errors)
+
+watch(errors, () => {
+  form.clearErrors()
+})
+
+const form = useForm({
+  type: null,
+  price: null,
+})
+
+const submit = () => {
+  form.post(route('type-members.store'), { onSuccess: () => form.reset() })
+}
+</script>
+
+<template>
+  <AppLayout>
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <Card>
+          <template #title> Tambah Jenis Member </template>
+          <template #content>
+            <div class="grid">
+              <div class="col-12 md:col-6">
+                <AppInputText
+                  v-model="form.type"
+                  label="Jenis Member"
+                  placeholder="jenis member"
+                  :error="form.errors.type"
+                />
+              </div>
+
+              <div class="col-12 md:col-6">
+                <AppInputNumber
+                  v-model="form.price"
+                  label="Tarif Member"
+                  placeholder="tarif member"
+                  :error="form.errors.price"
+                />
+              </div>
+            </div>
+          </template>
+
+          <template #footer>
+            <div class="flex flex-column md:flex-row justify-content-end">
+              <Button
+                label="Simpan"
+                icon="pi pi-check"
+                class="p-button-outlined"
+                :disabled="form.processing"
+                @click="submit"
+              />
+            </div>
+          </template>
+        </Card>
+      </div>
+    </div>
+  </AppLayout>
+</template>

resources/js/pages/typemember/Edit.vue

+<script setup>
+import { computed, watch } from 'vue'
+import { useForm, usePage } from '@inertiajs/inertia-vue3'
+import AppLayout from '@/layouts/AppLayout.vue'
+import AppInputText from '@/components/AppInputText.vue'
+import AppInputNumber from '@/components/AppInputNumber.vue'
+
+const props = defineProps({
+  typeMember: Object,
+})
+
+const errors = computed(() => usePage().props.value.errors)
+
+watch(errors, () => {
+  form.clearErrors()
+})
+
+const form = useForm({
+  type: props.typeMember.type,
+  price: props.typeMember.price,
+})
+
+const submit = () => {
+  form.put(route('type-members.update', props.typeMember.id), { onSuccess: () => form.reset() })
+}
+</script>
+
+<template>
+  <AppLayout>
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <Card>
+          <template #title> Ubah Jenis Member </template>
+          <template #content>
+            <div class="grid">
+              <div class="col-12 md:col-6">
+                <AppInputText
+                  v-model="form.type"
+                  label="Jenis Member"
+                  placeholder="jenis member"
+                  :error="form.errors.type"
+                />
+              </div>
+
+              <div class="col-12 md:col-6">
+                <AppInputNumber
+                  v-model="form.price"
+                  label="Tarif Member"
+                  placeholder="tarif member"
+                  :error="form.errors.price"
+                />
+              </div>
+            </div>
+          </template>
+
+          <template #footer>
+            <div class="flex flex-column md:flex-row justify-content-end">
+              <Button
+                label="Simpan"
+                icon="pi pi-check"
+                class="p-button-outlined"
+                :disabled="form.processing"
+                @click="submit"
+              />
+            </div>
+          </template>
+        </Card>
+      </div>
+    </div>
+  </AppLayout>
+</template>

resources/js/pages/typemember/Index.vue

+<script setup>
+import AppButton from '@/components/AppButton.vue'
+import AppLayout from '@/layouts/AppLayout.vue'
+
+import TableHeader from './TableHeader'
+
+defineProps({
+  typeMembers: Object,
+})
+</script>
+
+<template>
+  <AppLayout>
+    <DataTable
+      responsive-layout="scroll"
+      column-resize-mode="expand"
+      :value="typeMembers"
+      :row-hover="true"
+      :striped-rows="true"
+    >
+      <template #header>
+        <h1>Jenis Member</h1>
+
+        <div class="grid">
+          <div class="col-12 flex flex-column md:flex-row justify-content-end">
+            <AppButton
+              label="Tambah Jenis Member"
+              class="p-button-outlined"
+              icon="pi pi-pencil"
+              :href="route('type-members.create')"
+            />
+          </div>
+        </div>
+      </template>
+
+      <Column
+        v-for="tableHeader in TableHeader"
+        :field="tableHeader.field"
+        :header="tableHeader.header"
+        :key="tableHeader.field"
+      />
+
+      <Column>
+        <template #body="{ data }">
+          <AppButton
+            icon="pi pi-angle-double-right"
+            class="p-button-text p-button-icon-only p-button-rounded p-button-text"
+            :href="route('type-members.edit', data.id)"
+          />
+        </template>
+      </Column>
+    </DataTable>
+  </AppLayout>
+</template>

resources/js/pages/typemember/TableHeader.js

+export default [
+  { field: 'updatedAt', header: 'Diperbaharui' },
+  { field: 'type', header: 'Jenis Member' },
+  { field: 'price', header: 'Tarif Member' },
+]

resources/js/pages/user/Create.vue

 })
 
 const form = useForm({
-  name: '',
-  phone: '',
-  email: '',
-  role_id: '',
+  name: null,
+  phone: null,
+  email: null,
+  role_id: null,
 })
 
 const submit = () => {

resources/js/utils/menu.js

       label: 'Home',
       items: [{ label: 'Dashboard', icon: 'pi pi-home', to: '/dashboards', component: 'home/Index' }],
     },
-    {
-      label: 'Menu',
-      items: [{ label: 'Pengeluaran', icon: 'pi pi-wallet', to: '/expenses', component: 'expense/Index' }],
-    },
     {
       label: 'Master',
       items: [{ label: 'User', icon: 'pi pi-user', to: '/users', component: 'user/Index' }],
     },
     {
       label: 'Menu',
-      items: [{ label: 'Pengeluaran', icon: 'pi pi-wallet', to: '/expenses', component: 'expense/Index' }],
+      items: [
+        { label: 'Pengeluaran', icon: 'pi pi-wallet', to: '/expenses', component: 'expense/Index' },
+        { label: 'Jenis Member', icon: 'pi pi-id-card', to: '/type-members', component: 'typemember/Index' },
+      ],
     },
   ],
 

routes/web.php

 
 use App\Http\Controllers\DashboardController;
 use App\Http\Controllers\ExpenseController;
+use App\Http\Controllers\TypeMemberController;
 use App\Http\Controllers\UserController;
 use Illuminate\Support\Facades\Route;
 
     Route::resource('/users', UserController::class);
 
     Route::resource('/expenses', ExpenseController::class);
+
+    Route::resource('/type-members', TypeMemberController::class);
 });
 
 require __DIR__ . '/auth.php';