276 lines
10 KiB
PHP
276 lines
10 KiB
PHP
<?php
|
|
require_once("sessionManager.php");
|
|
$numerodeempleado = $_SESSION["numerodeempleado"];
|
|
if (isset($_GET["idcat"])) {
|
|
$catid = $_GET["idcat"];
|
|
} 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">
|
|
</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">
|
|
<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>
|
|
<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="recname"></h4>
|
|
</div>
|
|
<div class="col-lg-4 col-md-3 col-3">
|
|
<hr class="line-blue">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="col-lg-12 col-md-12 col-12 text-center">
|
|
<div class="descripcion"></div>
|
|
</div>
|
|
</div>
|
|
<section class="py-md-4 py-2">
|
|
<div class="container">
|
|
<div class="row justify-content-center align-items-center wrec">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<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">
|
|
<a class="btn d-inline-flex" href="<?php echo $CFG->wwwroot ?>dashboard.php?idcat=<?php echo $catid ?>">
|
|
<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>
|
|
<footer style="background: url(img/login/footer.png); background-size: cover; background-position: center; background-repeat: no-repeat; font-size:16px;" class="p-2">
|
|
<small class="">
|
|
<p class="text-white px-4 my-0">Toda la información, contenido, diseño, material gráfico y demás elementos que forman parte de esta plataforma (en adelante, la "Plataforma") son propiedad exclusiva de Grupo Estafeta, y se encuentran protegidos por la legislación nacional e internacional sobre propiedad intelectual.</p>
|
|
<p class="text-white px-4 my-0">Queda expresamente prohibida cualquier reproducción, distribución, comunicación pública, transformación o cualquier otro uso no autorizado de la información y contenido de la Plataforma, salvo autorización previa y por escrito del titular de los derechos.</p>
|
|
</small>
|
|
<!-- <img src="img/login/footer.png" class="background-footer img-fluid" alt="footer"> -->
|
|
</footer>
|
|
<?php include "footer.php"; ?>
|
|
<script type="text/javascript">
|
|
jQuery(document).ready(function($) {
|
|
if ($(".carousel-item").length == 1) {
|
|
$(".carousel-indicators").hide();
|
|
}
|
|
|
|
var total_rec = 0;
|
|
|
|
$.ajax({
|
|
url: 'controller/getUserRecursos.php?idcat=<?php echo $catid ?>',
|
|
cache: false
|
|
})
|
|
.done(function(data) {
|
|
var _data = JSON.parse(data);
|
|
|
|
if (_data.code == "0") {
|
|
Swal.fire({
|
|
html: _data.msg,
|
|
icon: "error",
|
|
onBeforeOpen: function() {},
|
|
onOpen: function() {
|
|
window.location.href = "<?php echo $CFG->wwwroot ?>dashboard.php";
|
|
},
|
|
onRender: function() {},
|
|
onClose: function() {},
|
|
onAfterClose: function() {}
|
|
});
|
|
} else {
|
|
$(".panel-left").html("");
|
|
$(".panel-right").html("");
|
|
|
|
total_rec = _data.datos.length;
|
|
|
|
$.each(_data.datos, function(index, val) {
|
|
$("#recname").html(val.catname);
|
|
$(".descripcion").html(val.catdescripcion);
|
|
console.log(val.descripcion);
|
|
if (val.descripcion == null || val.descripcion == "") {
|
|
var descripcion = "</br>";
|
|
} else {
|
|
var descripcion = val.descripcion;
|
|
}
|
|
|
|
var dummie =
|
|
|
|
|
|
' <div class="col-12 col-md-6 py-3 col-fill" data-order="' + val.clave + '">' +
|
|
' <div class="card shadow freecardrec" data-recid="' + val.id + '" id="openid' + val.id + '">' +
|
|
' <div class="card-body"><b>' + val.recname + '</b><br>' + descripcion + '</div>' +
|
|
' </div>' +
|
|
' </div>' +
|
|
' </div>';
|
|
|
|
|
|
|
|
|
|
$(".wrec").append(dummie);
|
|
var icon = "<div class='icons'><img class='img-fluid' src='" + val.imagen + "' /></div>";
|
|
$("#openid" + val.id).before(icon);
|
|
});
|
|
//$(".layer-load").hide();
|
|
}
|
|
insigniasxusuario();
|
|
orderElements();
|
|
$('.layer-load').show();
|
|
setTimeout(function() {
|
|
$('.layer-load').hide();
|
|
if (_data.datos[0].idcategoria == 36) {
|
|
console.log(total_rec, $('.insignia').length);
|
|
|
|
if (total_rec == $('.insignia').length) {
|
|
//$('.descripcion').hide();
|
|
//$('.wrec').hide();
|
|
$('.wrec').after('<p><b>Carta Aceptación</b></p>' +
|
|
'<p>Acepto haber leído el Código de Ética y Conducta de Estafeta. Entiendo que su cumplimiento es obligatorio para todo el personal y comprendo también las sanciones en caso de incumplimiento. Manifiesto que cumplo con los lineamientos de conducta ahí establecidos y que no tengo ningún conflicto de interés actual o potencial. Acepto de manera responsable lo establecido en este código y en mi contrato individual y/o colectivo de trabajo. </p>');
|
|
}
|
|
}
|
|
}, 1000);
|
|
|
|
})
|
|
.fail(function() {
|
|
|
|
})
|
|
.always(function() {
|
|
$(".layer-load").hide();
|
|
});
|
|
|
|
|
|
function insigniasxusuario() {
|
|
$(".layer-load").show();
|
|
$.ajax({
|
|
url: 'controller/getUserInsignias.php?idcat=<?php echo $catid ?>&numEmpl=<?php echo $numerodeempleado ?>',
|
|
cache: false
|
|
})
|
|
.done(function(data) {
|
|
var _data = JSON.parse(data);
|
|
//console.log(_data);
|
|
//console.log(_data);
|
|
if (_data.code == "0") {
|
|
$(".layer-load").hide();
|
|
} else {
|
|
|
|
$.each(_data.datos, function(index, val) {
|
|
if (val.varValue == "completed" || val.varValue == "passed") {
|
|
var insignia = "<div class='insignia'><span>Completado <i class='fas fa-star icon-insignia'></i></span></div>";
|
|
$("#openid" + val.idrecurso).before(insignia);
|
|
}
|
|
});
|
|
|
|
}
|
|
})
|
|
.fail(function() {})
|
|
.always(function() {
|
|
$(".layer-load").hide();
|
|
});
|
|
}
|
|
|
|
function orderElements() {
|
|
const container = $('.wrec');
|
|
|
|
// Ordenar los divs basados en el atributo data-order
|
|
const items = $('.col-fill').sort(function(a, b) {
|
|
// Comparar los valores de data-order
|
|
const orderA = $(a).data('order');
|
|
const orderB = $(b).data('order');
|
|
|
|
return orderA.localeCompare(orderB); // Ordena alfabéticamente
|
|
});
|
|
|
|
// Agregar los elementos ordenados al contenedor
|
|
container.append(items);
|
|
}
|
|
|
|
$("body").on('click', '.freecardrec', function(event) {
|
|
event.preventDefault();
|
|
//console.log($(this).data("recid"));
|
|
recid = $(this).data("recid");
|
|
if (recid == "") {
|
|
//window.location.href = "<?php echo $CFG->wwwroot ?>recursos.php?idcat=<?php echo $catid ?>";
|
|
} else {
|
|
$(".layer-load").show();
|
|
var body = document.body,
|
|
html = document.documentElement;
|
|
var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
|
|
document.getElementsByClassName("layer-load")[0].style.height = height + "px";
|
|
document.getElementsByClassName("layer-load")[0].style.display = "block";
|
|
|
|
window.location.href = "runtime/gotorte.php?recursoid=" + recid;
|
|
}
|
|
});
|
|
|
|
});
|
|
window.onresize = function(event) {
|
|
var body = document.body,
|
|
html = document.documentElement;
|
|
var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
|
|
document.getElementsByClassName("layer-load")[0].style.height = height + "px";
|
|
};
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|