first commit
This commit is contained in:
83
RS_system/Views/Modulo/Create.cshtml
Normal file
83
RS_system/Views/Modulo/Create.cshtml
Normal file
@@ -0,0 +1,83 @@
|
||||
@model Rs_system.Models.Modulo
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Nuevo Módulo";
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<div>
|
||||
<h4 class="mb-1">Nuevo Módulo</h4>
|
||||
<p class="text-muted mb-0">Crear un nuevo módulo o sección</p>
|
||||
</div>
|
||||
<a asp-action="Index" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-1"></i> Volver
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="card-custom">
|
||||
<form asp-action="Create">
|
||||
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label asp-for="Nombre" class="form-label">Nombre del Módulo</label>
|
||||
<input asp-for="Nombre" class="form-control" placeholder="Ej. Administración, Reportes..." />
|
||||
<span asp-validation-for="Nombre" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label asp-for="ParentId" class="form-label">Módulo Padre (Opcional)</label>
|
||||
<select asp-for="ParentId" class="form-select">
|
||||
<option value="">-- Ninguno (Módulo Raíz) --</option>
|
||||
@foreach (var modulo in (IEnumerable<Rs_system.Models.Modulo>)ViewBag.ModulosPadre)
|
||||
{
|
||||
<option value="@modulo.Id">@modulo.Nombre</option>
|
||||
}
|
||||
</select>
|
||||
<small class="text-muted">Si se selecciona, este será un sub-módulo</small>
|
||||
</div>
|
||||
<div class="col-md-2 mb-3">
|
||||
<label asp-for="Orden" class="form-label">Orden</label>
|
||||
<input asp-for="Orden" class="form-control" type="number" />
|
||||
<span asp-validation-for="Orden" class="text-danger"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8 mb-3">
|
||||
<label asp-for="Icono" class="form-label">Icono (Bootstrap Icons)</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-text"><i id="iconPreview" class="bi bi-question-circle"></i></span>
|
||||
<input asp-for="Icono" class="form-control" placeholder="bi-gear, bi-person..." oninput="updateIconPreview(this.value)" />
|
||||
</div>
|
||||
<small class="text-muted">Use nombres de <a href="https://icons.getbootstrap.com/" target="_blank">Bootstrap Icons</a></small>
|
||||
<span asp-validation-for="Icono" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label d-block">Estado</label>
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input class="form-check-input" type="checkbox" asp-for="Activo">
|
||||
<label class="form-check-label" asp-for="Activo">Activo</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-end">
|
||||
<button type="submit" class="btn btn-primary-custom px-4">
|
||||
<i class="bi bi-save me-2"></i>Guardar Módulo
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@section Scripts {
|
||||
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
||||
<script>
|
||||
function updateIconPreview(iconName) {
|
||||
const preview = document.getElementById('iconPreview');
|
||||
preview.className = 'bi ' + (iconName || 'bi-question-circle');
|
||||
}
|
||||
</script>
|
||||
}
|
||||
85
RS_system/Views/Modulo/Edit.cshtml
Normal file
85
RS_system/Views/Modulo/Edit.cshtml
Normal file
@@ -0,0 +1,85 @@
|
||||
@model Rs_system.Models.Modulo
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Editar Módulo";
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<div>
|
||||
<h4 class="mb-1">Editar Módulo</h4>
|
||||
<p class="text-muted mb-0">Modificar módulo existente</p>
|
||||
</div>
|
||||
<a asp-action="Index" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-1"></i> Volver
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="card-custom">
|
||||
<form asp-action="Edit">
|
||||
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
|
||||
<input type="hidden" asp-for="Id" />
|
||||
<input type="hidden" asp-for="CreadoEn" />
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label asp-for="Nombre" class="form-label">Nombre del Módulo</label>
|
||||
<input asp-for="Nombre" class="form-control" />
|
||||
<span asp-validation-for="Nombre" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label asp-for="ParentId" class="form-label">Módulo Padre (Opcional)</label>
|
||||
<select asp-for="ParentId" class="form-select">
|
||||
<option value="">-- Ninguno (Módulo Raíz) --</option>
|
||||
@foreach (var modulo in (IEnumerable<Rs_system.Models.Modulo>)ViewBag.ModulosPadre)
|
||||
{
|
||||
<option value="@modulo.Id">@modulo.Nombre</option>
|
||||
}
|
||||
</select>
|
||||
<small class="text-muted">Si se selecciona, este será un sub-módulo</small>
|
||||
</div>
|
||||
<div class="col-md-2 mb-3">
|
||||
<label asp-for="Orden" class="form-label">Orden</label>
|
||||
<input asp-for="Orden" class="form-control" type="number" />
|
||||
<span asp-validation-for="Orden" class="text-danger"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8 mb-3">
|
||||
<label asp-for="Icono" class="form-label">Icono (Bootstrap Icons)</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-text"><i id="iconPreview" class="bi @(Model.Icono ?? "bi-question-circle")"></i></span>
|
||||
<input asp-for="Icono" class="form-control" oninput="updateIconPreview(this.value)" />
|
||||
</div>
|
||||
<small class="text-muted">Use nombres de <a href="https://icons.getbootstrap.com/" target="_blank">Bootstrap Icons</a></small>
|
||||
<span asp-validation-for="Icono" class="text-danger"></span>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label d-block">Estado</label>
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input class="form-check-input" type="checkbox" asp-for="Activo">
|
||||
<label class="form-check-label" asp-for="Activo">Activo</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-end">
|
||||
<button type="submit" class="btn btn-primary-custom px-4">
|
||||
<i class="bi bi-save me-2"></i>Guardar Cambios
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@section Scripts {
|
||||
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
||||
<script>
|
||||
function updateIconPreview(iconName) {
|
||||
const preview = document.getElementById('iconPreview');
|
||||
preview.className = 'bi ' + (iconName || 'bi-question-circle');
|
||||
}
|
||||
</script>
|
||||
}
|
||||
87
RS_system/Views/Modulo/Index.cshtml
Normal file
87
RS_system/Views/Modulo/Index.cshtml
Normal file
@@ -0,0 +1,87 @@
|
||||
@model IEnumerable<Rs_system.Models.Modulo>
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Gestión de Módulos / Secciones";
|
||||
}
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<div>
|
||||
<h4 class="mb-1">Gestión de Módulos / Secciones</h4>
|
||||
<p class="text-muted mb-0">Administración de módulos del sistema</p>
|
||||
</div>
|
||||
<a asp-action="Create" class="btn btn-primary-custom">
|
||||
<i class="bi bi-plus-lg me-1"></i> Nuevo Módulo
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if (TempData["ErrorMessage"] != null)
|
||||
{
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-exclamation-triangle-fill me-2"></i> @TempData["ErrorMessage"]
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="card-custom">
|
||||
<div class="table-responsive">
|
||||
<table class="table-custom">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Orden</th>
|
||||
<th>Nombre</th>
|
||||
<th>Icono</th>
|
||||
<th class="text-center">Activo</th>
|
||||
<th class="text-center">Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in Model)
|
||||
{
|
||||
<tr>
|
||||
<td><span class="badge bg-secondary">@item.Orden</span></td>
|
||||
<td class="fw-bold">@item.Nombre</td>
|
||||
<td><i class="bi @item.Icono me-2"></i>@item.Icono</td>
|
||||
<td class="text-center">
|
||||
@if (item.Activo)
|
||||
{
|
||||
<span class="text-success"><i class="bi bi-check-circle-fill"></i></span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="text-muted"><i class="bi bi-x-circle"></i></span>
|
||||
}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group btn-group-sm">
|
||||
<a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-outline-primary" title="Editar">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<button type="button" class="btn btn-outline-danger" title="Eliminar"
|
||||
onclick="confirmDelete(@item.Id, '@item.Nombre')">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form id="deleteForm" asp-action="Delete" method="post" style="display:none;">
|
||||
<input type="hidden" name="id" id="deleteId" />
|
||||
</form>
|
||||
|
||||
@section Scripts {
|
||||
<script>
|
||||
function confirmDelete(id, name) {
|
||||
if (confirm(`¿Está seguro de que desea eliminar el módulo "${name}"? Se eliminará solo si no tiene permisos asociados.`)) {
|
||||
document.getElementById('deleteId').value = id;
|
||||
document.getElementById('deleteForm').submit();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
}
|
||||
Reference in New Issue
Block a user