211 lines
7.1 KiB
PHP
211 lines
7.1 KiB
PHP
|
<?php
|
||
|
|
require_once("sessionManager.php");
|
||
|
|
$numerodeempleado = $_SESSION["numerodeempleado"];
|
||
|
|
if( isset($_GET["evaluacionid"]) ){
|
||
|
|
$evaluacionid = $_GET["evaluacionid"];
|
||
|
|
}else{
|
||
|
|
header("Location: ".$CFG->wwwroot."dashboard.php");
|
||
|
|
}
|
||
|
|
|
||
|
|
?>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<?php include "header.php"; ?>
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/recursos.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="encuestas/encuestas.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="layer-load">
|
||
|
|
<div class="lds-ring">
|
||
|
|
<div></div>
|
||
|
|
<div></div>
|
||
|
|
<div></div>
|
||
|
|
<div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<nav class="navbar navbar-expand-md bg-dark background-nav sticky-top text-white navbar-dark py-0">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<a class="navbar-brand" href="<?php echo $CFG->wwwroot ?>dashboard.php">
|
||
|
|
<img src="img/logo_wh.svg" alt="Logo Universidad Estafeta" height="50" width="150" class="img-fluid">
|
||
|
|
</a>
|
||
|
|
<button class="navbar-toggler mr-2 p-0" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
<div class="collapse navbar-collapse text-white" id="collapsibleNavbar">
|
||
|
|
<ul class="navbar-nav">
|
||
|
|
<li class="nav-item">
|
||
|
|
<span class="navbar-text">
|
||
|
|
<i class="fas fa-user"></i>
|
||
|
|
<?php echo $numerodeempleado ?>
|
||
|
|
</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="nav ml-auto navbar-nav navbar-right">
|
||
|
|
<li class="nav-item p-0">
|
||
|
|
<a href="<?php echo $CFG->wwwroot ?>runtime/logout.php" class="navbar-brand text-white">
|
||
|
|
<span class="small"><i class="far fa-sign-out"></i> Salir</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<section class="cidheader d-none">
|
||
|
|
<div id="cidheader" class="carousel slide">
|
||
|
|
<div class="carousel-inner">
|
||
|
|
<div class="carousel-item active">
|
||
|
|
<img src="img/carusel-header/cursos.jpg" class="card-img">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ol class="carousel-indicators ">
|
||
|
|
<li data-target="#cidheader" data-slide-to="0" class="active"></li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="title-evaluacion mb-5">
|
||
|
|
<div class="container-fluid py-4">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-4 col-md-3 col-3">
|
||
|
|
<hr class="line-blue">
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-6 col-6 text-center">
|
||
|
|
<h4 class="col-lg-12" id="evaname"></h4>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-3 col-3">
|
||
|
|
<hr class="line-blue">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="instrucciones-evaluacion mt-5 mb-5">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12 col-md-12 col-12">
|
||
|
|
<span class="_instrucciones">Cargando...</span>
|
||
|
|
<p><b>Número de preguntas: </b><span class="_preguntas">Cargando...</span></p>
|
||
|
|
<p><b>Calificación aprobatoria: </b><span class="_calificacion">Cargando...</span></p>
|
||
|
|
<p><b>Límite de Intentos: </b><span class="_intentos">Cargando...</span></p>
|
||
|
|
<p><b>Límite de Tiempo: </b><span class="_tiempo">Cargando...</span></p>
|
||
|
|
<p><button id="btn_init" type="button" class="btn btn-primary" data-mode="new" style="display: none;">Comenzar evaluación</button></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section class="progress-evaluacion mt-5 mb-5" style="display: none;">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-2 col-md-2 col-12">
|
||
|
|
<!-- Nav tabs -->
|
||
|
|
<small>Preguntas restantes</small>
|
||
|
|
<ul class="nav nav-tabs flex-column">
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-10 col-md-10 col-12">
|
||
|
|
<form class="formcontroller row">
|
||
|
|
<input type="hidden" name="idevaluacion" id="idevaluacion" value="<?=$evaluacionid?>">
|
||
|
|
<input type="hidden" name="numerodeempleado" id="numerodeempleado" value="<?=$numerodeempleado?>">
|
||
|
|
<input type="hidden" name="estado" id="estado">
|
||
|
|
<input type="hidden" name="cronometro" id="cronometro">
|
||
|
|
<!--<input type="text" name="puntos" id="puntos">-->
|
||
|
|
<!--<input type="text" name="aciertos" id="aciertos">-->
|
||
|
|
<div class="col-lg-5 col-md-5 col-12">
|
||
|
|
<p><small><b>Tiempo transcurrido: </b><span class="_time">--:--:--</span></small></p>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-7 col-md-7 row col-12 progress_bar">
|
||
|
|
<div class="col-lg-5 col-md-5 col-12">
|
||
|
|
<p><small><b>Tiempo restante: </b><span class="_timelimit d-none"></span></small></p>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-7 col-md-7 col-12">
|
||
|
|
<div class="progress">
|
||
|
|
<div class="progress-bar progress-bar-striped bg-danger progress-bar-animated" style="width:0%"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-12 col-md-12 col-12">
|
||
|
|
<hr class="border border-primary">
|
||
|
|
</div>
|
||
|
|
<!-- Tab panes -->
|
||
|
|
<div class="tab-content col-lg-12 col-md-12 col-12">
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="result-evaluacion mt-5 mb-5" style="display: none;">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12 col-md-12 col-12">
|
||
|
|
<h4>Resultados</h4>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-12 col-md-12 col-12">
|
||
|
|
<table class="table-data table table-bordered">
|
||
|
|
<thead class="thead-light">
|
||
|
|
<tr>
|
||
|
|
<th>Calificación</th>
|
||
|
|
<th>Aprobado/Reprobado</th>
|
||
|
|
<th>Tiempo</th>
|
||
|
|
<th>Estado</th>
|
||
|
|
<th>Fecha de aplicación</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody></tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="container-result row"></div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="constancia-evaluacion" style="display: none;">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12 col-md-12 col-12 text-center">
|
||
|
|
<a target="_blank" id="btn-constancia" class="btn btn-secondary">Constancia <i class="fa fa-user"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section class="footer-evaluacion mt-5">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-4 col-md-3 col-3">
|
||
|
|
<hr class="line-blue">
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-6 col-6 text-center">
|
||
|
|
<a class="btn d-inline-flex btn-return" href="#">
|
||
|
|
<span class="icon-left mr-2"></span>
|
||
|
|
<span> Regresa al menú anterior</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-3 col-3">
|
||
|
|
<hr class="line-blue">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer class="mt-5">
|
||
|
|
<img src="img/login/footer.png" class="background-footer img-fluid" alt="footer">
|
||
|
|
</footer>
|
||
|
|
<?php include "footer.php"; ?>
|
||
|
|
<script type="text/javascript" src="<?php echo $CFG->wwwroot ?>evaluaciones/evaluaciones.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
</html>
|