272 lines
11 KiB
PHP
272 lines
11 KiB
PHP
|
<?php
|
||
|
|
require_once("sessionManager.php");
|
||
|
|
$numerodeempleado = $_SESSION["numerodeempleado"];
|
||
|
|
$dashCatId = isset($_GET["idcat"]) ? intval($_GET["idcat"]) : 0;
|
||
|
|
?>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>ESTAFETA</title>
|
||
|
|
<?php include "header.php"; ?>
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/dashboard.css">
|
||
|
|
<style>
|
||
|
|
.cat-resaltada {
|
||
|
|
box-shadow: 0 0 0 3px #ffc107, 0 0 18px rgba(0,0,0,.35) !important;
|
||
|
|
border-radius: 8px;
|
||
|
|
transition: box-shadow .3s ease;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</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/curso_induccion.jpeg_1834093470.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">
|
||
|
|
<div class="row py-2">
|
||
|
|
<div class="col-lg-4 col-md-4 col-4 mt-lg-4">
|
||
|
|
<hr class="line-blue">
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-4 col-4 text-center">
|
||
|
|
<img src="<?php echo $CFG->wwwroot ?>img/logo-ue.svg" width="250" class="img-fluid">
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-4 col-4 mt-lg-4">
|
||
|
|
<hr class="line-blue">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<section class="w-100 wdash">
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<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">
|
||
|
|
var dashCatId = <?php echo $dashCatId; ?>;
|
||
|
|
jQuery(document).ready(function($) {
|
||
|
|
if ($(".carousel-item").length == 1) {
|
||
|
|
$(".carousel-indicators").hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
url: 'runtime/getUserDashBoard.php',
|
||
|
|
cache: false
|
||
|
|
})
|
||
|
|
.done(function(data) {
|
||
|
|
var _data = null;
|
||
|
|
try { _data = (typeof data === 'object') ? data : JSON.parse(data); }
|
||
|
|
catch (e) {
|
||
|
|
console.error('Respuesta no-JSON de getUserDashBoard.php:', String(data).substring(0, 300));
|
||
|
|
}
|
||
|
|
if (!_data) {
|
||
|
|
Swal.fire({ html: 'No se pudo cargar el dashboard. Intenta de nuevo.', icon: 'error' });
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (_data.code == "0") {
|
||
|
|
Swal.fire({
|
||
|
|
html: _data.msg,
|
||
|
|
icon: "error",
|
||
|
|
onBeforeOpen: function() {},
|
||
|
|
onOpen: function() {},
|
||
|
|
onRender: function() {},
|
||
|
|
onClose: function() {},
|
||
|
|
onAfterClose: function() {}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
$(".wdash").html("");
|
||
|
|
$(".wdash").attr("id", "dashboard-cuadro");
|
||
|
|
$.each(_data.padre, function(index, val) {
|
||
|
|
var dummie =
|
||
|
|
'<section class="py-md-4 py-2 seccion_main gray" id="catid' + val.catid + '">' +
|
||
|
|
' <div class="container my-md-5 my-3">' +
|
||
|
|
' <div class="row ">' +
|
||
|
|
' <div class="col-12">' +
|
||
|
|
' <h1 class="text-center text-primary">' + val.nombre + '</h1>' +
|
||
|
|
' </div>' +
|
||
|
|
' </div>' +
|
||
|
|
' <div class="row "><div class="col-lg-12 col-md-12 col-12 text-left mb-5">' +
|
||
|
|
' <div class="intrucciones">' + val.descripcion + '</div>' +
|
||
|
|
' </div></div>' +
|
||
|
|
' <div class="row dashboarduser justify-content-center" id="dbu' + val.catid + '">' +
|
||
|
|
' <div class="col-6 col-md-4 py-2">' +
|
||
|
|
' <div class="card h-100 shadow freecardcategory">' +
|
||
|
|
' <div class="card-body"></div>' +
|
||
|
|
' </div>' +
|
||
|
|
' </div>' +
|
||
|
|
' </div>' +
|
||
|
|
' <div class="row align-items-center mt-3 justify-content-center" id="container-extra' + val.catid + '">' +
|
||
|
|
' </div>' +
|
||
|
|
' </div>' +
|
||
|
|
'</section>';
|
||
|
|
|
||
|
|
var instruccion = '<h6 class="intrucciones mt-5"><b>Instrucciones: </b> Presiona alguna categoría para ver las actividades del curso.</h6>';
|
||
|
|
|
||
|
|
var legend = '<p>A lo largo del viaje que estás por emprender, conocerás múltiples destinos con información valiosa para que tu integración a nuestro equipo de trabajo y tu esfuerzo sean óptimos, así como para permitirnos en conjunto, alcanzar metas cada vez más grandes. </p>' +
|
||
|
|
'<p>Cada uno de estos destinos te proporcionará un sello diferente para tu pasaporte de viajero Estafeta, el cual puedes consultar en todo momento. ¡Obtenlos todos!</p>' +
|
||
|
|
'<p align="center">¡Comencemos!</p>';
|
||
|
|
|
||
|
|
|
||
|
|
$("#instrucciones").append(instruccion);
|
||
|
|
|
||
|
|
|
||
|
|
$(".wdash").append(dummie);
|
||
|
|
$("#dbu" + val.catid).html("");
|
||
|
|
$.each(val.hijos, function(i2, hj) {
|
||
|
|
|
||
|
|
var imagen = hj.imagen == "" ? '<img src="img/icons/304-archive.png" class="card-img-top">' : '<img src="' + hj.imagen + '" class="img-fluid d-block mx-auto imgiconcat">';
|
||
|
|
|
||
|
|
var hijo =
|
||
|
|
'<div class="col-8 col-sm-6 col-md-4 col-lg-3 my-3 colcard" id="colcard' + hj.id + '" >' +
|
||
|
|
|
||
|
|
' <div class="card card-gray bg-transparent border-0 freecardcategory text-center h-100" data-catid="' + hj.id + '" id="openid' + hj.id + '">' +
|
||
|
|
' <div class="card-header bg-primary py-4"></div>' +
|
||
|
|
' <div class="card-body shadow text-module px-0 d-flex align-items-center justify-content-center">' + hj.nombre + '</div>' +
|
||
|
|
' </div>' +
|
||
|
|
' </div>';
|
||
|
|
|
||
|
|
$("#dbu" + val.catid).append(hijo);
|
||
|
|
if (imagen != "") {
|
||
|
|
$("#openid" + hj.id).prepend(imagen);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (index % 2 != 0) {
|
||
|
|
|
||
|
|
$('#catid' + val.catid).addClass("gray");
|
||
|
|
$('.card').addClass("card-gray");
|
||
|
|
$('.card').removeClass("card-white");
|
||
|
|
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
$('#catid' + val.catid).removeClass("gray");
|
||
|
|
$('.card').removeClass("card-gray");
|
||
|
|
$('.card').addClass("card-white");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (val.catid == '1') {
|
||
|
|
$("#legend" + val.catid).append(legend);
|
||
|
|
var btnPasaporte = '<div class="col-12 text-center"><a href="pasaporte.php"><img src="img/dashboard/pasport.png" width="80" class="img-fluid pb-3"/><br><button class="btn btn-gold text-white">Ver mi pasaporte</button></a></div>';
|
||
|
|
$("#container-extra" + val.catid).append(btnPasaporte);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
if (dashCatId > 0) {
|
||
|
|
setTimeout(function () {
|
||
|
|
var destino = null;
|
||
|
|
$.each(_data.padre, function (index, val) {
|
||
|
|
if (val.catid == dashCatId) {
|
||
|
|
destino = $("#catid" + val.catid);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
var encontrado = false;
|
||
|
|
$.each(val.hijos, function (i2, hj) {
|
||
|
|
if (hj.id == dashCatId) { encontrado = true; return false; }
|
||
|
|
});
|
||
|
|
if (encontrado) {
|
||
|
|
destino = $("#catid" + val.catid);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var tarjeta = $("#openid" + dashCatId);
|
||
|
|
if (tarjeta.length) {
|
||
|
|
if (tarjeta[0].scrollIntoView) {
|
||
|
|
tarjeta[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||
|
|
}
|
||
|
|
tarjeta.addClass("cat-resaltada");
|
||
|
|
setTimeout(function () { tarjeta.removeClass("cat-resaltada"); }, 3500);
|
||
|
|
} else if (destino && destino.length) {
|
||
|
|
$('html, body').animate({ scrollTop: destino.offset().top - 70 }, 600);
|
||
|
|
}
|
||
|
|
}, 400);
|
||
|
|
}
|
||
|
|
//$(".layer-load").hide();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.fail(function() {
|
||
|
|
|
||
|
|
})
|
||
|
|
.always(function() {
|
||
|
|
$(".layer-load").hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$("body").on('click', '.freecardcategory', function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
//console.log( $(this).data("catid"));
|
||
|
|
catid = $(this).data("catid");
|
||
|
|
if (catid == "") {
|
||
|
|
//window.location.href = "<?php echo $CFG->wwwroot ?>dashboard.php";
|
||
|
|
} else {
|
||
|
|
window.location.href = "recursos.php?idcat=" + catid;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|