This commit is contained in:
2023-09-05 15:08:32 +00:00
parent 8eec1a97ba
commit c2c0637b87
9 changed files with 311 additions and 227 deletions

View File

@@ -183,6 +183,49 @@
<td class="text-center align-middle">
{{ clase.horario_hora?.slice(0, 5) }} - {{ clase.horario_fin?.slice(0, 5) }}
</td>
<td class="text-center align-middle text-nowrap">
<!-- data-toggle="button" -->
<div v-if="!clase.reposicion_id">
<button class="btn text-center mx-2" v-for="estado in estados" :key="estado.id"
@click="store.cambiarEstado(clase.horario_id, clase.profesor_id, estado.id === clase.estado_supervisor_id ? null : estado.id)"
:class="[{'active': estado.id === clase.estado_supervisor_id}, `btn-outline-${estado.color}`]"
:aria-pressed="estado.id === clase.estado_supervisor_id">
<i :class="estado.icon"></i>
</button>
<button class="btn btn-outline-primary text-center mx-2" data-toggle="modal"
data-target="#editar-comentario" :class="{ 'active': clase.comentario }"
@click="store.selectEditor(clase.horario_id)">
<i class="ing-editar"></i>
<span class="badge badge-pill badge-primary"
v-if="clase.comentario">...</span>
<span class="sr-only">Editar comentario</span>
</button>
</div>
<!-- italic -->
<div v-else class="text-muted font-italic">
Reposición el {{ clase.reposicion_fecha }} a las
{{ clase.reposicion_hora.slice(0, 5) }} h en el salón {{ clase.reposicion_salon
}}
</div>
</td>
</tr>
<tr v-for="clase in reposiciones" :key="`${clase.horario_id}-${clase.profesor_id}`">
<td class="text-center align-middle">{{ clase.salon }}</td>
<td class="text-center align-middle">
<div class="col-12">
{{ clase.profesor_nombre }}
</div>
<div class="col-12">
<button type="button" class="btn btn-outline-dark btn-sm"
@click="store.profesor_selected.horario_id = clase.horario_id; store.profesor_selected.profesor_id = clase.profesor_id"
data-toggle="modal" data-target="#ver-detalle">
Ver detalle <i class="ing-ojo"></i>
</button>
</div>
<td class="text-center align-middle">
{{ clase.horario_hora?.slice(0, 5) }} - {{ clase.horario_fin?.slice(0, 5) }}
</td>
<td class="text-center align-middle text-nowrap">
<!-- data-toggle="button" -->
<button class="btn text-center mx-2" v-for="estado in estados" :key="estado.id"
@@ -191,7 +234,6 @@
:aria-pressed="estado.id === clase.estado_supervisor_id">
<i :class="estado.icon"></i>
</button>
<button class="btn btn-outline-primary text-center mx-2" data-toggle="modal"
data-target="#editar-comentario" :class="{ 'active': clase.comentario }"
@click="store.selectEditor(clase.horario_id)">
@@ -316,7 +358,7 @@
<h2 class="text-center">Comentarios de la clase</h2>
<br>
<!-- FREQUENT COMMENTS -->
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text bg-primary text-white">Comentario
@@ -349,7 +391,8 @@
<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>
<h2 class="modal-title" :data-id="`h${clase_vista.horario_id} - p${clase_vista.profesor_id}`">
Detalle de la clase</h2>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
@@ -648,6 +691,10 @@
const clases = store.rutas.data.find(ruta => ruta.salon_id == store.rutas.selected)?.horarios ?? [];
return clases;
},
get reposiciones() {
const reposiciones = store.rutas.data.find(ruta => ruta.salon_id == store.rutas.selected)?.reposiciones ?? [];
return reposiciones;
},
async guardarCambios() {
try {