Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx
This commit is contained in:
25
modules/Admin/Resources/views/roles/_delete_modal.blade.php
Normal file
25
modules/Admin/Resources/views/roles/_delete_modal.blade.php
Normal file
@ -0,0 +1,25 @@
|
||||
<!-- Delete Role Card Modal -->
|
||||
<div class="modal fade" id="roleDeleteModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered1 modal-simple modal-delete-role">
|
||||
<div class="modal-content p-3 p-md-5">
|
||||
<div class="modal-body">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="text-center mb-4">
|
||||
<h3 class="role-title mb-2">Eliminar Rol</h3>
|
||||
<p class="role-subtitle text-muted">Se eliminará de forma definitiva</p>
|
||||
</div>
|
||||
<form id="deleteRoleForm" class="row g-3">
|
||||
<input type="hidden" name="id" wire:model='deleteRoleId'>
|
||||
<div class="col-12">
|
||||
<p class="confirmation-text"></p>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<button type="submit" class="btn btn-danger me-sm-3 me-1">Eliminar rol</button>
|
||||
<button type="reset" class="btn btn-label-secondary btn-reset" data-bs-dismiss="modal" aria-label="Close">Cancelar</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Delete Role Card Modal -->
|
||||
116
modules/Admin/Resources/views/roles/_form_modal.blade.php
Normal file
116
modules/Admin/Resources/views/roles/_form_modal.blade.php
Normal file
@ -0,0 +1,116 @@
|
||||
<!-- Add Role Modal -->
|
||||
<div class="modal fade" id="roleModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered modal-add-new-role">
|
||||
<div class="modal-content p-3 p-md-5">
|
||||
<button type="button" class="btn-close btn-pinned" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-body">
|
||||
<div class="text-center mb-4">
|
||||
<h3 class="role-title mb-2">{{ $title }}</h3>
|
||||
<p class="role-subtitle text-muted">Configuración de rol de usuario</p>
|
||||
</div>
|
||||
<!-- Role form -->
|
||||
<form id="roleForm" class="row g-3" method="POST">
|
||||
<input type="hidden" name="id" wire:model='roleId'>
|
||||
<div class="col-xl-4 col-md-6 col-12 col-inputs">
|
||||
<div class="mb-1">
|
||||
<label for="name" class="form-label">Nombre del rol</label>
|
||||
<input type="text" name="name" value="" class="form-control" placeholder="Nombre del rol" tabindex="-1" wire:model="name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-md-6 col-12 col-inputs">
|
||||
<div class="mb-1">
|
||||
<label for="style" class="form-label">CSS style</label>
|
||||
<select id="style" name="style" wire:model="style" class="form-select">
|
||||
<option value="">Estilos CSS</option>
|
||||
<option value="info">.info</option>
|
||||
<option value="success">.success</option>
|
||||
<option value="primary">.primary</option>
|
||||
<option value="secondary">.secondary</option>
|
||||
<option value="dark">.dark</option>
|
||||
<option value="danger">.danger</option>
|
||||
<option value="warning">.warning</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<!-- Permission table -->
|
||||
<div class="table-responsive">
|
||||
<table class="table table-flush-spacing">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-nowrap fw-bolder">
|
||||
<h4 class="mt-2 pt-50">Permisos de usuario</h4>
|
||||
</td>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="selectAll" />
|
||||
<label class="form-check-label" for="selectAll">Seleccionar todo</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@foreach ($permissions as $key => $permission)
|
||||
<tr class="permission-row">
|
||||
<td class="text-nowrap fw-bolder">{{ $permission['group_name'] }} - {{ $permission['sub_group_name'] }}</td>
|
||||
<td>
|
||||
<div class="d-flex">
|
||||
@isset($permission['allow'])
|
||||
<div class="form-check me-3 me-lg-5">
|
||||
<label class="form-check-label"> Permitir
|
||||
<input class="form-check-input" type="checkbox" data-type="allow" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['allow']) }}">
|
||||
</label>
|
||||
</div>
|
||||
@endisset
|
||||
@isset($permission['view'])
|
||||
<div class="form-check me-3 me-lg-5">
|
||||
<label class="form-check-label"> Leer
|
||||
<input class="form-check-input" type="checkbox" data-type="view" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['view']) }}">
|
||||
</label>
|
||||
</div>
|
||||
@endisset
|
||||
@isset($permission['create'])
|
||||
<div class="form-check me-3 me-lg-5">
|
||||
<label class="form-check-label"> Crear
|
||||
<input class="form-check-input" type="checkbox" data-type="create" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['create']) }}">
|
||||
</label>
|
||||
</div>
|
||||
@endisset
|
||||
@isset($permission['edit'])
|
||||
<div class="form-check me-3 me-lg-5">
|
||||
<label class="form-check-label"> Modificar
|
||||
<input class="form-check-input" type="checkbox" data-type="edit" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['edit']) }}">
|
||||
</label>
|
||||
</div>
|
||||
@endisset
|
||||
@isset($permission['cancel'])
|
||||
<div class="form-check me-3 me-lg-5">
|
||||
<label class="form-check-label"> Cancelar
|
||||
<input class="form-check-input" type="checkbox" data-type="cancel" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['cancel']) }}">
|
||||
</label>
|
||||
</div>
|
||||
@endisset
|
||||
@isset($permission['delete'])
|
||||
<div class="form-check me-3 me-lg-5">
|
||||
<label class="form-check-label"> Eliminar
|
||||
<input class="form-check-input" type="checkbox" data-type="delete" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['delete']) }}">
|
||||
</label>
|
||||
</div>
|
||||
@endisset
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 text-center mt-4">
|
||||
<button type="submit" class="btn btn-primary me-sm-3 me-1">{{ $btn_submit_text }}</button>
|
||||
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close">Cancelar</button>
|
||||
</div>
|
||||
</form>
|
||||
<!--/ Add role form -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Add Role Modal -->
|
||||
21
modules/Admin/Resources/views/roles/index.blade.php
Normal file
21
modules/Admin/Resources/views/roles/index.blade.php
Normal file
@ -0,0 +1,21 @@
|
||||
@extends('admin::layouts.vuexy.layoutMaster')
|
||||
|
||||
@section('title', 'Roles de usuarios')
|
||||
|
||||
@push('vendor-style')
|
||||
@vite([
|
||||
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss',
|
||||
])
|
||||
@endpush
|
||||
|
||||
@push('vendor-script')
|
||||
@vite([
|
||||
'modules/Admin/Resources/assets/vendor/libs/@form-validation/popular.js',
|
||||
'modules/Admin/Resources/assets/vendor/libs/@form-validation/bootstrap5.js',
|
||||
'modules/Admin/Resources/assets/vendor/libs/@form-validation/auto-focus.js',
|
||||
])
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
@livewire('role-card')
|
||||
@endsection
|
||||
Reference in New Issue
Block a user