| Server IP : 165.22.154.248 / Your IP : 216.73.217.0 [ Web Server : Apache/2.4.29 (Ubuntu) System : Linux droplet-integra 4.15.0-197-generic #208-Ubuntu SMP Tue Nov 1 17:23:37 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 7.2.24-0ubuntu0.18.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/avanza-lms.old.bak9874115/mod/agilesson/templates/ |
Upload File : |
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name='author' content='Escuela Didáctica, info@escueladidactica.com' />
<title>Agilesson</title>
</head>
<body>
<article class="agilesson agilesson--layout3 js-agilesson_{{instanceid}}">
{{#agilesson_titlestatus}}
<section class="title">
<h1 class="title__title">{{{agilesson_name}}}</h1>
</section>
{{/agilesson_titlestatus}}
{{#presentation}}
<section class="presentation">
{{#video}}
<div class="video__iframe frame">
<iframe src="{{presentation_url}}" frameborder="0" allowfullscreen></iframe>
</div>
{{/video}}
{{#imagen}}
<img class="presentation__img frame" src="{{presentation_url}}" alt="">
{{/imagen}}
</section>
{{/presentation}}
{{#show_description}}
<section class="description">
<p>{{description}}</p>
</section>
{{/show_description}}
<section class="studyContent">
<div class="studyContent__list">
{{#status_module}}
{{#modules}}
{{#module}}
{{#status_completion}}
<div class="studyContent__item {{type_resource}} {{cod_name}} studyContent__item--check js-studyContent__item_{{instanceid}}"
data-module_id="{{module_id}}"
data-scorm="{{data-scorm}}"
data-status_completion="{{status_completion}}"
data-modname="{{modname}}"
data-openin="{{content_openin}}"
data-href="{{data-href}}"
data-href-scorm="{{data-href-scorm}}">
<div class="studyContent__item__column studyContent__item__CounterContainer">
<h3 class="studyContent__item__counter"></h3>
</div>
<div class="studyContent__item__column">
<span class="studyContent__item__title">{{content_name}}</span>
<div class="studyContent__item__icon">
</div>
</div>
</div>
{{/status_completion}}
{{^status_completion}}
<div class="studyContent__item {{type_resource}} {{cod_name}} {{#agilesson_sequentially}} studyContent__item--locked {{/agilesson_sequentially}} js-studyContent__item_{{instanceid}}"
data-module_id="{{module_id}}"
data-scorm="{{data-scorm}}"
data-status_completion="{{status_completion}}"
data-modname="{{modname}}"
data-openin="{{content_openin}}"
data-href="{{data-href}}"
data-href-scorm="{{data-href-scorm}}">
<div class="studyContent__item__column studyContent__item__CounterContainer">
<h3 class="studyContent__item__counter"></h3>
</div>
<div class="studyContent__item__column">
<span class="studyContent__item__title">{{content_name}}</span>
<div class="studyContent__item__icon">
</div>
</div>
</div>
{{/status_completion}}
{{/module}}
{{/modules}}
{{/status_module}}
</div>
</section>
</article>
<article class="agilessonBackdrop">
<button class="agilessonBackdrop__close">
<svg class="agilessonBackdrop__closeIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 492">
<path
d="M300.188 246L484.14 62.04c5.06-5.064 7.852-11.82 7.86-19.024 0-7.208-2.792-13.972-7.86-19.028L468.02 7.872C462.952 2.796 456.196.016 448.984.016c-7.2 0-13.956 2.78-19.024 7.856L246.008 191.82 62.048 7.872C56.988 2.796 50.228.016 43.02.016c-7.2 0-13.96 2.78-19.02 7.856L7.872 23.988c-10.496 10.496-10.496 27.568 0 38.052L191.828 246 7.872 429.952C2.808 435.024.02 441.78.02 448.984c0 7.204 2.788 13.96 7.852 19.028l16.124 16.116c5.06 5.072 11.824 7.856 19.02 7.856 7.208 0 13.968-2.784 19.028-7.856l183.96-183.952 183.952 183.952c5.068 5.072 11.824 7.856 19.024 7.856h.008c7.204 0 13.96-2.784 19.028-7.856l16.12-16.116c5.06-5.064 7.852-11.824 7.852-19.028 0-7.204-2.792-13.96-7.852-19.028L300.188 246z" />
</svg>
</button>
<iframe id="agilessonBackdrop__iframe" class="agilessonBackdrop__iframe" src="" frameborder="0"></iframe>
<section class="agilessonBackdrop__preload">
<img class="agilessonBackdrop__preloadIcon" src="{{wwwroot}}/mod/agilesson/pix/preload.svg" alt="iMaster">
<p class="agilessonBackdrop__preloadText">Cargando</p>
</section>
</article>
<script>
var _modules_{{instanceid}}=[];
document.addEventListener("DOMContentLoaded", inicio_{{instanceid}});
var claseContentItem_{{instanceid}} = "js-studyContent__item_{{instanceid}}";
var claseBackdrop_{{instanceid}} = "agilessonBackdrop";
var claseBtnCerrarIframe_{{instanceid}} = "agilessonBackdrop__close";
var idBackdropIfram_{{instanceid}} = "agilessonBackdrop__iframe";
var claseBackdropPreload_{{instanceid}} = "agilessonBackdrop__preload";
var content_list_{{instanceid}} = document.querySelectorAll(".js-agilesson_{{instanceid}} .studyContent__list");
function inicio_{{instanceid}}(){
var itemContent_{{instanceid}} = document.getElementsByClassName(claseContentItem_{{instanceid}});
var btnCerrarIframe_{{instanceid}} = document.getElementsByClassName(claseBtnCerrarIframe_{{instanceid}});
var itemActives_{{instanceid}} = [];
//recorro los
for (let i = 0; i < itemContent_{{instanceid}}.length; i++) {
if(i==0){
console.log('agregando el item 0 ',itemContent_{{instanceid}}[i]);
itemActives_{{instanceid}}.push(itemContent_{{instanceid}}[i]);
}else{
{{#agilesson_sequentially}}
if(itemContent_{{instanceid}}[i].getAttribute('data-status_completion')>0){
itemActives_{{instanceid}}.push(itemContent_{{instanceid}}[i]);
}
{{/agilesson_sequentially}}
{{^agilesson_sequentially}}
itemActives_{{instanceid}}.push(itemContent_{{instanceid}}[i]);
{{/agilesson_sequentially}}
}
}
console.log('itemActives: ',itemActives_{{instanceid}});
add_event_click_{{instanceid}}(itemActives_{{instanceid}}, content_openin_{{instanceid}});
add_event_click_{{instanceid}}(btnCerrarIframe_{{instanceid}}, cerrar_iframe_{{instanceid}});
activeFirst_{{instanceid}}();
{{^agilesson_sequentially}}
_modules_{{instanceid}} = [];
Object.entries(content_list_{{instanceid}}).forEach(([i, item]) => {
Object.entries(item.children).forEach(([f,element])=>{
_modules_{{instanceid}}.push(element.getAttribute('data-module_id'));
});
});
ocultarModulos_{{instanceid}}();
{{/agilesson_sequentially}}
}
function activeFirst_{{instanceid}}() {
require(['jquery'], function($) {
_modules_{{instanceid}}=[];
let url = new URL(window.location.href);
let params = new URLSearchParams(url.search);
var id_curso = params.get('id');
//console.log('id curso ',id_curso);
console.log('content_list first ',content_list_{{instanceid}});
Object.entries(content_list_{{instanceid}}).forEach(([i, item]) => {
Object.entries(item.children).forEach(([f,element])=>{
{{#agilesson_sequentially}}
element.classList.add("studyContent__item--locked");
{{/agilesson_sequentially}}
_modules_{{instanceid}}.push(element.getAttribute('data-module_id'));
//console.log('id_modulo ',element.getAttribute('data-module_id'));
$.ajax({
type: "POST",
url: "{{wwwroot}}/mod/agilesson/api/api.php",
data: 'task=status-completion&id_modulo=' + element.getAttribute('data-module_id') + '&id_curso=' + id_curso,
dataType: "html",
success: function(res) {
//console.log('respuesta estado activeFirst ',res);
try {
res = JSON.parse(res);
if (res.completion>0) {
element.classList.remove("studyContent__item--locked");
element.classList.add("studyContent__item--check");
if (element.nextElementSibling) {
element.nextElementSibling.classList.remove("studyContent__item--locked");
element.nextElementSibling.addEventListener("click", content_openin_{{instanceid}});
}
}else{
element.classList.remove("studyContent__item--check");
}
} catch (e) {
}
}
});
});
if(item.children[0]){
item.children[0].classList.remove("studyContent__item--locked");
}
});
ocultarModulos_{{instanceid}}();
});
}
function ocultarModulos_{{instanceid}}(){
console.log('ocultando modulos');
require(['jquery'], function($) {
$(".instancename").each(function() {
if ($('.activity .editing_move').length == 0) {
//console.log('modulos a ocultar ',_modules);
Object.entries( _modules_{{instanceid}}).forEach(([i, item]) => {
let module=$(this).parents("li.activity").attr("id").split("-")
if(module[1]==item){
$(this).parents("li.activity").hide();
}
});
}
});
});
}
function add_event_click_{{instanceid}}(element, functions){
for (let i = 0; i < element.length; i++) {
element[i].addEventListener("click", functions);
}
}
function content_openin_{{instanceid}}(event){
if(!this.classList.contains("studyContent__item--locked")){
var open_in = this.getAttribute("data-openin");
var module_id = this.getAttribute("data-module_id");
var elemento = this;
try {
switch (open_in) {
case '0':
openin_backdrop_{{instanceid}}(elemento);
break;
case '1':
openin_self_{{instanceid}}(elemento);
break;
case '2':
openin_blank_{{instanceid}}(elemento);
break;
}
} catch (e) {
console.log(e);
}
}else{
console.log('bloqueado');
}
}
function openin_backdrop_{{instanceid}}(elem){
var href = elem.getAttribute("data-href");
if(elem.getAttribute('data-modname')=='scorm'){
href=elem.getAttribute('data-href-scorm');
}
document.getElementById(idBackdropIfram_{{instanceid}}).setAttribute("src", href);
document.getElementById(idBackdropIfram_{{instanceid}}).addEventListener("load", function(){
var preload = document.getElementsByClassName(claseBackdropPreload_{{instanceid}})[0];
preload.classList.add('agilessonBackdrop__preload--invisible');
fullView_{{instanceid}}();
});
document.getElementsByClassName(claseBackdrop_{{instanceid}})[0].classList.add("agilessonBackdrop--in");
document.getElementsByTagName('body')[0].style.overflow = "hidden";
}
function openin_self_{{instanceid}}(elem){
var href = elem.getAttribute("data-href");
if(elem.getAttribute('data-modname')=='scorm'){
href=elem.getAttribute('data-href-scorm');
}
if (elem.tagName == 'a') {
elem.setAttribute("target", "_self");
elem.setAttribute("href", href);
} else {
document.location.href = href;
}
}
function openin_blank_{{instanceid}}(elem){
var href = elem.getAttribute("data-href");
if(elem.getAttribute('data-modname')=='scorm'){
href=elem.getAttribute('data-href-scorm');
}
if (elem.tagName == 'a') {
elem.setAttribute("target", "_blank");
elem.setAttribute("href", href);
} else {
window.open(href);
}
}
function cerrar_iframe_{{instanceid}}(){
require(['jquery'], function($) {
document.getElementsByClassName(claseBackdrop_{{instanceid}})[0].classList.remove("agilessonBackdrop--in");
setTimeout(function(){
document.getElementsByClassName(claseBackdropPreload_{{instanceid}})[0].classList.remove('agilessonBackdrop__preload--invisible');
},1500);
document.getElementById(idBackdropIfram_{{instanceid}}).setAttribute("src","");
document.getElementsByTagName('body')[0].style.overflow = "auto";
activeFirst_{{instanceid}}();
});
}
//Oculta elementos dentro de iframe para mejorar la experiencia de los usuarios
function fullView_{{instanceid}}() {
require(['jquery'], function($) {
var iframe_href = document.getElementById(idBackdropIfram_{{instanceid}}).contentWindow.location.href;
console.log('iframe_href ',document.getElementById(idBackdropIfram_{{instanceid}}).contentWindow.location.href);
if (iframe_href) {
var url = iframe_href;
console.log('url ',url);
console.log('wwwroot: {{wwwroot}}');
if (url.search("course/view.php") != -1) { //Si se redirecciona a course/view.php cierra el iframe
cerrar_iframe_{{instanceid}}();
}
if (url == '{{wwwroot}}/') { //Si se redirecciona a / cierra el iframe
cerrar_iframe_{{instanceid}}();
}
if (url == '{{wwwroot}}/my/') { //Si se redirecciona a / cierra el iframe
cerrar_iframe_{{instanceid}}();
}
if (url == '{{wwwroot}}/?redirect=0') { //Si se redirecciona a / cierra el iframe
cerrar_iframe_{{instanceid}}();
}
}
var iFrameDOM = $('#'+idBackdropIfram_{{instanceid}}).contents();
//Oculta elementos para visualizacion full
iFrameDOM.find("header").css("display", "none");
iFrameDOM.find(".didactic-navbar").css("display", "none");
iFrameDOM.find("#mobile_header").css("display", "none");
iFrameDOM.find("#page-navbar").css("display", "none");
iFrameDOM.find(".imaster-navbar").css("display", "none");
iFrameDOM.find("#page-footer").remove();
iFrameDOM.find(".activity_footer").css("display", "none");
iFrameDOM.find(".activity-navigation").css("display", "none");
iFrameDOM.find(".jumpnav").css("display", "none");
iFrameDOM.find('#region-main-settings-menu').css("display", "none");
iFrameDOM.find('#chat-bot-launcher-container').css("display", "none");
iFrameDOM.find('.breadcrumb_widgets').css("display", "none");
iFrameDOM.find('.our-dashbord').css("margin-top", "0");
iFrameDOM.find('.dashboard_sidebar').css("display", "none");
iFrameDOM.find('.main_content_container').css("padding-top", "2rem");
iFrameDOM.find('.dashboard_main_content').css("padding-left", "2rem");
if(iFrameDOM.find("#page-mod-quiz-attempt").length==0){
//Pagina diferente al cuestionario
iFrameDOM.find("section").removeClass('col-9').addClass('col-12');
iFrameDOM.find(".columnleft").css("display", "none");
iFrameDOM.find(".columnleft").css("max-width", "0");
iFrameDOM.find(".columnleft").css("flex", "0 0 0");
iFrameDOM.find(".columnright").css("display", "none");
iFrameDOM.find(".columnright").css("max-width", "0");
iFrameDOM.find(".columnright").css("flex", "0 0 0");
iFrameDOM.find("#region-main-box").css('max-width','100%');
iFrameDOM.find("#region-main-box").css('flex','0 0 98%');
}else{
//estoy dentro del cuestionario
iFrameDOM.find(".block_navigation").css("display", "none");
iFrameDOM.find(".block_settings").css("display", "none");
}
iFrameDOM.find("#id_submitbutton2").css("display", "none");
console.log("Se ocultan los elementos en iframe");
});
}
</script>
<style>
* {
box-sizing: border-box;
}
/*------------------------------------
?VARIABLES
------------------------------------*/
:root {
/*---Layout---*/
--layout-gap: 20px;
/*--- Content ---*/
--content-border-color: #2E71B7;
--content-border: 0 solid var(--content-border-color);
--content-border-radius: 10px;
/*---Title---*/
--title-title-font-size: 32px;
--title-title-color: #edca86;
--title-title-paddingTop: 15px;
--title-title-paddingBottom: 5px;
/*---Study content---*/
--studyContent-title-font-size: 26px;
--studyContent-paddingX: 0;
--studyContent-paddingY: 0;
--studyContent-backgroundColor: transparent;
--studyContent-backgroundImage: none;
/*---Marco---*/
--frame-border: 0;
--frame-border-radius: 10px;
--frame-box-shadow: 0 2px 3px hsla(0, 0%, 0%, 0);
--frame-margin-bottom: 30px;
/*--- description ---*/
--description-color: initial;
--description-font-size: 22px;
--description-marginBottom: 0;
/*---Trigger---*/
--trigger-title-font-size: 1.1rem;
--trigger-border-radius: 0.5rem;
--trigger-color-title: #fff;
--state-icon-background: #fff;
--state-icon-image: url({{wwwroot}}/mod/agilesson/pix/icon-check.svg);
--state-icon-image-locked: url({{wwwroot}}/mod/agilesson/pix/icon-locked.svg);
--state-icon-border-color: #5fa3a5;
--state-icon-border: 0 solid var(--state-icon-border-color);
--activity-color: #fff;
--activity-background-color: #25294f;
--activity-border-color: transparent;
--activity-icon-background-color: transparent;
--resource-color: #fff;
--resource-background-color: #25294f;
--resource-border-color: transparent;
--resource-icon-background-color: transparent;
--locked-color: #fff;
--locked-background-color: #fff;
--locked-border-color: transparent;
--locked-icon-background-color: transparent;
--locked-trigger-color-title: #fff;
/*--Backdrop--*/
--agilessonBackdrop-background-color-close: #24294e;
--agilessonBackdrop-color-icon: #fff;
--agilessonBackdrop-color-frame: #ecc084;
}
@media (max-width: 991px) {
:root {
/*---Study content---*/
--studyContent-paddingX: 0;
--studyContent-paddingY: 10px;
}
}
:focus {
outline: none;
}
/*------------------------------------
?LAYOUT
------------------------------------*/
.agilesson--layout1 {
--layout-columns: 50% 1fr;
--layout:
"title title"
"presentation studyContent"
"description studyContent"
;
}
@media (max-width: 1080px) {
.agilesson--layout1 {
--layout-columns: 100%;
--layout:
"title"
"presentation"
"description"
"studyContent"
;
}
}
.agilesson--layout2 {
--layout-columns: 50% 1fr;
--layout:
"title title"
"description description"
"presentation studyContent"
;
}
@media (max-width: 1080px) {
.agilesson--layout2 {
--layout-columns: 100%;
--layout:
"title"
"description"
"presentation"
"studyContent"
;
}
}
.agilesson--layout3 {
--layout-columns: 1fr;
--layout:
"title"
"presentation"
"description"
"studyContent"
;
--layout-gap: 5px 15px;
}
@media (max-width: 1080px) {
.agilesson--layout3 {
--layout-columns: 1fr;
--layout:
"title"
"presentation"
"description"
"studyContent"
;
}
}
.agilesson--layout4 {
--layout-columns: 100%;
--layout:
"title"
"content"
;
--layout-gap: 0;
}
.agilesson {
display: grid;
grid-template-columns: var(--layout-columns);
grid-template-areas: var(--layout);
gap: var(--layout-gap);
color: #161b1c;
}
.activity.agilesson .mod-indent-outer {
width: 100% !important;
}
.activity.agilesson .contentwithoutlink {
display: grid !important;
}
.agilesson__content {
border: var(--content-border);
border-radius: var(--content-border-radius);
overflow: hidden;
}
.title {
grid-area: title;
}
.presentation {
grid-area: presentation;
}
.description {
grid-area: description;
color: var(--description-color);
font-size: var(--description-font-size);
margin-bottom: var(--description-marginBottom);
}
.studyContent {
grid-area: studyContent;
}
.agilesson__content {
grid-area: content;
}
/*------------------------------------
?TITLE
------------------------------------*/
.title__title {
color: var(--title-title-color);
font-size: var(--title-title-font-size);
margin-top: var(--title-title-paddingTop);
margin-bottom: var(--title-title-paddingBottom);
}
/*------------------------------------
?PRESENTATION
------------------------------------*/
/*---Video iframe---*/
.video__iframe {
position: relative;
width: 100%;
height: 0;
padding: 0 0 56.25%;
}
.video__iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-- Imagen --*/
.presentation__img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
/*-- Marco --*/
.frame {
border: var(--frame-border);
border-radius: var(--frame-border-radius);
box-shadow: var(--frame-box-shadow);
overflow: hidden;
}
/*------------------------------------
?DESCRIPTION
------------------------------------*/
.description p {
margin-top: 0;
}
.description p:empty {
margin-bottom: 0;
}
/*------------------------------------
?STUDY CONTENT
------------------------------------*/
.studyContent {
background-image: var(--studyContent-backgroundImage);
background-repeat: repeat;
background-size: auto;
background-position: center;
background-color: var(--studyContent-backgroundColor);
padding-left: var(--studyContent-paddingX);
padding-right: var(--studyContent-paddingX);
padding-top: var(--studyContent-paddingY);
padding-bottom: var(--studyContent-paddingY);
border-radius: 10px;
}
.studyContent__title {
font-size: var(--studyContent-title-font-size);
margin-top: 0;
margin-bottom: 10px;
}
.studyContent__list {
display: flex;
flex-wrap: wrap;
counter-reset: trigger;
}
.studyContent__item {
flex: 0 0 100%;
max-width: 100%;
display: grid;
grid-template-columns: 150px 1fr;
min-height: 90px;
background-color: var(--activity-background-color);
border: 0 solid var(--activity-border-color);
margin-bottom: 1rem;
border-radius: var(--trigger-border-radius);
overflow: hidden;
cursor: pointer;
transform: scale(1);
transition: transform .3s;
padding: 0;
}
@media (max-width: 960px) {
.studyContent__item {
grid-template-columns: 100px 1fr;
}
}
/*------------------------------------
?TRIGGERS
------------------------------------*/
.studyContent__item.studyContent__item--activity {
background-color: var(--activity-background-color);
border: 0 solid var(--activity-border-color);
}
.studyContent__item.studyContent__item--resource {
background-color: var(--resource-background-color);
border: 0 solid var(--resource-border-color);
}
.studyContent__item--locked.studyContent__item {
background-color: var(--activity-background-color);
border: 0 solid var(--locked-border-color);
opacity: .4;
}
/*.studyContent__item:last-child {
margin-bottom: 0;
}*/
.studyContent__item:hover {
text-decoration: none;
transform: scale(1.02);
}
.studyContent__item:active {
transform: scale(1);
}
.studyContent__item__column {
display: flex;
align-items: center;
padding: .4rem 130px .4rem .7rem;
position: relative;
text-align: left;
justify-content: flex-start;
}
@media (max-width: 960px) {
.studyContent__item__column {
padding: 52px 10px 13px 10px;
text-align: right;
justify-content: flex-end;
}
}
.studyContent__item--activity .studyContent__item__CounterContainer {
background-color: var(--activity-icon-background-color);
padding: 0 .2rem;
justify-content: center;
align-items: end;
}
.studyContent__item--resource .studyContent__item__CounterContainer {
background-color: var(--resource-icon-background-color);
padding: .5rem .4rem 0;
justify-content: center;
border-right: 2px solid var(--resource-border-background-color);
}
.studyContent__item--locked.studyContent__item--activity .studyContent__item__CounterContainer {
background-color: var(--locked-icon-background-color);
border-color: var(--locked-border-color);
}
.studyContent__item--locked.studyContent__item--resource .studyContent__item__CounterContainer {
background-color: var(--locked-icon-background-color);
border-color: var(--locked-border-color);
}
.studyContent__item__title {
font-family: "OpenSans",sans-serif;
font-size: 1.2rem;
color: var(--trigger-color-title);
line-height: 1.2;
}
@media (max-width: 960px){
.studyContent__item__title {
font-size: 1rem;
}
}
.studyContent__item--locked .studyContent__item__title {
color: var(--locked-trigger-color-title);
}
.studyContent__item .studyContent__item__icon {
display: flex;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 115px;
height: 115px;
border-radius: 0;
justify-content: center;
align-items: center;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: var(--state-icon-image-locked);
border: none;
opacity: .3;
}
@media (max-width: 960px) {
.studyContent__item .studyContent__item__icon {
top: 7px;
right: 12px;
transform: none;
width: 32px;
height: 32px;
}
}
.studyContent__item.studyContent__item--check .studyContent__item__icon {
display: flex;
background-image: var(--state-icon-image);
border: var(--state-icon-border);
opacity: 1;
}
.studyContent__item.studyContent__item--locked .studyContent__item__icon {
display: flex;
background-image: var(--state-icon-image-locked);
border: none;
opacity: .3;
}
.studyContent__item.studyContent__item--locked:hover {
transform: scale(1);
cursor: not-allowed;
}
.studyContent__item .studyContent__item__counter {
font-family: "Quicksand",sans-serif;
font-size: 4.8rem;
font-weight: 700;
line-height: 1;
margin-bottom: -15px;
}
@media (max-width: 960px) {
.studyContent__item .studyContent__item__counter {
font-size: 4rem;
margin-bottom: -17px;
}
}
.studyContent__item--activity .studyContent__item__counter {
color: var(--activity-color);
}
.studyContent__item--resource .studyContent__item__counter {
color: var(--resource-color);
}
.studyContent__item__counter:before {
counter-increment: trigger;
content: "0"counter(trigger);
}
.studyContent__item.studyContent__item--check .studyContent__item__icon,
.studyContent__item.studyContent__item--locked .studyContent__item__icon {
display: flex;
}
/*------------------------------------
?BACKDROP
------------------------------------*/
.agilessonBackdrop {
position: fixed;
top: 1.5vh;
left: calc(-100% - 20px);
width: 98vw;
height: 97vh;
background-color: #fff;
z-index: 9999;
border: 7px solid var(--agilessonBackdrop-color-frame);
border-radius: 10px;
box-shadow: none;
transition: left .6s, box-shadow 1s;
}
.agilessonBackdrop--in {
left: 1vw;
box-shadow: 0 0 50px 10px rgba(0, 0, 0, .5);
}
.agilessonBackdrop__close {
height: 30px;
width: 30px;
position: absolute;
top: -15px;
right: -15px;
border: none;
border-radius: 50%;
padding: 0;
background-color: var(--agilessonBackdrop-background-color-close);
box-shadow: 0 0 3px hsla(0, 0%, 0%, .2);
display: flex;
justify-content: center;
align-items: center;
transform: scale(1);
z-index: 9;
transition: transform .3s;
}
.agilessonBackdrop__close:hover {
cursor: pointer;
transform: scale(1.15);
}
.agilessonBackdrop__close:focus {
outline: none;
}
.agilessonBackdrop__close:active {
transform: scale(1);
}
.agilessonBackdrop__closeIcon {
width: 45%;
}
.agilessonBackdrop__closeIcon path {
fill: var(--agilessonBackdrop-color-icon);
}
.agilessonBackdrop__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes precargaFondo {
0% {
background-position: 0 0;
}
100% {
background-position: 180px 0;
}
}
.agilessonBackdrop__preload {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e5e5e5;
overflow: hidden;
z-index: 8;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 1;
animation: precargaFondo 3s linear infinite;
}
@keyframes preloadInvisible {
0% {
opacity: 1;
}
99% {
opacity: 0;
height: 100%;
}
100% {
opacity: 1;
height: 0;
}
}
.agilessonBackdrop__preload--invisible {
animation: preloadInvisible .6s forwards;
}
@keyframes loading {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.agilessonBackdrop__preloadIcon {
width: 90px;
}
@keyframes precargaTexto {
0% {
opacity: 0;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
40%,
60% {
opacity: 1;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
100% {
opacity: 0;
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
}
.agilessonBackdrop__preloadText {
margin-top: 20px;
color: #25294F;
font-size: 18px;
-webkit-animation: precargaTexto 1.4s infinite linear;
animation: precargaTexto 1.4s infinite linear;
}
/*------------------------------------
?UTILIDADES
------------------------------------*/
.dNone {
display: none;
}
.modtype_agilesson .no-overflow {
overflow: initial;
}
/*------------------------------------
?AJUSTES PARA IMASTER
------------------------------------*/
.studyContent__item.Foro,
.studyContent__item.Bibliografia,
.studyContent__item.Contenido-complementario {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: auto;
background-color: #f2f2f2;
border-radius: 10px;
padding: 30px 15px;
z-index: 1;
overflow: hidden;
}
.studyContent__item.Foro::before,
.studyContent__item.Bibliografia::before,
.studyContent__item.Contenido-complementario::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:url({{wwwroot}}/mod/agilesson/pix/pattern-launcher);
opacity: .05;
z-index: -1;
}
.studyContent__item.Foro {
margin-right: 7px;
flex: 0 0 calc(33.333% - 7px);
}
.studyContent__item.Bibliografia {
margin-left: 7px;
margin-right: 7px;
flex: 0 0 calc(33.333% - 14px);
}
.studyContent__item.Contenido-complementario {
margin-left: 7px;
flex: 0 0 calc(33.333% - 7px);
}
@media (max-width: 960px) {
.studyContent__item.Foro,
.studyContent__item.Bibliografia,
.studyContent__item.Contenido-complementario {
margin-left: 0;
margin-right: 0;
flex: 0 0 100%;
}
}
.studyContent__item.Foro .studyContent__item__icon,
.studyContent__item.Bibliografia .studyContent__item__icon,
.studyContent__item.Contenido-complementario .studyContent__item__icon,
.studyContent__item.Foro .studyContent__item__counter,
.studyContent__item.Bibliografia .studyContent__item__counter,
.studyContent__item.Contenido-complementario .studyContent__item__counter {
display: none;
}
.studyContent__item.Foro .studyContent__item__column,
.studyContent__item.Bibliografia .studyContent__item__column,
.studyContent__item.Contenido-complementario .studyContent__item__column {
text-align: center;
padding: 0;
}
.studyContent__item.Foro .studyContent__item__CounterContainer,
.studyContent__item.Bibliografia .studyContent__item__CounterContainer,
.studyContent__item.Contenido-complementario .studyContent__item__CounterContainer {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-bottom: 15px;
}
.studyContent__item.Foro .studyContent__item__CounterContainer {
background-image:url({{wwwroot}}/mod/agilesson/pix/foro);
}
.studyContent__item.Bibliografia .studyContent__item__CounterContainer{
background-image:url({{wwwroot}}/mod/agilesson/pix/bibliografia);
}
.studyContent__item.Contenido-complementario .studyContent__item__CounterContainer {
background-image:url({{wwwroot}}/mod/agilesson/pix/contenido-complementario);
}
.studyContent__item.Foro .studyContent__item__title,
.studyContent__item.Bibliografia .studyContent__item__title,
.studyContent__item.Contenido-complementario .studyContent__item__title {
color: #24294e;
}
.studyContent__item.Modelo-de-casos .studyContent__item__counter,
.studyContent__item.Cuestionario .studyContent__item__counter,
.studyContent__item.Encuesta-de-satisfaccion .studyContent__item__counter {
display: none;
}
.studyContent__item.Modelo-de-casos .studyContent__item__CounterContainer::before,
.studyContent__item.Cuestionario .studyContent__item__CounterContainer::before,
.studyContent__item.Encuesta-de-satisfaccion .studyContent__item__CounterContainer::before {
content: "";
display: inline-block;
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: -5px;
}
.studyContent__item.Modelo-de-casos .studyContent__item__CounterContainer::before {
background-image:url({{wwwroot}}/mod/agilesson/pix/modelo-de-casos);
}
.studyContent__item.Cuestionario .studyContent__item__CounterContainer::before {
background-image:url({{wwwroot}}/mod/agilesson/pix/cuestionario);
}
.studyContent__item.Encuesta-de-satisfaccion .studyContent__item__CounterContainer::before {
background-image:url({{wwwroot}}/mod/agilesson/pix/satisfaccion);
}
.studyContent__item.Certificado,
.studyContent__item.Master-herramienta {
flex: 0 0 calc(50% - 7px);
max-width: calc(50% - 7px);
background-color: #f2f2f2;
position: relative;
min-height: 210px;
grid-template-columns: 1fr;
}
.studyContent__item.Certificado {
margin-right: 7px;
}
.studyContent__item.Master-herramienta {
margin-left: 7px;
}
@media (max-width:991px) {
.studyContent__item.Certificado,
.studyContent__item.Master-herramienta {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
margin-left: 0;
}
}
.studyContent__item.Certificado::before,
.studyContent__item.Master-herramienta::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url({{wwwroot}}/mod/agilesson/pix/pattern-launcher);
opacity: .05;
z-index: -1;
}
.studyContent__item.Certificado::after,
.studyContent__item.Master-herramienta::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
-webkit-background-size: 44% auto;
background-size: 44% auto;
background-position: right bottom;
z-index: -1;
}
.studyContent__item.Certificado::after {
background-image: url({{wwwroot}}/mod/agilesson/pix/certificate);
}
.studyContent__item.Master-herramienta::after {
background-image: url({{wwwroot}}/mod/agilesson/pix/master-herramienta);
}
.studyContent__item.Certificado .studyContent__item__CounterContainer,
.studyContent__item.Master-herramienta .studyContent__item__CounterContainer,
.studyContent__item.Certificado .studyContent__item__icon,
.studyContent__item.Master-herramienta .studyContent__item__icon {
display: none;
}
.studyContent__item.Certificado .studyContent__item__column,
.studyContent__item.Master-herramienta .studyContent__item__column {
padding: .4rem 43% .4rem .7rem;
text-align: left;
justify-content: flex-start;
}
.studyContent__item.Certificado .studyContent__item__title,
.studyContent__item.Master-herramienta .studyContent__item__title {
color: #25294f;
}
</style>
</body>
</html>