Primera iteración de nuevo diseño
This commit is contained in:
Your Name
247
auditoria.php
247
auditoria.php
@@ -13,6 +13,7 @@
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/auditoria-ux.css">
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-ui.js"></script>
|
||||
<script src="js/bootstrap/bootstrap.min.js"></script>
|
||||
@@ -266,19 +267,20 @@
|
||||
<strong>{{ registro.profesor_clave }}</strong>
|
||||
{{ registro.profesor_nombre }}
|
||||
<button type="button" class="ml-3 btn btn-sm btn-outline-primary"
|
||||
@click="store.current.clase_vista = registro; detalle.obtener_detalle(registro.horario_id, registro.profesor_id)" data-toggle="modal"
|
||||
data-target="#ver-detalle">
|
||||
@click="store.current.clase_vista = registro; detalle.obtener_detalle(registro.horario_id, registro.profesor_id, registro.registro_fecha_ideal)"
|
||||
data-toggle="modal" data-target="#ver-detalle">
|
||||
<i class="ing-ojo"></i> detalle
|
||||
</button>
|
||||
</td>
|
||||
|
||||
|
||||
<td class="text-center align-middle px-2">{{ registro.horario_hora?.slice(0,5) }} -
|
||||
{{registro.horario_fin?.slice(0,5) }}</td>
|
||||
<td class="text-center align-middle px-2">
|
||||
{{ `${registro.horario_hora?.slice(0,5)} - ${registro.horario_fin?.slice(0,5)}` }}
|
||||
</td>
|
||||
<td class="text-center align-middle px-2">
|
||||
<div v-if="registro.registro_fecha">
|
||||
<div class="col-12" :class="registro.color">
|
||||
Registro <small>{{ registro.registro_fecha?.slice(11,19) }}</small>
|
||||
Registro <small>{{ `${registro.registro_fecha?.slice(11,19)}` }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
@@ -298,21 +300,22 @@
|
||||
<span class="mr-2" :class="`text-${registro.estado_color}`">
|
||||
<i :class="`${registro.estado_icon} ing-2x`"></i>
|
||||
</span>
|
||||
<strong v-if="registro.usuario_nombre">{{ registro.usuario_nombre
|
||||
}}</strong>
|
||||
<strong v-if="registro.usuario_nombre">
|
||||
{{ registro.usuario_nombre }}
|
||||
</strong>
|
||||
</div>
|
||||
<div class="col-12" v-if="registro.registro_fecha_supervisor">
|
||||
Hora
|
||||
<small>{{ registro.registro_fecha_supervisor?.slice(11,19) }}</small>
|
||||
<small>{{ `${registro.registro_fecha_supervisor?.slice(11,19)}` }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 "
|
||||
@click="store.registros.mostrarComentario(registro.registro_id)"
|
||||
v-if="registro.comentario" style="cursor: pointer;">
|
||||
<strong class="badge border border-primary">Observaciones:</strong>
|
||||
<small
|
||||
class="text-truncate">{{registro.comentario?.slice(0,25)}}{{registro.comentario.length
|
||||
> 10 ? '...' : ''}}</small>
|
||||
<small class="text-truncate">{{`${registro.comentario?.slice(0,25)}
|
||||
${registro.comentario.length
|
||||
> 10 ? '...' : ''}`}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@@ -388,165 +391,75 @@
|
||||
<div class="modal" tabindex="-1" id="ver-detalle">
|
||||
<div class="modal-dialog modal-dialog-centered modal-xl" v-if="clase_vista">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title" :data-id="clase_vista.horario_id">Detalle de la clase</h2>
|
||||
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<section class="col-12 col-md-6">
|
||||
<h4 class="h4">Profesor</h4>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<strong>Nombre:</strong>
|
||||
{{ clase_vista.profesor_nombre }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Correo:</strong>
|
||||
<a :href="`mailto:${clase_vista.profesor_correo}`"><strong>{{
|
||||
detalle.correo }}</strong></a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Clave:</strong>
|
||||
{{ clase_vista.profesor_clave }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Facultad:</strong>
|
||||
{{ detalle.facultad }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="col-12 col-md-6">
|
||||
<h4 class="h4">Clase</h4>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<strong>Materia:</strong>
|
||||
{{ detalle.materia }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Carrera:</strong>
|
||||
{{ detalle.carrera }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Nivel:</strong>
|
||||
{{ detalle.nivel}}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Grupo:</strong>
|
||||
{{ detalle.horario_grupo }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Horario:</strong>
|
||||
{{ clase_vista.horario_hora?.slice(0, 5) }} -
|
||||
{{clase_vista.horario_fin?.slice(0, 5) }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<strong>Salón:</strong>
|
||||
{{ clase_vista.salon }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="modal-body detalle">
|
||||
<section class="profesor">
|
||||
<img class="profesor-icon" src="fonts/svg/portrait.svg" alt="profesor">
|
||||
<div>
|
||||
<span class="profesor-nombre">
|
||||
{{clase_vista.profesor_nombre}}
|
||||
</span>
|
||||
<div class="profesor-datos">
|
||||
<a :href="`mailto:${clase_vista.profesor_correo}`" class="profesor-correo">
|
||||
{{clase_vista.profesor_correo}}
|
||||
</a>
|
||||
<i class="pipe"></i>
|
||||
<span class="profesor-clave">
|
||||
{{clase_vista.profesor_clave}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<section class="col-12">
|
||||
<h4 class="h4 mt-4">Registro</h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center" v-if="!clase_vista.registro_fecha">
|
||||
<strong><span class="badge border border-dark"><i
|
||||
class="ing-cancelar"></i></span>
|
||||
Sin registro del profesor</strong>
|
||||
</div>
|
||||
<div class="col-md-6 text-center" v-else>
|
||||
El profesor registró su asistencia a las
|
||||
<code>{{clase_vista.registro_fecha?.slice(11, 19)}}</code>
|
||||
<hr>
|
||||
<p v-if="!clase_vista.registro_retardo" class="text-center">
|
||||
<span class="badge border border-success"><i
|
||||
class="ing-aceptar"></i></span>
|
||||
A tiempo
|
||||
</p>
|
||||
<p v-else class="text-center">
|
||||
<span class="badge border border-warning"><i
|
||||
class="ing-retardo"></i></span>
|
||||
Con retardo
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-center" v-if="clase_vista.registro_justificada">
|
||||
<strong>
|
||||
<span class="badge badge-success mr-2">
|
||||
<i class="ing-finalistas"></i>
|
||||
</span>
|
||||
Justificada
|
||||
</strong>
|
||||
<span class="text-muted">
|
||||
por
|
||||
{{clase_vista.justificador_nombre}} de
|
||||
<strong>{{clase_vista.justificador_rol}}</strong>
|
||||
<span v-if="clase_vista.justificador_facultad"> de
|
||||
<strong>{{clase_vista.justificador_facultad}}</strong>
|
||||
</span>
|
||||
</section>
|
||||
|
||||
el día {{clase_vista.registro_fecha_justificacion?.slice(0, 10)}} a
|
||||
las
|
||||
{{clase_vista.registro_fecha_justificacion?.slice(11, 16)}}
|
||||
</span>
|
||||
<div v-if="clase_vista.justificacion">
|
||||
<hr>
|
||||
<p class="text-center">
|
||||
<strong>Observación:</strong>
|
||||
{{clase_vista.justificacion}}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6 text-center"
|
||||
v-else-if="clase_vista.registro_fecha_justificacion">
|
||||
<strong>
|
||||
<span class="badge border border-dark">
|
||||
<i class="ing-cancelar"></i>
|
||||
</span>
|
||||
Sin justificar, <span class="text-muted">
|
||||
{{clase_vista.justificador_nombre}}
|
||||
({{clase_vista.justificador_rol}}{{clase_vista.justificador_facultad
|
||||
? ' de ' + clase_vista.justificador_facultad : ''}})
|
||||
</span> borró la justificación, el día
|
||||
{{clase_vista.registro_fecha_justificacion?.slice(0, 10)}} a las
|
||||
{{clase_vista.registro_fecha_justificacion?.slice(11, 16)}}
|
||||
</strong>
|
||||
</div>
|
||||
<div class="col-md-6 text-center" v-else>
|
||||
<strong>
|
||||
<span class="badge border border-dark">
|
||||
<i class="ing-cancelar"></i>
|
||||
</span>
|
||||
Sin justificar
|
||||
</strong>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="col-12" v-if="clase_vista.reposicion_id">
|
||||
<h4 class="h4 mt-4">Reposición</h4>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
Esta clase se reprogramó para el día
|
||||
{{ clase_vista.reposicion_fecha }} a las
|
||||
{{ clase_vista.reposicion_hora?.slice(0, 5) }} -
|
||||
{{clase_vista.reposicion_hora_fin?.slice(0, 5) }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<main class="my-5">
|
||||
<div class="pp-card" style="grid-row: span 5;">
|
||||
<div :class="`bg-${clase_vista.estado_color}`" class="text-white pp-card-icon ">
|
||||
<span>{{clase_vista.nombre}}</span>
|
||||
<i :class="clase_vista.estado_icon" class="mx-3"></i>
|
||||
</div>
|
||||
<main>
|
||||
<span class="supervisor">{{clase_vista.usuario_nombre}}</span>
|
||||
<span class="supervisor_hora">{{clase_vista.registro_fecha_supervisor}}</span>
|
||||
<footer>Supervisor</footer>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<!-- botón aceptar -->
|
||||
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">
|
||||
<i class="ing-aceptar"></i>
|
||||
Aceptar
|
||||
</button>
|
||||
<div class="pp-card" style="grid-row: span 8">
|
||||
<div class="bg-primary text-white">{{clase_vista.carrera}}</div>
|
||||
<main>
|
||||
<span class="materia">{{clase_vista.materia}}</span>
|
||||
<span class="horario">
|
||||
<section>
|
||||
{{clase_vista.horario_hora}}
|
||||
{{clase_vista.horario_fin}}
|
||||
</section>
|
||||
<section>
|
||||
{{clase_vista.horario_grupo}}
|
||||
</section>
|
||||
</span>
|
||||
<span class="salon">{{clase_vista.salon}}</span>
|
||||
<footer>{{clase_vista.nivel}}</footer>
|
||||
</main>
|
||||
</div>
|
||||
<div class="pp-card" style="grid-row: span 3">
|
||||
<div class="bg-warning text-white"
|
||||
v-if="clase_vista.registro_fecha && clase_vista.registro_retardo">
|
||||
<span>Con retardo</span>
|
||||
<i class="ing-retardo"></i>
|
||||
</div>
|
||||
<div class="bg-success text-white" v-else-if="clase_vista.registro_fecha">
|
||||
<span>A tiempo</span>
|
||||
<i class="ing-autorizar"></i>
|
||||
</div>
|
||||
<div class="bg-dark text-white" v-else>
|
||||
Sin registro
|
||||
<i class="ing-cancelar"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="facultad">
|
||||
{{clase_vista.facultad}}
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user