Add Permission

master
sundayenglish 4 weeks ago
parent 170d8a511d
commit 84f0ba01f6
  1. 4
      app/Components/Permission/Manager.php
  2. 33
      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,18 +65,16 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="mt-3">{{ $permissions->links('pagination::bootstrap-5') }}</div>
@else {{-- Phân trang chỉ khi >1 trang --}}
{{-- Form --}} <div class="mt-3">
<div class="row justify-content-center"> @if ($permissions->lastPage() > 1)
<div class="col-lg-6"> {{ $permissions->links() }}
<div class="card"> @endif
<div class="card-header pb-0">
<h6 class="mb-0">
{{ $editingId ? 'Edit Permission' : 'Create Permission' }}
</h6>
</div> </div>
<div class="card-body"> @else
{{-- Form (không lồng thêm card) --}}
<h6 class="mb-3">{{ $editingId ? 'Edit Permission' : 'Create Permission' }}</h6>
<form wire:submit.prevent="save"> <form wire:submit.prevent="save">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Name</label> <label class="form-label">Name</label>
@ -87,8 +85,7 @@
@enderror @enderror
</div> </div>
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<button wire:click="showIndex" type="button" <button wire:click="showIndex" type="button" class="btn btn-secondary btn-sm me-2">
class="btn btn-secondary btn-sm me-2">
Cancel Cancel
</button> </button>
<button type="submit" class="btn btn-primary btn-sm"> <button type="submit" class="btn btn-primary btn-sm">
@ -96,10 +93,6 @@
</button> </button>
</div> </div>
</form> </form>
</div>
</div>
</div>
</div>
@endif @endif
</div> </div>

Loading…
Cancel
Save