Implement roles management;
Add user profile; Improve Ui; Clean code; Minor fix; Typo;
This commit is contained in:
c.girardi
64
resources/views/roles/create.blade.php
Normal file
64
resources/views/roles/create.blade.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<x-app-layout>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="float-start">
|
||||
Add New Role
|
||||
</div>
|
||||
<div class="float-end">
|
||||
<a href="{{ route('roles.index') }}" class="btn btn-primary btn-sm">← Back</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="{{ route('roles.store') }}" method="post">
|
||||
@csrf
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="name" class="col-md-4 col-form-label text-md-end text-start">Name</label>
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
|
||||
name="name" value="{{ old('name') }}">
|
||||
@if ($errors->has('name'))
|
||||
<span class="text-danger">{{ $errors->first('name') }}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="permissions" class="col-md-4 col-form-label text-md-end text-start">Permissions</label>
|
||||
<div class="col-md-6">
|
||||
<select class="form-select select-permissions @error('permissions') is-invalid @enderror"
|
||||
multiple
|
||||
aria-label="Permissions" id="permissions" name="permissions[]" style="height: 210px;">
|
||||
@forelse ($permissions as $permission)
|
||||
<option
|
||||
value="{{ $permission->id }}" {{ in_array($permission->id, old('permissions') ?? []) ? 'selected' : '' }}>
|
||||
{{ $permission->name }}
|
||||
</option>
|
||||
@empty
|
||||
|
||||
@endforelse
|
||||
</select>
|
||||
@if ($errors->has('permissions'))
|
||||
<span class="text-danger">{{ $errors->first('permissions') }}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<input type="submit" class="col-md-3 offset-md-5 btn btn-primary" value="Add Role">
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@push('body-scripts')
|
||||
<script id="create-role" type="application/javascript">
|
||||
$('.select-permissions').select2({
|
||||
theme: "bootstrap-5",
|
||||
width: '100%',
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
</x-app-layout>
|
||||
|
||||
|
||||
62
resources/views/roles/edit.blade.php
Normal file
62
resources/views/roles/edit.blade.php
Normal file
@@ -0,0 +1,62 @@
|
||||
<x-app-layout>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="float-start">
|
||||
Edit Role
|
||||
</div>
|
||||
<div class="float-end">
|
||||
<a href="{{ route('roles.index') }}" class="btn btn-primary btn-sm">← Back</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="{{ route('roles.update', $role->id) }}" method="post">
|
||||
@csrf
|
||||
@method("PUT")
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="name" class="col-md-4 col-form-label text-md-end text-start">Name</label>
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
|
||||
name="name" value="{{ $role->name }}">
|
||||
@if ($errors->has('name'))
|
||||
<span class="text-danger">{{ $errors->first('name') }}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="permissions" class="col-md-4 col-form-label text-md-end text-start">Permissions</label>
|
||||
<div class="col-md-6">
|
||||
<select class="form-select select-permissions @error('permissions') is-invalid @enderror" multiple
|
||||
aria-label="Permissions" id="permissions" name="permissions[]" style="height: 210px;">
|
||||
@forelse ($permissions as $permission)
|
||||
<option
|
||||
value="{{ $permission->id }}" {{ in_array($permission->id, $rolePermissions ?? []) ? 'selected' : '' }}>
|
||||
{{ $permission->name }}
|
||||
</option>
|
||||
@empty
|
||||
|
||||
@endforelse
|
||||
</select>
|
||||
@if ($errors->has('permissions'))
|
||||
<span class="text-danger">{{ $errors->first('permissions') }}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<input type="submit" class="col-md-3 offset-md-5 btn btn-primary" value="Update Role">
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@push('body-scripts')
|
||||
<script id="edit-role" type="application/javascript">
|
||||
$('.select-permissions').select2({
|
||||
theme: "bootstrap-5",
|
||||
width: '100%',
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
</x-app-layout>
|
||||
57
resources/views/roles/index.blade.php
Normal file
57
resources/views/roles/index.blade.php
Normal file
@@ -0,0 +1,57 @@
|
||||
<x-app-layout>
|
||||
<div class="card">
|
||||
<div class="card-header">Manage Roles</div>
|
||||
<div class="card-body">
|
||||
@can('create-role')
|
||||
<a href="{{ route('roles.create') }}" class="btn btn-success btn-xs my-2"><i class="bi bi-plus-circle"></i> Add New Role</a>
|
||||
@endcan
|
||||
<table class="table table-striped table-hover table-sm">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">S#</th>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col" style="width: 250px;">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse ($roles as $role)
|
||||
<tr>
|
||||
<th scope="row">{{ $loop->iteration }}</th>
|
||||
<td>{{ $role->name }}</td>
|
||||
<td>
|
||||
<form action="{{ route('roles.destroy', $role->id) }}" method="post">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
|
||||
<a href="{{ route('roles.show', $role->id) }}" class="btn btn-warning btn-xs">Show</a>
|
||||
|
||||
@if ($role->name!='ADMIN')
|
||||
@can('edit-role')
|
||||
<a href="{{ route('roles.edit', $role->id) }}" class="btn btn-primary btn-xs">Edit</a>
|
||||
@endcan
|
||||
|
||||
@can('delete-role')
|
||||
@if ($role->name!=Auth::user()->hasRole($role->name))
|
||||
<button type="submit" class="btn btn-danger btn-xs" onclick="return confirm('Do you want to delete this role?');">Delete</button>
|
||||
@endif
|
||||
@endcan
|
||||
@endif
|
||||
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<td colspan="3">
|
||||
<span class="text-danger">
|
||||
<strong>No Role Found!</strong>
|
||||
</span>
|
||||
</td>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
{{ $roles->links() }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
35
resources/views/roles/show.blade.php
Normal file
35
resources/views/roles/show.blade.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<x-app-layout>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="float-start">
|
||||
Role Information
|
||||
</div>
|
||||
<div class="float-end">
|
||||
<a href="{{ route('roles.index') }}" class="btn btn-primary btn-sm">← Back</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="name" class="col-md-4 col-form-label text-md-end text-start"><strong>Name:</strong></label>
|
||||
<div class="col-md-6" style="line-height: 35px;">
|
||||
{{ $role->name }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="roles" class="col-md-4 col-form-label text-md-end text-start"><strong>Permissions:</strong></label>
|
||||
<div class="col-md-6" style="line-height: 35px;">
|
||||
@if ($role->name=='ADMIN')
|
||||
<span class="badge bg-primary">All</span>
|
||||
@else
|
||||
@forelse ($rolePermissions as $permission)
|
||||
<span class="badge bg-primary">{{ $permission->name }}</span>
|
||||
@empty
|
||||
@endforelse
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
Reference in New Issue
Block a user