SuperAdminQA
/
psicoadmin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420
							<head>
    <title>PruebasPsico</title>
</head>
<?php include('sidebar.php') ?>       
<section id="content">
    <?php include('header.php') ?>       
    <div class="content-section">
        <div class="main">
            <h1>Bienvenido de nuevo Grupo DIT</h1>
            <div class="panel_options">
                <div class="row">
                    <div class="col-md-4">
                        <div class="panel" >
                            <a href="#">
                                <div class="body_tabs">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h1>Contraseñas</h1>
                                        </div>
                                        <div class="col-md-6 content_info">
                                            <i class="fas fa-shield-alt"></i>
                                            <p>432</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel" >
                            <a href="#">
                                <div class="body_tabs">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h1>Expedientes</h1>
                                        </div>
                                        <div class="col-md-6 content_info">
                                            <i class="far fa-user"></i>
                                            <p>11982</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel" >
                            <a href="#">
                                <div class="body_tabs">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h1>Puestos</h1>
                                        </div>
                                        <div class="col-md-6 content_info">
                                            <i class="far fa-list-alt"></i>
                                            <p>359</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="historial_candidatos">
                <div class="row">
                    <div class="col-md-8">
                        <div class="body_historial">
                            <div class="header_historial">
                                <i class="far fa-clock"></i>
                                <p>HISTORIAL DE ACCESO DE CANDIDATOS</p>
                            </div>
                            <div class="content_historial">
                                <p>Últimos candidatos que han ingresado al sistema:</p>
                                <div class="cabeceras">
                                    <div class="row">
                                        <div class="col20">
                                            <p>Contraseña</p>
                                        </div>
                                        <div class="col20">
                                            <p>Puesto</p>
                                        </div>
                                        <div class="col20">
                                            <p>No. Identificación</p>
                                        </div>
                                        <div class="col20">
                                            <p>Fecha de aplicación</p>
                                        </div>
                                        <div class="col20">
                                            <p>Pruebas Pendientes</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="data_candidato">
                                    <div class="row">
                                        <div class="col20">
                                            <p>repartidorPARMA</p>
                                        </div>
                                        <div class="col20">
                                            <p>Piloto Repartidor</p>
                                        </div>
                                        <div class="col20">
                                            <p><a href="#">1583266600501</a></p>
                                        </div>
                                        <div class="col20">
                                            <p>27/12/2018</p>
                                            <p>12:02 PM</p>
                                        </div>
                                        <div class="col20">
                                            <p>No</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="data_candidato">
                                    <div class="row">
                                        <div class="col20">
                                            <p>repartidorPARMA</p>
                                        </div>
                                        <div class="col20">
                                            <p>Piloto Repartidor</p>
                                        </div>
                                        <div class="col20">
                                            <p><a href="#">1583266600501</a></p>
                                        </div>
                                        <div class="col20">
                                            <p>27/12/2018</p>
                                            <p>12:02 PM</p>
                                        </div>
                                        <div class="col20">
                                            <p>No</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="data_candidato">
                                    <div class="row">
                                        <div class="col20">
                                            <p>repartidorPARMA</p>
                                        </div>
                                        <div class="col20">
                                            <p>Piloto Repartidor</p>
                                        </div>
                                        <div class="col20">
                                            <p><a href="#">1583266600501</a></p>
                                        </div>
                                        <div class="col20">
                                            <p>27/12/2018</p>
                                            <p>12:02 PM</p>
                                        </div>
                                        <div class="col20">
                                            <p>No</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="data_candidato">
                                    <div class="row">
                                        <div class="col20">
                                            <p>repartidorPARMA</p>
                                        </div>
                                        <div class="col20">
                                            <p>Piloto Repartidor</p>
                                        </div>
                                        <div class="col20">
                                            <p><a href="#">1583266600501</a></p>
                                        </div>
                                        <div class="col20">
                                            <p>27/12/2018</p>
                                            <p>12:02 PM</p>
                                        </div>
                                        <div class="col20">
                                            <p>No</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="data_candidato">
                                    <div class="row">
                                        <div class="col20">
                                            <p>repartidorPARMA</p>
                                        </div>
                                        <div class="col20">
                                            <p>Piloto Repartidor</p>
                                        </div>
                                        <div class="col20">
                                            <p><a href="#">1583266600501</a></p>
                                        </div>
                                        <div class="col20">
                                            <p>27/12/2018</p>
                                            <p>12:02 PM</p>
                                        </div>
                                        <div class="col20">
                                            <p>No</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="actividades_recientes">
                            <div class="cabecera_recently">
                                <i class="fas fa-plane-departure"></i>
                                <p>HISTORIAL DE ACTIVIDADES</p>
                            </div>
                            <div class="content_historial">
                                <p>Últimas actividades registradas</p>
                                <div class="data_actividad">
                                    <div class="filtros_history">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label>Contraseña</label>
                                                <input type="text" name="contraseña" placeholder="Contraseña">
                                            </div>
                                            <div class="col-md-4">
                                                <label>Módulo</label>
                                                <select>
                                                    <option>Puestos</option>
                                                    <option>Contraseñas</option>
                                                    <option>Expedientes</option>
                                                    <option>Resultados</option>
                                                    <option>Pruebas</option>
                                                    <option>Ajustes</option>
                                                    <option>Membresías</option>
                                                    <option>Sesiones</option>
                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <label>Acción</label>
                                                <select>
                                                    <option>Crear</option>
                                                    <option>Editar</option>
                                                    <option>Eliminar</option>
                                                    <option>Desbloquear</option>
                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <label>Fecha Inicio</label>
                                                <input id="custom-input-date" class="calendar" type="text" name="upload-release" placeholder="dd/mm/yyyy">
                                            </div>
                                            <div class="col-md-4">
                                                <label>Fecha Inicio</label>
                                                <input id="custom-input-date-2" class="calendar" type="text" name="upload-release" placeholder="<?php echo date('d/m/y')?>">
                                            </div>
                                            <div class="col-md-4">
                                                <button class="buscar_filtros_history">Buscar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cabeceras_actividad">
                                        <div class="row">
                                            <div class="col25">
                                                <p>Contraseña</p>
                                            </div>
                                            <div class="col25">
                                                <p>Descripción</p>
                                            </div>
                                            <div class="col25">
                                                <p>Módulo</p>
                                            </div>
                                            <div class="col25">
                                                <p>Fecha</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_history">
                                       <div class="row">
                                           <div class="col25">
                                               <p>rcardona2510</p>
                                           </div>
                                           <div class="col25">
                                               <p>Creó la contraseña: pilotosanti</p>
                                           </div>
                                           <div class="col25">
                                               <p>Contraseñas</p>
                                           </div>
                                           <div class="col25">
                                               <p>21/12/18 8:25:52</p>
                                           </div>
                                       </div> 
                                    </div>
                                    <div class="body_history">
                                       <div class="row">
                                           <div class="col25">
                                               <p>rcardona2510</p>
                                           </div>
                                           <div class="col25">
                                               <p>Creó la contraseña: pilotosanti</p>
                                           </div>
                                           <div class="col25">
                                               <p>Contraseñas</p>
                                           </div>
                                           <div class="col25">
                                               <p>21/12/18 8:25:52</p>
                                           </div>
                                       </div> 
                                    </div>
                                    <div class="body_history">
                                       <div class="row">
                                           <div class="col25">
                                               <p>rcardona2510</p>
                                           </div>
                                           <div class="col25">
                                               <p>Creó la contraseña: pilotosanti</p>
                                           </div>
                                           <div class="col25">
                                               <p>Contraseñas</p>
                                           </div>
                                           <div class="col25">
                                               <p>21/12/18 8:25:52</p>
                                           </div>
                                       </div> 
                                    </div>
                                    <div class="footer_history">
                                        <a href="#" data-toggle="modal" data-target="#ayudaHistorial">Ayuda</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php include('footer.php') ?>
    </div>
</section>
<!-- Modal ver más información-->
<div class="modal fade" id="ayudaHistorial" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Asistencia</h4>
        </div>
        <div class="modal-body">
            <div class="data_notification">
                <p>La lista muestra un historial de las actividades que se han realizado en cada módulo del sistema a nivel Administradores y Asistentes, realice búsquedas avanzadas o simplemente actualice la lista para obtener los últimos registros.</p>
        </div>
      </div>
    </div>
</div>
<script>
    $("#custom-input-date").datepicker({ dateFormat:'dd/mm/yy'});

    // ACTIONS
    $("input").on("change", function(e) {
      $(this).siblings(".label-error").text("");
      $(this).removeClass("error");
    })

    $("#custom-input-date").on("focusout", function(e) {
      if($(this).val() != '') {
        dateValidation($(this));
      }
    })

    // CHECK
    function dateValidation(input) {
      var errorLabel = input.siblings(".label-error");
      var date = input.val();

      input.removeClass("error");
      errorLabel.text("");

      var matches = /^(\d{1,2})[/\/](\d{1,2})[/\/](\d{4})$/.exec(date);
      if (matches == null) {
        input.addClass("error");
        errorLabel.text("Date not valid.");
      };

      var d = matches[1];
      var m = matches[2] - 1;
      var y = matches[3];
      var composedDate = new Date(y, m, d);

      if(composedDate.getDate() == d && composedDate.getMonth() == m && composedDate.getFullYear() == y) {} else {
        input.addClass("error");
        errorLabel.text("Date not valid.");
      }
    }
</script>
<script>
    $("#custom-input-date-2").datepicker({ dateFormat:'dd/mm/yy'});

    // ACTIONS
    $("input").on("change", function(e) {
      $(this).siblings(".label-error").text("");
      $(this).removeClass("error");
    })

    $("#custom-input-date").on("focusout", function(e) {
      if($(this).val() != '') {
        dateValidation($(this));
      }
    })

    // CHECK
    function dateValidation(input) {
      var errorLabel = input.siblings(".label-error");
      var date = input.val();

      input.removeClass("error");
      errorLabel.text("");

      var matches = /^(\d{1,2})[/\/](\d{1,2})[/\/](\d{4})$/.exec(date);
      if (matches == null) {
        input.addClass("error");
        errorLabel.text("Date not valid.");
      };

      var d = matches[1];
      var m = matches[2] - 1;
      var y = matches[3];
      var composedDate = new Date(y, m, d);

      if(composedDate.getDate() == d && composedDate.getMonth() == m && composedDate.getFullYear() == y) {} else {
        input.addClass("error");
        errorLabel.text("Date not valid.");
      }
    }
</script>