This commit is contained in:
AlexLara
+303
-211
@@ -1,211 +1,303 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Auditoría asistencial</title>
|
<title>Auditoría asistencial</title>
|
||||||
<?php
|
<?php
|
||||||
include 'import/html_css_files.php';
|
include 'import/html_css_files.php';
|
||||||
?>
|
?>
|
||||||
<style>
|
<style>
|
||||||
[v-cloak] {
|
[v-cloak] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<?
|
<?
|
||||||
$redirect = $_SERVER['PHP_SELF'];
|
$redirect = $_SERVER['PHP_SELF'];
|
||||||
include "import/html_header.php";
|
include "import/html_header.php";
|
||||||
global $user;
|
global $user;
|
||||||
|
|
||||||
html_header("Periodos");
|
html_header("Periodos");
|
||||||
?>
|
?>
|
||||||
<main class="container-fluid px-4 my-4" id="app" v-cloak @vue:mounted="mounted" style="min-height: 70vh;"
|
<main class="container-fluid px-4 my-4" id="app" v-cloak @vue:mounted="mounted" style="min-height: 70vh;"
|
||||||
v-scope="">
|
v-scope="">
|
||||||
<div aria-live="polite" aria-atomic="true" style="position: relative">
|
<?php
|
||||||
<div style="position: fixed; bottom: 2%; right: 2%; z-index: 9999; min-width: 300px;">
|
$curl = curl_init();
|
||||||
|
|
||||||
<!-- Loop for messages -->
|
curl_setopt_array($curl, array(
|
||||||
<div class="toast show shadow-sm mb-3 bg-white shadow-sm" role="alert" aria-live="assertive"
|
CURLOPT_URL => 'https://portal.ulsa.edu.mx/servicios/AuditoriaAsistencialRest/AuditoriaAsistencialService.svc/auditoriaAsistencial/inicioSesion/seleccionar',
|
||||||
aria-atomic="true" v-for="(message, index) in messages"
|
CURLOPT_RETURNTRANSFER => true,
|
||||||
@vue:mounted="$(`#toast-${message.timestamp.getTime()}`).toast({delay: 5000}).toast('show').on('hidden.bs.toast', () => messages.splice(index, 1))" " :key="
|
CURLOPT_POST => true,
|
||||||
message.timestamp.getTime()" :id="`toast-${message.timestamp.getTime()}`">
|
//CURLOPT_CUSTOMREQUEST => 'POST',
|
||||||
<div class="toast-header" :class="`bg-primary text-white`">
|
CURLOPT_POSTFIELDS =>'{"username":"SGU_APSA_AUD_ASIST","password":"B4qa594JFPr2ufHrZdHS8A=="}',
|
||||||
<strong class="mr-auto text-uppercase text-center w-100 px-4">
|
CURLOPT_HTTPHEADER => array(
|
||||||
<i
|
'Content-Type: application/json',
|
||||||
:class="`text-${message.type} fas fa-${message.type === 'danger' ? 'exclamation-triangle' : message.type === 'success' ? 'check-circle' : 'info-circle'} mr-2`"></i>
|
//'Transfer-Encoding: chunked',
|
||||||
{{ message.title }}
|
'Accept: application/json'
|
||||||
</strong>
|
),
|
||||||
<small class="text-light">{{ message.timestamp.toLocaleString() }}</small>
|
));
|
||||||
<button type="button" class="ml-2 mb-1 close text-light" aria-label="Close"
|
|
||||||
@click="$(`#toast-${message.timestamp.getTime()}`).toast('hide')">
|
$response = curl_exec($curl);
|
||||||
<span aria-hidden="true">
|
if ($response === false) {
|
||||||
<i class="fas fa-times"></i>
|
echo 'Error cURL: ' . curl_error($curl) . '<br>';
|
||||||
</span>
|
echo 'Código de error: ' . curl_errno($curl) . '<br>';
|
||||||
</button>
|
|
||||||
</div>
|
curl_close($curl);
|
||||||
<div class="toast-body">
|
exit;
|
||||||
{{ message.text }}
|
}
|
||||||
</div>
|
curl_close($curl);
|
||||||
</div>
|
|
||||||
</div>
|
$curl = curl_init();
|
||||||
</div>
|
|
||||||
<div class="container">
|
curl_setopt_array($curl, array(
|
||||||
<div class="d-flex flex-wrap flex-row-reverse align-items-center mb-3">
|
CURLOPT_URL => 'https://portal.ulsa.edu.mx/servicios/AuditoriaAsistencialRest/AuditoriaAsistencialService.svc/auditoriaAsistencial/catalogos/periodos/v1/seleccionar',
|
||||||
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createPeriodoModal">
|
CURLOPT_RETURNTRANSFER => true,
|
||||||
<div class="ing-mas"></div>
|
CURLOPT_POSTFIELDS =>'[]',
|
||||||
Crear periodo
|
CURLOPT_HTTPHEADER => array(
|
||||||
</button>
|
"token:".json_decode($response, true),
|
||||||
</div>
|
'username: SGU_APSA_AUD_ASIST',
|
||||||
<div v-if="periodos.length">
|
'Transfer-Encoding: chunked'
|
||||||
<table class="table table-sm table-hover table-striped table-bordered">
|
),
|
||||||
<thead class="thead-dark">
|
));
|
||||||
<tr class="text-center text-uppercase">
|
$response = curl_exec($curl);
|
||||||
<th scope="col" class="align-middle" style="width: 8%;">SGU</th>
|
|
||||||
<th scope="col" class="align-middle" style="width: 7%;">Clave</th>
|
$id_SGU_periodos_en_Base_de_Datos = array_map(fn($item) => $item['id_periodo_sgu'], $db->get('periodo', columns:'id_periodo_sgu'));
|
||||||
<th scope="col" class="align-middle" style="width: 25%;">Nombre</th>
|
$periodos_en_SGU = json_decode($response);
|
||||||
<th scope="col" class="align-middle" style="width: 20%;">Nivel</th>
|
if( is_array($periodos_en_SGU) && count($periodos_en_SGU) > 0){
|
||||||
<th scope="col" class="align-middle" style="width: 15%;">Fecha de inicio</th>
|
|
||||||
<th scope="col" class="align-middle" style="width: 15%;">Fecha de fin</th>
|
$periodos_html = implode("\n", array_map(
|
||||||
<th scope="col" class="align-middle" style="width: 10%;">Acciones</th>
|
fn($periodo) => <<<HTML
|
||||||
</tr>
|
<li class="list-group-item" value="{$periodo->IdPeriodo}" data-clave="{$periodo->NombrePeriodo}">
|
||||||
</thead>
|
<dl class="row">
|
||||||
<tbody>
|
<dt class="col-sm-3">ID SGU:</dt> <dd class="col-sm-9">{$periodo->IdPeriodo}</dd>
|
||||||
<tr v-for="(periodo, index) in periodos" :key="periodo.periodo_id">
|
<dt class="col-sm-3">Clave</dt> <dd class="col-sm-9">{$periodo->NombrePeriodo}</dd>
|
||||||
<td class="text-center align-middle">
|
<dt class="col-sm-3">Nivel:</dt> <dd class="col-sm-9">{$periodo->NombreNivel}</dd>
|
||||||
{{ periodo.id_periodo_sgu }}
|
</dl>
|
||||||
</td>
|
</li>
|
||||||
<td class="text-center align-middle">
|
HTML, array_filter(
|
||||||
{{ periodo.periodo_clave }}
|
$periodos_en_SGU, fn($periodo) => !in_array($periodo->IdPeriodo, $id_SGU_periodos_en_Base_de_Datos)
|
||||||
</td>
|
)));
|
||||||
<td class="align-middle">
|
}else{
|
||||||
<input type="text" name="periodo_nombre" id="" v-model="periodo.periodo_nombre" class="form-control"
|
echo "Error al obtener periodos<br>";
|
||||||
required>
|
}
|
||||||
</td>
|
curl_close($curl);
|
||||||
<td class="align-middle text-center">
|
?>
|
||||||
<div class="dropdown">
|
|
||||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button"
|
<div aria-live="polite" aria-atomic="true" style="position: relative">
|
||||||
id="nivelDropdown" data-toggle="dropdown" aria-haspopup="true"
|
<div style="position: fixed; bottom: 2%; right: 2%; z-index: 9999; min-width: 300px;">
|
||||||
aria-expanded="false">
|
|
||||||
{{ periodo.nivel }}
|
<!-- Loop for messages -->
|
||||||
</button>
|
<div class="toast show shadow-sm mb-3 bg-white shadow-sm" role="alert" aria-live="assertive"
|
||||||
<div class="dropdown-menu dropdown-menu" aria-labelledby="nivelDropdown">
|
aria-atomic="true" v-for="(message, index) in messages"
|
||||||
<a class="dropdown-item" v-for="nivel in niveles" :key="nivel.nivel_id"
|
@vue:mounted="$(`#toast-${message.timestamp.getTime()}`).toast({delay: 5000}).toast('show').on('hidden.bs.toast', () => messages.splice(index, 1))" " :key="
|
||||||
href="#/" @vue:mounted="$('.dropdown-toggle').dropdown()"
|
message.timestamp.getTime()" :id="`toast-${message.timestamp.getTime()}`"">
|
||||||
@click="changeNivel(periodo, nivel.nivel_id)"
|
<div class="toast-header" :class="`bg-primary text-white`">
|
||||||
:class="{'active': nivel.nivel_id === periodo.nivel_id}">{{nivel.nivel_nombre}}</a>
|
<strong class="mr-auto text-uppercase text-center w-100 px-4">
|
||||||
</div>
|
<i
|
||||||
</div>
|
:class="`text-${message.type} fas fa-${message.type === 'danger' ? 'exclamation-triangle' : message.type === 'success' ? 'check-circle' : 'info-circle'} mr-2`"></i>
|
||||||
</td>
|
{{ message.title }}
|
||||||
<td class="align-middle">
|
</strong>
|
||||||
<input type="date" class="form-control" v-model="periodo.periodo_fecha_inicio" required
|
<small class="text-light">{{ message.timestamp.toLocaleString() }}</small>
|
||||||
:max="periodo.periodo_fecha_fin"
|
<button type="button" class="ml-2 mb-1 close text-light" aria-label="Close"
|
||||||
@change="changeFechaInicio(periodo, periodo.periodo_fecha_inicio)">
|
@click="$(`#toast-${message.timestamp.getTime()}`).toast('hide')">
|
||||||
</td>
|
<span aria-hidden="true">
|
||||||
<td class="align-middle">
|
<i class="fas fa-times"></i>
|
||||||
<input type="date" class="form-control" v-model="periodo.periodo_fecha_fin" required
|
</span>
|
||||||
:min="periodo.periodo_fecha_inicio"
|
</button>
|
||||||
@change="changeFechaFin(periodo, periodo.periodo_fecha_fin)">
|
</div>
|
||||||
</td>
|
<div class="toast-body">
|
||||||
<td class="align-middle text-center">
|
{{ message.text }}
|
||||||
<button type="button" class="btn btn-outline-primary" @click="updatePeriodo(periodo)"
|
</div>
|
||||||
:disabled="[periodo.id_periodo_sgu, periodo.periodo_clave, periodo.periodo_nombre].some(value => !value)">
|
</div>
|
||||||
<i class="ing-guardar"></i>
|
</div>
|
||||||
</button>
|
</div>
|
||||||
<button type="button" class="btn btn-outline-danger" @click="deletePeriodo(periodo)">
|
<div class="container">
|
||||||
<i class="ing-basura"></i>
|
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3" style="gap: 1rem">
|
||||||
</button>
|
|
||||||
</td>
|
<aside id="lista-periodos col-3">
|
||||||
</tr>
|
<a class="btn btn-primary text-white">
|
||||||
</tbody>
|
<div class="ing-listado-menus"></div>
|
||||||
</table>
|
Lista de Periodos
|
||||||
</div>
|
</a>
|
||||||
|
<ul class="list-group col-3 ml-auto h-50 overflow-auto position-absolute shadow-lg" id="periodos-list-group">
|
||||||
<div class="alert alert-info" role="alert" v-else>
|
<?= $periodos_html ?>
|
||||||
No hay periodos registrados
|
</ul>
|
||||||
</div>
|
</aside>
|
||||||
</div>
|
|
||||||
|
<style>
|
||||||
<!-- Modal to create periodo -->
|
#periodos-list-group {
|
||||||
<div class="modal fade" id="createPeriodoModal" tabindex="-1" role="dialog"
|
display: none;
|
||||||
aria-labelledby="createPeriodoModalLabel" aria-hidden="true">
|
transition: opacity 1s ease;
|
||||||
<div class="modal-dialog" role="document">
|
|
||||||
<div class="modal-content"
|
|
||||||
v-scope="{newPeriodo: { periodo_nombre: null, nivel_id: '', periodo_fecha_inicio: null, periodo_fecha_fin: null, id_periodo_sgu: null, periodo_clave: null }}">
|
z-index:10;
|
||||||
<div class="modal-header">
|
}
|
||||||
<h5 class="modal-title" id="createPeriodoModalLabel">Crear periodo</h5>
|
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
||||||
<span aria-hidden="true">×</span>
|
aside:focus-within, aside:hover {
|
||||||
</button>
|
#periodos-list-group {
|
||||||
</div>
|
display: flex;
|
||||||
<div class="modal-body">
|
transition: opacity 1s ease;
|
||||||
<!-- Form to create periodo -->
|
}
|
||||||
<form>
|
}
|
||||||
<div class="form-group">
|
|
||||||
<label for="periodo_nombre">Nombre del periodo</label>
|
</style>
|
||||||
<input type="text" class="form-control" id="periodo_nombre" required
|
|
||||||
v-model="newPeriodo.periodo_nombre">
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createPeriodoModal">
|
||||||
</div>
|
<div class="ing-mas"></div>
|
||||||
<div class="form-group">
|
Crear periodo
|
||||||
<label for="nivel_id">Nivel</label>
|
</button>
|
||||||
<select class="form-control" id="nivel_id" required v-model="newPeriodo.nivel_id">
|
</div>
|
||||||
<option value="" selected disabled>Selecciona un nivel</option>
|
<div v-if="periodos.length">
|
||||||
<option v-for="nivel in niveles" :key="nivel.nivel_id" :value="nivel.nivel_id">
|
<table class="table table-sm table-hover table-striped table-bordered">
|
||||||
{{ nivel.nivel_nombre }}
|
<thead class="thead-dark">
|
||||||
</option>
|
<tr class="text-center text-uppercase">
|
||||||
</select>
|
<th scope="col" class="align-middle" style="width: 8%;">SGU</th>
|
||||||
</div>
|
<th scope="col" class="align-middle" style="width: 7%;">Clave</th>
|
||||||
<div class="form-group">
|
<th scope="col" class="align-middle" style="width: 25%;">Nombre</th>
|
||||||
<label for="periodo_fecha_inicio">Fecha de inicio</label>
|
<th scope="col" class="align-middle" style="width: 20%;">Nivel</th>
|
||||||
<input type="date" class="form-control" id="periodo_fecha_inicio" required
|
<th scope="col" class="align-middle" style="width: 15%;">Fecha de inicio</th>
|
||||||
v-model="newPeriodo.periodo_fecha_inicio" :max="newPeriodo.periodo_fecha_fin">
|
<th scope="col" class="align-middle" style="width: 15%;">Fecha de fin</th>
|
||||||
</div>
|
<th scope="col" class="align-middle" style="width: 10%;">Acciones</th>
|
||||||
<div class="form-group">
|
</tr>
|
||||||
<label for="periodo_fecha_fin">Fecha de fin</label>
|
</thead>
|
||||||
<input type="date" class="form-control" id="periodo_fecha_fin" required
|
<tbody>
|
||||||
v-model="newPeriodo.periodo_fecha_fin" :min="newPeriodo.periodo_fecha_inicio">
|
<tr v-for="(periodo, index) in periodos" :key="periodo.periodo_id">
|
||||||
</div>
|
<td class="text-center align-middle">
|
||||||
<!-- Newly added fields -->
|
{{ periodo.id_periodo_sgu }}
|
||||||
<div class="form-group">
|
</td>
|
||||||
<label for="id_periodo_sgu">ID Periodo SGU</label>
|
<td class="text-center align-middle">
|
||||||
<input type="text" class="form-control" id="id_periodo_sgu" required
|
{{ periodo.periodo_clave }}
|
||||||
v-model="newPeriodo.id_periodo_sgu" inputmode="numeric" pattern="[0-9]*" min="0">
|
</td>
|
||||||
</div>
|
<td class="align-middle">
|
||||||
<div class="form-group">
|
<input type="text" name="periodo_nombre" id="" v-model="periodo.periodo_nombre" class="form-control"
|
||||||
<label for="periodo_id">Periodo Clave</label>
|
required>
|
||||||
<input type="text" class="form-control" id="periodo_clave" required
|
</td>
|
||||||
v-model="newPeriodo.periodo_clave" inputmode="numeric" pattern="[0-9]*" min="0">
|
<td class="align-middle text-center">
|
||||||
</div>
|
<div class="dropdown">
|
||||||
</form>
|
<button class="btn btn-outline-secondary dropdown-toggle" type="button"
|
||||||
|
id="nivelDropdown" data-toggle="dropdown" aria-haspopup="true"
|
||||||
</div>
|
aria-expanded="false">
|
||||||
<div class="modal-footer">
|
{{ periodo.nivel }}
|
||||||
<button type="button" class="btn btn-outline-danger" data-dismiss="modal"
|
</button>
|
||||||
@click="Object.keys(newPeriodo).forEach(key => newPeriodo[key] = null); newPeriodo.nivel_id = ''">Cerrar</button>
|
<div class="dropdown-menu dropdown-menu" aria-labelledby="nivelDropdown">
|
||||||
<button type="button" class="btn btn-primary" @click="createPeriodo(newPeriodo)">Crear
|
<a class="dropdown-item" v-for="nivel in niveles" :key="nivel.nivel_id"
|
||||||
periodo</button>
|
href="#/" @vue:mounted="$('.dropdown-toggle').dropdown()"
|
||||||
</div>
|
@click="changeNivel(periodo, nivel.nivel_id)"
|
||||||
</div>
|
:class="{'active': nivel.nivel_id === periodo.nivel_id}">{{nivel.nivel_nombre}}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</td>
|
||||||
|
<td class="align-middle">
|
||||||
<?
|
<input type="date" class="form-control" v-model="periodo.periodo_fecha_inicio" required
|
||||||
include "import/html_footer.php"; ?>
|
:max="periodo.periodo_fecha_fin"
|
||||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
|
@change="changeFechaInicio(periodo, periodo.periodo_fecha_inicio)">
|
||||||
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
</td>
|
||||||
crossorigin="anonymous"></script>
|
<td class="align-middle">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
|
<input type="date" class="form-control" v-model="periodo.periodo_fecha_fin" required
|
||||||
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
|
:min="periodo.periodo_fecha_inicio"
|
||||||
crossorigin="anonymous"></script>
|
@change="changeFechaFin(periodo, periodo.periodo_fecha_fin)">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
|
</td>
|
||||||
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
|
<td class="align-middle text-center">
|
||||||
crossorigin="anonymous"></script>
|
<button type="button" class="btn btn-outline-primary" @click="updatePeriodo(periodo)"
|
||||||
<script src="js/periodos.js?<?= rand(0, 2) ?>" type="module"></script>
|
:disabled="[periodo.id_periodo_sgu, periodo.periodo_clave, periodo.periodo_nombre].some(value => !value)">
|
||||||
<script src="js/scrollables.js"></script>
|
<i class="ing-guardar"></i>
|
||||||
</body>
|
</button>
|
||||||
|
<button type="button" class="btn btn-outline-danger" @click="deletePeriodo(periodo)">
|
||||||
</html>
|
<i class="ing-basura"></i>
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="alert alert-info" role="alert" v-else>
|
||||||
|
No hay periodos registrados
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Modal to create periodo -->
|
||||||
|
<div class="modal fade" id="createPeriodoModal" tabindex="-1" role="dialog"
|
||||||
|
aria-labelledby="createPeriodoModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content"
|
||||||
|
v-scope="{newPeriodo: { periodo_nombre: null, nivel_id: '', periodo_fecha_inicio: null, periodo_fecha_fin: null, id_periodo_sgu: null, periodo_clave: null }}">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="createPeriodoModalLabel">Crear periodo</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<!-- Form to create periodo -->
|
||||||
|
<form>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="periodo_nombre">Nombre del periodo</label>
|
||||||
|
<input type="text" class="form-control" id="periodo_nombre" required
|
||||||
|
v-model="newPeriodo.periodo_nombre">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="nivel_id">Nivel</label>
|
||||||
|
<select class="form-control" id="nivel_id" required v-model="newPeriodo.nivel_id">
|
||||||
|
<option value="" selected disabled>Selecciona un nivel</option>
|
||||||
|
<option v-for="nivel in niveles" :key="nivel.nivel_id" :value="nivel.nivel_id">
|
||||||
|
{{ nivel.nivel_nombre }}
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="periodo_fecha_inicio">Fecha de inicio</label>
|
||||||
|
<input type="date" class="form-control" id="periodo_fecha_inicio" required
|
||||||
|
v-model="newPeriodo.periodo_fecha_inicio" :max="newPeriodo.periodo_fecha_fin">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="periodo_fecha_fin">Fecha de fin</label>
|
||||||
|
<input type="date" class="form-control" id="periodo_fecha_fin" required
|
||||||
|
v-model="newPeriodo.periodo_fecha_fin" :min="newPeriodo.periodo_fecha_inicio">
|
||||||
|
</div>
|
||||||
|
<!-- Newly added fields -->
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="id_periodo_sgu">ID Periodo SGU</label>
|
||||||
|
<input type="text" class="form-control" id="id_periodo_sgu" required
|
||||||
|
v-model="newPeriodo.id_periodo_sgu" inputmode="numeric" pattern="[0-9]*" min="0">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="periodo_id">Periodo Clave</label>
|
||||||
|
<input type="text" class="form-control" id="periodo_clave" required
|
||||||
|
v-model="newPeriodo.periodo_clave" inputmode="numeric" pattern="[0-9]*" min="0">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-outline-danger" data-dismiss="modal"
|
||||||
|
@click="Object.keys(newPeriodo).forEach(key => newPeriodo[key] = null); newPeriodo.nivel_id = ''">Cerrar</button>
|
||||||
|
<button type="button" class="btn btn-primary" @click="createPeriodo(newPeriodo)">Crear
|
||||||
|
periodo</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<?
|
||||||
|
include "import/html_footer.php"; ?>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
|
||||||
|
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
|
||||||
|
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
<script src="js/periodos.js?<?= rand(0, 2) ?>" type="module"></script>
|
||||||
|
<script src="js/scrollables.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user