first commit
This commit is contained in:
96
RS_system/Views/Usuario/Create.cshtml
Normal file
96
RS_system/Views/Usuario/Create.cshtml
Normal file
@@ -0,0 +1,96 @@
|
||||
@model Rs_system.Models.ViewModels.UsuarioViewModel
|
||||
@{
|
||||
ViewData["Title"] = "Nuevo Usuario";
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<div>
|
||||
<h2 class="mb-1">Nuevo Usuario</h2>
|
||||
<p class="text-muted small mb-0">Cree una nueva cuenta de acceso administrativo.</p>
|
||||
</div>
|
||||
<a asp-action="Index" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-2"></i>Volver
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="card-custom">
|
||||
<form asp-action="Create" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
<div asp-validation-summary="ModelOnly" class="text-danger mb-3"></div>
|
||||
|
||||
<h5 class="mb-4 text-primary border-bottom pb-2">Información Personal</h5>
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Nombres" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Nombres" class="form-control" />
|
||||
<span asp-validation-for="Nombres" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Apellidos" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Apellidos" class="form-control" />
|
||||
<span asp-validation-for="Apellidos" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Email" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Email" class="form-control" />
|
||||
<span asp-validation-for="Email" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Telefono" class="form-label"></label>
|
||||
<input asp-for="Telefono" class="form-control" />
|
||||
<span asp-validation-for="Telefono" class="text-danger"></span>
|
||||
</div>
|
||||
|
||||
<div class="col-12 mt-4">
|
||||
<h6 class="border-bottom pb-2 mb-3"><i class="bi bi-person-badge me-2"></i>Asignación de Roles</h6>
|
||||
<div class="row g-3">
|
||||
@foreach (var role in ViewBag.Roles as List<Rs_system.Models.RolSistema>)
|
||||
{
|
||||
<div class="col-md-4">
|
||||
<div class="form-check card p-2 border-light shadow-sm">
|
||||
<input class="form-check-input ms-0 me-2" type="checkbox" name="SelectedRoles" value="@role.Id" id="role_@role.Id">
|
||||
<label class="form-check-label" for="role_@role.Id">
|
||||
<strong>@role.Nombre</strong><br />
|
||||
<small class="text-muted">@role.Descripcion</small>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5 class="mb-4 text-primary border-bottom pb-2">Credenciales de Acceso</h5>
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-12">
|
||||
<label asp-for="NombreUsuario" class="form-label fw-semibold"></label>
|
||||
<input asp-for="NombreUsuario" class="form-control" />
|
||||
<span asp-validation-for="NombreUsuario" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Contrasena" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Contrasena" class="form-control" />
|
||||
<span asp-validation-for="Contrasena" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="ConfirmarContrasena" class="form-label fw-semibold"></label>
|
||||
<input asp-for="ConfirmarContrasena" class="form-control" />
|
||||
<span asp-validation-for="ConfirmarContrasena" class="text-danger small"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
|
||||
<button type="submit" class="btn btn-primary-custom px-5">
|
||||
<i class="bi bi-save me-2"></i>Crear Usuario
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
||||
}
|
||||
114
RS_system/Views/Usuario/Edit.cshtml
Normal file
114
RS_system/Views/Usuario/Edit.cshtml
Normal file
@@ -0,0 +1,114 @@
|
||||
@model Rs_system.Models.ViewModels.UsuarioViewModel
|
||||
@{
|
||||
ViewData["Title"] = "Editar Usuario";
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<div>
|
||||
<h2 class="mb-1">Editar Usuario</h2>
|
||||
<p class="text-muted small mb-0">Actualizando perfil de: <strong>@Model.NombreUsuario</strong></p>
|
||||
</div>
|
||||
<a asp-action="Index" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-2"></i>Volver
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="card-custom">
|
||||
<form asp-action="Edit" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
<input type="hidden" asp-for="Id" />
|
||||
<div asp-validation-summary="ModelOnly" class="text-danger mb-3"></div>
|
||||
|
||||
<h5 class="mb-4 text-primary border-bottom pb-2">Información Personal</h5>
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Nombres" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Nombres" class="form-control" />
|
||||
<span asp-validation-for="Nombres" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Apellidos" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Apellidos" class="form-control" />
|
||||
<span asp-validation-for="Apellidos" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Email" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Email" class="form-control" />
|
||||
<span asp-validation-for="Email" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Telefono" class="form-label fw-semibold"></label>
|
||||
<input asp-for="Telefono" class="form-control" />
|
||||
<span asp-validation-for="Telefono" class="text-danger small"></span>
|
||||
</div>
|
||||
|
||||
<div class="col-12 mt-4">
|
||||
<h6 class="border-bottom pb-2 mb-3"><i class="bi bi-person-badge me-2"></i>Asignación de Roles</h6>
|
||||
<div class="row g-3">
|
||||
@foreach (var role in ViewBag.Roles as List<Rs_system.Models.RolSistema>)
|
||||
{
|
||||
<div class="col-md-4">
|
||||
<div class="form-check card p-2 border-light shadow-sm">
|
||||
<input class="form-check-input ms-0 me-2" type="checkbox" name="SelectedRoles" value="@role.Id" id="role_@role.Id"
|
||||
@(Model.SelectedRoles.Contains(role.Id) ? "checked" : "")>
|
||||
<label class="form-check-label" for="role_@role.Id">
|
||||
<strong>@role.Nombre</strong><br />
|
||||
<small class="text-muted">@role.Descripcion</small>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5 class="mb-4 text-primary border-bottom pb-2">Configuración de Cuenta</h5>
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-6">
|
||||
<label asp-for="NombreUsuario" class="form-label fw-semibold"></label>
|
||||
<input asp-for="NombreUsuario" class="form-control" />
|
||||
<span asp-validation-for="NombreUsuario" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Activo" class="form-label fw-semibold"></label>
|
||||
<select asp-for="Activo" class="form-select">
|
||||
<option value="true">Activo</option>
|
||||
<option value="false">Inactivo</option>
|
||||
</select>
|
||||
<span asp-validation-for="Activo" class="text-danger small"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-info small">
|
||||
<i class="bi bi-info-circle me-2"></i>
|
||||
Deje los campos de contraseña en blanco si no desea cambiarla.
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-6">
|
||||
<label asp-for="Contrasena" class="form-label fw-semibold">Nueva Contraseña</label>
|
||||
<input asp-for="Contrasena" class="form-control" placeholder="Opcional" />
|
||||
<span asp-validation-for="Contrasena" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label asp-for="ConfirmarContrasena" class="form-label fw-semibold"></label>
|
||||
<input asp-for="ConfirmarContrasena" class="form-control" placeholder="Opcional" />
|
||||
<span asp-validation-for="ConfirmarContrasena" class="text-danger small"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
|
||||
<button type="submit" class="btn btn-primary-custom px-5">
|
||||
<i class="bi bi-check2-circle me-2"></i>Actualizar Usuario
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
||||
}
|
||||
97
RS_system/Views/Usuario/Index.cshtml
Normal file
97
RS_system/Views/Usuario/Index.cshtml
Normal file
@@ -0,0 +1,97 @@
|
||||
@model IEnumerable<Rs_system.Models.Usuario>
|
||||
@{
|
||||
ViewData["Title"] = "Gestión de Usuarios";
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<div>
|
||||
<h2 class="mb-1">Usuarios del Sistema</h2>
|
||||
<p class="text-muted small mb-0">Administre las cuentas de acceso y perfiles del personal administrativo.</p>
|
||||
</div>
|
||||
<a asp-action="Create" class="btn btn-primary-custom">
|
||||
<i class="bi bi-person-plus-fill me-2"></i>Nuevo Usuario
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-custom">
|
||||
<div class="table-responsive">
|
||||
<table class="table-custom">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Usuario</th>
|
||||
<th>Nombre Completo</th>
|
||||
<th>Email</th>
|
||||
<th>Último Acceso</th>
|
||||
<th>Estado</th>
|
||||
<th>Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in Model)
|
||||
{
|
||||
<tr>
|
||||
<td class="fw-bold">@item.NombreUsuario</td>
|
||||
<td>@item.Persona.Nombres @item.Persona.Apellidos</td>
|
||||
<td>@item.Email</td>
|
||||
<td class="small text-muted">
|
||||
@(item.UltimoLogin?.ToString("dd/MM/yyyy HH:mm") ?? "Nunca")
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge @(item.Activo ? "bg-success" : "bg-danger")">
|
||||
@(item.Activo ? "Activo" : "Inactivo")
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-sm btn-outline-secondary" title="Editar">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
@if (item.Activo && item.NombreUsuario != User.Identity?.Name)
|
||||
{
|
||||
<button type="button" class="btn btn-sm btn-outline-danger" title="Desactivar"
|
||||
onclick="confirmarDesactivacion(@item.Id, '@item.NombreUsuario')">
|
||||
<i class="bi bi-person-x"></i>
|
||||
</button>
|
||||
}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal de Confirmación -->
|
||||
<div class="modal fade" id="modalDesactivar" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Confirmar Desactivación</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
¿Está seguro que desea revocar el acceso al usuario <strong id="nombreUsuario"></strong>?
|
||||
<p class="text-muted small mt-2">El usuario ya no podrá iniciar sesión en el sistema.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
|
||||
<form id="formDesactivar" asp-action="Desactivar" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
<input type="hidden" name="id" id="usuarioIdDesactivar" />
|
||||
<button type="submit" class="btn btn-danger">Desactivar</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script>
|
||||
function confirmarDesactivacion(id, nombre) {
|
||||
document.getElementById('nombreUsuario').innerText = nombre;
|
||||
document.getElementById('usuarioIdDesactivar').value = id;
|
||||
new bootstrap.Modal(document.getElementById('modalDesactivar')).show();
|
||||
}
|
||||
</script>
|
||||
}
|
||||
Reference in New Issue
Block a user