feat: outlet master

app/Http/Controllers/OutletController.php

@@ -0,0 +1,115 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\Outlet\StoreOutletRequest;
+use App\Http\Requests\Outlet\UpdateOutletRequest;
+use App\Models\Outlet;
+
+class OutletController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Inertia\Response
+     */
+    public function index()
+    {
+        return inertia('outlet/Index', [
+            'outlets' => Outlet::latest()
+                ->filter(request()->search)
+                ->paginate(10)
+                ->withQueryString()
+                ->through(fn($outlet) => [
+                    'id' => $outlet->id,
+                    'outlet_number' => $outlet->outlet_number,
+                    'name' => $outlet->name,
+                    'phone' => $outlet->phone,
+                    'address' => $outlet->address,
+                ]),
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Inertia\Response
+     */
+    public function create()
+    {
+        return inertia('outlet/Create', [
+            'outlet_number' => 'OT' . now()->format('YmdHis'),
+        ]);
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(StoreOutletRequest $request)
+    {
+        Outlet::create($request->validated());
+
+        return to_route('outlets.index')->with('success', __('messages.success.store.outlet'));
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Inertia\Response
+     */
+    public function show($id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  Outlet  $outlet
+     * @return \Inertia\Response
+     */
+    public function edit(Outlet $outlet)
+    {
+        return inertia('outlet/Edit', [
+            'outlet' => [
+                'id' => $outlet->id,
+                'outlet_number' => $outlet->outlet_number,
+                'name' => $outlet->name,
+                'phone' => $outlet->phone,
+                'address' => $outlet->address,
+            ],
+        ]);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  Outlet  $outlet
+     * @return \Illuminate\Http\Response
+     */
+    public function update(UpdateOutletRequest $request, Outlet $outlet)
+    {
+        $outlet->update($request->validated());
+
+        return back()->with('success', __('messages.success.update.outlet'));
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  Outlet  $Outlet
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy(Outlet $outlet)
+    {
+        $outlet->delete();
+
+        return to_route('outlets.index')->with('success', __('messages.success.destroy.outlet'));
+    }
+}

app/Http/Requests/Outlet/StoreOutletRequest.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Requests\Outlet;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreOutletRequest 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 [
+            'outlet_number' => 'required|string',
+            'name' => 'required|string|max:50',
+            'phone' => 'required|numeric|min:12|unique:users,phone',
+            'address' => 'required|string|max:100',
+        ];
+    }
+}

app/Http/Requests/Outlet/UpdateOutletRequest.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Requests\Outlet;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateOutletRequest 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 [
+            'outlet_number' => 'required|string|unique:outlets,outlet_number,' . $this->outlet->id,
+            'name' => 'required|string|max:50',
+            'phone' => 'required|numeric|min:12|unique:outlets,phone,' . $this->outlet->id,
+            'address' => 'required|string|max:100',
+        ];
+    }
+}

app/Models/Outlet.php

@@ -12,7 +12,19 @@ class Outlet extends Model
     protected $fillable = [
         'outlet_number',
         'name',
-        'address',
         'phone',
+        'address',
     ];
+
+    public function scopeFilter($query, $search)
+    {
+        $query->when($search ?? null, function ($query, $search) {
+            $query->where(function ($query) use ($search) {
+                $query->where('outlet_number', 'like', '%' . $search . '%')
+                    ->orWhere('name', 'like', '%' . $search . '%')
+                    ->orWhere('phone', 'like', '%' . $search . '%')
+                    ->orWhere('address', 'like', '%' . $search . '%');
+            });
+        });
+    }
 }

lang/id/messages.php

@@ -24,14 +24,17 @@ return [
         'store' => [
             'user' => 'Akun user berhasil ditambahkan',
             'customer' => 'Akun customer berhasil ditambahkan',
+            'outlet' => 'Data outlet berhasil ditambahkan',
         ],
         'update' => [
             'user' => 'Akun user berhasil diubah',
             'customer' => 'Akun customer berhasil diubah',
+            'outlet' => 'Data outlet berhasil diubah',
         ],
         'destroy' => [
             'user' => 'Akun user berhasil dihapus',
             'customer' => 'Akun customer berhasil dihapus',
+            'outlet' => 'Data outlet berhasil dihapus',
         ],
     ],
 

public/js/vue.js

@@ -36083,6 +36083,30 @@ var map = {
 		"./resources/js/pages/customer/Index.vue",
 		"resources_js_pages_customer_Index_vue"
 	],
+	"./outlet/Create": [
+		"./resources/js/pages/outlet/Create.vue",
+		"resources_js_pages_outlet_Create_vue"
+	],
+	"./outlet/Create.vue": [
+		"./resources/js/pages/outlet/Create.vue",
+		"resources_js_pages_outlet_Create_vue"
+	],
+	"./outlet/Edit": [
+		"./resources/js/pages/outlet/Edit.vue",
+		"resources_js_pages_outlet_Edit_vue"
+	],
+	"./outlet/Edit.vue": [
+		"./resources/js/pages/outlet/Edit.vue",
+		"resources_js_pages_outlet_Edit_vue"
+	],
+	"./outlet/Index": [
+		"./resources/js/pages/outlet/Index.vue",
+		"resources_js_pages_outlet_Index_vue"
+	],
+	"./outlet/Index.vue": [
+		"./resources/js/pages/outlet/Index.vue",
+		"resources_js_pages_outlet_Index_vue"
+	],
 	"./user/Create": [
 		"./resources/js/pages/user/Create.vue",
 		"resources_js_pages_user_Create_vue"
@@ -36224,7 +36248,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=" + {"resources_js_pages_auth_ForgotPassword_vue":"70818f45cbbab151","resources_js_pages_auth_Login_vue":"c4cf6fd873885e8f","resources_js_pages_auth_ResetPassword_vue":"adb7b3ce1defe237","resources_js_pages_auth_VerifyEmail_vue":"766e409b18e8e260","resources_js_pages_customer_Create_vue":"043463d47e5a7d20","resources_js_pages_customer_Edit_vue":"ad87bcdaff2e284c","resources_js_pages_customer_Index_vue":"c9964211a38d2db5","resources_js_pages_user_Create_vue":"c40384f40ba5a089","resources_js_pages_user_Edit_vue":"a880111a8912f84c","resources_js_pages_user_Index_vue":"62f17f79119649c8"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_auth_ForgotPassword_vue":"70818f45cbbab151","resources_js_pages_auth_Login_vue":"c4cf6fd873885e8f","resources_js_pages_auth_ResetPassword_vue":"adb7b3ce1defe237","resources_js_pages_auth_VerifyEmail_vue":"766e409b18e8e260","resources_js_pages_customer_Create_vue":"043463d47e5a7d20","resources_js_pages_customer_Edit_vue":"ad87bcdaff2e284c","resources_js_pages_customer_Index_vue":"c9964211a38d2db5","resources_js_pages_outlet_Create_vue":"610831f5d05c5c2f","resources_js_pages_outlet_Edit_vue":"fb9c21c755b35f2b","resources_js_pages_outlet_Index_vue":"84c5671f63445ef0","resources_js_pages_user_Create_vue":"c40384f40ba5a089","resources_js_pages_user_Edit_vue":"a880111a8912f84c","resources_js_pages_user_Index_vue":"62f17f79119649c8"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/outlet/Create.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { Head, useForm } from '@inertiajs/inertia-vue3'
+
+import AppButtonCreate from '@/components/AppButtonCreate.vue'
+import AppTextInput from '@/components/AppTextInput.vue'
+import DefaultLayout from '@/layouts/DefaultLayout.vue'
+
+const props = defineProps({
+  outlet_number: String,
+})
+
+const form = useForm({
+  outlet_number: props.outlet_number,
+  name: '',
+  phone: '',
+  address: '',
+})
+
+const submit = () => {
+  form.post(route('outlets.store'))
+}
+</script>
+
+<template>
+  <Head title="Tambah Outlet" />
+
+  <DefaultLayout>
+    <CRow>
+      <CCol md="8">
+        <CCard color="light" class="border-light">
+          <CForm @submit.prevent="submit">
+            <CRow class="p-4">
+              <CCol md="6" class="mb-4">
+                <CFormLabel>Id Outlet</CFormLabel>
+                <CFormInput disabled v-model="form.outlet_number" />
+              </CCol>
+
+              <CCol md="6" class="mb-4">
+                <AppTextInput label="Nama" placeholder="nama" :error="form.errors.name" v-model="form.name" />
+              </CCol>
+
+              <CCol md="6" class="mb-4">
+                <AppTextInput label="Nomor HP" placeholder="nomor hp" :error="form.errors.phone" v-model="form.phone" />
+              </CCol>
+
+              <CCol md="6" class="mb-4">
+                <AppTextInput
+                  label="Address"
+                  placeholder="address"
+                  :error="form.errors.address"
+                  v-model="form.address"
+                />
+              </CCol>
+            </CRow>
+
+            <CCardFooter class="d-flex justify-content-end">
+              <AppButtonCreate :disabled="form.processing">Tambah Outlet</AppButtonCreate>
+            </CCardFooter>
+          </CForm>
+        </CCard>
+      </CCol>
+    </CRow>
+  </DefaultLayout>
+</template>

resources/js/pages/outlet/Edit.vue

@@ -0,0 +1,77 @@
+<script setup>
+import { Head, useForm } from '@inertiajs/inertia-vue3'
+
+import AppTextInput from '@/components/AppTextInput.vue'
+import AppButtonCreate from '@/components/AppButtonCreate.vue'
+import AppButtonDelete from '@/components/AppButtonDelete.vue'
+import AppButtonAction from '@/components/AppButtonAction.vue'
+import AppModalAlert from '@/components/AppModalAlert.vue'
+import DefaultLayout from '@/layouts/DefaultLayout.vue'
+
+const props = defineProps({
+  outlet: Object,
+})
+
+const form = useForm({
+  outlet_number: props.outlet.outlet_number,
+  name: props.outlet.name,
+  phone: props.outlet.phone,
+  address: props.outlet.address,
+})
+
+const submit = () => {
+  form.put(route('outlets.update', props.outlet.id))
+}
+</script>
+
+<template>
+  <Head title="Ubah Customer" />
+
+  <DefaultLayout v-slot="{ toggleModalAlert }">
+    <CRow>
+      <CCol md="8">
+        <CCard color="light" class="border-light">
+          <CForm @submit.prevent="submit">
+            <CRow class="p-4">
+              <CCol md="6" class="mb-4">
+                <CFormLabel>Id Outlet</CFormLabel>
+                <CFormInput disabled v-model="form.outlet_number" />
+              </CCol>
+
+              <CCol md="6" class="mb-4">
+                <AppTextInput label="Nama" placeholder="nama" :error="form.errors.name" v-model="form.name" />
+              </CCol>
+
+              <CCol md="6" class="mb-4">
+                <AppTextInput label="Nomor HP" placeholder="nomor hp" :error="form.errors.phone" v-model="form.phone" />
+              </CCol>
+
+              <CCol md="6" class="mb-4">
+                <AppTextInput
+                  label="Address"
+                  placeholder="address"
+                  :error="form.errors.address"
+                  v-model="form.address"
+                />
+              </CCol>
+            </CRow>
+
+            <CCardFooter class="d-flex justify-content-between">
+              <AppButtonAction @click="toggleModalAlert">Hapus Outlet</AppButtonAction>
+
+              <AppModalAlert>
+                Anda yakin ingin mengahapus outlet ini?
+
+                <template #footer>
+                  <AppButtonDelete :href="route('outlets.destroy', outlet.id)">Hapus Outlet</AppButtonDelete>
+                </template>
+              </AppModalAlert>
+
+              <AppButtonCreate :disabled="form.processing">Ubah Outlet</AppButtonCreate>
+            </CCardFooter>
+          </CForm>
+        </CCard>
+      </CCol>
+    </CRow>
+  </DefaultLayout>
+</template>

resources/js/pages/outlet/Index.vue

@@ -0,0 +1,57 @@
+<script setup>
+import { Head } from '@inertiajs/inertia-vue3'
+
+import AppTable from '@/components/AppTable.vue'
+import AppButtonMove from '@/components/AppButtonMove.vue'
+import AppButtonDetail from '@/components/AppButtonDetail.vue'
+import AppPagination from '@/components/AppPagination.vue'
+import DefaultLayout from '@/layouts/DefaultLayout.vue'
+
+defineProps({
+  outlets: Object,
+})
+</script>
+
+<template>
+  <Head title="Daftar Outlet" />
+
+  <DefaultLayout>
+    <CRow class="mb-4">
+      <CCol></CCol>
+
+      <CCol xs="auto">
+        <AppButtonMove :href="route('outlets.create')">Tambah Outlet</AppButtonMove>
+      </CCol>
+    </CRow>
+
+    <CRow>
+      <CCol>
+        <AppTable>
+          <template #table-head>
+            <CTableRow>
+              <CTableHeaderCell>Id Outlet</CTableHeaderCell>
+              <CTableHeaderCell>Nama</CTableHeaderCell>
+              <CTableHeaderCell>HP</CTableHeaderCell>
+              <CTableHeaderCell>Alamat</CTableHeaderCell>
+            </CTableRow>
+          </template>
+          <template #table-body>
+            <CTableRow v-for="outlet in outlets.data" :key="outlet.id">
+              <CTableDataCell>{{ outlet.outlet_number }}</CTableDataCell>
+              <CTableDataCell>{{ outlet.name }}</CTableDataCell>
+              <CTableDataCell>{{ outlet.phone }}</CTableDataCell>
+              <CTableDataCell>{{ outlet.address }}</CTableDataCell>
+              <CTableDataCell>
+                <AppButtonDetail :href="route('outlets.edit', outlet.id)" />
+              </CTableDataCell>
+            </CTableRow>
+          </template>
+        </AppTable>
+      </CCol>
+    </CRow>
+
+    <CRow>
+      <AppPagination :links="outlets.links" />
+    </CRow>
+  </DefaultLayout>
+</template>

routes/web.php

@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\CustomerController;
+use App\Http\Controllers\OutletController;
 use App\Http\Controllers\UserController;
 use Illuminate\Support\Facades\Route;
 
@@ -24,6 +25,8 @@ Route::middleware(['auth'])->group(function () {
     Route::resource('/users', UserController::class);
 
     Route::resource('/customers', CustomerController::class);
+
+    Route::resource('/outlets', OutletController::class);
 });
 
 require __DIR__ . '/auth.php';