feat: master type vehicle

app/Http/Controllers/TypeVehicleController.php

@@ -0,0 +1,106 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\TypeVehicle\StoreTypeVehicleRequest;
+use App\Http\Requests\TypeVehicle\UpdateTypeVehicleRequest;
+use App\Models\TypeVehicle;
+
+class TypeVehicleController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Inertia\Response
+     */
+    public function index()
+    {
+        return inertia('typevehicle/Index', [
+            'typeVehicles' => TypeVehicle::latest()
+                ->paginate(10)
+                ->withQueryString()
+                ->through(fn($typeVehicle) => [
+                    'id' => $typeVehicle->id,
+                    'updatedAt' => $typeVehicle->updated_at,
+                    'type' => $typeVehicle->type,
+                ]),
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Inertia\Response
+     */
+    public function create()
+    {
+        return inertia('typevehicle/Create');
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(StoreTypeVehicleRequest $request)
+    {
+        TypeVehicle::create($request->validated());
+
+        return back()->with('success', __('messages.success.store.type_vehicle'));
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  TypeVehicle  $typeVehicle
+     * @return \Inertia\Response
+     */
+    public function edit(TypeVehicle $typeVehicle)
+    {
+        return inertia('typevehicle/Edit', [
+            'typeVehicle' => [
+                'id' => $typeVehicle->id,
+                'type' => $typeVehicle->type,
+            ],
+        ]);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  TypeVehicle  $typeVehicle
+     * @return \Illuminate\Http\Response
+     */
+    public function update(UpdateTypeVehicleRequest $request, TypeVehicle $typeVehicle)
+    {
+        $typeVehicle->update($request->validated());
+
+        return back()->with('success', __('messages.success.update.type_vehicle'));
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  TypeVehicle  $typeVehicle
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy(TypeVehicle $typeVehicle)
+    {
+        $typeVehicle->delete();
+
+        return to_route('type-vehicles.index')->with('success', __('messages.success.destroy.type_vehicle'));
+    }
+}

app/Http/Requests/TypeVehicle/StoreTypeVehicleRequest.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests\TypeVehicle;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreTypeVehicleRequest 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|max:25',
+        ];
+    }
+}

app/Http/Requests/TypeVehicle/UpdateTypeVehicleRequest.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests\TypeVehicle;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateTypeVehicleRequest 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|max:25',
+        ];
+    }
+}

app/Models/TypeVehicle.php

@@ -2,6 +2,8 @@
 
 namespace App\Models;
 
+use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
@@ -12,4 +14,11 @@ class TypeVehicle extends Model
     protected $fillable = [
         'type',
     ];
+
+    protected function updatedAt(): Attribute
+    {
+        return Attribute::make(
+            get:fn($value) => Carbon::parse($value)->translatedFormat('l d/m/Y')
+        );
+    }
 }

lang/en/messages.php

@@ -22,6 +22,7 @@ return [
             'verify_email' => 'Email Verification link successfully sent',
         ],
         'store' => [
+            'type_vehicle' => 'Type vehicle successfully added',
             'top_up' => 'Top Up successfully',
             'member' => 'Member successfully added',
             'type_member' => 'Jenis member successfully added',
@@ -31,6 +32,7 @@ return [
             'user' => 'User Account successfully added',
         ],
         'update' => [
+            'type_vehicle' => 'Type vehicle successfully changed',
             'top_up' => 'Top Up successfully changed',
             'member' => 'Member successfully changed',
             'type_member' => 'Jenis member successfully changed',
@@ -39,6 +41,7 @@ return [
             'user' => 'User Account successfully changed',
         ],
         'destroy' => [
+            'type_vehicle' => 'Type vehicle successfully deleted',
             'top_up' => 'Top Up successfully deleted',
             'member' => 'Member Account successfully deleted',
             'user' => 'User Account successfully deleted',

lang/id/messages.php

@@ -22,6 +22,7 @@ return [
             'verify_email' => 'Link verifikasi email berhasil terkirim',
         ],
         'store' => [
+            'type_vehicle' => 'Jenis kendaraan berhasil ditambahkan',
             'top_up' => 'Top Up berhasil',
             'member' => 'Member berhasil ditambahkan',
             'type_member' => 'Jenis member berhasil ditambahkan',
@@ -31,6 +32,7 @@ return [
             'user' => 'Akun user berhasil ditambahkan',
         ],
         'update' => [
+            'type_vehicle' => 'Jenis kendaraan berhasil diubah',
             'top_up' => 'Top Up berhasil diubah',
             'member' => 'Member berhasil diubah',
             'type_member' => 'Jenis member berhasil diubah',
@@ -39,6 +41,7 @@ return [
             'user' => 'Akun user berhasil diubah',
         ],
         'destroy' => [
+            'type_vehicle' => 'Jenis kendaraan berhasil dihapus',
             'top_up' => 'Top Up berhasil dihapus',
             'member' => 'Akun member berhasil dihapus',
             'user' => 'Akun user berhasil dihapus',

public/js/resources_js_pages_expense_Create_vue.js

@@ -1395,6 +1395,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_expense_Index_vue.js

@@ -1337,6 +1337,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_expense_Show_vue.js

@@ -1064,6 +1064,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_home_Index_vue.js

@@ -934,6 +934,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_member_Create_vue.js

@@ -1626,6 +1626,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_member_Edit_vue.js

@@ -1528,6 +1528,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_member_Index_vue.js

@@ -1304,6 +1304,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_topup_Create_vue.js

@@ -1884,6 +1884,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_topup_Index_vue.js

@@ -1380,6 +1380,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_typemember_Create_vue.js

@@ -1513,6 +1513,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_typemember_Edit_vue.js

@@ -1514,6 +1514,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_typemember_Index_vue.js

@@ -1144,6 +1144,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_typevehicle_TableHeader_js.js

@@ -0,0 +1,24 @@
+"use strict";
+(self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_pages_typevehicle_TableHeader_js"],{
+
+/***/ "./resources/js/pages/typevehicle/TableHeader.js":
+/*!*******************************************************!*\
+  !*** ./resources/js/pages/typevehicle/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 Kendaraan'
+}]);
+
+/***/ })
+
+}]);

public/js/resources_js_pages_user_Create_vue.js

@@ -1360,6 +1360,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_user_Edit_vue.js

@@ -1650,6 +1650,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_user_Index_vue.js

@@ -1296,6 +1296,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/resources_js_pages_user_Show_vue.js

@@ -1380,6 +1380,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: 'pi pi-id-card',
       to: '/type-members',
       component: 'typemember/Index'
+    }, {
+      label: 'Jenis Kendaraan',
+      icon: 'pi pi-car',
+      to: '/type-vehicles',
+      component: 'typevehicle/Index'
     }]
   }],
   // Operator

public/js/vue.js

@@ -57912,6 +57912,38 @@ var map = {
 		"./resources/js/pages/typemember/TableHeader.js",
 		"resources_js_pages_typemember_TableHeader_js"
 	],
+	"./typevehicle/Create": [
+		"./resources/js/pages/typevehicle/Create.vue",
+		"resources_js_pages_typevehicle_Create_vue"
+	],
+	"./typevehicle/Create.vue": [
+		"./resources/js/pages/typevehicle/Create.vue",
+		"resources_js_pages_typevehicle_Create_vue"
+	],
+	"./typevehicle/Edit": [
+		"./resources/js/pages/typevehicle/Edit.vue",
+		"resources_js_pages_typevehicle_Edit_vue"
+	],
+	"./typevehicle/Edit.vue": [
+		"./resources/js/pages/typevehicle/Edit.vue",
+		"resources_js_pages_typevehicle_Edit_vue"
+	],
+	"./typevehicle/Index": [
+		"./resources/js/pages/typevehicle/Index.vue",
+		"resources_js_pages_typevehicle_Index_vue"
+	],
+	"./typevehicle/Index.vue": [
+		"./resources/js/pages/typevehicle/Index.vue",
+		"resources_js_pages_typevehicle_Index_vue"
+	],
+	"./typevehicle/TableHeader": [
+		"./resources/js/pages/typevehicle/TableHeader.js",
+		"resources_js_pages_typevehicle_TableHeader_js"
+	],
+	"./typevehicle/TableHeader.js": [
+		"./resources/js/pages/typevehicle/TableHeader.js",
+		"resources_js_pages_typevehicle_TableHeader_js"
+	],
 	"./user/Create": [
 		"./resources/js/pages/user/Create.vue",
 		"resources_js_pages_user_Create_vue"
@@ -58069,7 +58101,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// 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":"54b97ae6c316abfa","resources_js_pages_expense_Index_vue":"7e4675bef5384e18","resources_js_pages_expense_Show_vue":"076b6af6a74ae394","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"974feaa7a6242a6a","resources_js_pages_member_Create_vue":"b82c7658d250d1e9","resources_js_pages_member_Edit_vue":"112590bfb9d36785","resources_js_pages_member_Index_vue":"7311f392b54954c7","resources_js_pages_member_TableHeader_js":"9e189bc69c98169d","resources_js_pages_topup_Create_vue":"e41982f4330265c4","resources_js_pages_topup_Edit_vue":"258c3b0746574dc0","resources_js_pages_topup_Index_vue":"6be7c2a056e3e85a","resources_js_pages_topup_Show_vue":"cb35ad21e9ce163f","resources_js_pages_topup_TableHeader_js":"c803a04362b71855","resources_js_pages_typemember_Create_vue":"df16d8a936e5a9aa","resources_js_pages_typemember_Edit_vue":"38e1734003de8485","resources_js_pages_typemember_Index_vue":"1bfac1a233119d8e","resources_js_pages_typemember_TableHeader_js":"de81088b132d3e90","resources_js_pages_user_Create_vue":"6fffb95dab72cc3b","resources_js_pages_user_Edit_vue":"7e8601af1be1d211","resources_js_pages_user_Index_vue":"a82ee15061ab051d","resources_js_pages_user_Show_vue":"5c3fc30a8d575515","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":"1772093ec9ad8e1f","resources_js_pages_expense_Index_vue":"51f7facd5c3c3ea6","resources_js_pages_expense_Show_vue":"6e60ec4571b580bb","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"6cd0224828ac8129","resources_js_pages_member_Create_vue":"e560dbe95154c5fa","resources_js_pages_member_Edit_vue":"05b5081c82d41225","resources_js_pages_member_Index_vue":"80015a0d2c0ee954","resources_js_pages_member_TableHeader_js":"9e189bc69c98169d","resources_js_pages_topup_Create_vue":"9d958cbaf19eb892","resources_js_pages_topup_Edit_vue":"258c3b0746574dc0","resources_js_pages_topup_Index_vue":"5c7eced88af886fa","resources_js_pages_topup_Show_vue":"cb35ad21e9ce163f","resources_js_pages_topup_TableHeader_js":"c803a04362b71855","resources_js_pages_typemember_Create_vue":"79728a0314d12450","resources_js_pages_typemember_Edit_vue":"94fb9b5b49338c01","resources_js_pages_typemember_Index_vue":"cd93651ebf36d5a5","resources_js_pages_typemember_TableHeader_js":"de81088b132d3e90","resources_js_pages_typevehicle_Create_vue":"0f937d93865a1ea2","resources_js_pages_typevehicle_Edit_vue":"edba97a3715ba957","resources_js_pages_typevehicle_Index_vue":"53c702d33feb6196","resources_js_pages_typevehicle_TableHeader_js":"a40378918fbe74e1","resources_js_pages_user_Create_vue":"361bf2589467f820","resources_js_pages_user_Edit_vue":"fdb844cf830ec11c","resources_js_pages_user_Index_vue":"16d93eb7e5210300","resources_js_pages_user_Show_vue":"138fd92d6ae36518","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/typevehicle/Create.vue

@@ -0,0 +1,57 @@
+<script setup>
+import { computed, watch } from 'vue'
+import { Head, useForm, usePage } from '@inertiajs/inertia-vue3'
+import AppLayout from '@/layouts/AppLayout.vue'
+import AppInputText from '@/components/AppInputText.vue'
+const errors = computed(() => usePage().props.value.errors)
+
+watch(errors, () => {
+  form.clearErrors()
+})
+
+const form = useForm({
+  type: null,
+})
+
+const submit = () => {
+  form.post(route('type-vehicles.store'), { onSuccess: () => form.reset() })
+}
+</script>
+
+<template>
+  <Head title="Tambah Jenis Kendaraan" />
+
+  <AppLayout>
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <Card>
+          <template #title> Tambah Jenis Kendaraan </template>
+          <template #content>
+            <div class="grid">
+              <div class="col-12 md:col-6">
+                <AppInputText
+                  v-model="form.type"
+                  label="Jenis Kendaraan"
+                  placeholder="jenis kendaraan"
+                  :error="form.errors.type"
+                />
+              </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/typevehicle/Edit.vue

@@ -0,0 +1,92 @@
+<script setup>
+import { computed, watch, ref } from 'vue'
+import { Inertia } from '@inertiajs/inertia'
+import { Head, useForm, usePage } from '@inertiajs/inertia-vue3'
+import AppLayout from '@/layouts/AppLayout.vue'
+import AppDialog from '@/components/AppDialog.vue'
+import AppInputText from '@/components/AppInputText.vue'
+
+const props = defineProps({
+  typeVehicle: Object,
+})
+
+const errors = computed(() => usePage().props.value.errors)
+
+watch(errors, () => {
+  form.clearErrors()
+})
+
+const visibleDialog = ref(false)
+
+const confirmDialog = () => {
+  visibleDialog.value = true
+}
+
+const onAgree = () => Inertia.delete(route('type-vehicles.destroy', props.typeVehicle.id))
+
+const onCancel = () => (visibleDialog.value = false)
+
+const form = useForm({
+  type: props.typeVehicle.type,
+})
+
+const submit = () => {
+  form.put(route('type-vehicles.update', props.typeVehicle.id))
+}
+</script>
+
+<template>
+  <Head title="Ubah Jenis Kendaraan" />
+
+  <AppLayout>
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <Card>
+          <template #title>Ubah Jenis Kendaraan </template>
+          <template #content>
+            <div class="grid">
+              <div class="col-12 md:col-6">
+                <AppInputText
+                  v-model="form.type"
+                  label="Jenis Kendaraan"
+                  placeholder="jenis kendaraan"
+                  :error="form.errors.type"
+                />
+              </div>
+            </div>
+          </template>
+
+          <template #footer>
+            <div class="grid">
+              <div class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-start">
+                <AppDialog
+                  message="Yakin akan menghapus data ini?"
+                  v-model:visible="visibleDialog"
+                  @agree="onAgree"
+                  @cancel="onCancel"
+                />
+
+                <Button
+                  label="Hapus"
+                  icon="pi pi-trash"
+                  class="p-button-outlined p-button-danger"
+                  @click="confirmDialog"
+                />
+              </div>
+
+              <div class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-end">
+                <Button
+                  label="Simpan"
+                  icon="pi pi-check"
+                  class="p-button-outlined"
+                  :disabled="form.processing"
+                  @click="submit"
+                />
+              </div>
+            </div>
+          </template>
+        </Card>
+      </div>
+    </div>
+  </AppLayout>
+</template>

resources/js/pages/typevehicle/Index.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { Head } from '@inertiajs/inertia-vue3'
+import AppLayout from '@/layouts/AppLayout.vue'
+import AppPagination from '@/components/AppPagination.vue'
+import AppButton from '@/components/AppButton.vue'
+
+import TableHeader from './TableHeader'
+
+defineProps({
+  typeVehicles: Object,
+})
+</script>
+
+<template>
+  <Head title="Jenis Kendaraan" />
+
+  <AppLayout>
+    <DataTable
+      responsive-layout="scroll"
+      column-resize-mode="expand"
+      :value="typeVehicles.data"
+      :row-hover="true"
+      :striped-rows="true"
+    >
+      <template #header>
+        <h1>Jenis Kendaraan</h1>
+
+        <div class="grid">
+          <div class="col-12 flex flex-column md:flex-row justify-content-end">
+            <AppButton
+              label="Tambah Jenis Kendaraan"
+              class="p-button-outlined"
+              icon="pi pi-pencil"
+              :href="route('type-vehicles.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-vehicles.edit', data.id)"
+          />
+        </template>
+      </Column>
+    </DataTable>
+
+    <AppPagination :links="typeVehicles.links" />
+  </AppLayout>
+</template>

resources/js/pages/typevehicle/TableHeader.js

@@ -0,0 +1,4 @@
+export default [
+  { field: 'updatedAt', header: 'Diperbaharui' },
+  { field: 'type', header: 'Jenis Kendaraan' },
+]

resources/js/utils/menu.js

@@ -23,7 +23,10 @@ export default {
     },
     {
       label: 'Master',
-      items: [{ label: 'Jenis Member', icon: 'pi pi-id-card', to: '/type-members', component: 'typemember/Index' }],
+      items: [
+        { label: 'Jenis Member', icon: 'pi pi-id-card', to: '/type-members', component: 'typemember/Index' },
+        { label: 'Jenis Kendaraan', icon: 'pi pi-car', to: '/type-vehicles', component: 'typevehicle/Index' },
+      ],
     },
   ],
 

routes/web.php

@@ -5,6 +5,7 @@ use App\Http\Controllers\ExpenseController;
 use App\Http\Controllers\MemberController;
 use App\Http\Controllers\TopUpController;
 use App\Http\Controllers\TypeMemberController;
+use App\Http\Controllers\TypeVehicleController;
 use App\Http\Controllers\UserController;
 use Illuminate\Support\Facades\Route;
 
@@ -24,17 +25,19 @@ Route::middleware(['auth', 'verified'])->group(function () {
 
     Route::get('/dashboards', DashboardController::class);
 
+    Route::resource('/expenses', ExpenseController::class);
+
+    Route::resource('/members', MemberController::class);
+
+    Route::resource('/top-ups', TopUpController::class);
+
     Route::delete('/users/block/{user}', [UserController::class, 'block'])->name('users.block');
     Route::post('/users/change-password/{user}', [UserController::class, 'changePassword'])->name('users.change-password');
     Route::resource('/users', UserController::class);
 
-    Route::resource('/expenses', ExpenseController::class);
-
     Route::resource('/type-members', TypeMemberController::class);
 
-    Route::resource('/members', MemberController::class);
-
-    Route::resource('/top-ups', TopUpController::class);
+    Route::resource('/type-vehicles', TypeVehicleController::class);
 });
 
 require __DIR__ . '/auth.php';