Add Permission

master
sundayenglish 4 weeks ago
parent 170d8a511d
commit 84f0ba01f6
  1. 4
      app/Components/Permission/Manager.php
  2. 65
      resources/views/components/permission/manager.blade.php

@ -10,7 +10,7 @@ use Spatie\Permission\Models\Permission;
class Manager extends Component class Manager extends Component
{ {
use WithPagination; use WithPagination;
public int $perPage = 10;
protected string $paginationTheme = 'bootstrap'; protected string $paginationTheme = 'bootstrap';
public string $mode = 'index'; // 'index' hoặc 'form' public string $mode = 'index'; // 'index' hoặc 'form'
@ -78,7 +78,7 @@ class Manager extends Component
{ {
$permissions = Permission::where('name', 'like', "%{$this->search}%") $permissions = Permission::where('name', 'like', "%{$this->search}%")
->orderByDesc('id') ->orderByDesc('id')
->paginate(10); ->paginate($this->perPage);
return view('components.permission.manager', compact('permissions')); return view('components.permission.manager', compact('permissions'));
} }

@ -11,11 +11,11 @@
<input type="text" wire:model.debounce.500ms="search" wire:keydown.enter="resetPage" <input type="text" wire:model.debounce.500ms="search" wire:keydown.enter="resetPage"
class="form-control" placeholder="Search..."> class="form-control" placeholder="Search...">
</div> </div>
<button wire:click="resetPage" class="btn btn-sm btn-outline-primary me-2"> <button wire:click="resetPage" class="btn btn-sm btn-outline-primary me-2 m-0">
Search Search
</button> </button>
<button wire:click="showForm" class="btn btn-sm btn-outline-secondary"> <button wire:click="showForm" class="btn btn-sm btn-primary m-0">
+ New Create
</button> </button>
</div> </div>
@else @else
@ -65,41 +65,34 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="mt-3">{{ $permissions->links('pagination::bootstrap-5') }}</div>
{{-- Phân trang chỉ khi >1 trang --}}
<div class="mt-3">
@if ($permissions->lastPage() > 1)
{{ $permissions->links() }}
@endif
</div>
@else @else
{{-- Form --}} {{-- Form (không lồng thêm card) --}}
<div class="row justify-content-center"> <h6 class="mb-3">{{ $editingId ? 'Edit Permission' : 'Create Permission' }}</h6>
<div class="col-lg-6"> <form wire:submit.prevent="save">
<div class="card"> <div class="mb-3">
<div class="card-header pb-0"> <label class="form-label">Name</label>
<h6 class="mb-0"> <input type="text" wire:model.defer="name" class="form-control"
{{ $editingId ? 'Edit Permission' : 'Create Permission' }} placeholder="Enter permission name">
</h6> @error('name')
</div> <div class="text-danger text-xs mt-1">{{ $message }}</div>
<div class="card-body"> @enderror
<form wire:submit.prevent="save">
<div class="mb-3">
<label class="form-label">Name</label>
<input type="text" wire:model.defer="name" class="form-control"
placeholder="Enter permission name">
@error('name')
<div class="text-danger text-xs mt-1">{{ $message }}</div>
@enderror
</div>
<div class="d-flex justify-content-end">
<button wire:click="showIndex" type="button"
class="btn btn-secondary btn-sm me-2">
Cancel
</button>
<button type="submit" class="btn btn-primary btn-sm">
{{ $editingId ? 'Update' : 'Create' }}
</button>
</div>
</form>
</div>
</div>
</div> </div>
</div> <div class="d-flex justify-content-end">
<button wire:click="showIndex" type="button" class="btn btn-secondary btn-sm me-2">
Cancel
</button>
<button type="submit" class="btn btn-primary btn-sm">
{{ $editingId ? 'Update' : 'Create' }}
</button>
</div>
</form>
@endif @endif
</div> </div>

Loading…
Cancel
Save