<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">×</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>