All
This commit is contained in:
@@ -37,29 +37,99 @@ $write = $user->admin || in_array($user->acceso, ['r']);
|
||||
include("import/html_header.php");
|
||||
html_header("Consultar horario", "Sistema de gestión de checador");
|
||||
?>
|
||||
<main class="container px-4 mt-4 h-100" id="app" v-cloak @vue:mounted="mounted" style="min-height: 60vh;">
|
||||
<main class="container px-4 mt-4 h-100" id="app" v-cloak @vue:mounted="mounted" style="min-height: 60vh;"
|
||||
v-scope="">
|
||||
<section id="message"></section>
|
||||
<? // require('import/periodo.php') ?>
|
||||
<div class="form-box">
|
||||
<div class="form-group row">
|
||||
<label for="profesor" class="col-4 col-form-label">Seleccionar profesor</label>
|
||||
<div class="col-6">
|
||||
<div class="form-row justify-content-around align-items-center">
|
||||
<input id="profesor" name="profesor" class="form-control col-11 mr-1 px-2"
|
||||
placeholder="Seleccione un profesor" list="dlProfesor" v-model="profesores.search"
|
||||
@input="horarios.fetch">
|
||||
<button type="button" class="btn btn-outline-danger btn-sm form-control col ml-auto"
|
||||
@click="profesores.search = null; horarios.data = []">
|
||||
<i class="ing-borrar"></i>
|
||||
</button>
|
||||
<nav>
|
||||
<div class="nav nav-tabs" id="nav-tab" role="tablist">
|
||||
<button class="nav-link active" id="nav-home-tab" data-toggle="tab" data-target="#nav-home"
|
||||
type="button" role="tab" aria-controls="nav-home" aria-selected="true" @click="horarios.data = []">
|
||||
Horario por profesor
|
||||
</button>
|
||||
<button class="nav-link" id="nav-profile-tab" data-toggle="tab" data-target="#nav-profile" type="button"
|
||||
role="tab" aria-controls="nav-profile" aria-selected="false" @click="horarios.data = []">
|
||||
Horario por grupo
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="tab-content" id="nav-tabContent">
|
||||
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
|
||||
<div class="form-box">
|
||||
<div class="form-group row">
|
||||
<label for="profesor" class="col-4 col-form-label">Seleccionar profesor</label>
|
||||
<div class="col-6">
|
||||
<div class="form-row justify-content-around align-items-center">
|
||||
<input id="profesor" name="profesor" class="form-control col-11 mr-1 px-2"
|
||||
placeholder="Seleccione un profesor" list="dlProfesor" v-model="profesores.search"
|
||||
@input="horarios.fetch(null)">
|
||||
<button type="button" class="btn btn-outline-danger btn-sm form-control col ml-auto"
|
||||
@click="profesores.search = null; horarios.data = []">
|
||||
<i class="ing-borrar"></i>
|
||||
</button>
|
||||
</div>
|
||||
<datalist id="dlProfesor">
|
||||
<option v-for="profesor in profesores.data" :key="profesor.profesor_id"
|
||||
:value="`(${profesor.profesor_clave}) ${profesor.profesor_nombre}`">
|
||||
</datalist>
|
||||
</div>
|
||||
</div>
|
||||
<datalist id="dlProfesor">
|
||||
<option v-for="profesor in profesores.data" :key="profesor.profesor_id"
|
||||
:value="`(${profesor.profesor_clave}) ${profesor.profesor_nombre}`">
|
||||
</datalist>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"
|
||||
v-scope="{facultad_id: null, carrera_id: null, grupo: null}">
|
||||
<?
|
||||
require('import/periodo.php');
|
||||
?>
|
||||
<div class="form-box" v-show="facultades.data.every(facultad => facultad.carreras.length > 0)">
|
||||
<div class="form-group row">
|
||||
<label for="carrera_id" class="col-4 col-form-label">Carrera</label>
|
||||
<div class="col-6">
|
||||
<div id="dlCarreras" class="datalist datalist-select mb-1 w-100">
|
||||
<div class="datalist-input">
|
||||
Selecciona una carrera
|
||||
</div>
|
||||
<span class="icono ing-buscar"></span>
|
||||
<ul style="display:none">
|
||||
<div v-for="facultad in facultades.data">
|
||||
<li class="not-selectable">
|
||||
{{ facultad.facultad_nombre }}
|
||||
</li>
|
||||
<li v-for="carrera in facultad.carreras" :key="carrera.carrera_id"
|
||||
@click="carrera_id = carrera.carrera_id; facultad_id = facultad.facultad_id; grupo = null">
|
||||
{{ carrera.carrera_nombre }}
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
<input type="hidden" id="carrera_id" name="id">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-box" v-if="carrera_id">
|
||||
<div class="form-group row">
|
||||
<label for="grupo" class="col-4 col-form-label">Grupo</label>
|
||||
<div class="col-6">
|
||||
<div id="dlGrupo" class="datalist datalist-select mb-1 w-100">
|
||||
<div class="datalist-input">
|
||||
Selecciona un grupo
|
||||
</div>
|
||||
<span class="icono ing-buscar"></span>
|
||||
<ul style="display:none">
|
||||
<li v-for="grupo in facultades.data.find(facultad => facultad.facultad_id === facultad_id).carreras.find(carrera => carrera.carrera_id === carrera_id).grupos"
|
||||
@click="grupo = grupo; horarios.fetch(grupo, carrera_id)">
|
||||
{{ grupo }}
|
||||
</li>
|
||||
</ul>
|
||||
<input type="hidden" id="grupo" name="grupo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div id="btn-excel-horario" class="mb-2 float-right hidden">
|
||||
<button class="btn btn-outline-secondary " title="Exportar a Excel" v-if="false">
|
||||
@@ -94,8 +164,7 @@ $write = $user->admin || in_array($user->acceso, ['r']);
|
||||
class="align-middle h-100"
|
||||
:style="`width: ${(100 - 6) / (horarios.structure?.sábado ? 6 : 5)}%;`">
|
||||
<!-- Content Container -->
|
||||
<div class="overflow-auto"
|
||||
:style="`max-height: ${horarios.getHorarioData(hour, block, día)?.bloques * 2}em;
|
||||
<div class="overflow-auto" :style="`max-height: ${horarios.getHorarioData(hour, block, día)?.bloques * 2}em;
|
||||
min-height: 2em;
|
||||
`">
|
||||
<div v-if="horarios.getHorarioData(hour, block, día)" class="text-center">
|
||||
@@ -111,12 +180,14 @@ $write = $user->admin || in_array($user->acceso, ['r']);
|
||||
{{horarios.getHorarioData(hour, block, día)?.materia}}
|
||||
</b>
|
||||
</div>
|
||||
<small
|
||||
class="text-muted">{{horarios.getHorarioData(hour,
|
||||
block, día)?.carrera}}</small>
|
||||
<br><span>Salón: </span><small
|
||||
class="font-weight-lighter text-muted">{{horarios.getHorarioData(hour,
|
||||
block, día)?.salon}}</small>
|
||||
<small class="text-muted">
|
||||
{{horarios.getHorarioData(hour, block, día)?.carrera}}
|
||||
</small>
|
||||
<br>
|
||||
<span>Salón: </span>
|
||||
<small class="font-weight-lighter text-muted">
|
||||
{{horarios.getHorarioData(hour, block, día)?.salon}}
|
||||
</small>
|
||||
</div>
|
||||
<div v-else> </div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user