feat(customer): crud,route model binding,js,menjadikan contact_number menjadi nullable
This commit is contained in:
Yoga Pangestu
parent
b73304d3be
commit
fc3f77af2f
92
app/Http/Controllers/Admin/Master/CustomerController.php
Normal file
92
app/Http/Controllers/Admin/Master/CustomerController.php
Normal file
@ -0,0 +1,92 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Admin\Master;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Http\Requests\Admin\Master\CustomerRequest;
|
||||
use App\Models\Customer;
|
||||
use App\Traits\UploadAttachment;
|
||||
use Illuminate\Contracts\View\View;
|
||||
use Illuminate\Http\RedirectResponse;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
|
||||
class CustomerController extends Controller
|
||||
{
|
||||
use UploadAttachment;
|
||||
|
||||
public function index(): View
|
||||
{
|
||||
return view('pages.admin.master.customers', [
|
||||
'pageTitle' => 'Pelanggan',
|
||||
'customers' => Customer::latest()->get(),
|
||||
]);
|
||||
}
|
||||
|
||||
public function store(CustomerRequest $request): RedirectResponse
|
||||
{
|
||||
$validatedData = $request->validated();
|
||||
|
||||
Customer::create(array_merge($validatedData, [
|
||||
'user_id' => Auth::id(),
|
||||
'barbershop_id' => Auth::user()->barbershop_id,
|
||||
]));
|
||||
|
||||
notify()->success('Data berhasil ditambahkan', 'Berhasil');
|
||||
|
||||
return redirect('dashboard/master/customers');
|
||||
}
|
||||
|
||||
public function update(Customer $customer, CustomerRequest $request): RedirectResponse
|
||||
{
|
||||
$validatedData = $request->validated();
|
||||
|
||||
$customer->update($validatedData);
|
||||
|
||||
notify()->success('Data berhasil ditambahkan', 'Berhasil');
|
||||
|
||||
return redirect('dashboard/master/customers');
|
||||
}
|
||||
|
||||
public function delete(Customer $customer): RedirectResponse
|
||||
{
|
||||
$customer->delete();
|
||||
|
||||
notify()->success('Data berhasil dihapus', 'Berhasil');
|
||||
|
||||
return back();
|
||||
}
|
||||
|
||||
public function generateActionButtons(Customer $customer): string
|
||||
{
|
||||
$editUrl = route('master.customer.edit', encryptId($customer->id));
|
||||
$deleteUrl = route('master.customer.delete', encryptId($customer->id));
|
||||
|
||||
return '
|
||||
<div class="nk-tb-col nk-tb-col-tools">
|
||||
<ul class="nk-tb-actions gx-1 my-n1">
|
||||
<li>
|
||||
<div class="drodown">
|
||||
<a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<ul class="link-list-opt no-bdr">
|
||||
<li>
|
||||
<a href="'.$editUrl.'">
|
||||
<em class="icon ni ni-edit"></em>
|
||||
<span>Edit</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<form action="'.$deleteUrl.'" method="post">
|
||||
'.csrf_field().'
|
||||
'.method_field('delete').'
|
||||
<a href="javascript:void(0)" class="delete"><em class="icon ni ni-trash"></em><span>Hapus</span></a>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>';
|
||||
}
|
||||
}
|
||||
31
app/Http/Requests/Admin/Master/CustomerRequest.php
Normal file
31
app/Http/Requests/Admin/Master/CustomerRequest.php
Normal file
@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Requests\Admin\Master;
|
||||
|
||||
use App\Traits\NotificationTrait;
|
||||
use Illuminate\Contracts\Validation\Validator;
|
||||
use Illuminate\Foundation\Http\FormRequest;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
|
||||
class CustomerRequest extends FormRequest
|
||||
{
|
||||
use NotificationTrait;
|
||||
|
||||
public function authorize(): bool
|
||||
{
|
||||
return Auth::check();
|
||||
}
|
||||
|
||||
public function rules(): array
|
||||
{
|
||||
return [
|
||||
'name' => ['required', 'string', 'max:30'],
|
||||
'contact_number' => ['nullable', 'string', 'regex:/^\+?[0-9]{10,15}$/'],
|
||||
];
|
||||
}
|
||||
|
||||
protected function failedValidation(Validator $validator): void
|
||||
{
|
||||
$this->handleValidationFailure($validator);
|
||||
}
|
||||
}
|
||||
@ -3,6 +3,7 @@
|
||||
namespace App\Providers;
|
||||
|
||||
use App\Models\Barbershop;
|
||||
use App\Models\Customer;
|
||||
use App\Models\User;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
use Illuminate\Support\ServiceProvider;
|
||||
@ -24,5 +25,6 @@ public function boot(): void
|
||||
{
|
||||
Route::bind('barbershop', fn (string $barbershop) => Barbershop::findOrFail(decryptId($barbershop)));
|
||||
Route::bind('user', fn (string $user) => User::findOrFail(decryptId($user)));
|
||||
Route::bind('customer', fn (string $customer) => Customer::findOrFail(decryptId($customer)));
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,7 +16,7 @@ public function up(): void
|
||||
$table->foreignId('user_id')->constrained()->cascadeOnDelete();
|
||||
$table->foreignId('barbershop_id')->constrained('barbershop')->cascadeOnDelete();
|
||||
$table->string('name', 30);
|
||||
$table->string('contact_number', 15);
|
||||
$table->string('contact_number', 15)->nullable();
|
||||
$table->timestamps();
|
||||
$table->softDeletes();
|
||||
});
|
||||
|
||||
29
public/assets/admin/js/custom/customer.js
Normal file
29
public/assets/admin/js/custom/customer.js
Normal file
@ -0,0 +1,29 @@
|
||||
$(document).ready(function () {
|
||||
$("#createModal").on("show.bs.modal", function (event) {
|
||||
const button = $(event.relatedTarget);
|
||||
const data = {
|
||||
modalTitle: button.data("modal-title"),
|
||||
url: button.data("url"),
|
||||
method: button.data("method"),
|
||||
|
||||
name: button.data("name"),
|
||||
contactNumber: button.data("contact-number"),
|
||||
};
|
||||
|
||||
$(".modal-title").text(data.modalTitle);
|
||||
$("#form").attr('action', data.url);
|
||||
$("#form-method").val(data.method);
|
||||
|
||||
if (data.method === 'put') {
|
||||
$("#name").val(data.name);
|
||||
$("#contact_number").val(data.contactNumber);
|
||||
}
|
||||
});
|
||||
|
||||
$('#createModal').on('hidden.bs.modal', function () {
|
||||
const method = $("#form-method").val();
|
||||
if (method === 'put') {
|
||||
$("#name").val('');
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -35,12 +35,4 @@ $(document).ready(function () {
|
||||
$('#user-gender').html(genderBadge);
|
||||
$('#user-sop').text(data.sop);
|
||||
});
|
||||
|
||||
$('#showModal').on('hidden.bs.modal', function () {
|
||||
const method = $("#form-method").val();
|
||||
if (method === 'put') {
|
||||
$("#name").val('');
|
||||
$("#alias").val('');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
126
resources/views/pages/admin/master/customers.blade.php
Normal file
126
resources/views/pages/admin/master/customers.blade.php
Normal file
@ -0,0 +1,126 @@
|
||||
@extends('layouts.admin')
|
||||
@section('styles')
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/css/vendors/datatables.css') }}">
|
||||
@endsection
|
||||
@section('app')
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="list-product-header">
|
||||
<div>
|
||||
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#createModal"
|
||||
data-modal-title="Tambah Pelanggan" data-url="{{ route('master.customer.store') }}"
|
||||
data-metho="post" class="btn btn-primary">
|
||||
Tambah
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="datatable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>No</th>
|
||||
<th>Nama</th>
|
||||
<th>Kontak</th>
|
||||
<th>Dibuat</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach ($customers as $customer)
|
||||
<tr>
|
||||
<td>{{ $loop->iteration }}</td>
|
||||
<td>{{ $customer->name }}</td>
|
||||
<td>{{ $customer->contact_number ?? '-' }}</td>
|
||||
<td>{{ formatDateIndo($customer->created_at) }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit">
|
||||
<a href="javascript:void(0)" data-bs-toggle="modal"
|
||||
data-bs-target="#createModal" data-modal-title="Edit Pelanggan"
|
||||
data-url="{{ route('master.customer.update', encryptId($customer->id)) }}"
|
||||
data-method="put" data-name="{{ $customer->name }}"
|
||||
data-contact-number="{{ $customer->contact_number }}">
|
||||
<i data-feather="edit"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="delete">
|
||||
<form
|
||||
action="{{ route('master.customer.delete', encryptId($customer->id)) }}"
|
||||
method="post">
|
||||
@csrf
|
||||
@method('delete')
|
||||
<a href="javascript:void(0)" class="delete-data"
|
||||
data-bs-toggle="tooltip" data-bs-placement="left"
|
||||
data-bs-title="Hapus">
|
||||
<i data-feather="trash-2"></i>
|
||||
</a>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="createModal" tabindex="-1" role="dialog" aria-labelledby="createModal"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title"></h5>
|
||||
<button class="btn-close py-0" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="row g-3 custom-input" method="post" id="form">
|
||||
<input type="hidden" name="_method" id="form-method">
|
||||
@csrf
|
||||
<div class="col-lg-12 position-relative">
|
||||
<label class="form-label" for="name">Nama</label>
|
||||
<input name="name" class="form-control @error('name') is-invalid @enderror"
|
||||
id="name" type="text" placeholder="Masukan Nama" value="{{ old('name') }}">
|
||||
@error('name')
|
||||
<div class="invalid-feedback">
|
||||
{{ $message }}
|
||||
</div>
|
||||
@enderror
|
||||
</div>
|
||||
<div class="col-lg-12 position-relative">
|
||||
<label class="form-label" for="contact_number">Kontak
|
||||
<span class="form-span"><i>(format : 08xxxxxxxx ,Opsional)</i></span>
|
||||
</label>
|
||||
<input name="contact_number"
|
||||
class="form-control @error('contact_number') is-invalid @enderror" id="contact_number"
|
||||
type="number" placeholder="Masukan Kontak" value="{{ old('contact_number') }}">
|
||||
@error('contact_number')
|
||||
<div class="invalid-feedback">
|
||||
{{ $message }}
|
||||
</div>
|
||||
@enderror
|
||||
</div>
|
||||
<div class="col-lg-12 position-relative">
|
||||
<button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Tutup</button>
|
||||
<button class="btn btn-primary">Simpan</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@section('afterScripts')
|
||||
<script src="{{ asset('assets/admin/js/datatable/jquery.dataTables.min.js?ver=1.0.0') }}"></script>
|
||||
<script src="{{ asset('assets/admin/js/datatable/client-side.js?ver=1.0.0') }}"></script>
|
||||
<script src="{{ asset('assets/js/interactions/confirmation.js?ver=1.0.0') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<script src="{{ asset('assets/admin/js/custom/customer.js?ver=1.0.0') }}"></script>
|
||||
@endsection
|
||||
@ -68,6 +68,13 @@
|
||||
<span>Pengguna</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-list">
|
||||
<i class="fa fa-thumb-tack"></i>
|
||||
<a class="sidebar-link sidebar-title link-nav" href="{{ route('master.customers') }}">
|
||||
<i data-feather="user-check"></i>
|
||||
<span>Pelanggan</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
|
||||
|
||||
@ -3,6 +3,7 @@
|
||||
use App\Http\Controllers\Admin\Auth\LoginController;
|
||||
use App\Http\Controllers\Admin\Dashboard\OverviewController;
|
||||
use App\Http\Controllers\Admin\Master\BarbershopController;
|
||||
use App\Http\Controllers\Admin\Master\CustomerController;
|
||||
use App\Http\Controllers\Admin\Master\UserController;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
|
||||
@ -40,5 +41,12 @@
|
||||
Route::put('reset-password/{user}', [UserController::class, 'resetPassword'])->name('master.user.resetPassword');
|
||||
Route::put('activation/{user}', [UserController::class, 'activation'])->name('master.user.activation');
|
||||
});
|
||||
|
||||
Route::get('/customers', [CustomerController::class, 'index'])->name('master.customers');
|
||||
Route::prefix('customer')->group(function () {
|
||||
Route::post('store', [CustomerController::class, 'store'])->name('master.customer.store');
|
||||
Route::put('update/{customer}', [CustomerController::class, 'update'])->name('master.customer.update');
|
||||
Route::delete('delete/{customer}', [CustomerController::class, 'delete'])->name('master.customer.delete');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user