Atenea
/
sgi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
							<?php
header('Expires: Sun, 01 Jan 2014 00:00:00 GMT');
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');

date_default_timezone_set('America/Mexico_City');?>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>.: CHKDOR - Facultad de Ingeniería :.</title>
        <link rel="icon" type="image/png" href="imagenes/favicon.png" />
        <link rel="stylesheet" href="./css/bootstrap-ulsa.min.css">
        <link rel="stylesheet" href="./css/indivisa.css">
        <link rel="stylesheet" href="./css/lasalle.css">
        <link rel="stylesheet" href="./css/checador.css">
        <style>


        </style>
    </head>
    <!--body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"-->
    <body>
        <header class="py-4 px-4 text-secondary indivisa-display bg-white">
            <div class="d-flex">
                <div class="my-auto mr-auto"><img id="logo" src="./imagenes/logo_lasalle.png" alt="La Salle" class="img-fluid"/></div>
                <div class="my-auto hora pr-3 text-nowrap"><span id="hr">00</span>:<span id="min">00</span> h</div>
                <div class="my-auto ml-4 fecha text-center"><span id="fecha">00 Xxx</span><br><span id="ano">2000</span></div>
            </div>
        </header>
        <div class="bg-light text-center py-2"><p class="facultad m-0">Facultad de Ingeniería</p></div>
        <div class="container-fluid">
            <div class="h-100 fondo-img">
                <div class="d-flex justify-content-center h-75">
                    <div class="bg-white align-self-center checa-box rounded-sm py-4 px-5" id="box">
                        <!-- ---------- -->
                        <div id="registro" class="">
                            <h1 class="indivisa-title subtitle text-big">Registro de asistencias</h1>
                            <form class="mt-5" id="formaChecador" autocomplete="off">
                                <div class="form-group row justify-content-center">
                                    <div class="col-sm-8">
                                        <input type="text" id="cve" placeholder="Clave de empleado" class="form-control form-control-lg" autofocus="" autocomplete="off" maxlength="6">
                                    </div>
                                </div>
                                <div class="row justify-content-center">
                                    <div class="col-sm-4 mt-4">
                                        <button type="submit" id="btnChecar" class="btn btn-outline-secondary btn-lg btn-block  font-weight-bold">Checar <i class="icon icon-arrow  font-weight-bold ml-2 text-danger"></i></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- ---------- -->
                        <div id="result_ok" class="sub-bloque d-none">
                            <div class="row">
                                <div class="col-12">
                                    <div id="aviso-texto" class="pb-3"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-7 order-last order-sm-first">
                                    <h3 class="indivisa-title subtitle mb-4 text-uppercase" id="nombre">Nombre</h3>
                                    <ul class="text-danger" id="list-result">
                                        <li class="">
                                            <span class="text-secondary font-weight-bold text-uppercase mat-desc">Materia</span><br>
                                            <span class="text-secondary mat-fecha font-weight-bold">hh:mm</span><br>
                                            <span class="text-secondary mat-salon ml-3">SALÓN: <span id="salon">SAL</span></span>
                                            <span class="text-secondary ml-3"><span class="mat-gpo">GPO</span></span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-sm-5 order-first order-sm-last text-center" id="estado">
                                    <img src="imagenes/atiempo.png" alt="resultado" class="img-fluid d-none d-sm-block">
                                    <h2 class="indivisa-title text-big">Asistencia</h2>
                                </div>
                            </div>
                        </div>
                        <!-- ---------- -->
                        <div id="result_no" class="sub-bloque row d-none">
                            <div class="col-sm-8 my-auto">
                                <h1 class="indivisa-title text-secondary text-big" id="nombre"><strong class="text-danger">No</strong> tiene horario asignado</h1>
                                <p class="text-secondary sin-servicio">Verifique que la clave <span class="clave font-weight-bold">000</span> sea correcta.</p>
                            </div>
                            <div class="col-sm-4 text-center my-auto d-none d-sm-block">
                                <img src="imagenes/sinregistro.png" alt="sin horario" class="img-fluid">
                            </div>
                        </div>
                        <!-- ---------- -->
                        
                        <!-- ---------- -->
                        <div id="internet" class="sub-bloque row d-none">
                            <div class="col-sm-7">
                                <h3 class="indivisa-title subtitle mb-5 text-big">Sin servicio</h3>
                                <p class="text-secondary sin-servicio">Por el momento la conexión a internet está fallando, por favor inténtelo más tarde.</p>
                                
                                <div class="text-center">
                                    <div class="spinner-grow text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                    <em>Conectando</em>
                                </div>
                            </div>
                            <div class="col-sm-5 text-center d-none d-sm-block">
                                <img src="imagenes/nored.png" alt="sin red" class="img-fluid">
                            </div>
                        </div>
                        <!-- ---------- -->
                        <p id="last-error" class="text-white">-</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="mensaje" class="modal fade" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">					
                    <div class="modal-body text-center">
                        <!--h1 class="modal-title"><i class="fas fa-check-circle fa-3x text-success"></i></h1 ASISTENCIA-->
                        <!--h1 class="modal-title"><i class="fas fa-exclamation-triangle fa-3x text-warning"></i></h1 -->
                        <h2 class="modal-title text-danger mb-4" id="mensaje_error"><i class="far  fa-times-circle fa-lg"></i> <span></span></h2>
                        <div id="aviso-texto"></div>
                        <div id="resultado">
                            <h2 class="modal-title text-primary mb-4" id="mensaje_ok"><span></span></h2>
                            <table class="table border border-info" style="width:100%;">
                                <tbody id="table-result">
                                    <tr class="materia-row font-weight-bold">
                                        <td class="mat-desc"></td>
                                        <td class="mat-fecha"></td>
                                        <td class="mat-salon"></td>
                                        <td class="mat-icon">
                                            <span class="retardo text-warning"><span class="fas fa-clock fa-lg"></span> Retardo</span>
                                            <span class="asistencia text-success"><span class=" fas fa-check fa-lg"></span> Asistencia</span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <h3 class="my-3" id="resultado"></h3>
                        <!--<button type="button" id="dismissModal" class="btn btn-primary" data-dismiss="modal"><i class="fas fa-check mr-2"></i>OK</button>-->
                    </div>
                </div>
            </div>
        </div>
        <script>
            var d, h, m, s, animate;
            var started_at = new Date().getTime();
            var server_time = <?php echo time(); ?>;
            var ultimosMax = 6;
        </script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/bootstrap/popper.min.js"></script>
        <script src="./js/bootstrap/bootstrap.min.js"></script>
        <script type="text/javascript" src="checador.js?v=230418"></script>
        <script>
            $(document).ready(function(){
               init();
            });
        </script>
    </body>
</html>