Modificación del de vista de dopcumentos del alumno

This commit is contained in:
2026-05-06 18:33:18 -06:00
parent 91d0813a9c
commit 964ed4bbd2
27 changed files with 1921 additions and 339 deletions
+166 -242
View File
@@ -1,294 +1,218 @@
<ul class="navbar-nav bg-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<ul class="navbar-nav bg-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="">
<div class="sidebar-brand-icon">
<img src="https://alumnos.sistemasecuiep.com/logo.png" alt="SECUIEP Logo" style="width: 100px; height: auto;">
</div>
<!-- Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="{{ route('dashboard') }}">
<div class="sidebar-brand-icon">
<img src="https://alumnos.sistemasecuiep.com/logo.png" alt="SECUIEP" style="width:100px;height:auto;">
</div>
</a>
<hr class="sidebar-divider my-0">
<!-- Dashboard -->
<li class="nav-item active">
<a class="nav-link" href="{{ route('dashboard') }}">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Inicio</span>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0">
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" href="{{ route('dashboard') }}">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Inicio</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading" style="color:white">Modulos</div>
<hr class="sidebar-divider">
<div class="sidebar-heading">Módulos</div>
@hasrole('Admin')
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#Administrador"
aria-expanded="true" aria-controls="Administrador">
<i class="fas fa-star" style="color:rgb(255, 153, 0);"></i>
<span>Administrador</span>
</a>
<div id="Administrador" class="collapse" aria-labelledby="headingUtilities"
data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Herramientas:</h6>
<!-- Herramientas del rol (collapse) -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#menuHerramientas"
aria-expanded="false" aria-controls="menuHerramientas">
<i class="fas fa-star" style="color:rgb(255,153,0)"></i>
<span>{{ Auth::user()->getRoleNames()->first() }}</span>
</a>
<div id="menuHerramientas" class="collapse" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Herramientas:</h6>
@can('plantel.index')
<a class="collapse-item" href="{{ route('plantel.index') }}" style="color:#85888e">Planteles</a>
@endcan
@can('plantel.index')
<a class="collapse-item" href="{{ route('plantel.index') }}">Planteles</a>
@endcan
@can('carrera.index')
<a class="collapse-item" href="{{ route('carrera.index') }}" style="color:#85888e">Carreras</a>
@endcan
@can('carrera.index')
<a class="collapse-item" href="{{ route('carrera.index') }}">Carreras</a>
@endcan
@can('duration.index')
<a class="collapse-item" href="{{ route('duration.index') }}" style="color:#85888e">Duraciones</a>
@endcan
@can('duration.index')
<a class="collapse-item" href="{{ route('duration.index') }}">Duraciones</a>
@endcan
@can('plan.index')
<a class="collapse-item" href="{{ route('plan.index') }}" style="color:#85888e">Planes de estudio</a>
@endcan
@can('plan.index')
<a class="collapse-item" href="{{ route('plan.index') }}">Planes de estudio</a>
@endcan
@can('nivel.index')
<a class="collapse-item" href="{{ route('nivel.index') }}" style="color:#85888e">Niveles</a>
@endcan
@can('nivel.index')
<a class="collapse-item" href="{{ route('nivel.index') }}">Niveles</a>
@endcan
@can('documentoTipo.index')
<a class="collapse-item" href="{{ route('documentoTipo.index') }}" style="color:#85888e">Documentación</a>
@endcan
@can('documentoTipo.index')
<a class="collapse-item" href="{{ route('documentoTipo.index') }}">Documentación</a>
@endcan
@can('permission.index')
<a class="collapse-item" href="{{ route('permission.index') }}" style="color:#85888e">Permisos</a>
@endcan
@can('permission.index')
<a class="collapse-item" href="{{ route('permission.index') }}">Permisos</a>
@endcan
@can('role.index')
<a class="collapse-item" href="{{ route('role.index') }}" style="color:#85888e">Roles</a>
@endcan
@can('role.index')
<a class="collapse-item" href="{{ route('role.index') }}">Roles</a>
@endcan
@can('user.index')
<a class="collapse-item" href="{{ route('user.index') }}" style="color:#85888e">Usuarios</a>
@endcan
@can('user.index')
<a class="collapse-item" href="{{ route('user.index') }}">Usuarios</a>
@endcan
@can('area.index')
<a class="collapse-item" href="{{ route('area.index') }}" style="color:#85888e">Areas</a>
@endcan
@can('area.index')
<a class="collapse-item" href="{{ route('area.index') }}">Áreas</a>
@endcan
@can('campan.index')
<a class="collapse-item" href="{{ route('campan.index') }}" style="color:#85888e">Campañas</a>
@endcan
@can('campan.index')
<a class="collapse-item" href="{{ route('campan.index') }}">Campañas</a>
@endcan
@can('turno.index')
<a class="collapse-item" href="{{ route('turno.index') }}" style="color:#85888e">Turnos</a>
@endcan
@can('turno.index')
<a class="collapse-item" href="{{ route('turno.index') }}">Turnos</a>
@endcan
@can('medio.index')
<a class="collapse-item" href="{{ route('medio.index') }}" style="color:#85888e">Medios de contacto</a>
@endcan
@can('medio.index')
<a class="collapse-item" href="{{ route('medio.index') }}">Medios de contacto</a>
@endcan
@can('plane.index')
<a class="collapse-item" href="{{ route('plane.index') }}" style="color:#85888e">Planes de pago</a>
@endcan
@can('plane.create')
<a class="collapse-item" href="{{ route('plane.index') }}">Planes de pago</a>
@endcan
@can('concepto.index')
<a class="collapse-item" href="{{ route('concepto.index') }}" style="color:#85888e">Conceptos</a>
@endcan
@can('concepto.index')
<a class="collapse-item" href="{{ route('concepto.index') }}">Conceptos</a>
@endcan
@can('mail.index')
<a class="collapse-item" href="{{ route('mail.index') }}" style="color:#85888e">Mail</a>
@endcan
@can('mail.index')
<a class="collapse-item" href="{{ route('mail.index') }}">Mail</a>
@endcan
@can('areacode.index')
<a class="collapse-item" href="{{ route('areacode.index') }}" style="color:#85888e">Códigos QR</a>
@endcan
@can('areacode.index')
<a class="collapse-item" href="{{ route('areacode.index') }}">Códigos QR</a>
@endcan
@can('horario.index')
<a class="collapse-item" href="{{ route('horario.index') }}" style="color:#85888e">Horarios</a>
@endcan
@can('horario.index')
<a class="collapse-item" href="{{ route('horario.index') }}">Horarios</a>
@endcan
<a class="collapse-item" href="{{ route('anuncio.index') }}" style="color:#85888e">
<i class="fas fa-bullhorn mr-1"></i> Anuncios
</a>
@can('anuncios.index')
<a class="collapse-item" href="{{ route('anuncio.index') }}">Anuncios</a>
@endcan
<a class="collapse-item" href="{{ route('evaluacion.index') }}" style="color:#85888e">
<i class="fas fa-clipboard-list mr-1"></i> Evaluaciones
</a>
</div>
@can('evaluaciones.index')
<a class="collapse-item" href="{{ route('evaluacion.index') }}">Evaluaciones</a>
@endcan
@can('alumno.index')
<a class="collapse-item" href="{{ route('alumno.index') }}">Alumnos</a>
@endcan
@can('grupo.index')
<a class="collapse-item" href="{{ route('grupo.index') }}">Grupos</a>
@endcan
@can('docente.index')
<a class="collapse-item" href="{{ route('docente.index') }}">Docentes</a>
@endcan
</div>
</li>
@endrole
</div>
</li>
@hasrole('Promotor')
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#Promocion"
aria-expanded="true" aria-controls="Promocion">
<i class="fas fa-fw fa-bullhorn" style="color: #e8e8e8;"></i>
<span>Promoción</span>
</a>
<div id="Promocion" class="collapse" aria-labelledby="Promocion" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Herramientas</h6>
<hr class="sidebar-divider">
<div class="sidebar-heading">Adicionales</div>
@can('alumno.index')
<a class="collapse-item" href="{{ route('alumno.index') }}" style="color:#85888e">Prospectos</a>
@endcan
<a class="collapse-item" href="difusion.php" style="color:#85888e">Difusión</a>
<a class="collapse-item" href="informes.php" style="color:#85888e">Informes</a>
<a class="collapse-item" href="referencias.php" style="color:#85888e">Referencias</a>
</div>
</div>
</li>
@endrole
@can('pagar')
<li class="nav-item">
<a class="nav-link" href="{{ route('pago.index') }}">
<i class="fas fa-fw fa-money-bill-alt"></i>
<span>Mis pagos</span>
</a>
</li>
@endcan
@hasrole('Control escolar')
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#ControlEscolar"
aria-expanded="true" aria-controls="ControlEscolar">
<i class="fas fa-fw fa-bullhorn" style="color: #e8e8e8;"></i>
<span>Control Escolar</span>
</a>
<div id="ControlEscolar" class="collapse" aria-labelledby="ControlEscolar" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Herramientas</h6>
@can('tareas.entrega')
<li class="nav-item">
<a class="nav-link" href="{{ route('mis.tareas') }}">
<i class="fas fa-fw fa-tasks"></i>
<span>Mis Tareas</span>
</a>
</li>
@endcan
@can('alumno.index')
<a class="collapse-item" href="{{ route('alumno.index') }}" style="color:#85888e">Alumnos</a>
@endcan
@can('evaluaciones.responder')
<li class="nav-item">
<a class="nav-link" href="{{ route('evaluacion.mis_evaluaciones') }}">
<i class="fas fa-fw fa-clipboard-list"></i>
<span>Encuestas</span>
</a>
</li>
@endcan
@can('grupo.index')
<a class="collapse-item" href="{{ route('grupo.index') }}" style="color:#85888e">Grupos</a>
@endcan
</div>
</div>
</li>
@endrole
@can('comunidad')
<li class="nav-item">
<a class="nav-link" href="{{ route('feed') }}">
<i class="fas fa-fw fa-stream"></i>
<span>Comunidad</span>
</a>
</li>
@endcan
@hasrole('Coordinación académica')
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#CoordinacionAcademica"
aria-expanded="true" aria-controls="CoordinacionAcademica">
<i class="fas fa-fw fa-bullhorn" style="color: #e8e8e8;"></i>
<span>Coordinación académica</span>
</a>
<div id="CoordinacionAcademica" class="collapse" aria-labelledby="CoordinacionAcademica" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Herramientas</h6>
@can('amigos')
<li class="nav-item">
<a class="nav-link" href="{{ route('friendships.index') }}">
<i class="fas fa-fw fa-user-friends"></i>
<span>Amigos</span>
</a>
</li>
@endcan
@can('docente.index')
<a class="collapse-item" href="{{ route('docente.index') }}" style="color:#85888e">Docentes</a>
@endcan
@can('grupo.index')
<a class="collapse-item" href="{{ route('grupo.index') }}" style="color:#85888e">Grupos</a>
@endcan
</div>
</div>
</li>
@endrole
@hasrole(['Alumno'])
@can('pago.index')
<li class="nav-item">
<a class="nav-link" href="{{ route('pago.index') }}">
<i class="fas fa-money-bill-alt" style="color: #e8e8e8;"></i>
<span>Mis pagos</span></a>
</li>
@endcan
<li class="nav-item">
<a class="nav-link" href="{{ route('mis.tareas') }}">
<i class="fas fa-fw fa-tasks" style="color: #e8e8e8;"></i>
<span>Mis Tareas</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('evaluacion.mis_evaluaciones') }}">
<i class="fa-duotone fa-regular fa-clipboard-list" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);"></i>
<span>Encuestas</span></a>
</li>
@endrole
@hasrole(['Docente'])
<li class="nav-item">
<a class="nav-link" href="{{ route('grupo.index') }}">
<i class="fa-duotone fa-regular fa-user-group" style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);"></i>
<span>Mis grupos</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('evaluacion.mis_evaluaciones') }}">
<i class="fa-duotone fa-regular fa-clipboard-list " style="--fa-primary-color: rgb(255, 255, 255); --fa-secondary-color: rgb(255, 255, 255);"></i>
<span>Encuestas</span></a>
</li>
@endrole
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading" style="color:white">Adicionales</div>
@can('comunidad')
<li class="nav-item">
<a class="nav-link" href="{{ route('feed') }}">
<i class="fas fa-fw fa-stream" style="color:#e8e8e8"></i>
<span>Comunidad</span>
</a>
</li>
@endcan
@can('amigos')
<li class="nav-item">
<a class="nav-link" href="{{ route('friendships.index') }}">
<i class="fas fa-fw fa-user-friends" style="color:#e8e8e8"></i>
<span>Amigos</span>
</a>
</li>
@endcan
@can('mensajes')
<li class="nav-item">
<a class="nav-link" href="{{ route('chat.index') }}">
<i class="fas fa-fw fa-comment-dots" style="color:#e8e8e8"></i>
<span>Mensajes</span>
</a>
</li>
@endcan
@can('mensajes')
<li class="nav-item">
<a class="nav-link" href="{{ route('chat.index') }}">
<i class="fas fa-fw fa-comment-dots"></i>
<span>Mensajes</span>
</a>
</li>
@endcan
@can('asistencia')
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUtilities"
aria-expanded="true" aria-controls="collapseUtilities">
<i class="fas fa-id-badge" style="color: #e8e8e8;"></i>
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseAsistencia"
aria-expanded="false" aria-controls="collapseAsistencia">
<i class="fas fa-fw fa-id-badge"></i>
<span>Asistencia</span>
</a>
<div id="collapseUtilities" class="collapse" aria-labelledby="headingUtilities"
data-parent="#accordionSidebar">
<div id="collapseAsistencia" class="collapse" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Herramientas:</h6>
<a class="collapse-item" href="{{ route('code.index') }}" style="color:gray">Escanear</a>
<a class="collapse-item" href="{{ route('registros') }}" style="color:gray">Registros</a>
<a class="collapse-item" href="{{ route('code.index') }}">Escanear</a>
<a class="collapse-item" href="{{ route('registros') }}">Registros</a>
</div>
</div>
</li>
@endcan
<!-- Nav Item - notes -->
@can('note.index')
<li class="nav-item">
<a class="nav-link" href="{{route('note.index')}}">
<i class="fas fa-fw fa-sticky-note" style="color: #e8e8e8;"></i>
<span>Notas</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('note.index') }}">
<i class="fas fa-fw fa-sticky-note"></i>
<span>Notas</span>
</a>
</li>
@endcan
<!-- Sidebar Toggler (Sidebar) -->
<!-- Sidebar Toggler -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
</ul>
@@ -17,3 +17,22 @@
<!-- <script src="{{asset('assets/vendor/chart.js/Chart.min.js')}}"></script>
<script src="{{asset('assets/js/demo/chart-area-demo.js')}}"></script>
<script src="{{asset('assets/js/demo/chart-pie-demo.js')}}"></script> -->
<script>
function verDocumento(url) {
document.getElementById('visorFrame').src = url + '?t=' + new Date().getTime();
var modal = new bootstrap.Modal(document.getElementById('visorModal'));
modal.show();
}
document.getElementById('visorModal').addEventListener('hidden.bs.modal', function () {
document.getElementById('visorFrame').src = '';
});
function updateFileName(input, targetId) {
const fileName = input.files[0]?.name || 'Ningún archivo seleccionado';
document.getElementById(targetId).textContent = fileName;
}
</script>