PageSourceSearch

https://labtak.mx/main.js

js labtak.mx collected 2026-10-02 16:06:47 UTC 1,489,642 bytes, 11,854 lines download raw bytes

1(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"],{
2
3/***/ "./$$_lazy_route_resource lazy recursive":
4/*!******************************************************!*\
5  !*** ./$$_lazy_route_resource lazy namespace object ***!
6  \******************************************************/
7/*! no static exports found */
8/***/ (function(module, exports) {
9
10function webpackEmptyAsyncContext(req) {
11	// Here Promise.resolve().then() is used instead of new Promise() to prevent
12	// uncaught exception popping up in devtools
13	return Promise.resolve().then(function() {
14		var e = new Error("Cannot find module '" + req + "'");
15		e.code = 'MODULE_NOT_FOUND';
16		throw e;
17	});
18}
19webpackEmptyAsyncContext.keys = function() { return []; };
20webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;
21module.exports = webpackEmptyAsyncContext;
22webpackEmptyAsyncContext.id = "./$$_lazy_route_resource lazy recursive";
23
24/***/ }),
25
26/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/actividades/actividades.component.html":
27/*!**********************************************************************************************!*\
28  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/actividades/actividades.component.html ***!
29  \**********************************************************************************************/
30/*! exports provided: default */
31/***/ (function(module, __webpack_exports__, __webpack_require__) {
32
33"use strict";
34__webpack_require__.r(__webpack_exports__);
35/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"scrooll\">\r\n<table class=\"table table-bordered\" style=\"font-size: 13px; font-weight: bold;\">\r\n    <thead>\r\n        <td style=\"width: 13%;\">Sesión {{sesion}}</td>\r\n        <td style=\"width: 65%;\">Descripción</td>\r\n        <td style=\"width: 25%;\">Duración</td>\r\n    </thead>\r\n    <tbody>\r\n        <tr>\r\n            <td>Inicio</td>\r\n            <td ><input class=\"sinborde\" type=\"text\" placeholder=\"Descripción del inicio para la sesión {{sesion}} de la planeación\" [(ngModel)]=\"sesionenviar.descripcion_inicio\"></td>\r\n            <td ><input class=\"sinborde\" type=\"text\" placeholder=\"Duración inicio sesión {{sesion}}\" [(ngModel)]=\"sesionenviar.duracion_inicio\"></td>\r\n        </tr>\r\n        <tr>\r\n            <td>Desarrollo</td>\r\n            <td ><input class=\"sinborde\" type=\"text\" placeholder=\"Descripción del desarrollo para la sesión {{sesion}} de la planeación\" [(ngModel)]=\"sesionenviar.descripcion_desarrollo\"></td>\r\n            <td ><input class=\"sinborde\" type=\"text\" placeholder=\"Duración desarrollo sesión {{sesion}}\" [(ngModel)]=\"sesionenviar.duracion_desarrollo\"></td>\r\n        </tr>\r\n        \r\n        <tr>\r\n            <td >Cierre</td>\r\n            <td ><input class=\"sinborde\" type=\"text\" placeholder=\"Descripción del cierre para la sesión {{sesion}} de la planeación\" [(ngModel)]=\"sesionenviar.descripcion_cierre\"></td>\r\n            <td ><input class=\"sinborde\" type=\"text\" placeholder=\"Duración cierre sesión {{sesion}}\" [(ngModel)]=\"sesionenviar.duracion_cierre\"></td>\r\n        </tr>\r\n        <tr>\r\n            <td colspan=\"2\">\r\n                <div style=\"display: flex; margin: 1% 0;\">\r\n                    <div style=\"width: 100%;\">\r\n                        Recursos didácticos  \r\n                        <!-- <div>\r\n                            <p class=\"new-rec\"><a target=\"_blank\" routerLink=\"/buscador\">Agregar recursos <img style=\"margin-left: 0.5rem;\" class=\"ojo\" src=\"assets/images/icon/masv.png\" alt=\"agregar\"> </a></p>\r\n                        </div> -->\r\n                        \r\n                        <div id=\"recursos-didacticos\" class=\"recursos-didacticos\">\r\n                            <ng-container *ngFor=\"let rec of list3; let r = index;\">\r\n                                <div class=\"row border-bottom\">\r\n                                    <div class=\"tam-cuad plan_item item--color2 item--s\">\r\n                                        <a (click)=\"detailResource(rec.id)\" id=\"{{rec.id}}\">\r\n                                            <img *ngIf=\"rec.link != ''; else elseBlock\"\r\n                                                                src=\"assets/images/icon/enlace.png\" class=\"plan_img\"\r\n                                                                alt=\"Item1\">\r\n                                                <ng-template #elseBlock>\r\n                                                    <img *ngIf=\"rec.video != ''; else elseBloc \"\r\n                                                    src=\"assets/images/icon/video.svg\" class=\"plan_img\"\r\n                                                    alt=\"Item1\">\r\n                                                    <ng-template #elseBloc>\r\n                                                        <img *ngIf=\"rec.pdf == 'Si' || rec.pdf != null; else elseBlok\"\r\n                                                    src=\"assets/images/icon/pdf.svg\" class=\"plan_img\" alt=\"Item1\">\r\n                                                        <ng-template #elseBlok>\r\n                                                            <img *ngIf=\"rec.img != '' || rec.image =='Si'\"\r\n                                                            src=\"assets/images/icon/documento.svg\" class=\"plan_img\"\r\n                                                            alt=\"Item1\">\r\n                                                        </ng-template>\r\n                                                    </ng-template>\r\n                                                </ng-template>\r\n                                        </a>\r\n                                    </div>\r\n                                    <div style=\"font-size: 11px; width: 70%;\">\r\n                                        <div class=\"letter\" [innerHTML]=\"rec.nombre\"></div>\r\n                                        <div>{{rec.asignatura}}</div>\r\n                                        <div style=\"font-style: italic;\">Contenido digital</div>\r\n                                    </div>\r\n                                    <div style=\"display: grid; margin-top: 2%;\">\r\n                                        <a *ngIf=\"rec.id != undefined\"  target=\"_blank\" style=\"width: 90px !important; font-size: 13px !important;\" class=\"btn boton2\" [routerLink]=\"[ '/recurso', rec.id]\" ><span style=\"color: #fff;\">Ver detalle</span></a>\r\n                                        <a *ngIf=\"rec.id_recurso != undefined\"  target=\"_blank\" style=\"width: 90px !important; font-size: 13px !important;\" class=\"btn boton2\" [routerLink]=\"[ '/recurso', rec.id_recurso]\" ><span style=\"color: #fff;\">Ver detalle</span></a>\r\n                                        <a *ngIf=\"rec.id != undefined\" (click)=\"eliminarRecursosExternos(rec.id,r)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a>\r\n                                        <a *ngIf=\"rec.id_recurso != undefined\"(click)=\"eliminarRecursosExternos(rec.id_recurso,r)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a> \r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                            \r\n                            <ng-container *ngFor=\"let game of list2; let i = index;\">\r\n                                <div class=\"row border-bottom\" >\r\n                                    <div class=\"tam-cuad plan_item item--color1 item--s\">\r\n                                        <a (click)=\"detailGame(game.slug)\" id=\"{{game.id_game}}\">\r\n                                            <img src=\"{{urlImg}}{{game.imagename}}\" class=\"plan_img\" alt=\"Item1\">\r\n                                        </a>\r\n                                    </div>\r\n                                    <div style=\"font-size: 11px; width: 70%;\">\r\n                                        <div class=\"letter\">\r\n                                            <p> <span>{{game.title}}</span> </p>\r\n                                       </div>\r\n                                       <div class=\"game-asig\" [innerHTML]=\"game.asignatura\"> </div>\r\n                                       <div style=\"font-style: italic;\">Videojuego</div>\r\n                                    </div>\r\n                                    <div style=\"display: grid; margin-top: 2%;\">\r\n                                        <a class=\"btn boton2\" target=\"_blank\" style=\"width: 90px !important; font-size: 13px !important;\" [routerLink]=\"[ '/ver-juego', game.slug]\" ><span style=\"color: #fff;\">Ver detalle</span></a>\r\n                                        <a *ngIf=\"game.id != undefined\" (click)=\"eliminarJuego(game.id, i)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a> \r\n                                        <a *ngIf=\"game.id_game != undefined\" (click)=\"eliminarJuego(game.id_game, i)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a> \r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngFor=\"let lib of list4; let l = index;\">\r\n                                <div class=\"row border-bottom\">\r\n                                    <div class=\"tam-cuad plan_item item--color5 item--s\"> </div>\r\n                                    <div style=\"font-size: 11px; width: 70%;\">\r\n                                        <div style=\"line-height: 15px; padding-top: 15px;\">{{lib.tema}}</div>\r\n                                        <div style=\"line-height: 15px; font-weight: 500;\">{{lib.libro}} - {{lib.grado}}</div>\r\n                                        <div style=\"line-height: 15px; font-weight: 500;\">{{lib.bloque}} - Páginas: {{lib.pag}}</div>\r\n                                    </div>\r\n                                    <div style=\"display: grid; margin-top: 2%;\">\r\n                                        <a class=\"btn boton2\" style=\"width: 90px !important; font-size: 13px !important;\" target=\"_blank\" href=\"{{lib.linktx}}\" ><span style=\"color: #fff;\">Ir al libro</span></a>\r\n                                        <a *ngIf=\"lib.id != undefined\" (click)=\"eliminarLibros(lib.id,l)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a>\r\n                                        <a *ngIf=\"lib.id_libro != undefined\"(click)=\"eliminarLibros(lib.id_libro,l)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>        \r\n                    </div>\r\n                </div>\r\n            </td>\r\n            <td>\r\n                <a *ngIf=\"is_edit[0]==false\" (click)=\"isDisabled(0)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[0]==true\" (click)=\"isDisabled(0)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>    \r\n                Materiales complementarios \r\n                <br>\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Material físco 1\" [attr.disabled]=\"is_edit[0] ? '' : null\" [(ngModel)]=\"material1\">\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Material físco 2\" [attr.disabled]=\"is_edit[0] ? '' : null\" [(ngModel)]=\"material2\">\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Material físco 3\" [attr.disabled]=\"is_edit[0] ? '' : null\" [(ngModel)]=\"material3\">\r\n            </td>\r\n        </tr>\r\n        <tr>\r\n            <td colspan=\"3\">\r\n                Preguntas para la reflexión\r\n                <a *ngIf=\"is_edit[1]==false\" (click)=\"isDisabled(1)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[1]==true\" (click)=\"isDisabled(1)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                <br>\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Coloca las preguntas para la reflexión de esta sesión \" \r\n                [attr.disabled]=\"is_edit[1] ? '' : null\" [(ngModel)]=\"sesionenviar.reflexion\">\r\n            </td>\r\n        </tr>\r\n        <tr>\r\n            <td colspan=\"3\">\r\n                Actividades para la activación de conocimientos y saberes previos\r\n                <a *ngIf=\"is_edit[2]==false\" (click)=\"isDisabled(2)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[2]==true\" (click)=\"isDisabled(2)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                <br>\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Coloca las actividades para la activación de conocimientos y saberes previos\" \r\n                [attr.disabled]=\"is_edit[2] ? '' : null\" [(ngModel)]=\"sesionenviar.activacion\">\r\n            </td>\r\n        </tr>\r\n        <tr>\r\n            <td colspan=\"3\">\r\n                Actividades para la problematización del conocimiento \r\n                <a *ngIf=\"is_edit[3]==false\" (click)=\"isDisabled(3)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[3]==true\" (click)=\"isDisabled(3)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                <br>\r\n                <textarea rows=\"2\" class=\"sinborde\" type=\"text\" placeholder=\"Coloca las actividades para la problematización del conocimiento:&#10;hechos particulares, conceptos, procedimientos, actitudes\" \r\n                [attr.disabled]=\"is_edit[3] ? '' : null\" [(ngModel)]=\"sesionenviar.problematizacion\"></textarea>\r\n            </td>\r\n        </tr>\r\n        <tr>\r\n            <td colspan=\"3\">\r\n                Actividades para profundización y reconstrucción de conocimiento\r\n                <a *ngIf=\"is_edit[4]==false\" (click)=\"isDisabled(4)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[4]==true\" (click)=\"isDisabled(4)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                <br> \r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Coloca las actividades para profundización y reconstrucción de conocimiento\" \r\n                [attr.disabled]=\"is_edit[4] ? '' : null\" [(ngModel)]=\"sesionenviar.profundizacion\">\r\n            </td>\r\n        </tr>\r\n        <tr>\r\n            <td rowspan=\"3\">Evaluación</td>\r\n            <td colspan=\"2\"> \r\n                <table class=\"table-borderless\">\r\n                    <tbody>\r\n                        <tr>\r\n                            <td class=\"border-right\" style=\"width: 15%;\">Instrumento de evaluación</td>\r\n                            <td class=\"row\" style=\"font-weight: normal;\">\r\n                                <!--<div class=\"col-12\">\r\n                                    <a *ngIf=\"is_edit[5]==false\" (click)=\"isDisabled(5)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                                    <a *ngIf=\"is_edit[5]==true\" (click)=\"isDisabled(5)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                                </div>-->\r\n                                <ng-container *ngFor=\"let eval of Evaluacion; let i = index;\">\r\n                                    <div class=\"col-sm-6 col-md-4\">\r\n                                    <mat-checkbox  type=\"checkbox\" (change)=\"changeStatus(i)\" [checked]=\"eval.status\"> </mat-checkbox>\r\n                                
35    <label style=\"margin-bottom: 0;\">&nbsp;{{eval.tag}}</label>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </td>\r\n        </tr>\r\n        <tr>\r\n            <td colspan=\"2\">Criterios de evaluación\r\n                <a *ngIf=\"is_edit[6]==false\" (click)=\"isDisabled(6)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[6]==true\" (click)=\"isDisabled(6)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Coloca los criterios de evaluación de esta actividad\" \r\n                [attr.disabled]=\"is_edit[6] ? '' : null\" [(ngModel)]=\"sesionenviar.criterios_evaluacion\">\r\n            </td>\r\n        </tr>\r\n        \r\n        <tr>\r\n            <td colspan=\"2\">Evidencias\r\n                <a *ngIf=\"is_edit[7]==false\" (click)=\"isDisabled(7)\"> <img class=\"ojo\" src=\"assets/images/icon/ojor.png\" alt=\"ver\"> </a> \r\n                <a *ngIf=\"is_edit[7]==true\" (click)=\"isDisabled(7)\"> <img class=\"ojo\" src=\"assets/images/icon/ojog.png\" alt=\"ver\"> </a>\r\n                <input class=\"sinborde\" type=\"text\" placeholder=\"Coloca las evidencias necesarias para esta actividad\" \r\n                [attr.disabled]=\"is_edit[7] ? '' : null\" [(ngModel)]=\"sesionenviar.evidencias\">\r\n            </td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n\r\n<div class=\"_end\">\r\n    <a class=\"btn boton2\" (click)=\"eliminarSesion()\" style=\"margin-right: 20px\"><span style=\"color: #fff;\">Eliminar sesion {{sesion}}</span></a>\r\n    <a class=\"btn boton2\" (click)=\"enviarSesion()\"><span style=\"color: #fff;\">Guardar sesion {{sesion}}</span></a>\r\n</div>\r\n</div>");
36
37/***/ }),
38
39/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/app.component.html":
40/*!**************************************************************************!*\
41  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/app.component.html ***!
42  \**************************************************************************/
43/*! exports provided: default */
44/***/ (function(module, __webpack_exports__, __webpack_require__) {
45
46"use strict";
47__webpack_require__.r(__webpack_exports__);
48/* harmony default export */ __webpack_exports__["default"] = ("<!-- Modal -->\r\n<!-- <app-modal></app-modal> -->\r\n\r\n<!-- Main -->\r\n<!-- <main> -->\r\n    <!-- Header -->\r\n    <!-- <app-header></app-header> -->\r\n    <!-- Contain\r\n        ::::::: CONTENIDO CENTRAL ::::::::\r\n\r\n        1. Home <app-home></app-home>\r\n        2. Contenido simple <app-contenido></app-contenido>\r\n        3. Grupos simple <app-grupos></app-grupos>\r\n        4. Item contenido (documentos/grupo) simple <app-item-contenido></app-item-contenido>\r\n        5. Item juego  simple <app-item-juego></app-item-juego>\r\n        6. Listado  simple <app-listado></app-listado>\r\n        7. Nuevo plan  simple <app-nuevo-plan></app-nuevo-plan>\r\n        8. Perfil  simple <app-perfil></app-perfil>\r\n        9. Plan detalle  simple <app-plan-detalle></app-plan-detalle>\r\n        10. Planes  simple <app-planes></app-planes>\r\n\r\n    -->\r\n    <router-outlet></router-outlet>\r\n    <!-- <app-home></app-home> -->\r\n    <!-- Footer -->\r\n    <!-- <app-footer></app-footer> -->\r\n<!-- </main> -->\r\n");
49
50/***/ }),
51
52/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/articulo/articulo.component.html":
53/*!****************************************************************************************!*\
54  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/articulo/articulo.component.html ***!
55  \****************************************************************************************/
56/*! exports provided: default */
57/***/ (function(module, __webpack_exports__, __webpack_require__) {
58
59"use strict";
60__webpack_require__.r(__webpack_exports__);
61/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header *ngIf=\"token; else elseB\"></app-header>\r\n    <ng-template #elseB> <app-header2></app-header2></ng-template>\r\n    <div class=\"clock\" *ngIf=\"showClock\">\r\n        <p class=\"textClock\">Podrás leer este artículo sin registrarte por:</p>
61\r\n        <span class=\"timeClock\">{{minutes | number:'2.0-5'}}:{{seconds | number:'2.0-5'}}</span> \r\n    </div>\r\n    <div class=\"block\" *ngIf=\"showBlock\">\r\n        <div class=\"row\" *ngIf=\"closeLogin\">\r\n            <div class=\"col-1\" style=\"cursor:pointer;margin-top: 150px;\" (click)=\"showBlock=false;closeLogin=false;\">\r\n                <p style=\"font-size:30px;\">X</p> \r\n            </div>\r\n        </div>\r\n        <p class=\"textBlock\" *ngIf=\"!closeLogin\">\r\n            Para continuar disfrutando de este artículo<br>\r\n            y muchos más Inicia sesión o Regístrate en LabTak. \r\n        </p>\r\n        <br>\r\n        <app-modal-sesiones [log]=\"RoI\" [GoTo]=\"GoTo\"> </app-modal-sesiones><br><br><br><br><br>\r\n    </div>\r\n    <div>\r\n        <div class=\"col-12\" class=\"marg60\">\r\n            <span class=\"tituloPrincipal\">{{resArt?.article?.titulo}}</span>\r\n        </div>\r\n        <section class=\"home\"> \r\n            <div class=\"col-1 in-flex2\"></div>\r\n            <div class=\"col-7 in-flex\">\r\n                <div>\r\n                    <div class=\"seccion\">\r\n                        <div class=\"marginAutor\"> \r\n                            <span class=\"por autor\">por </span><span class=\"autor\">{{resArt?.article?.nombre}}</span>\r\n                        </div>\r\n                        <div class=\"home\" style=\"justify-content: center; margin-bottom: 20px;\">\r\n                            <div class=\"col-5 screenimg in-flex4img\">\r\n                                <img src=\"{{resArt?.article?.imagen}}\" class=\"imgRes\">\r\n                            </div>\r\n                            <div class=\"col-7 in-flex3\">\r\n                                <div class=\"bloc\">\r\n                                    <span class=\"fecha\">{{resArt?.article?.fecha | date:\" MMMM d, y\"}}</span>•\r\n                                    <span class=\"fecha categoria\">{{resArt?.article?.categoria}}</span>\r\n                                </div>\r\n                                <div class=\"bloc\">\r\n                                    <p class=\"resumen\">{{resArt?.article?.resumen}}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    <!--//////////////////ARTICULO/////////////////////////-->\r\n                        <div *ngIf=\"!showBlock\" style=\"width: 100% !important;\">\r\n                            <div [innerHTML]=\"resArt?.article?.articulo | sanitizeHtml\"></div>\r\n                        </div>\r\n                    <!--//////////////////ARTICULO/////////////////////////-->\r\n                        <div class=\"home linea\" style=\"margin-top: 20px;\">\r\n                            <div class=\"col-9 in-flex3\">\r\n                                <img src=\"/assets/images/blogForo/Iconos_LTBlog_Tema_25px.png\" class=\"iconB\"><span class=\"tags\">{{resArt?.article?.categoria}}</span><br>\r\n                                <img src=\"/assets/images/blogForo/Iconos_LTblog-Tag25px.png\" class=\"iconB\"><span class=\"tags\">{{resArt?.article?.tags}}</span>\r\n                            </div>\r\n                            <div class=\"col-3 in-flex3\">\r\n                                <span class=\"compartir autor bloc\">Compartir en</span>\r\n                                <a target=\"_blank\" [href]=\"'https://www.facebook.com/sharer.php?u=https://labtak.mx/blog/'+ resArt?.article?.ID\"><img src=\"/assets/images/blogForo/Iconos_LTBlog_FB_35px.png\" class=\"iconB\"></a>\r\n                                <a target=\"_blank\" [href]=\"'https://twitter.com/intent/tweet?text=Aprendiendo%20en%20LABTAK&hashtags=INOMA,TakTakTak&url=https%3A%2F%2Flabtak.mx/blog/'+ resArt?.article?.ID\"><img src=\"/assets/images/blogForo/Iconos_LT_Blog_TW35px.png\" class=\"iconB\"></a>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"home linea\" style=\"justify-content: center;\">\r\n                            <div class=\"col-9 in-flex3\">
61 \r\n                                <span class=\"por autor bloc\">{{resArt?.article?.nombre}}</span>\r\n                                <p class=\"resumenAutor\">{{resArt?.article?.resumenAutor}}</p>\r\n                                <a target=\"_blank\" [href]=\"resArt?.article?.enlace\" class=\"tags\">Link</a>\r\n                            </div>\r\n                            <div class=\"col-3 screenimg in-flex4\">\r\n                                <img src=\"{{resArt?.article?.foto}}\" class=\"imgRes\">\r\n                            </div> \r\n                        </div>\r\n                        <div class=\"row linea\">\r\n                            <div class=\"col-12\">\r\n                                <span class=\"por autor bloc\">Deja un comentario</span>\r\n                                <div *ngIf=\"!nontoken\">\r\n                                    <p style=\"margin-bottom: 0px;\">Tu comentario se publicara con el nombre y ocupacion  que aparece en tu perfil</p>\r\n                                    <span>Antes de comentar conocé las reglas de la comunidad del blog<a target=\"_blank\" routerLink=\"/ReglasComunidad\" style=\"font-weight: 700;\"> aqui</a></span>\r\n                                    <div>\r\n                                        <textarea [(ngModel)]=\"textcomment\" class=\"textarea\" placeholder=\"Escribe aquí tu comentario\"></textarea>\r\n                                    </div>\r\n                                    <div style=\"display: grid;\" class=\"screen\">\r\n                                        <a><button class=\"publicarCom\" (click)=\"publicar(0);\">Publicar Comentario</button></a>\r\n                                    </div>\r\n                                </div>\r\n                                <div *ngIf=\"nontoken\">\r\n                                    <br><br>\r\n                                    <p>\r\n                                        <span style=\"cursor:pointer;color: #FFB41A;font-weight: 600;\" (click)=\"showBlock=true;closeLogin=true;RoI='I';\">Inicia sesión </span>\r\n                                        o\r\n                                        <span style=\"cursor:pointer;color: #FFB41A;font-weight: 600;\"  (click)=\"showBlock=true;closeLogin=true;RoI='R';\"> Regístrate </span>\r\n                                        en LabTak para comentar estos artículos.\r\n                                    </p>\r\n                                    <br><br>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row linea\">\r\n                            <div class=\"col-12 \">\r\n                                <div class=\"marginC\">\r\n                                    <span class=\"por autor\">Comentarios sobre el articulo</span>\r\n                                    <span class=\"por autor margleft40\">{{resArt?.comments?.length}} comentarios</span>\r\n                                </div>\r\n                                <div class=\"bloc comPrinci\" *ngFor=\"let comment of resArt.comments; let c=index\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-10\">\r\n                                            <span class=\"por autor bloc\">{{comment.name}} {{comment.lastname}} {{comment.lastname2}} dice</span>\r\n                                            <span class=\"fecha bloc\">{{comment.fecha | date:\" MMMM d, y\"}}</span>\r\n                                        </div>\r\n                                        <div class=\"col-2\">\r\n                                            <div *ngIf=\"IDemail==comment.IDusuario\">\r\n                                                <a><button class=\"eliminarCom\" (click)=\"eliminarComment(comment.ID);\"></button></a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <p class=\"resumenAutor\">{{comment.texto}}</p>\r\n                                    </div>\r\n                                    <div style=\"display: grid;\" class=\"screen\">\r\n                                        <a *ngIf=\"!nontoken\"><button class=\"publicarCom publiRes\" (click)=\"publicar(comment.ID);\">Responder al comentario</button></a>\r\n                                    </div>\r\n                                    <div class=\"screen bloc\">\r\n                                        <div class=\"respuestas\" *ngFor=\"let res of comment.responses; let r=index\">\r\n                                            <div class=\"row\">\r\n                                                <div class=\"col-10\">
61\r\n                                                    <span class=\"por autor bloc\">{{res.name}} {{res.lastname}} {{res.lastname2}} dice</span>\r\n                                                    <span class=\"fecha bloc\">{{res.fecha | date:\" MMMM d, y\"}}</span>\r\n                                                </div>\r\n                                                <div class=\"col-2\">\r\n                                                    <div *ngIf=\"IDemail==res.IDusuario\">\r\n                                                        <a><button class=\"eliminarCom\" (click)=\"eliminarComment(res.ID);\"></button></a>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <p class=\"resumenAutor\">{{res.texto}}</p>\r\n                                        </div>\r\n                                    </div>    \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-4 in-flex\">\r\n                <div>\r\n                    <span class=\"titulo linea\">Artículos relacionados</span>\r\n                    <div class=\"ArtRelacion\" *ngFor=\"let relacion of resArt?.relacion ;\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-4 centrarImagenes\" style=\"padding: 0px;\"> \r\n                                <img src=\"{{urlIMG+relacion?.imagen}}\" class=\"imagenResumen\">     \r\n                            </div>\r\n                            <div class=\"col-8\" style=\"padding: 0 0 0 15px;\"> \r\n                                <div class=\"bloc\">\r\n                                    <span class=\"destFecCat\">{{relacion?.fecha | date:\" MMMM d, y\"}}  •  {{relacion?.categoria}}</span>\r\n                                </div>  \r\n                                <div class=\"bloc\">\r\n                                    <a target=\"_parent\" routerLink=\"/blog/{{relacion?.ID}}\" class=\"desTitulo\" id=\"{{relacion?.ID}}\">{{relacion?.titulo}}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </div>\r\n    <app-footer></app-footer>\r\n</main>");
62
63/***/ }),
64
65/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/avisoprivacidad/avisoprivacidad.component.html":
66/*!******************************************************************************************************!*\
67  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/avisoprivacidad/avisoprivacidad.component.html ***!
68  \******************************************************************************************************/
69/*! exports provided: default */
70/***/ (function(module, __webpack_exports__, __webpack_require__) {
71
72"use strict";
73__webpack_require__.r(__webpack_exports__);
74/* harmony default export */ __webpack_exports__["default"] = ("<main>\n  <app-header2></app-header2>\n  <div>\n    <section>\n      <div class=\"games-online-privacy back-module\">\n        <h1>Aviso de privacidad</h1>\n        <br />\n        <div [innerHTML]=\"textoVisible\"></div>\n        <button (click)=\"toggleMostrarTodo()\">\n          {{ mostrarTodo ? \"Ver menos\" : \"Ver más\" }}\n        </button>\n        <div class=\"avatar4\" style=\"margin-top: 2%\">\n          <img src=\"assets/sylos/images/characters/avatar2.png\" />\n        </div>\n      </div>\n    </section>\n  </div>\n  <app-footer></app-footer>\n</main>\n");
75
76/***/ }),
77
78/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-listado/capacitacion-listado.component.html":
79/*!****************************************************************************************************************!*\
80  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-listado/capacitacion-listado.component.html ***!
81  \****************************************************************************************************************/
82/*! exports provided: default */
83/***/ (function(module, __webpack_exports__, __webpack_require__) {
84
85"use strict";
86__webpack_require__.r(__webpack_exports__);
87/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n\r\n<section id=\"contain\">\r\n    <section class=\"carousel-block module\">\r\n        <div class=\"cont\">   \r\n            <div class=\"carousel__title\">\r\n                <h4 class=\"special-title title--6\" style=\"width: 230px;\">Mi capacitación docente</h4>\r\n            </div>\r\n            <div class=\"screen\">\r\n                <div style=\"margin: 0 2% 4% 0; display: inline-flex;\"><p>
87Mostrar contenido: </p></div>\r\n                <div class=\"btn-group btn-group-lg\" role=\"group\" aria-label=\"period-group\">\r\n                    <button class=\"btn btn-info {{ cap ? '' : 'active'}}\" (click)=\"handleMostrar(1)\">Moocs</button>\r\n                    <button class=\"btn btn-info {{ cap ? 'active' : ''}}\" (click)=\"handleMostrar(0)\">Webinars</button>\r\n                </div>\r\n            </div>\r\n            <div class=\"planes-container border\">\r\n                <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                    <tbody *ngIf=\"cap\"><!-- Webinars-->\r\n                        <ng-container *ngFor=\"let web of webinars | paginate: { itemsPerPage: 10, currentPage: p};\">\r\n                            <tr>\r\n                                <td>\r\n                                    <div class=\"cont_fig col-3 hide-on-mobile\">\r\n                                        <figure *ngIf=\"web.imagen!=''\" style=\"width: 135px; height: 150px; border: 0;\" class=\"carousel_cover carousel--type2\">\r\n                                            <img style=\"width: 135px; height: 150px;\" src=\"{{urlIMG+web.imagen}}\" alt=\"{{web.id}}\">\r\n                                        </figure>\r\n                                    </div>\r\n                                </td> \r\n                                <td class=\"col-8\">\r\n                                    <div class=\"letter\">\r\n                                        <p>\r\n                                            <span style=\"font-size: 18px;\">{{web.titulo}}</span> <br>\r\n                                            <span style=\"color: #FFB41A;\">Tema: {{web.tema}}</span> <br>\r\n                                            <ng-container *ngIf='web.descripcion!=\"\"; else elseBlock'>\r\n                                                <span style=\"font-weight: normal;\">{{web.descripcion.substring(0,280)}}...</span>\r\n                                            </ng-container>\r\n                                            <ng-template #elseBlock><span class=\"italic\">Sin descripción</span></ng-template>\r\n                                            <br>\r\n                                            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>&nbsp;&nbsp;<span style=\"font-weight: normal;\">{{web.fecha}}</span> <br>\r\n                                            <i class=\"fa fa-hourglass-half\" aria-hidden=\"true\"></i>&nbsp;&nbsp;<span style=\"font-weight: normal;\">{{web.duracion}}</span> <br>\r\n                                        </p>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"col-2\" style=\"text-align: end;\">\r\n                                    <div class=\"buttons-plan\">\r\n                                        <div>\r\n                                            <a class=\"btn btn-type3 boton\" (click)=\"nav(web?.id_webinar, 1);\">Ir al webinar</a>\r\n                                        </div>\r\n                                        <div class=\"letter\">\r\n                                            <p *ngIf=\"web.certificado==1\" class=\"_end\" style=\"padding-top: 50%;\">\r\n                                                <span *ngIf=\"web.micertificado == 1\" style=\"color: #FFB41A; font-size: 15px; cursor: pointer;\" (click)=\"certificado(0, web.titulo)\">Descargar certificado</span>\r\n                                                <span *ngIf=\"web.micertificado == 0\" style=\"font-size: 15px;\">Certificado pendiente</span>\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-container>\r\n                    </tbody>\r\n                    <!-- Moocs-->\r\n                    <tbody *ngIf=\"!cap\">\r\n                        <ng-container *ngFor=\"let mooc of moocs | paginate: { itemsPerPage: 10, currentPage: p};\">\r\n                            <tr>\r\n                                <td>
87\r\n                                    <div class=\"cont_fig col-3 hide-on-mobile\">\r\n                                        <figure *ngIf=\"mooc.imagen!=''\" style=\"width: 135px; height: 150px; border: 0;\" class=\"carousel_cover carousel--type2\">\r\n                                            <img style=\"width: 135px; height: 150px;\" src=\"{{urlIMG+mooc.imagen}}\" alt=\"{{mooc.id}}\">\r\n                                        </figure>\r\n                                    </div>\r\n                                </td> \r\n                                <td class=\"col-8\">\r\n                                    <div class=\"letter\">\r\n                                        <p>\r\n                                            <span style=\"font-size: 18px;\">{{mooc.titulo}}</span> <br>\r\n                                            Tu opinión: <span> \r\n                                                <ng-container *ngFor=\"let i of Arr(mooc.micalificacion).fill(1);\">\r\n                                                    <label style=\"color: orange;\">★</label>\r\n                                                </ng-container>\r\n                                                <ng-container *ngFor=\"let i of Arr(5-mooc.micalificacion).fill(1);\">\r\n                                                    <label style=\"color: grey;\">★</label>\r\n                                                </ng-container>\r\n                                            </span> <br>\r\n                                            Instructores: <span>{{mooc.autores}}</span> <br>\r\n                                            <span style=\"color: #FFB41A;\">Tema: {{mooc.tema}}</span> <br>\r\n                                            <ng-container *ngIf='mooc.descripcion!=\"\"; else elseBlock'>\r\n                                                <span style=\"font-weight: normal;\">{{mooc.descripcion.substring(0,200)}}...</span>\r\n                                            </ng-container>\r\n                                            <ng-template #elseBlock><span class=\"italic\">Sin descripción</span></ng-template>\r\n                                            <br>\r\n                                        </p>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"col-3\" style=\"text-align: end;\">\r\n                                    <div class=\"buttons-plan\">\r\n                                        <div>\r\n                                            <a class=\"btn btn-type3 boton\" (click)=\"nav(mooc?.id_mooc, 2);\">Ir al curso</a>\r\n                                        </div>\r\n                                        <div class=\"letter\">\r\n                                            <p class=\"_end\" style=\"padding-top: 35%; font-size: 15px; margin-bottom: 0;\">\r\n                                                Porcentaje de avance: <span>{{mooc.porcentaje}}%</span> <br>\r\n                                                Tiempo restante: <span> {{mooc.tiempo}} min</span> <br>\r\n                                                <ng-container *ngIf=\"mooc.certificado==1\">\r\n                                                    <span *ngIf=\"mooc.micertificado == 1\" style=\"color: #FFB41A; cursor: pointer;\" (click)=\"certificado(1, mooc.titulo)\">Descargar certificado</span>\r\n                                                    <span *ngIf=\"mooc.micertificado == 0\">Certificado pendiente</span>\r\n                                                </ng-container>\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-container>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n            <br>\r\n            <div class=\"_end\">\r\n                <pagination-controls class=\"custom-pagination\" (pageChange)=\"p = $event\"></pagination-controls>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</section>\r\n    <app-footer></app-footer>\r\n</main>\r\n");
88
89/***/ }),
90
91/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-mooc/capacitacion-mooc.component.html":
92/*!**********************************************************************************************************!*\
93  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-mooc/capacitacion-mooc.component.html ***!
94  \**********************************************************************************************************/
95/*! exports provided: default */
96/***/ (function(module, __webpack_exports__, __webpack_require__) {
97
98"use strict";
99__webpack_require__.r(__webpack_exports__);
100/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n\r\n<section id=\"contain\">\r\n    <section class=\"carousel-block module\">\r\n        <div class=\"pad-responsive\" style=\"padding-bottom: 0px !important;\">\r\n            <div class=\"back\">\r\n                <a (click)=\"back();\" class=\"back-to cursor\"><img src=\"assets/images/icon/Iconos_LTBlog_Flecha.png\" alt=\"Regresar\"></a>\r\n            </div>\r\n            <div class=\"carousel__title\">\r\n                <h4 class=\"special-title title--6\" style=\"width: 230px;\">Capacitación docente</h4>\r\n            </div>\r\n            <div class=\"border-buttom mb-5\">
100\r\n                <span class=\"font-weight-bold h5\">Moocs</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"pad-responsive\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-sm-12 col-md-12\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-sm-12 mb-3\">\r\n                            <span class=\"font-weight-bold h5\">Contenidos | <span class=\"color\">  {{mooc?.tema}} </span> </span>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 mb-3\">\r\n                            <span class=\"font-weight-bold h2\">{{mooc?.titulo}}</span>\r\n                        </div>\r\n                        <div class=\"col-6 col-sm-6 border-buttom color-grey\">\r\n                            <div class=\"dblock h3 font-weight-bold col-12 col-sm-12\" style=\"margin-bottom: 0; padding: 0;\"> \r\n                                <ng-container *ngFor=\"let i of Arr(mooc?.calificacion).fill(1);\">\r\n                                    <label style=\"color: orange;\">★</label>\r\n                                </ng-container>\r\n                                <ng-container *ngFor=\"let i of Arr(5-mooc?.calificacion).fill(1);\">\r\n                                    <label style=\"color: grey;\">★</label>\r\n                                </ng-container>\r\n                            </div>\r\n                            <span class=\"font-weight-bold h6\">{{mooc?.fecha2}}</span>\r\n                        </div>\r\n                        <div class=\"col-6 col-sm-6 border-buttom color-grey\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-sm-12 col-md-12 mb-3\">\r\n                                    <div class=\"inscribir cursor\" (click)=\"inscribir();\"><div>\r\n                                        <ng-container *ngIf=\"sections?.moocs.includes(''+mooc?.id_seccion)\">\r\n                                            <span class=\"font-weight-bold h6\">Ya estas inscrito</span><br>\r\n                                            <span class=\"font-weight-normal h6\">Haz clic aquí para ir al Mooc</span><br>\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"!sections?.moocs.includes(''+mooc?.id_seccion) && mooc?.cobrar==1\">\r\n                                            <span class=\"font-weight-bold h6\">Inscribete ahora</span><br>\r\n                                            <span class=\"font-weight-bold h6\">por ${{mooc?.precio}} MXN</span><br>\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"!sections?.moocs.includes(''+mooc?.id_seccion) && mooc?.cobrar==0\">\r\n                                            <span class=\"font-weight-bold h6\">Inscribete ahora</span><br>\r\n                                            <span class=\"font-weight-bold h6\">sin costo extra</span><br>\r\n                                        </ng-container>\r\n                                        <div *ngIf=\"dateAvaible; then thenDateBlock else elseDateBlock\"></div>\r\n                                        <ng-template #thenDateBlock>\r\n                                            <span class=\"font-weight-light h6\">Comienza en {{mooc?.fecha2}}</span>\r\n                                        </ng-template>\r\n                                        <ng-template #elseDateBlock> \r\n                                        </ng-template>\r\n                                    </div></div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row col-12 col-sm-12 border-buttom\">\r\n                            <div class=\"col-sm-12 col-md-8\">\r\n                                <p class=\"font-weight-bold h5 mt-5 mb-2\">Acerca de este curso</p>\r\n                                <p class=\"font-weight-normal h6 mb-5\">{{mooc?.descripcion}}</p>\r\n                                <p class=\"font-weight-bold h5 mt-5\"> \r\n                                <img src=\"/assets/images/blogForo/Iconos_LTblog-Tag25px.png\" class=\"iconA\">Tags: <span class=\"tags\"> {{mooc?.tags}}</span>\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-1\"></div>\r\n                            <div class=\"col-sm-12 col-md-3\">\r\n                                <p class=\"font-weight-normal h6 mt-5\"> \r\n                                    <i class=\"fa fa-check-circle\" aria-hidden=\"true\"></i> &nbsp; 100% en línea</p>\r\n                                <p class=\"font-weight-normal h6\">\r\n                                    <i class=\"fa fa-check-circle\" aria-hidden=\"true\"></i> &nbsp; Fechas límite flexibles</p>\r\n                                <p class=\"font-weight-normal h6\">\r\n                                    <i class=\"fa fa-check-circle\" aria-hidden=\"true\"></i> &nbsp; Nivel {{mooc?.nivel}}</p>\r\n                                <p class=\"font-weight-normal h6\">\r\n                                    <i class=\"fa fa-check-circle\" aria-hidden=\"true\"></i> &nbsp; Duración {{mooc?.duracion}}min</p>\r\n                                <p class=\"font-weight-normal h6\">\r\n                                    <i class=\"fa fa-check-circle\" aria-hidden=\"true\"></i> &nbsp; Idioma {{mooc?.idioma}}</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row col-12 col-sm-12 border-buttom\">\r\n                            <div class=\"col-sm-12 col-md-12\">\r\n                                <div class=\"container-fluid\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-12\">\r\n                                            <p class=\"font-weight-bold h4 mt-5 pt-2 mb-4\">Programa - ¿Qué aprenderás en este curso?</p>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div style=\"margin: 3% 0;\" *ngFor=\"let modul of mooc?.modulos; let m = index;\">\r\n                                        <div id=\"accordion-{{m}}\">\r\n                                        <div class=\"card\">\r\n                                            <div class=\"card-header\" id=\"heading-{{m}}\">\r\n                                            <h5 class=\"mb-0\">\r\n                                                <button class=\"btn btn-link col-12\" data-toggle=\"collapse\" [attr.data-target]=\"'#modulo' 
100+ m\" aria-expanded=\"false\">\r\n                                                <div class=\"col-12 row\">\r\n                                                    <div class=\"text-left col-11\">\r\n                                                    <span class=\"font-weight-bold h5\"> Módulo {{m+1}}   - {{modul.nombre}}  </span> <br>\r\n                                                    <img src=\"/assets/images/icon/Iconos_LTBlog_Reloj.png\" class=\"iconA color\">\r\n                                                    <span class=\"font-weight-bold h5\" style=\"color: black;\">{{modul?.duracion}} min.</span> \r\n                                                    </div> \r\n                                                    <div class=\"col-1 text-right\">\r\n                                                        <i class=\"fas fa-caret-down\" aria-hidden=\"true\"></i>\r\n                                                    </div>\r\n                                                </div>\r\n                                                </button>\r\n                                            </h5>\r\n                                            </div>\r\n\r\n                                            <div id=\"modulo{{m}}\" class=\"collapse\">\r\n                                            <div class=\"card-body\">\r\n                                                <!-- Módulo -->\r\n                                                <div class=\"row\">\r\n                                                    <div class=\"col-md-2 col-12 mt3\">\r\n                                                        <span style=\"text-align: center;\"><h3 style=\"font-size: 22px;\">Módulo <br> {{m+1}} <br> <br> {{modul?.nombre}} </h3></span>\r\n                                                    </div>\r\n                                                    <div class=\"col-md-2 col-12 mt3\">\r\n                                                        <img src=\"/assets/images/icon/Iconos_LTBlog_Reloj.png\" class=\"iconA\">\r\n                                                        <span class=\"h6\">{{modul?.duracion}} min.</span> \r\n                                                    </div>\r\n                                                    <div class=\"col-md-8 col-12\">\r\n                                                        <p style=\"font-weight: 500;\">Descripción del módulo</p>\r\n                                                        <p> {{modul?.descripcion}} </p>\r\n                                                        <div *ngFor=\"let act of modul.actividades; let a = index;\">\r\n                                                            <p style=\"font-weight: 500;\">Actividad {{a+1}} - {{act?.nombre}}</p>\r\n                                                            <p *ngIf=\"act?.materiales_text\"><img src=\"/assets/images/icon/Iconos_LTBlog_Reloj.png\" class=\"iconA\">\r\n                                                               {{act.materiales_text}}\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row col-12 col-sm-12 \">\r\n                            <div class=\"col-sm-12 col-md-10\">\r\n                                <p class=\"font-weight-bold h5 mt-5 pt-2 mb-4\">Instructores:</p>\r\n                                <div class=\"row mb-4\" *ngFor= \"let autor of mooc?.autores; let i = index;\" id=\"{{'autor-'+i}}\">\r\n                                    <div class=\"col-12 col-sm-12 order-2 order-sm-2 col-md-9 order-md-1 mb-3\">\r\n                                        <p class=\"font-weight-bold h6 mb-4\">{{autor?.nombre}}</p>\r\n                                        <p class=\"font-weight-normal h6 mb-2\">{{autor?.resumenAutor}}</p>\r\n                                        <a class=\"font-weight-bold h6 color\" [href]=\"autor?.enlace\">LinkedIn</a>\r\n                                    </div>\r\n                                    <div class=\"col-12 col-sm-12 order-1 order-sm-1 col-md-3 order-md-2 text-center\">\r\n                                        <img [src]=\"''+urlIMG+''+autor?.foto\" class=\"imgRes\">\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-sm-12 col-md-2\" style=\"margin: auto; justify-content: center; display: flex;\">\r\n                                <div class=\"inscribir cursor\" style=\"font-size: 12px;\" (click)=\"inscribir();\"><div>\r\n                                    <ng-container *ngIf=\"sections?.moocs.includes(''+mooc?.id_seccion)\">
100\r\n                                        <span class=\"font-weight-bold\">Ya estas inscrito</span><br>\r\n                                        <span class=\"font-weight-bold\">Ir al mooc</span><br>\r\n                                    </ng-container>\r\n                                    <ng-container *ngIf=\"!sections?.moocs.includes(''+mooc?.id_seccion) && mooc?.cobrar==1\">\r\n                                        <span class=\"font-weight-bold\">Inscribete ahora</span><br>\r\n                                         <span class=\"font-weight-bold\">por ${{mooc?.precio}} MXN</span><br>\r\n                                    </ng-container>\r\n                                    <ng-container *ngIf=\"!sections?.moocs.includes(''+mooc?.id_seccion) && mooc?.cobrar==0\">\r\n                                        <span class=\"font-weight-bold\">Inscribete ahora</span><br>\r\n                                        <span class=\"font-weight-bold\">sin costo extra</span><br>\r\n                                    </ng-container>\r\n                                </div></div>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngIf=\"mooc?.calificaciones.length>0\" class=\"row col-12 col-sm-12 border-topp\">\r\n                            <div class=\"col-sm-12 col-md-10\">\r\n                                <p class=\"font-weight-bold h5 mt-5 pt-2 mb-4\">Opiniones:</p>\r\n                                <div class=\"row mb-4 border-bottom\" *ngFor= \"let calf of mooc?.calificaciones; let c = index;\">\r\n                                    <div class=\"col-1 col-sm-1 mb-3\">\r\n                                        <img *ngIf=\"calf.img != null\" class=\"img-circ\" src=\"assets/images/Avatares/{{calf.img}}\" alt=\"{{calf.img}}\">\r\n                                        <img *ngIf=\"calf.img == null\" class=\"img-circ\" src=\"assets/images/avatar/avatar.png\" alt=\"Avatar\">\r\n                                    </div>\r\n                                    <div class=\"col-11 col-sm-11 mb-3\">\r\n                                        <p class=\"font-weight-bold h6\">{{calf.name}} {{calf.lastname}} <br>\r\n                                            <ng-container *ngFor=\"let i of Arr(calf?.calificacion).fill(1);\">\r\n                                                <label style=\"color: orange;\">★</label>\r\n                                            </ng-container>\r\n                                            <ng-container *ngFor=\"let i of Arr(5-calf?.calificacion).fill(1);\">\r\n                                                <label style=\"color: grey;\">★</label>\r\n                                            </ng-container>\r\n                                            <span class=\"font-weight-normal\" style=\"color: grey; font-size: 14px;\"> - {{calf.fecha2}}</span>\r\n                                        </p>\r\n                                        <p class=\"font-weight-normal h6 mb-3\">{{calf.comentario}}</p> \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</section>\r\n    <app-footer></app-footer>\r\n</main>\r\n");
101
102/***/ }),
103
104/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.html":
105/*!**************************************************************************************************************************!*\
106  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.html ***!
107  \**************************************************************************************************************************/
108/*! exports provided: default */
109/***/ (function(module, __webpack_exports__, __webpack_require__) {
110
111"use strict";
112__webpack_require__.r(__webpack_exports__);
113/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n\r\n<section id=\"contain\">\r\n    <section class=\"carousel-block module\">\r\n        <div class=\"pad-responsive\" style=\"padding-bottom: 0px !important;\">\r\n            <div class=\"back\">\r\n                <a (click)=\"back();\" class=\"back-to cursor\"><img src=\"assets/images/icon/Iconos_LTBlog_Flecha.png\" alt=\"Regresar\"></a>\r\n            </div>\r\n            <div class=\"carousel__title\">\r\n                <h4 class=\"special-title title--6\" style=\"width: 230px;\">Capacitación docente</h4>\r\n            </div>\r\n            <div class=\"border-buttom mb-5\">
113\r\n                <span class=\"font-weight-bold h5\">Webinar</span>\r\n                <span *ngIf=\"dateAvaible.live\" class=\"font-weight-bold h5\">   •   En vivo</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"pad-responsive\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-sm-12 col-md-9\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-sm-12 mb-3\">\r\n                            <span class=\"font-weight-bold h2\">{{webinar?.titulo}}</span>\r\n                        </div> \r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <span class=\"font-weight-bold h6\">{{webinar?.fecha2}}   •   {{webinar?.tema}}</span>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 mb-3\">\r\n                            <img src=\"/assets/images/icon/Iconos_LTBlog_Reloj.png\" class=\"iconA\" style=\"margin-left: 0;\"><span class=\"font-weight-bold h6\">{{webinar?.duracion}}</span>\r\n                            <span *ngIf=\"dateAvaible.live\" class=\"font-weight-bold color h6\">   •   En vivo</span>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <div *ngIf=\"dateAvaible.soon\" class=\"row meetBox mt-2 mb-3\">\r\n                                <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                                <div class=\"col-12 col-sm-12 col-md-4\">\r\n                                    <p class=\"font-weight-bold h2 color text-center\">PRÓXIMAMENTE</p>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                            </div>\r\n                            <div *ngIf=\"dateAvaible.live\" class=\"row meetBox mt-2 mb-3\">\r\n                                <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                                <div class=\"col-12 col-sm-12 col-md-4\" style=\"text-align: center;\">\r\n                                    <button class=\"buttonZ\" style=\"cursor: pointer;\" (click)=\"joinMeeting();\">Unirse a la reunión</button>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                            </div>\r\n                            <div *ngIf=\"dateAvaible.past && webinar.link==''\" class=\"row meetBox mt-2 mb-3\">\r\n                                <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                                <div class=\"col-12 col-sm-12 col-md-4\">\r\n                                    <p class=\"font-weight-bold h2 color text-center\">WEBINAR FINALIZADO</p>\r\n                                    <p class=\"font-weight-bold h5 color text-center\">El video estará disponible próximamente.</p>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                            </div>\r\n                            <div *ngIf=\"dateAvaible.past && webinar.link!=''\" class=\"row mt-2 mb-3\">\r\n                                <div id=\"video-boton\" class=\"row col-12 meetBox\">\r\n                                    <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                                    <div class=\"col-12 col-sm-12 col-md-4\" style=\"text-align: center; display: block;\">\r\n                                        <button class=\"buttonZ\" style=\"cursor: pointer;\" (click)=\"registroClickVideo(1);\">Ver video</button>\r\n                                    </div>\r\n                                    <div class=\"col-12 col-sm-12 col-md-4\"></div>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 col-md-12\">\r\n                                    <video id=\"webinar-video\" style=\"display: none;\" width=\"100%\"  height=\"auto\" controls>\r\n                                        <source [src]=\"''+urlVIDEO+''+webinar?.link\" type=\"video/mp4\">\r\n                                    </video>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 border-buttom mb-4\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-sm-12 col-md-9 m-auto\">\r\n                                    <div>\r\n                                        <img src=\"/assets/images/blogForo/Iconos_LTblog-Tag25px.png\" class=\"iconA\"><span class=\"tags\">{{webinar?.tags}}</span><br>\r\n                                        <img src=\"/assets/images/blogForo/Iconos_LTBlog_Tema_25px.png\" class=\"iconA\"><span class=\"tags\">{{webinar?.tema}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 col-md-3\">\r\n                                    <div class=\"text-c\">
113\r\n                                        <span class=\"compartir autor bloc\">Compartir en</span>\r\n                                        <a target=\"_blank\" [href]=\"'http://www.facebook.com/sharer.php?u=https://labtak.takflics.com/capacitacion-docente/webinar/'+ IDwebinar\"><img src=\"/assets/images/blogForo/Iconos_LTBlog_FB_35px.png\" class=\"iconB\"></a>\r\n                                        <a target=\"_blank\" [href]=\"'https://twitter.com/intent/tweet?text=Aprendiendo%20en%20LABTAK&hashtags=INOMA,TakTakTak&url=https%3A%2F%2Flabtak.takflics.com/capacitacion-docente/webinar/'+ IDwebinar\"><img src=\"/assets/images/blogForo/Iconos_LT_Blog_TW35px.png\" class=\"iconB\"></a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 mt-3\">\r\n                            <p class=\"font-weight-bold h5 mb-1\">\r\n                                <img src=\"assets/images/blogForo/Iconos_LTforo_Dialogo_50px.png\" style=\"width: 25px; height: auto;\">\r\n                                Comentarios\r\n                            </p>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 mt-3 pb-3 bg-gray scroll-of bt-border-gray\">\r\n                            <div class=\"container\">\r\n                                <div class=\"row mt-2\" *ngFor=\"let commentOne of comments?.comentarios; let i = index;\" id=\"{{'commentOne-'+i}}\">\r\n                                    <div class=\"col-12 col-sm-12 col-md-12 bt-border-gray\">\r\n                                        <p class=\"mt-3\" style=\"line-height: 20px;\">\r\n                                            <span class=\"font-weight-normal\">Creado por </span>\r\n                                            <span class=\"font-weight-bold\">{{commentOne.name}} {{commentOne.lastname}} {{commentOne.lastname2}}</span><br>\r\n                                            <span class=\"font-weight-light h6\">el {{commentOne.fecha}} </span><br>\r\n                                        </p>\r\n                                        <p class=\"mt-3\">\r\n                                            <span class=\"font-weight-normal\">{{commentOne.comentario}} </span><br>\r\n                                            <span class=\"font-weight-bold color cursor\" (click)=\"postComentario(commentOne.id);\">Responder al comentario </span>\r\n                                        </p>\r\n                                        <div class=\"row mt-1\" *ngFor=\"let responseOne of commentOne?.respuestas; let y = index;\" id=\"{{'commentOne-'+i+'response-'+y}}\">\r\n                                            <div class=\"col-1 col-sm-1\"></div>\r\n                                            <div class=\"col-11 col-sm-11 bt-border-gray mb-1\">\r\n                                                <p class=\"mt-3\" style=\"line-height: 20px;\">\r\n                                                    <span class=\"font-weight-normal\">Creado por </span>\r\n                                                    <span class=\"font-weight-bold\">{{responseOne.name}} {{responseOne.lastname}} {{responseOne.lastname2}}</span><br>\r\n                                                    <span class=\"font-weight-light h6\">el {{responseOne.fecha}} </span><br>\r\n                                                </p>\r\n                                                <p class=\"mt-3\">\r\n                                                    <span class=\"font-weight-normal\">{{responseOne.comentario}} </span><br>\r\n                                                </p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div> \r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 pb-4 pt-2 bg-gray\" *ngIf=\"!dateAvaible?.soon\">\r\n                            <p class=\"font-weight-normal h5 mb-2 mt-3\">Deja tu comentario</p>\r\n                            <p class=\"mb-0\">Tu comentario se publicará con el nombre y ocupación que aparece en tu perfil</p>\r\n                            <div>\r\n                                <textarea [(ngModel)]=\"comment.comentario\" class=\"textarea\" placeholder=\"Escribe aquí tu comentario\"></textarea>\r\n                            </div>\r\n                            <div style=\"display: grid;\" class=\"screen\">\r\n                                <a><button class=\"publicarCom\" (click)=\"postComentario(null);\">Publicar comentario</button></a>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 border-buttom mt-3 mb-4\"></div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <p class=\"font-weight-bold h5 mb-2\">Descripción del Webinar</p>\r\n                            <p class=\"font-weight-normal h6 mb-5\">{{webinar?.descripcion}}</p>\r\n                            <p class=\"font-weight-bold h5 mt-5 pt-2 mb-4\">Participan:</p>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <div class=\"row mb-4\" *ngFor= \"let autor of webinar?.autores; let i = index;\" id=\"{{'autor-'+i}}\">\r\n                                <div class=\"col-12 col-sm-12 order-2 order-sm-2 col-md-9 order-md-1 mb-3\">\r\n                                    <p class=\"font-weight-bold h6 mb-4\">{{autor?.nombre}}</p>\r\n                                    <p class=\"font-weight-normal h6 mb-2\">{{autor?.resumenAutor}}</p>\r\n                                    <a class=\"font-weight-bold h6 color\" [href]=\"autor?.enlace\">LinkedIn</a>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 order-1 order-sm-1 col-md-3 order-md-2 text-center\">\r\n                                    <img [src]=\"''+urlIMG+''+autor?.foto\" class=\"imgRes\">\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-12 col-sm-12 col-md-3\">\r\n                    <p class=\"border-buttom text-left h4 font-weight-bold mb-3 pb-2\">\r\n                        <img src=\"/assets/images/icon/Iconos_LTBlog_calendario.png\" class=\"iconA\">\r\n                        Próximos\r\n                    </p>\r\n                    <div  *ngIf=\"otros?.proximos?.length==0; else elseBlock\">\r\n                        <div class=\"alert alert-light\" role=\"alert\">\r\n                            <p class=\"h4 alert-link-lg\">No hay eventos próximos.</p>\r\n                        </div>\r\n                    </div>\r\n                    <ng-template #elseBlock>\r\n                        <div class=\"row mb-3\" *ngFor= \"let proximo of otros?.proximos; let i = index;\" id=\"{{'proximo-'+i}}\">\r\n                            <div class=\"col-12 col-sm-12\">\r\n                                <p class=\"mb-0 small-font font-weight-bold text-right\">{{proximo?.fecha2.split(',')[0]}} • {{proximo?.tema}}</p>\r\n                                <a target=\"_parent\" routerLink=\"/capacitacion-docente/webinar/{{proximo?.id}}\" class=\"desTitulo cursor\" id=\"{{proximo?.ID}}\"><p class=\"color h5 text-right line-w\">{{proximo?.titulo}}</p></a>\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                    <p class=\"border-buttom text-right h4 font-weight-bold mb-3 pb-2 mt-5\">Anteriores</p>\r\n                    <div *ngIf=\"otros?.anteriores?.length==0; else elseBlock2\"> \r\n                        <div class=\"alert alert-light\" role=\"alert\">\r\n                            <p class=\"h4 alert-link-lg\">No hay eventos pasados.</p>\r\n                        </div>\r\n                    </div>\r\n                    <ng-template #elseBlock2>\r\n                        <div class=\"row\" *ngFor= \"let anterior of otros?.anteriores; let i = index;\" id=\"{{'anterior-'+i}
113}\">\r\n                            <div class=\"col-12 col-sm-12\">\r\n                                <p class=\"mb-0 small-font font-weight-bold text-right\">{{anterior?.fecha2.split(',')[0]}} • {{anterior?.tema}}</p>\r\n                                <a target=\"_parent\" routerLink=\"/capacitacion-docente/webinar/{{anterior?.id}}\" class=\"desTitulo cursor\" id=\"{{anterior?.ID}}\"><p class=\"color h5 text-right line-w\">{{anterior?.titulo}}</p></a>\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</section>\r\n    <app-footer></app-footer>\r\n</main>");
114
115/***/ }),
116
117/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-webinar/capacitacion-webinar.component.html":
118/*!****************************************************************************************************************!*\
119  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-webinar/capacitacion-webinar.component.html ***!
120  \****************************************************************************************************************/
121/*! exports provided: default */
122/***/ (function(module, __webpack_exports__, __webpack_require__) {
123
124"use strict";
125__webpack_require__.r(__webpack_exports__);
126/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n\r\n<section id=\"contain\">\r\n    <section class=\"carousel-block module\">\r\n        <div class=\"pad-responsive\" style=\"padding-bottom: 0px !important;\">\r\n            <div class=\"back\">\r\n                <a (click)=\"back();\" class=\"back-to cursor\"><img src=\"assets/images/icon/Iconos_LTBlog_Flecha.png\" alt=\"Regresar\"></a>\r\n            </div>\r\n            <div class=\"carousel__title\">\r\n                <h4 class=\"special-title title--6\" style=\"width: 230px;\">Capacitación docente</h4>\r\n            </div>\r\n            <div class=\"border-buttom mb-5\">\r\n                <span class=\"font-weight-bold h5\">Webinar</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"pad-responsive\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-sm-12 col-md-9\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-sm-12 mb-3\">\r\n                            <span class=\"font-weight-bold h2\">{{webinar?.titulo}}</span>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <span class=\"font-weight-bold h6\">{{webinar?.fecha2}}   •   {{webinar?.tema}}</span>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 mb-3\">\r\n                            <img src=\"/assets/images/icon/Iconos_LTBlog_Reloj.png\" class=\"iconA\"><span class=\"font-weight-bold h6\">{{webinar?.duracion}}</span>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 border-buttom mb-4\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-sm-12 col-md-9 m-auto\">\r\n                                    <div>\r\n                                        <img src=\"/assets/images/blogForo/Iconos_LTblog-Tag25px.png\" class=\"iconA\"><span class=\"tags\">{{webinar?.tags}}</span><br>\r\n                                        <img src=\"/assets/images/blogForo/Iconos_LTBlog_Tema_25px.png\" class=\"iconA\"><span class=\"tags\">{{webinar?.tema}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 col-md-3\">\r\n                                    <div class=\"text-c\">\r\n                                        <span class=\"compartir autor bloc\">Compartir en</span>\r\n                                        <a target=\"_blank\" [href]=\"'http://www.facebook.com/sharer.php?u=https://labtak.takflics.com/capacitacion-docente/webinar/'+ IDwebinar\">
126<img src=\"/assets/images/blogForo/Iconos_LTBlog_FB_35px.png\" class=\"iconB\"></a>\r\n                                        <a target=\"_blank\" [href]=\"'https://twitter.com/intent/tweet?text=Aprendiendo%20en%20LABTAK&hashtags=INOMA,TakTakTak&url=https%3A%2F%2Flabtak.takflics.com/capacitacion-docente/webinar/'+ IDwebinar\"><img src=\"/assets/images/blogForo/Iconos_LT_Blog_TW35px.png\" class=\"iconB\"></a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <div class=\"inscribir cursor\" (click)=\"inscribir();\"><div>\r\n                                <ng-container *ngIf=\"sections?.webinars.includes(''+webinar?.id_seccion)\">\r\n                                    <span class=\"font-weight-bold h6\">Ya estas inscrito</span><br>\r\n                                    <span class=\"font-weight-normal h6\">Haz clic aquí para ir al Webinar</span><br>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"!sections?.webinars.includes(''+webinar?.id_seccion) && webinar?.cobrar==1\">\r\n                                    <span class=\"font-weight-bold h6\">Inscribete ahora</span><br>\r\n                                    <span class=\"font-weight-bold h6\">por ${{webinar?.precio}} MXN</span><br>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"!sections?.webinars.includes(''+webinar?.id_seccion) && webinar?.cobrar==0\">\r\n                                    <span class=\"font-weight-bold h6\">Inscribete ahora</span><br>\r\n                                    <span class=\"font-weight-bold h6\">sin costo extra</span><br>\r\n                                </ng-container>\r\n                                <div *ngIf=\"dateAvaible; then thenDateBlock else elseDateBlock\"></div>\r\n                                <ng-template #thenDateBlock>\r\n                                    <span class=\"font-weight-light h6\">Comienza en {{webinar?.fecha2}}</span>\r\n                                </ng-template>\r\n                                <ng-template #elseDateBlock> \r\n                                </ng-template>\r\n                            </div></div>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <p class=\"font-weight-bold h5 mt-5 mb-2\">Descripción del Webinar</p>\r\n                            <p class=\"font-weight-normal h6 mb-5\">{{webinar?.descripcion}}</p>\r\n                            <p class=\"font-weight-bold h5 mt-5 pt-2 mb-4\">Participan:</p>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12\">\r\n                            <div class=\"row mb-4\" *ngFor= \"let autor of webinar?.autores; let i = index;\" id=\"{{'autor-'+i}}\">\r\n                                <div class=\"col-12 col-sm-12 order-2 order-sm-2 col-md-9 order-md-1 mb-3\">\r\n                                    <p class=\"font-weight-bold h6 mb-4\">{{autor?.nombre}}</p>\r\n                                    <p class=\"font-weight-normal h6 mb-2\">{{autor?.resumenAutor}}</p>\r\n                                    <a class=\"font-weight-bold h6 color\" [href]=\"autor?.enlace\">LinkedIn</a>\r\n                                </div>\r\n                                <div class=\"col-12 col-sm-12 order-1 order-sm-1 col-md-3 order-md-2 text-center\">\r\n                                    <img [src]=\"''+urlIMG+''+autor?.foto\" class=\"imgRes\">\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-12 col-sm-12 col-md-3\">\r\n                    <p class=\"border-buttom text-left h4 font-weight-bold mb-3 pb-2\">\r\n                        <img src=\"/assets/images/icon/Iconos_LTBlog_calendario.png\" class=\"iconA\">\r\n                        Próximos\r\n                    </p>\r\n                    <div  *ngIf=\"otros?.proximos?.length==0; else elseBlock\">\r\n                        <div class=\"alert alert-light\" role=\"alert\">\r\n                            <p class=\"h4 alert-link-lg\">No hay eventos próximos.</p>\r\n                        </div>\r\n                    </div>\r\n                    <ng-template #elseBlock>\r\n                        <div class=\"row mb-3\" *ngFor= \"let proximo of otros?.proximos; let i = index;\" id=\"{{'proximo-'+i}}\">\r\n                            <div class=\"col-12 col-sm-12\">\r\n                                <p class=\"mb-0 small-font font-weight-bold text-right\">{{proximo?.fecha2.split(',')[0]}} • {{proximo?.tema}}</p>\r\n                                <a target=\"_parent\" routerLink=\"/capacitacion-docente/webinar/{{proximo?.id}}\" class=\"desTitulo cursor\" id=\"{{proximo?.ID}}\"><p class=\"color h5 text-right line-w\">{{proximo?.titulo}}</p></a>\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                    <p class=\"border-buttom text-right h4 font-weight-bold mb-3 pb-2 mt-5\">Anteriores</p>\r\n                    <div *ngIf=\"otros?.anteriores?.length==0; else elseBlock2\"> \r\n                        <div class=\"alert alert-light\" role=\"alert\">\r\n                            <p class=\"h4 alert-link-lg\">No hay eventos pasados.</p>\r\n                        </div>\r\n                    </div>\r\n                    <ng-template #elseBlock2>\r\n                        <div class=\"row\" *ngFor= \"let anterior of otros?.anteriores; let i = index;\" id=\"{{'anterior-'+i}
126}\">\r\n                            <div class=\"col-12 col-sm-12\">\r\n                                <p class=\"mb-0 small-font font-weight-bold text-right\">{{anterior?.fecha2.split(',')[0]}} • {{anterior?.tema}}</p>\r\n                                <a target=\"_parent\" routerLink=\"/capacitacion-docente/webinar/{{anterior?.id}}\" class=\"desTitulo cursor\" id=\"{{anterior?.ID}}\"><p class=\"color h5 text-right line-w\">{{anterior?.titulo}}</p></a>\r\n                            </div>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</section>\r\n    <app-footer></app-footer>\r\n</main>\r\n");
127
128/***/ }),
129
130/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion/capacitacion.component.html":
131/*!************************************************************************************************!*\
132  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion/capacitacion.component.html ***!
133  \************************************************************************************************/
134/*! exports provided: default */
135/***/ (function(module, __webpack_exports__, __webpack_require__) {
136
137"use strict";
138__webpack_require__.r(__webpack_exports__);
139/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n\r\n<section id=\"contain\">\r\n    <section class=\"carousel-block module\">\r\n        <div class=\"cont\" style=\"padding-bottom: 0px !important;\">\r\n            <div class=\"carousel__title\">\r\n                <h4 class=\"special-title title--6\" style=\"width: 230px;\">Capacitación docente</h4>\r\n            </div>\r\n            <div style=\"margin-bottom: 4%;\">\r\n                <p style=\"font-weight: 600;\">Encuentra contenido de acuerdo a tus intereses: </p> \r\n                <div class=\"row\">                    \r\n                    <div class=\"col-12 col-sm-12 col-md-2\"></div>\r\n                    <div class=\"col-12 col-sm-12 col-md-2\">\r\n                        <h6 class=\"color\">Tipo</h6>\r\n                        <select name=\"tipo\" [(ngModel)]=\"searchData.tipo\" class=\"form-control selector border-color\">\r\n                            <option [value]=\"0\"  selected>Todos los Tipos</option>\r\n                            <option value=\"1\">Webinar</option>\r\n                            <option value=\"2\">Mooc</option>\r\n                        </select> \r\n                    </div>\r\n                    <div class=\"col-12 col-sm-12 col-md-4\">\r\n                        <h6 class=\"color\">Tema</h6>\r\n                        <select name=\"tema\" [(ngModel)]=\"searchData.id_tema\" class=\"form-control selector border-color\">\r\n                            <option [value]=\"0\"  selected>Todos los Temas</option>\r\n                            <ng-container *ngFor= \"let tema of temasList\">\r\n                                <option value=\"{{tema.id}}\">{{tema.tema}}</option>\r\n                            </ng-container> \r\n                        </select> \r\n                    </div>\r\n                    <div class=\"col-12 col-sm-12 col-md-2\">\r\n                        <h6 class=\"color\">Fecha</h6>\r\n                        <select name=\"tipo\" [(ngModel)]=\"searchData.fecha\" class=\"form-control selector border-color\">\r\n                            <option hidden [value]=\"0\"  selected>Todas las fecha</option>\r\n                            <option value=\"6\">Todas las fecha</option>\r\n                            <option value=\"1\">Hace un mes</option>\r\n                            <option value=\"2\">Hace 3 meses</option>\r\n                            <option value=\"3\">Hace 6 meses</option>\r\n                            <option value=\"4\">Hace más de 1 año</option> \r\n                            <option value=\"5\">Próximos</option>\r\n                        </select> \r\n                    </div>\r\n                    <div class=\"col-12 col-sm-12 col-md-2 p-0 mt125 btn-res\">\r\n                        <button class=\"searchbtn\" (click)=\"busqueda()\" style=\"width: 35px;\">\r\n                            <img src=\"assets/images/blogForo/Iconos_LTBlog_25px.png\" alt=\"Buscar\" style=\"width: 100%; height: auto;\">\r\n                        </button> \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"resultList.length>0\" class=\"pad-responsive\">   \r\n            <div class=\"screen\">\r\n                <div *ngFor= \"let resultado of resultList | paginate: { itemsPerPage: 6, currentPage: p}; let i = index;\" id=\"{{'result-'+i}}\" class=\"row resultado\">\r\n                    <div class=\"col-12 col-sm-12 col-md-3 ta-center\">\r\n                        <img [src]=\"urlIMG+resultado?.imagen\" class=\"imagen\">    \r\n                    </div>\r\n                    <div class=\"col-12 col-sm-12 col-md-7\">\r\n                        <p class=\"dblock h5 font-weight-bold\">
139 \r\n                            <span *ngIf=\"resultado.tipo==1\">Webinar: </span>\r\n                            <span *ngIf=\"resultado.tipo==2\">Mooc: </span> \r\n                            {{resultado?.titulo}}</p>\r\n                        <p *ngIf=\"resultado.tipo==2\" class=\"dblock h5 font-weight-bold\" style=\"margin-bottom: 0;\"> \r\n                            <ng-container *ngFor=\"let i of Arr(resultado.calificacion).fill(1);\">\r\n                                <label style=\"color: orange;\">★</label>\r\n                            </ng-container>\r\n                            <ng-container *ngFor=\"let i of Arr(5-resultado.calificacion).fill(1);\">\r\n                                <label style=\"color: grey;\">★</label>\r\n                            </ng-container>\r\n                        </p>\r\n                        <p class=\"dblock h6 font-weight-normal\">{{resultado?.fecha2}}</p>\r\n                        <p class=\"dblock h6 font-weight-light\">{{resultado?.descripcion.substring(0,200)+'...'}}</p>\r\n                        <p class=\"dblock mt-2 h6 color font-weight-bold \">Tema: {{resultado?.tema}}</p>\r\n                    </div>\r\n                    <div class=\"col-12 col-sm-12 col-md-2 mt-3 mb-3\">\r\n                        <ng-container *ngIf=\"resultado.tipo==1\">\r\n                            <a routerLink=\"/capacitacion-docente/webinar/{{resultado?.id}}\"><button class=\"leer\">Más información</button></a>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"resultado.tipo==2\">\r\n                            <a routerLink=\"/capacitacion-docente/mooc/{{resultado?.id}}\"><button class=\"leer\">Más información</button></a>\r\n                        </ng-container>\r\n                    </div>\r\n                </div> \r\n                <div class=\"screen2 mt-4\">\r\n                    <div>\r\n                        <pagination-controls (pageChange)=\"p = $event\" class=\"pagination\"></pagination-controls>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"pad-responsive\"> \r\n            <p style=\"font-weight: 600;\">Próximas capacitaciones este mes: </p>   \r\n            <div  *ngIf=\"proximos?.length==0; else elseBlock\">\r\n                <div class=\"alert alert-light\" role=\"alert\">\r\n                    <p class=\"h3 alert-link-lg\">No hay eventos próximos.</p>\r\n                </div>\r\n            </div>\r\n            <ng-template #elseBlock>\r\n                <div class=\"screen\">\r\n                    <div *ngFor= \"let resultado of proximos; let i = index;\" id=\"{{'proximo-'+i}}\" class=\"row resultado\">\r\n                        <div class=\"col-12 col-sm-12 col-md-3 ta-center\">\r\n                            <img [src]=\"urlIMG+resultado.imagen\" class=\"imagen\">    \r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 col-md-7\">\r\n                            <p class=\"dblock h5 font-weight-bold\"> \r\n                                <span *ngIf=\"resultado.tipo==1\">Webinar: </span>\r\n                                <span *ngIf=\"resultado.tipo==2\">Mooc: </span> \r\n                                {{resultado?.titulo}}</p>\r\n                            <p *ngIf=\"resultado.tipo==2\" class=\"dblock h5 font-weight-bold\" style=\"margin-bottom: 0;\"> \r\n                                <ng-container *ngFor=\"let i of Arr(resultado.calificacion).fill(1);\">\r\n                                    <label style=\"color: orange;\">★</label>\r\n                                </ng-container>\r\n                                <ng-container *ngFor=\"let i of Arr(5-resultado.calificacion).fill(1);\">\r\n                                    <label style=\"color: grey;\">★</label>\r\n                                </ng-container>\r\n                            </p>\r\n                            <p class=\"dblock h6 font-weight-normal\">{{resultado?.fecha2}}</p>\r\n                            <p class=\"dblock h6 font-weight-light\">{{resultado?.descripcion.substring(0,200)+'...'}}</p>\r\n                            <p class=\"dblock mt-2 h6 color font-weight-bold \">Tema: {{resultado?.tema}}</p>\r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 col-md-2 mt-3 mb-3\">\r\n                            <ng-container *ngIf=\"resultado.tipo==1\">\r\n                                <a routerLink=\"/capacitacion-docente/webinar/{{resultado?.id}}\"><button class=\"leer\">Más información</button></a>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"resultado.tipo==2\">\r\n                                <a routerLink=\"/capacitacion-docente/mooc/{{resultado?.id}}\"><button class=\"leer\">Más información</button></a>\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </section>\r\n</section>\r\n    <app-footer></app-footer>\r\n</main>\r\n");
140
141/***/ }),
142
143/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/contacto/contacto.component.html":
144/*!****************************************************************************************!*\
145  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/contacto/contacto.component.html ***!
146  \****************************************************************************************/
147/*! exports provided: default */
148/***/ (function(module, __webpack_exports__, __webpack_require__) {
149
150"use strict";
151__webpack_require__.r(__webpack_exports__);
152/* harmony default export */ __webpack_exports__["default"] = ("<main>\n  <app-header2></app-header2>\n  <div>\n    <section>\n      <div class=\"games-online-contacto back-module\">\n        <h1>¡Contáctanos!</h1>\n        <br />\n        <p>\n          Si deseas más información sobre cómo usar LabTak y los videojuegos\n          TAK-TAK-TAK con tus niñas y niños, ¡escríbenos! Da clic\n          <a href=\"mailto:[email protected]\">aquí</a>\n        </p>\n        <div class=\"avatar4\">\n          <img src=\"assets/sylos/images/characters/avatar1.png\" />\n        </div>\n      </div>\n    </section>\n  </div>\n  <app-footer></app-footer>\n</main>\n");
153
154/***/ }),
155
156/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/footer/footer.component.html":
157/*!************************************************************************************!*\
158  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/footer/footer.component.html ***!
159  \************************************************************************************/
160/*! exports provided: default */
161/***/ (function(module, __webpack_exports__, __webpack_require__) {
162
163"use strict";
164__webpack_require__.r(__webpack_exports__);
165/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"fix\"></div>\r\n<footer><!-- footer -->\r\n    <div class=\"container\">\r\n        <div class=\"footer__top row\">\r\n            <div class=\"col-4\">\r\n                <a href=\"https://www.inoma.mx/\" target=\"_blank\">\r\n                    <img src=\"assets/images/logo/inoma_grises.svg\" alt=\"Inoma\">\r\n                </a>\r\n            </div>\r\n            <div class=\"col-4\">\r\n                <a>\r\n                    <img src=\"assets/images/logo/LT_grises.svg\" alt=\"LabTak\">\r\n                </a>\r\n            </div>\r\n            <div class=\"col-4\">\r\n                <a href=\"https://taktaktak.com/\" target=\"_blank\">\r\n                    <img src=\"assets/images/logo/ttt_grises.svg\" alt=\"TakTakTak\">\r\n                </a>\r\n            </div>\r\n        </div>\r\n        <div class=\"footer__bottom\">\r\n            <ul>\r\n                <li>\r\n                    <a href=\"assets/help/LabTak_AvisoPrivacidad.pdf\"  target=\"_blank\">Aviso de privacidad</a>\r\n                </li>\r\n                <li>\r\n                    <a href=\"mailto:[email protected]\">Contacto</a>\r\n                </li>\r\n                <li>\r\n                    <a href=\"assets/help/ayuda.pdf\"  download=\"Manual_de_uso.pdf\">Ayuda</a>\r\n                </li>\r\n            </ul>\r\n        </div>
165\r\n        <div class=\"footer__copy\">\r\n            <p>Copyright 2022, LabTak todos los derechos reservados</p>\r\n        </div>\r\n    </div>\r\n    <div id=\"js-particles--footer\"></div>\r\n    <div class=\"footer-sesion-submenu\">\r\n        <ul class=\"wrapper flex\">\r\n            <li><a href=\"juegos-seguros\">Juegos Seguros</a></li>|\r\n            <li><a href=\"juegos-ninos\">Juegos para niños</a></li>|\r\n            <li><a href=\"juegos-para-aprender\">Juegos para aprender</a></li>|\r\n            <li><a href=\"juegos-educativos\">Juegos educativos</a></li>\r\n        </ul>\r\n    </div>\r\n</footer><!-- / -->");
166
167/***/ }),
168
169/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/foro-entrada/foro-entrada.component.html":
170/*!************************************************************************************************!*\
171  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/foro-entrada/foro-entrada.component.html ***!
172  \************************************************************************************************/
173/*! exports provided: default */
174/***/ (function(module, __webpack_exports__, __webpack_require__) {
175
176"use strict";
177__webpack_require__.r(__webpack_exports__);
178/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n    <div class=\"container\">   \r\n        <div class=\"screen\">\r\n            <div  class=\"row\" class=\"mt-5 mx-0 m-md-5\">\r\n                <div class=\"col-12\">\r\n                    <a routerLink=\"/foro\" style=\"display:inline-block;\">\r\n                        <img src=\"assets/images/blogForo/Iconos_LTforo_Home_30px.png\" style=\"width: 30px; height: auto;display:inline-block;\">\r\n                        <p class=\"inicio color\"> | {{entradas?.subtema?.nombreTema}}</p>\r\n                    </a>\r\n                    <p class=\"inicio\"> | {{entradas?.subtema?.nombreSub}}</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"row\" class=\"mt-5 mx-0 m-md-3\">\r\n                <div class=\"col-md-1 d-none d-sm-none d-md-block screenR\">\r\n                    <img src=\"assets/images/blogForo/Iconos_LTforo_Dialogo_50px.png\" style=\"width: 50px; height: auto;\">\r\n                </div>\r\n                <div class=\"col-12 col-sm-12 col-md-11\">\r\n                    <div class=\"row\"  style=\"border-bottom: 2px solid #FFB41A;\">\r\n                        <div class=\"col-12\">\r\n                            <p class=\"subtema\">{{entradas?.subtema?.nombreSub}}</p>\r\n                            <p class=\"descripcionSub\">{{entradas?.subtema?.descripcion}}</p>\r\n                        </div>\r\n                        <div *ngIf=\"CreateEntradaAvailable\" class=\"col-12 screenL\">\r\n                            <div class=\"box1\" style=\"display: grid; background-color: rgba(255,180,26, 0.4);padding:1rem;\">\r\n                                <input type=\"text\" [(ngModel)]=\"tituloCrearEntrada\" placeholder=\"Titulo de la entrada\" style=\"margin-bottom: 10px; width: 100%;\">\r\n                                <div style=\"background-color: white; width: 100%;\">\r\n                                    <angular-editor id=\"editorEntrada\" [(ngModel)]=\"textoCrearEntrada\" [config]=\"editorConfig\"></angular-editor>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-7\">\r\n                            <div *ngIf=\"!CreateEntradaAvailable\">\r\n                                <button class=\"boton crearE\" (click)=\"CreateEntradaAvailable=true;\">Crear entrada</button>\r\n                            </div>\r\n                            <div *ngIf=\"CreateEntradaAvailable\">\r\n                                <button style=\"cursor:pointer;\" class=\"boton crearE d-print-inline-block\" (click)=\"subirEntrada();\">Subir entrada</button>\r\n                                <span (click)=\"cancelEntrada();\" class=\"cancelar\">Cancelar</span>\r\n                            </div>\r\n                        </div>\r\n                        <!--div class=\"col-5 pagx\">  \r\n                            <div> \r\n                                <pagination-controls (pageChange)=\"p=$event;previuos='x';\" class=\"pagination\"></pagination-controls>\r\n                            </div> \r\n                        </div-->\r\n                     </div>    \r\n                    <div class=\"row mx-0 mt-3 m-md-4\" style=\"margin:1rem;\" *ngFor=\"let entrada of entradas?.entradas ; let i =index;\"> <!--  | paginate: { itemsPerPage: 5, currentPage: p}-->\r\n                        <div class=\"col-md-1 d-none d-sm-none screenR\">\r\n                            <img src=\"assets/images/blogForo/Iconos_LTforo_Contador_35px.png\" style=\"width: 35px; height: auto;\"> \r\n                        </div>\r\n                        <div class=\"col-12 col-sm-12 col-md-11 mt-4 mx-0 m-md-0\" id=\"{{'container-'+entrada?.ID}}\">\r\n                            <div class=\"row\"> \r\n                                <div class=\"col-10 col-sm-10 col-md-11\">\r\n                                    <p>
178\r\n                                        <span class=\"tituloE color\">{{entrada?.nombre}}</span>\r\n                                        <span class=\"resE\">Respuestas: {{entrada?.comments?.length}}</span>\r\n                                    </p>\r\n                                </div>\r\n                                <div class=\"col-2 col-sm-2 col-md-1\"  style=\"cursor:pointer;\" (click)=\"SelectEntrada(entrada?.ID)\">\r\n                                    <i class=\"material-icons\" style=\"font-size: 40px; font-weight: 900; margin-top: -10px; color:#FFB41A;\">arrow_drop_down</i>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row\"  style=\"border-bottom: 2px solid lightgrey;padding-bottom: 15px;\">\r\n                                <div class=\"d-none d-sm-none d-md-block col-md-1 screenL\">\r\n                                    <img *ngIf=\"entrada.img == null || entrada.email != null \" src=\"assets/images/avatar/avatar.png\" class=\"imgEntrada\">\r\n                                    <img *ngIf=\"entrada.img != null && entrada.email == null \" src=\"assets/images/Avatares/{{entrada?.img}}\" class=\"imgEntrada\">\r\n                                </div>\r\n                                <div class=\"col-10 col-sm-10 col-md-10\" *ngIf=\"entrada.email==null\">\r\n                                    <span class=\"Ecreada\">Creado por</span><span class=\"Ecreada2\">{{entrada?.name}} {{entrada?.lastname}} {{entrada?.lastname2}}</span>\r\n                                    <span class=\"Efecha\">{{entrada?.fecha | date :'MMMM d, y'}}</span>        \r\n                                </div>\r\n                                <div class=\"col-10 col-sm-10 col-md-10\" *ngIf=\"entrada.email!==null\">\r\n                                    <span class=\"Ecreada\">Creado por el </span><span class=\"Ecreada2\">Administrador</span>\r\n                                    <span class=\"Efecha\">{{entrada?.fecha | date :'MMMM d, y'}}</span>        \r\n                                </div>\r\n                                <div class=\"col-2 col-sm-2 col-md-1\">\r\n                                    <div *ngIf=\"IDemail==entrada.IDusuario\">\r\n                                        <a><button class=\"eliminarCom\" (click)=\"eliminarEntrada(entrada.ID,entrada.nombre,entrada.texto);\"></button></a>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"container unselected\" id=\"{{'containerEntrada-'+entrada?.ID}}\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-12\"> \r\n                                            <div class=\"texto\" [innerHTML]=\"entrada?.texto | sanitizeHtml\"></div>\r\n                                        </div>\r\n                                        <div class=\"col-1\"></div>\r\n                                        <div class=\"col-11\">\r\n                                            <div class=\"col-12\" style=\"border-bottom: 2px solid lightgrey;padding-bottom: 20px;\">\r\n                                                <div class=\"box2\">\r\n                                                    <span class=\"responde\">Responde a esta entrada</span>\r\n                                                    <span class=\"tucom\">Tu comentario se publicará con el nombre y correo que aparece en tu perfil</span>\r\n                                                    <angular-editor id=\"editorComentario\" [(ngModel)]=\"textoComment\" [config]=\"editorConfig\"></angular-editor>\r\n                                                    <button class=\"boton botonCom ml60\" (click)=\"subirComment(entrada?.ID,null);\">Responder entrada</button>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"row\" style=\"padding: 1rem 0;border-bottom: 2px solid lightgrey;\" *ngFor=\"let comment of entrada?.comments;\">\r\n                                                <div class=\"d-none d-sm-none d-md-block col-md-1 screenL\">    \r\n                                                    <img *ngIf=\"comment.img == null\" src=\"assets/images/avatar/avatar.png\" class=\"imgEntrada\">\r\n                                                    <img *ngIf=\"comment.img != null\" src=\"assets/images/Avatares/{{comment?.img}}\" class=\"imgEntrada\">\r\n                                                </div>\r\n                                                <div class=\"col-12 col-sm-12 col-md-11\">\r\n                                                    <div class=\"col-12\">\r\n                                                        <div class=\"row\">\r\n                                                            <div class=\"col-11\">\r\n                                                                <sp
178an class=\"Ecreada\">Por</span><span class=\"Ecreada2\">{{comment?.name}} {{comment?.lastname}} {{comment?.lastname2}}</span>\r\n                                                                <span class=\"correo color\">{{comment?.IDusuario}}</span>\r\n                                                                <span class=\"Efecha\">{{comment?.fecha | date :'MMMM d, y'}}</span>\r\n                                                            </div>\r\n                                                            <div class=\"col-1\">\r\n                                                                <div *ngIf=\"IDemail==comment.IDusuario\">\r\n                                                                    <a><button class=\"eliminarCom\" (click)=\"eliminarComment(comment.ID);\"></button></a>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        \r\n                                                        <div class=\"texto\" [innerHTML]=\"comment?.texto | sanitizeHtml\"></div>\r\n\r\n                                                        <div class=\"unselected box2\" id=\"{{'response-'+comment?.ID}}\">\r\n                                                            <angular-editor id=\"{{'editorResponse'+comment?.ID}}\" [(ngModel)]=\"textoResponse\" [config]=\"editorConfig\"></angular-editor>\r\n                                                            <span style=\"margin-left: 50%;padding: 1rem; color:grey;cursor:pointer; text-decoration: underline;font-weight: 500; display: inline-block;\" (click)=\"cancelResponse(comment?.ID)\">CANCELAR</span>\r\n                                                            <button class=\"boton botonCom\" style=\"font-size: 15px; display: inline-block;\" (click)=\"subirResponse(entrada?.ID,comment?.ID);\">Subir Respuesta</button>\r\n                                                        </div>\r\n\r\n                                                        <div class=\"selected\" id=\"{{'responseBtn-'+comment?.ID}}\">\r\n                                                            <button class=\"boton botonCom ml60\" style=\"font-size: 15px;\" (click)=\"selectResponse(comment?.ID,i)\">Responder comentario</button>\r\n                                                        </div>\r\n                                             \r\n                                                    </div>\r\n                                                    <div class=\"row\" *ngFor=\"let response of comment?.response\">\r\n                                                        <div class=\"d-none d-sm-none d-md-block col-md-1 screenL\">\r\n                                                            <img *ngIf=\"response.img == null\" src=\"assets/images/avatar/avatar.png\" class=\"imgEntrada\">\r\n                                                            <img *ngIf=\"response.img != null\" src=\"assets/images/Avatares/{{response?.img}}\" class=\"imgEntrada\">\r\n                                                        </div>\r\n                                                        <div class=\"col-12 col-sm-12 col-md-11\">\r\n                                                            <div class=\"row\">\r\n                                                                <div class=\"col-11\">\r\n                                                                    <span class=\"Ecreada\">Por</span><span class=\"Ecreada2\">{{response?.name}} {{response?.lastname}} {{response?.lastname2}}</span>\r\n                                                                    <span class=\"correo color\">{{response?.IDusuario}}</span>\r\n                                                                    <span class=\"Efecha\">{{response?.fecha | date :'MMMM d, y'}}</span>\r\n                                                                </div>\r\n                                                                <div class=\"col-1\">\r\n                                                                    <div *ngIf=\"IDemail==response.IDusuario\">\r\n                                                                        <a><button class=\"eliminarCom\" (click)=\"eliminarComment(response.ID);\"></button></a>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div class=\"texto\" [innerHTML]=\"response?.texto | sanitizeHtml\"></div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    \r\n    <app-footer></app-footer>\r\n</main>");
179
180/***/ }),
181
182/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/foro/foro.component.html":
183/*!********************************************************************************!*\
184  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/foro/foro.component.html ***!
185  \********************************************************************************/
186/*! exports provided: default */
187/***/ (function(module, __webpack_exports__, __webpack_require__) {
188
189"use strict";
190__webpack_require__.r(__webpack_exports__);
191/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<main>\r\n    <app-header></app-header>\r\n\r\n<section id=\"contain\">\r\n        \r\n    <section class=\"carousel-block module\">\r\n\r\n        <div class=\"cont\" style=\"padding-bottom: 0px !important;\">\r\n            <div class=\"carousel__title\">\r\n                <h4 class=\"special-title title--6\">Foro</h4>\r\n                <div style=\"margin-top:15px;margin-left: 40px;\">\r\n                    <a target=\"_blank\" routerLink=\"/ReglasComunidad\"><button class=\"boton\" style=\"font-size: 13px;\">Reglas del Foro</button></a>\r\n                </div>\r\n                <div class=\"col-12 screenR\" style=\"display: flex; justify-content: flex-end; margin-top:15px;\">\r\n                    <div class=\"bloc\">\r\n                        <input type=\"text\" [(ngModel)]=\"searchTxt\" size=\"25\" class=\"inSearch\" placeholder=\"Busca por tema o subtema\">\r\n                        <button class=\"searchbtn\" (click)=\"search();\">\r\n                            <img src=\"assets/images/blogForo/Iconos_LTBlog_25px.png\" style=\"width: 100%; height: auto; margin-top: -5px;\">\r\n                        </button>  \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    <div class=\"container\">   \r\n        <div class=\"screen\">\r\n                \r\n            <div *ngFor=\"let tema of foro\">\r\n                <div class=\"row\" style=\"border-bottom: 2px solid #FFB41A; margin: 2rem;\">   \r\n                    <div class=\"col-10\"  id=\"{{'cont-'+tema?.ID}}\">
191\r\n                        <span class=\"tema\">{{tema?.nombre}}</span>\r\n                    </div>\r\n                    <div class=\"col-2 screenR\" style=\"cursor:pointer; display: flex; justify-content: flex-end;\" (click)=\"SelectTema(tema?.ID)\">\r\n                        <i class=\"material-icons\" style=\"font-size: 40px; font-weight: 900; margin-top: -10px; color:#FFB41A;\">arrow_drop_down</i>\r\n                    </div>\r\n                </div> \r\n                <div class=\"container unselected\" style =\"margin: 1rem;\" id=\"{{'container-'+tema.ID}}\">\r\n                    <div class=\"row\" style=\"margin: 2rem;\" *ngFor=\"let subtema of tema.subtema\">\r\n                        <div class=\"col-1\">\r\n                            <img src=\"assets/images/blogForo/Iconos_LTforo_Dialogo_50px.png\" style=\"width: 50px; height: auto;\">\r\n                        </div>\r\n                        <div class=\"col-11\" style=\"border-bottom: 2px solid lightgray;\">\r\n                            <a routerLink=\"/foro/{{subtema?.ID}}\"><p class=\"subtema\">{{subtema.nombre}}</p></a>\r\n                            <p class=\"descripcion\">{{subtema.descripcion}}</p>\r\n                            <img src=\"assets/images/blogForo/Iconos_LTforo_Contador_20px.png\" style=\"display: inline-block; width: 20px; height: auto;\">\r\n                            <span class=\"entradas\">Entradas:  {{subtema?.numeroE?.entradas}}</span>\r\n                            <span class=\"entradas\">Comentarios y respuestas:  {{subtema?.numeroC?.comentarios}}</span>\r\n                            <div style=\"display:block;\">\r\n                                <img src=\"assets/images/blogForo/Iconos_LTforo_Tema_20px.png\" style=\"display: inline-block; width: 20px; height: auto;\">\r\n                                <p class=\"entradas color\" style=\"display: inline-block;\">{{subtema?.tags}}</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\" *ngIf=\"tema.subtema.length == 0;\">\r\n                        <div class=\"col-12\">\r\n                            <span style=\"font-size: 20px;color: lightgrey;\">Sin subtemas.</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n</section>\r\n\r\n    <app-footer></app-footer>\r\n</main>\r\n");
192
193/***/ }),
194
195/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/header/header.component.html":
196/*!************************************************************************************!*\
197  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/header/header.component.html ***!
198  \************************************************************************************/
199/*! exports provided: default */
200/***/ (function(module, __webpack_exports__, __webpack_require__) {
201
202"use strict";
203__webpack_require__.r(__webpack_exports__);
204/* harmony default export */ __webpack_exports__["default"] = (" <!-- Header -->\r\n <header>\r\n        <div class=\"container\">\r\n            <a  id=\"open\">\r\n                <small></small>\r\n                <small></small>\r\n                <small></small>\r\n            </a>\r\n            <ng-container>\r\n                <div class=\"header__logo-container row\">\r\n                    <div class=\"col-12\">\r\n                        <a routerLink= \"/inicio\" class=\"header__logo\">\r\n                            <img src=\"assets/images/logo/labtak_logo.svg\" alt=\"LabTak\">\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div class=\"header_ayuda-container row\">\r\n                    <div class=\"col-xs-2\" style=\"align-content: center;\">\r\n                        <a href=\"assets/help/ayuda.pdf\"  download=\"Manual_de_uso.pdf\"  class=\"helps js-tool\">\r\n                            <img src=\"assets/images/icon/ayuda-pdf.png\" alt=\"Ayuda\">\r\n                            <div class=\"tool__hides\">\r\n                                <h6>Ayuda</h6>\r\n                                <p>Descargar el manual de uso</p>\r\n                            </div>\r\n                        </a>\r\n                        <a data-toggle=\"modal\" style=\"curs
204or: pointer;\" data-target=\"#exampleModalCenter2\"  class=\"help js-tool\">\r\n                            <img src=\"assets/images/icon/ayuda-video.png\" alt=\"Ayuda\">\r\n                            <div class=\"tool__hide\">\r\n                                <h6>Ayuda</h6>\r\n                                <p>Observa el video tutorial</p>\r\n                            </div>\r\n                        </a>\r\n                        <!-- <a routerLink=\"/tienda\" class=\"helpss js-tool\">\r\n                            <img src=\"assets/images/icon/tienda.png\" alt=\"tienda\">\r\n                        </a> -->\r\n                    </div>\r\n                </div>\r\n                <nav class=\"menu\">\r\n                    <ul class=\"row\">\r\n                        <li class=\"col-md-3\" routerLinkActive=\"active\">\r\n                            <a class=\"btn btn-type1 js-second-level\" style=\"color: white;\" > Recursos didácticos</a>\r\n                            <ol>\r\n                                <li *ngIf=\"(sections.buscador)\">\r\n                                    <a routerLink=\"/buscador\" >Buscador</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.fichas)\">\r\n                                    <a routerLink=\"/listado\" >Videojuegos TAK-TAK-TAK</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.grupos)\">\r\n                                    <a routerLink=\"/grupos\" style=\"padding-left: 35px;\"> Grupos</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.reportak)\">\r\n                                    <a [routerLink]=\"['/reportak', 'alumnos']\" style=\"padding-left: 35px;\"> ReporTak</a>\r\n                                </li>\r\n                            </ol>\r\n                        </li>\r\n                        <li *ngIf=\"(sections.flag_planeacion) || (sections.modulos_hab) || (sections.flag_planeaciones_ses)\" class=\"col-md-3  \"routerLinkActive=\"active\">\r\n                            <a  class=\"btn btn-type1 js-second-level\" routerLinkActive=\"active\" style=\"color: white;\">\r\n                            Planeaciones</a>\r\n                            <ol>\r\n                                <li *ngIf=\"(sections.flag_planeacion)\">\r\n                                    <a routerLink=\"/mis-planes\" > Mis planeaciones</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.flag_planeacion)\">\r\n                                    <a routerLink=\"/planeaciones-compartidas\" > Planeaciones compartidas</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.flag_planeacion)\">\r\n                                    <a routerLink=\"/planeaciones-publicas\" > Planeaciones públicas</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.modulos_hab)\">\r\n                                    <a routerLink=\"/modulos-labtak\" > Módulos de habilidades</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.flag_planeaciones_ses)\">\r\n                                    <a routerLink=\"/planeaciones-sesion\" > Planeaciones por sesión</a>\r\n                                </li>\r\n                            </ol>\r\n                        </li>\r\n                        <li class=\"col-md-3  \"routerLinkActive=\"active\">\r\n                            <a  class=\"btn btn-type1 js-second-level\" routerLinkActive=\"active\" style=\"color: white;\">Comunidad</a>\r\n                            <ol>\r\n                                <li *ngIf=\"(sections.blog)\">\r\n                                    <a routerLink=\"/blog\" > Blog</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.flag_foro)\">\r\n                                    <a routerLink=\"/foro\" > Foro</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.flag_capacitacion)\">\r\n                                    <a routerLink=\"/capacitacion-docente\" > Capacitación docente</a>\r\n                                </li>\r\n                                <li *ngIf=\"(sections.flag_capacitacion)\">\r\n                                    <a routerLink=\"/mi-capacitacion\" > Mi capacitación docente</a>\r\n                                </li>\r\n                            </ol>\r\n                        </li>\r\n                        <li class=\"col-md-3\" routerLinkActive=\"active\">\r\n                            <a class=\"btn btn-type1 js-second-level\" routerLink=\"/perfil\">Perfil</a>\r\n                            <ol>\r\n                                <li>\r\n                                    <a routerLink=\"/perfil\">Mi perfil</a>\r\n                                </li>\r\n                                <li>\r\n                                    <a (click)=\"exit()\" routerLink=\"/perfil\">Cerrar sesión</a>\r\n                                </li>\r\n                            </ol>\r\n                        </li>\r\n                    </ul>\r\n                </nav>\r\n            </ng-container>\r\n\r\n        </div>\r\n    </header>\r\n<div class=\"modal \" id=\"exampleModalCenter2\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle2\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog-game\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body-game\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"kill('#exampleModalCenter2', 'videoTutorial');\">
204\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/xflvhevMqTY \" id=\"videoTutorial\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>");
205
206/***/ }),
207
208/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/header2/header2.component.html":
209/*!**************************************************************************************!*\
210  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/header2/header2.component.html ***!
211  \**************************************************************************************/
212/*! exports provided: default */
213/***/ (function(module, __webpack_exports__, __webpack_require__) {
214
215"use strict";
216__webpack_require__.r(__webpack_exports__);
217/* harmony default export */ __webpack_exports__["default"] = ("<header class=\"header__logout\">\r\n    <div class=\"container\">\r\n        <a class=\"header__logo-logout\" routerLink=\"/home\">\r\n            <img src=\"assets/images/logo/labtak_logo.svg\" alt=\"LabTak\">\r\n        </a>\r\n    </div>\r\n</header>\r\n");
218
219/***/ }),
220
221/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/inicio/inicio.component.html":
222/*!************************************************************************************!*\
223  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/inicio/inicio.component.html ***!
224  \************************************************************************************/
225/*! exports provided: default */
226/***/ (function(module, __webpack_exports__, __webpack_require__) {
227
228"use strict";
229__webpack_require__.r(__webpack_exports__);
230/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n<div id=\"top\"></div>\r\n<app-header2></app-header2>\r\n<section id=\"contain\" class=\"body--back body--logout\">\r\n    <ngb-carousel>\r\n        <ng-template ngbSlide>\r\n            <div class=\"picsum-img-wrapper\">\r\n            <img src=\"assets/images/slides/carrusel3.jpg\" alt=\"first slide\">\r\n            </div>\r\n            <div class=\"carousel-caption row\">\r\n                <div class=\"hero__left col-md-6 col-12\"> </div>\r\n                <div class=\"hero__right col-md-6 col-12\">\r\n                    <div class=\"log-module\">\r\n                        <p><strong>Inicio de sesión</strong></p>\r\n                        <a (click) = \"login()\" class=\"btn btn-type2\">Entrar</a>\r\n                    </div>\r\n                    <div class=\"log-module\">\r\n                        <p><strong>¿No tienes cuenta?</strong></p>\r\n                        <a (click) = \"register()\" class=\"btn btn-type2\">Regístrate</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template ngbSlide>\r\n            <div class=\"picsum-img-wrapper\">\r\n            <img src=\"assets/images/slides/carrusel5.jpg\" alt=\"second slide\">\r\n            </div>\r\n            <div class=\"carousel-caption row\">\r\n                <div class=\"hero__left col-md-6 col-12\"> </div>\r\n                <div class=\"hero__right col-md-6 col-12\">\r\n                    <div class=\"log-module\">\r\n                        <p><strong>Inicio de sesión</strong></p>\r\n                        <a (click) = \"login()\" class=\"btn btn-type2\">Entrar</a>\r\n                    </div>\r\n                    <div class=\"log-module\">\r\n                        <p><strong>¿No tienes cuenta?</strong></p>\r\n                        <a (click) = \"register()\" class=\"btn btn-type2\">Regístrate</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template ngbSlide>\r\n            <div class=\"picsum-img-wrapper\">\r\n            <img src=\"assets/images/slides/carrusel7.jpg\" alt=\"third slide\">\r\n            </div>\r\n            <div class=\"carousel-caption row\">\r\n                <div class=\"hero__left col-md-6 col-12\"> </div>\r\n                <div class=\"hero__right col-md-6 col-12\">\r\n                    <div class=\"log-module\">\r\n                        <p><strong>Inicio de sesión</strong></p>\r\n                        <a (click) = \"login()\" class=\"btn btn-type2\">Entrar</a>\r\n                    </div>\r\n                    <div class=\"log-module\">\r\n                        <p><strong>¿No tienes cuenta?</strong></p>\r\n                        <a (click) = \"register()\" class=\"btn btn-type2\">Regístrate</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template ngbSlide>\r\n            <div class=\"picsum-img-wrapper\">\r\n            <img src=\"assets/images/slides/carrusel4.jpg\" alt=\"four slide\">\r\n            </div>\r\n            <div class=\"carousel-caption row\">\r\n                <div class=\"hero__left col-md-6 col-12\"> </div>\r\n                <div class=\"hero__right col-md-6 col-12\">\r\n                    <div class=\"log-module\">\r\n                        <p><strong>Inicio de sesión</strong></p>\r\n                        <a (click) = \"login()\" class=\"btn btn-type2\">Entrar</a>\r\n                    </div>\r\n                    <div class=\"log-module\">\r\n                        <p><strong>¿No tienes cuenta?</strong></p>\r\n                        <a (click) = \"register()\" class=\"btn btn-type2\">Regístrate</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n    </ngb-carousel>\r\n    <!-- hero info -->\r\n    <!-- <section class=\"hero-info module\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"hero__left col-lg-6 col-12\">\r\n                    <img src=\"assets/images/elements/computadora.png\" alt=\"Herramientas de aprendizaje\">\r\n                    <article class=\"hero-info__txt\">\r\n                        <p>LabTak es una plataforma que apoya al docente en el diseño de su planeación didáctica. Es un espacio creado para aprender y enseñar de una manera innovadora. \r\n                            Aquí encontrarás recursos pedagógicos y estrategias didácticas que integran la tecnología en la enseñanza.\r\n                        </p>\r\n                    </article>\r\n                </div>\r\n                <div class=\"hero__right col-lg-6 col-12\">\r\n                    <article class=\"hero-info__txt\">\r\n                        <p style=\"color: black; font-weight: 500;\">LabTak es una plataforma que apoya al docente en el diseño de su planeación didáctica. Es un espacio creado para aprender y enseñar de una manera innovadora. \r\n                            Aquí encontrarás recursos pedagógicos y estrategias didácticas que integran la tecnología en la enseñanza.\r\n                        </p>\r\n                    </article>\r\n                    <h2 class=\"title-middle\">Crea tus planeaciones didácticas con LabTak y sé parte de la comunidad.</h2>\r\n                    <div class=\"log-module\">\r\n                        <p><strong>Inicio de sesión</strong></p>\r\n                        <a routerLink=\"/login\" class=\"btn btn-type2\">Entrar</a>\r\n                    </div>\r\n                    <div class=\"log-module\">\r\n                        <p><strong>¿No tienes cuenta?</strong></p>\r\n                        <a routerLink=\"/registro\" class=\"btn btn-type2\">Regístrate</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section> -->\r\n    \r\n    <!-- plan info -->\r\n    <!-- <section class=\"plan-education module\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"wrapp__title col-12\">\r\n                    <h2 class=\"title-middle color-1\">Crea tu planeación didáctica a través de un buscador de contenido educativo donde encontrarás:</h2>\r\n                </div>\r\n                <div class=\"education__item col-lg-3 col-6\">\r\n                    <figure class=\"education__icon\">\r\n                        <img src=\"assets/images/icon/pedagogia.png\" alt=\"Información pedagógica de los videojuegos TAK-TAK-TAK\">\r\n                    </figure>\r\n                    <article class=\"education__txt\">\r\n                        <p>Videojuegos educativos TAK-TAK-TAK, juegos en línea para niñas y niños de educación básica.</p>\r\n                    </article>\r\n                </div>\r\n                <div class=\"education__item col-lg-3 col-6\">\r\n                    <figure class=\"education__icon\">\r\n                        <img src=\"assets/images/icon/investigaciones.png\" alt=\"Investigaciones educativas\">\r\n                    </figure>\r\n                    <article class=\"education__txt\">\r\n                        <p>Investigaciones y referencias, documentos teóricos sobre temas relacionados con el curriculo oficial de educación básica. </p>\r\n                    </article>\r\n                </div>\r\n                <div class=\"education__item col-lg-3 col-6\">\r\n                    <figure class=\"education__icon\">\r\n                        <img src=\"assets/images/icon/recursos.png\" alt=\"Recursos lúdico-educativos\">\r\n                    </figure>\r\n                    <article class=\"education__txt\">\r\n                        <p>
230Biblioteca de recursos digitales, videos e interactivos que permiten apoyar tu enseñanza para involucrar a tus alumnos y transformar tu clase.</p>\r\n                    </article>\r\n                </div>\r\n                <div class=\"education__item col-lg-3 col-6\">\r\n                    <figure class=\"education__icon\">\r\n                        <img src=\"assets/images/icon/tutoriales.png\" alt=\"Tutoriales\">\r\n                    </figure>\r\n                    <article class=\"education__txt\">\r\n                        <p>Tutoriales, videos que ayudan a comprender los conceptos de los videojuegos TAK-TAK-TAK.</p>\r\n                    </article>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <img src=\"assets/images/background/line-home.png\" class=\"education__mobile-line\">\r\n    </section> -->\r\n    \r\n    <!-- Adventure block -->\r\n    <section class=\"adventure-block module\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"wrapp__title col-12\">\r\n                    <!-- <h2 class=\"title-middle color-2\">¡Diseña tu planeación didáctica con LabTak y haz de tus clases toda una aventura!</h2> -->\r\n                    <h2 class=\"title-middle color-2\">¡Haz de tus clases toda una aventura!</h2>\r\n                </div>\r\n            </div>\r\n            <div class=\"row adventure__row\">\r\n                <!-- <div class=\"adventure__item col-6\">\r\n                    <section class=\"adventure__card\">\r\n                        <figure class=\"adventure__icon\">\r\n                            <img src=\"assets/images/icon/personaliza.png\" alt=\"Personaliza tus planes\">\r\n                        </figure>\r\n                        <article class=\"adventure__txt\">\r\n                            <p>Elige el formato de planeación didáctica adecuado a tus necesidades y optimiza tu tiempo.</p>\r\n                        </article>\r\n                    </section>\r\n                </div> -->\r\n                <div class=\"adventure__item col-6 col-lg-4\">\r\n                    <section class=\"adventure__card\">\r\n                        <figure class=\"adventure__icon\">\r\n                            <img src=\"assets/images/icon/grupos.png\" alt=\"Añade a tus alumnos por grupos\">\r\n                        </figure>\r\n                        <article class=\"adventure__txt\">\r\n                            <p>Crea grupos de alumnos de acuerdo a sus necesidades de aprendizaje.</p>\r\n                        </article>\r\n                    </section>\r\n                </div>\r\n                <div class=\"adventure__item col-6 col-lg-4\">\r\n                    <section class=\"adventure__card\">\r\n                        <figure class=\"adventure__icon\">\r\n                            <img src=\"assets/images/icon/consulta.png\" alt=\"Consulta reportes de uso\">\r\n                        </figure>\r\n                        <article class=\"adventure__txt\">\r\n                            <p>Consulta los reportes de la actividad de tus alumnos.</p>\r\n                        </article>\r\n                    </section>\r\n                </div>\r\n                <div class=\"adventure__item col-6 col-lg-4\">\r\n                    <section class=\"adventure__card\">\r\n                        <figure class=\"adventure__icon\">\r\n                            <img src=\"assets/images/icon/planes.png\" alt=\"Accede a los planes TAK\">\r\n                        </figure>\r\n                        <article class=\"adventure__txt\">\r\n                            <p>Utiliza planeaciones didácticas diseñados previamente por el equipo de LabTak.</p>\r\n                        </article>\r\n                    </section>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section><!-- / -->\r\n    <!-- Video block -->\r\n    <section class=\"video-block module\">\r\n        <div class=\"container\">\r\n            <div class=\"videoplayer\">\r\n                 <iframe id=\"video-item\"  class=\"tam__video\" src=\"https://www.youtube.com/embed/xflvhevMqTY\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n                <!-- <a  class=\"video__play js-video-play\"><img src=\"assets/images/icon/play.png\" alt=\"Reproducir\"></a>\r\n                <section class=\"video__wrapp\"> -->\r\n                    <!-- <video id=\"video-item\" controls> -->\r\n                        <!-- <source src=\"assets/video/video.mp4\" type=\"video/mp4\">\r\n                        <source src=\"assets/video/video.webm\" type=\"video/webm\"> -->\r\n                    <!-- </video> -->\r\n                <!-- </section> -->\r\n            </div>\r\n        </div>\r\n    </section><!-- / -->\r\n    <section class=\"participate-block module\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"wrapp__title col-12\">\r\n                    <h2 class=\"title-middle\">Muy pronto podrás participar en nuestra comunidad de aprendizaje a través de:</h2>\r\n                </div>\r\n                <div class=\"participate__item col-lg-4 col-6\">\r\n                    <figure class=\"participate__icon\">\r\n                        <img src=\"assets/images/icon/foros.png\" alt=\"Foros\">\r\n                    </figure>\r\n                    <article class=\"participate__txt\">\r\n                        <p>Foros, comparte y dialoga sobre tus experiencias, estrategias didácticas y dudas con la comunidad LabTak.</p>\r\n                    </article>\r\n                </div>\r\n                <div class=\"participate__item col-lg-4 col-6\">\r\n                    <figure class=\"participate__icon\">\r\n                        <img src=\"assets/images/icon/blog.png\" alt=\"Blog\">\r\n                    </figure>\r\n                    <article class=\"participate__txt\">\r\n                        <!-- <p>Blog, descubre más sobre enseñanza, educación y tecnología.</p> -->\r\n                        <p>Un espacio creado para aprender y enseñar de una manera innovadora.</p>\r\n                    </article>\r\n                </div>\r\n                <div class=\"participate__item col-lg-4 col-6\">\r\n                    <figure class=\"participate__icon\">\r\n                        <img src=\"assets/images/icon/cursos.png\" alt=\"Curso en línea\">\r\n                    </figure>\r\n                    <article class=\"participate__txt\">\r\n                        <p>Cursos en línea, capacítate en diversos temas educativos y aplícalos en tu práctica docente.</p>\r\n                    </article>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</section>\r\n<app-footer></app-footer>\r\n</main>\r\n");
231
232/***/ }),
233
234/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/item-contenido/item-contenido.component.html":
235/*!****************************************************************************************************!*\
236  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/item-contenido/item-contenido.component.html ***!
237  \****************************************************************************************************/
238/*! exports provided: default */
239/***/ (function(module, __webpack_exports__, __webpack_require__) {
240
241"use strict";
242__webpack_require__.r(__webpack_exports__);
243/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n    <app-header></app-header>\r\n    <section id=\"contain\">\r\n        <div class=\"plan-wrapper module container\">\r\n            <div class=\"row\">\r\n                <!-- Plan content -->\r\n                <section class=\"plan-content col-xl-9 col-md-8 col-12 cont-dig\">\r\n                    <section class=\"central-content\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\">\r\n                            <h4 class=\"special-title title--2\">Contenidos digitales</h4>\r\n                            <div class=\"back\">\r\n                                <a (click)=\"back()\" class=\"back-to\"><img src=\"assets/images/icon/back.png\"\r\n                                        alt=\"Regresar\"></a>\r\n                            </div>\r\n                        </div><!-- / -->\r\n                        <div class=\"content__top\">\r\n                            <div class=\"row\">\r\n                                <div class=\"content__left col-lg-2 col-md-2 col-sm-2\">\r\n                                    <div class=\"drag-single drag--touch\" id=\"js-drag-single-document\">\r\n                                        <div class=\"plan__col 
243col-12\">\r\n                                            <div class=\"plan_item item--color2 item--l\">\r\n                                                <img *ngIf=\"otrosrecursos.pdf != 'No'; else elseBlock\"\r\n                                                                src=\"assets/images/icon/pdf.svg\" class=\"plan_img\" alt=\"Item1\">\r\n                                                <ng-template #elseBlock>\r\n                                                    <img *ngIf=\"otrosrecursos.video != ''; else elseBloc \"\r\n                                                    src=\"assets/images/icon/video.svg\" class=\"plan_img\" alt=\"Item1\">\r\n                                                    <ng-template #elseBloc>\r\n                                                        <img *ngIf=\"otrosrecursos.img != ''; else elseBlok\"\r\n                                                            src=\"assets/images/icon/documento.svg\" class=\"plan_img\" alt=\"Item1\">\r\n                                                        <ng-template #elseBlok>\r\n                                                            <img src=\"assets/images/icon/enlace.png\" class=\"plan_img\" alt=\"Item1\">\r\n                                                        </ng-template>\r\n                                                    </ng-template>\r\n                                                </ng-template>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-lg-10  col-md-10 col-sm-12\">\r\n                                    <!--<div class=\"button-add\">\r\n                                        <a class=\"btn boton2 btn2\"> <span style=\"color: #fff;\">Agregar a planeación </span> </a>\r\n                                    </div>-->\r\n                                    <div class=\"row\">\r\n                                        <article class=\"content__right col-lg-8 col-md-8 col-sm-12\">\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h3 [innerHTML]=\"otrosrecursos.nombre\"></h3>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Asignatura</h6>\r\n                                                <p>{{asignatura}}</p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Nivel Recomendado </h6>\r\n                                                <p>{{nivel}}</p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Descripción</h6>\r\n                                                <p [innerHTML]=\"otrosrecursos.descripcion\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <article class=\"content__article\">\r\n                                                    <img *ngIf=\"otrosrecursos.img != '' \" src=\"{{otrosrecursos.img}}\" alt=\"\" class=\"img\">\r\n                                                    <br>\r\n                                                    <a target=\"__blank\"><div *ngIf=\"otrosrecursos.link != '' \" [innerHTML]=\"otrosrecursos.link\"></div></a>\r\n                                                    <br>\r\n                                                    <div *ngIf=\"otrosrecursos.video != '' \" [innerHTML]=\"otrosrecursos.video\"></div>\r\n                                                    <div *ngIf=\"videoyt == true\">\r\n                                                        <iframe id=\"iframe\" name=\"iframe\" #iframe width=\"560\" height=\"315\" [src]=\"urlSafe\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\"></iframe>\r\n                                                    </div>\r\n                                                </article>\r\n                                            </div>\r\n                                        </article>\r\n                                        <div class=\"content__left col-lg-2 col-md-2 col-sm-12 _end\">\r\n                                            <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                                <div class=\"plan__col 
243col-12\">\r\n                                                    <a *ngIf=\"otrosrecursos.pdf == 'Si' \"  (click)=\"PDF()\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Descargar recurso</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <app-footer></app-footer>\r\n</main>");
244
245/***/ }),
246
247/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/item-juego/item-juego.component.html":
248/*!********************************************************************************************!*\
249  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/item-juego/item-juego.component.html ***!
250  \********************************************************************************************/
251/*! exports provided: default */
252/***/ (function(module, __webpack_exports__, __webpack_require__) {
253
254"use strict";
255__webpack_require__.r(__webpack_exports__);
256/* harmony default export */ __webpack_exports__["default"] = ("<!-- <app-modal></app-modal> -->\r\n<main>\r\n    <div id=\"top\"></div>\r\n    <app-header></app-header>\r\n    \r\n    <section id=\"contain\">\r\n        <div class=\"plan-wrapper module container\">\r\n            <div class=\"row\">\r\n                <!-- Aside -->\r\n                <!-- Plan content -->\r\n                <section class=\"plan-content col-xl-10 col-md-10 col-12 cont-dig\">\r\n                    <section class=\"central-content\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\">\r\n                            <h4 class=\"special-title title--3\">Videojuegos</h4>\r\n                        </div><!-- / -->\r\n                        <div class=\"content__top\">\r\n                            <div class=\"row\">\r\n                                <div class=\"content__left col-lg-2 col-md-2 col-sm-2\">\r\n                                    <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                        <div class=\"plan__col col-12\">\r\n                                            <div class=\"plan_item item--color1 item--l\">\r\n                                                <a>\r\n                                                    <img id=\"juegoIndi\"\r\n                                                        src=\"https://taktaktak.com/assets/files/games/images/{{game.imagename}}\"\r\n                                                        class=\"plan_img\" alt=\"Item1\">\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-lg-10  col-md-10 col-sm-12\">\r\n                                    <div class=\"button-add\">\r\n                                        <a class=\"btn boton2 btn2\"> <span style=\"color: #fff;\">Agregar a planeación </span> </a>\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <article class=\"content__right col-lg-8 col-md-8 col-sm-12\">\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h3>{{game.title}}</h3>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Asignatura</h6>\r\n                                                <p [innerHTML]=\"game.asignatura\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Nivel Recomendado </h6>\r\n                                                <p [innerHTML]=\"game.nivel\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Conceptos Manejados</h6>\r\n                                                <p [innerHTML]=\"game.conceptos\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                            </div>\r\n                                        </article>\r\n                                        <div class=\"content__left col-lg-2 col-md-2 col-sm-12 _end\">\r\n                                            <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                                <div class=\"plan__col 
256col-12\">\r\n                                                    <a data-toggle=\"modal\" data-target=\"#exampleModalCenter\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Tutorial</a>\r\n                                                    <a href=\"https://taktaktak.com/detalle/{{game.slug}}\" target=\"__blank\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Jugar</a>\r\n                                                    <a *ngIf=\"gameSelected != undefined\"\r\n                                                        href=\"/assets/FichasLT/{{gameSelected.pdf}}.pdf\"\r\n                                                        download=\"Ficha_Pedagogica_{{gameSelected.name}}.pdf\" target=\"__blank\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Descargar ficha</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"content__central\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-xl-2 col-md-2 col-2\"></div>\r\n                                <div class=\"content__col col-xl-10 col-md-10 col-12 \">\r\n                                    <article class=\"content__article\" id=\"accordion-elements\">\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color1\" id=\"accordionOne\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingOne\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarDesc()\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/descripcion.png\"\r\n                                                                    alt=\"Descripción pedagógica y lúdica\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseOne\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseOne\">\r\n                                                                    Descripción pedagógica y lúdica\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseOne\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingOne\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Descripcion Pedagógica</h4>\r\n                                                            <p [innerHTML]='game.descripcion_pedagogica'></p>\r\n                                                            <p> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Descripcion Lúdica</h4>\r\n                                                            <p [innerHTML]='game.descripcion_ludica'></p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <!-- <p [innerHTML]='game.tags'></p> -->\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color2\" id=\"accordionTwo\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingTwo\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarComp()\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/competencias.png\"\r\n                                                                    alt=\"Competencias\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link js-org-chart\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseTwo\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseTwo\">\r\n                                                                    Competencias\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseTwo\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingTwo\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades para el parendizaje del siglo XXI</h4>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Aprendizaje e innovación: 4C´S</h5>\r\n                                                                <div class=\"grid-selection\">\r\n                                                                    <div class=\"row\">\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.pensamiento == 1\"\r\n                                                                                class=\"grid__check active \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"pensamiento\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Pensamiento crítico y resolución de\r\n                                                                                    problemas </p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.pensamiento == 0\"\r\n                                                                                class=\"grid__check   \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"pensamiento\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Pensamiento crítico y resolución de\r\n                                                                                    problemas </p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.comunicacion == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"comunicacion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Comunicación</p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.comunicacion == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"comunicacion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Comunicación</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.creatividad == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"creatividad\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Creatividad e innovación</p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.creatividad == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"creatividad\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Creatividad e innovación</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.colaboracion == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"colaboracion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Colaboración</p>\r\n                                                                            </div>\r\n                                            
256                                <div *ngIf=\"gameAbility.habilidades.aprendizaje.colaboracion == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"colaboracion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Colaboración</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Información, Media y Tecnología</h5>\r\n                                                                <table class=\"informative-table\">\r\n                                                                    <tbody>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.teclado.porcentaje == 0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_teclado.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de teclado</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.teclado.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.teclado.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_teclado.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de teclado</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.teclado.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.mouse.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_mouse.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de mouse</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.mouse.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.mouse.porcentaje ==  0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_mouse.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de mouse</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.mouse.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.tableta.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_touch.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de una tableta</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.tableta.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.tableta.porcentaje ==  0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_touch.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de una tableta</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.tableta.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                    </tbody>\r\n                                                                </table>\r\n                                                            </div>\r\n                                                        </section>\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades cognitivas</h4>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>
256Funciones Mentales Superiores Utilizadas</h5>\r\n                                                                <div class=\"loaders-wrapp\">\r\n                                                                    <div class=\"row\">\r\n                                                                        <div class=\"loaders__col col-lg-6 col-md-12\">\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Atención</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.atencion + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Memoria</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.memoria + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Lenguaje</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.lenguaje + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones visoespaciales</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.visoespacial + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones sensoriomotoras</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.sensoriomotoras + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones ejecutivas</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.fms.ejecutivas + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div class=\"loaders__col col-lg-6 col-md-12\">\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Percepción visual</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.ed.visual + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Memoria de trabajo</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.ed.trabajo + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Velocidad del procesamiento de la información</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.ed.informacion + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Compresión verbal</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.ed.verbal + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Percepción auditiva</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':gameAbility.habilidades.ed.auditiva + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </section>\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Mapa de Habilidades <i data-toggle=\"modal\"\r\n                                                                    data-target=\"#exampleModalScrollable\"\r\n                                                                    class=\"fas fa-eye\"></i> </h4>\r\n                                                            <div class=\"tree-levels\">\r\n                                                                <ul class=\"level-base level--0\">\r\n                                                                    <li class=\"the-line\"></li>\r\n                                                                    <!-- level 0 -->\r\n                                                                    <li class=\"level__item\">\r\n                                                                        <div *ngIf=\" gameAbility.modelos.modelo == 1\"\r\n                                                                            class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                                                            <h5>Habilidades Socio-emocionales</h5>\r\n                                                                            <p>Modelo Educativo 2016</p>\r\n                                                                        </div>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 1\"\r\n                                                                            class=\"level-subase level--1 level--color1\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autoconocimiento</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Conciencia de las propias\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Autoestima</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Aprecio y gratitud</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>
256Bienestar</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 1\"\r\n                                                                            class=\"level-subase level--1 level--color2\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autorregulación</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Meta-cognición</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Expresión de emociones\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Regulación de las\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Auto-generación de\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Perseverancia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autonomia == 1\"\r\n                                                                            class=\"level-subase level--1 level--color3\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autonomía</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Iniciativa personal</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Identificación de\r\n                                                                                                necesidades y búsqueda\r\n                                                                                                de soluciones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Auto-eficacia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.empatia == 1\"\r\n                                                                            class=\"level-subase level--1 level--color4\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Empatía</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>
256Bienestar y trato digno\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Toma de perspectiva en\r\n                                                                                                situaciones de conflicto\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Reconocimiento de\r\n                                                                                                prejuicios</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Sensibilidad hacia\r\n                                                                                                personas discriminadas\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Cuidado de otros seres\r\n                                                                                                vivos</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.colaboracion == 1\"\r\n                                                                            class=\"level-subase level--1 level--color5\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Colaboración</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.
256colaboracion.comunidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Comunicación asertiva\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Responsabilidad</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Inclusión</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Resolución de conflictos\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.interdependencia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Independencia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                    </li>\r\n                                                                </ul>\r\n                                                            </div>\r\n                                                            <!-- <p [innerHTML]=\"gameAbility.habilidades.tags\"></p> -->\r\n                                                        </section>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color3\" id=\"accordionThree\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingThree\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarRuta()\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/rutas.png\"\r\n                                                                    alt=\"Rutas didácticas\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseThree\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseThree\">\r\n                                                                    Rutas didácticas\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"rutas\" *ngFor=\"let rutas of rutasTotales;  \">\r\n                                                    <div id=\"collapseThree\" class=\"collapse hide\"\r\n                                                        aria-labelledby=\"headingThree\">\r\n                                                        <div class=\"card-body\">\r\n                                                            <div class=\"row\">\r\n                                                                <div class=\"col-xl-6 col-12\">\r\n                                                                    <div [innerHTML]=\"rutas.titulo\" class=\"card__span\">\r\n\r\n                                                                        <!-- <h4>Espacio geográfico</h4>\r\n                                                                                    <h5>Juntos mejoramos el lugar donde vivo y nuestra vida en común</h5>\r\n                                                                                    <p>2o. ciclo</p> -->\r\n                                                                    </div>\r\n                                                                    <div class=\"card__span\">\r\n                                                                        <div class=\"timeline row\">\r\n                                                                            <div *ngFor=\"let procesos of rutas.procesos\"\r\n                                                                                class=\"time__item col-12\">\r\n                                                                                <article class=\"time__span\">\r\n                                                                                    <p\r\n                                                                                        [innerHTML]=\"procesos.descripcion\">\r\n                                                                                    </p>\r\n                                                                                </article>\r\n                                                                            </div>\r\n                                                                            <!-- <div  class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Exposición de datos</p>\r\n                                                                                        </article>\r\n                                                                                    </div> -->\r\n                                                                            <!-- <div class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Jugar Amícu</p>\r\n                                                                                        </article>\r\n                                                                                    </div>\r\n                                                                                    <div class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Reflexión</p>\r\n                                                                                        </article>\r\n                                                                                    </div>\r\n                                                                                    <div class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Realizar una campaá con carteles del medio ambiente</p>\r\n                                                                                        </article>\r\n                                                                                    </div> -->\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                                <div class=\"col-xl-6 col-12\">\r\n                                                                    <div class=\"card__span\">\r\n                                                                        <h4>Argumentación</h4>\r\n                                                                        <p [innerHTML]=\"rutas.argumentacion\"> </p>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <!-- <p [innerHTML]=\"rutas.tags\"></p> -->\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color4\" id=\"accordionFour\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingFour\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarProgr()\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/programas.png\"\r\n                                                                    alt=\"Programas académicos\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseFour\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseFour\">\r\n                                                                    Programas académicos\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseFour\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingFour\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>SEP PC2016</h4>\r\n                                                            <p [innerHTML]='gamePrograma.sep'> </p>\r\n                                                        </div>\r\n                                                        <!-- <div class=\"card__span\">\r\n                                                                <p><strong>Propósit
256os:</strong></p>\r\n                                                                <ul>\r\n                                                                    <li>Identificar los elementos y las características distintivas de algunas manifestaciones artísticas.</li>\r\n                                                                    <li>Identificar los elementos y las características distintivas de algunas manifestaciones artísticas.</li>\r\n                                                                </ul>\r\n                                                            </div> -->\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Bachillerato Internacional</h4>\r\n                                                            <p [innerHTML]='gamePrograma.BI'> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Common Core State Standars (EUA)</h4>\r\n                                                            <p [innerHTML]='gamePrograma.CCSS'> </p>\r\n                                                            <p> </p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                    <!--    <div class=\"accordion accordion--color5\" id=\"accordionFive\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingFive\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <img src=\"assets/images/icon/otros.png\"\r\n                                                                    alt=\"Otros recursos\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseFive\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseFive\">\r\n                                                                    Otros recursos\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseFive\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingFive\">\r\n                                                    <div class=\"card-body card--other\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Khan Academy</h4>\r\n                                                            <p [innerHTML]='gameRecurso.khan_academy'> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Sitios/links</h4>\r\n                                                            <p [innerHTML]='gameRecurso.sitios'></p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Videos</h4>\r\n                                                            <p [innerHTML]='gameRecurso.videos'></p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>--> <!-- / -->\r\n                                    </article>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <app-footer></app-footer>\r\n</main>\r\n\r\n<div class=\"modal fade\" id=\"myModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
256\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <!-- 16:9 aspect ratio -->\r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"\" id=\"video\" allowscriptaccess=\"always\"\r\n                        allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- Modal -->\r\n<div class=\"modal fade modal--medium\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"ModalGroup\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog dialogo\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body bodi\">\r\n                <button type=\"button\" class=\"closes\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/Jfrjeg26Cwk\" id=\"video\"\r\n                        allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal \" id=\"exampleModalScrollable\" tabindex=\"-1\" role=\"dialog\"\r\n    aria-labelledby=\"exampleModalScrollableTitle\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalScrollableTitle\">Mapa de Habilidades</h5>\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <section class=\"card__divider\">\r\n                    <div class=\"tree-levels\">\r\n                        <ul class=\"level-base level--0\">\r\n                            <li class=\"the-line root\"></li>\r\n                            <!-- level 0 -->\r\n                            <li class=\"level__item\">\r\n                                <div *ngIf=\" gameAbility.modelos.modelo == 1\">\r\n                                    <div style=\"background: #8b9203;\"\r\n                                        class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                        <h5 style=\"color: white;\">Habilidades Socio-emocionales</h5>\r\n                                        <p style=\"color: white;\">Modelo Educativo 2016</p>\r\n                                    </div>\r\n                                </div>\r\n                                <div *ngIf=\" gameAbility.modelos.modelo == 0\">\r\n                                    <div class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                        <h5>Habilidades Socio-emocionales</h5>\r\n                                        <p>Modelo Educativo 2016</p>\r\n                                    </div>\r\n                                </div>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color1\">\r\n                                    <li class=\"the-line hijo1\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 1\">\r\n                                            <div style=\"background:#d7e207;\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autoconocimiento</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autoconocimiento</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\" style=\"background: #b8c204;\">\r\n                                                    <p>Conciencia de las propias emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Conciencia de las propias emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#b8c204;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Autoestima</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Autoestima</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#b8c204;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Aprecio y gratitud</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Aprecio y gratitud</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#b8c204;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>
256Bienestar</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Bienestar</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color2\">\r\n                                    <li class=\"the-line hijo2\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 1\">\r\n                                            <div style=\"background:#26bcc1\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autorregulación</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autorregulación</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Meta-cognición</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Meta-cognición</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Expresión de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Expresión de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Regulación de las emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Regulación de las emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-generación de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-generación de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\"\r\n                                                    style=\"background-color: #198488;\">\r\n                                                    <p>Perseverancia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Perseverancia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color3\">\r\n                                    <li class=\"the-line hijo3\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autonomia == 1\">\r\n                                            <div style=\"background:#0097ce;\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autonomía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autonomia == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autonomía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#006b92 ;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Iniciativa personal</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Iniciativa personal</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#006b92 ;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Identificación de necesidades y búsqueda de soluciones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Identificación de necesidades y búsqueda de soluciones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#006b92 ;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-eficacia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-eficacia</p>\r\n                                                </div>\r\n                                            </li>\r\n\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color4\">\r\n                                    <li class=\"the-line hijo4\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.empatia == 1\">\r\n                                            <div style=\"background-color: #76489d;\"\r\n                                                class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Empatía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.empatia == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Empatía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>
256Bienestar y trato digno</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Bienestar y trato digno</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Toma de perspectiva en situaciones de conflicto</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Toma de perspectiva en situaciones de conflicto</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Reconocimiento de prejuicios</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Reconocimiento de prejuicios</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Sensibilidad hacia personas discriminadas</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Sensibilidad hacia personas discriminadas</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Cuidado de otros seres vivos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Cuidado de otros seres vivos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color5\">\r\n                                    <li class=\"the-line hijo5\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.colaboracion == 1\">\r\n                                            <div style=\"background: #fcb619;\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Colaboración</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.colaboracion == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Colaboración</h6>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n                                            <li *ngIf=\" gameAbility.modelos.
256colaboracion.comunidad == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Comunicación asertiva</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.comunidad == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Comunicación asertiva</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Responsabilidad</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Responsabilidad</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Inclusión</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Inclusión</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Resolución de conflictos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Resolución de conflictos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.
256colaboracion.interdependencia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Independencia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.interdependencia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Independencia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </section>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- Modal -->\r\n<!-- <div class=\"modal fade\" id=\"exampleModalCenter\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>                \r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"\" id=\"video\" allowscriptaccess=\"always\"\r\n                        allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n\r\n\r\n<div class=\"modal \" id=\"exampleModalCenter\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog-game\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body-game\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"kill('#exampleModalCenter', 'tutorialjuego')\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <!-- 16:9 aspect ratio -->\r\n                <div class=\"embed-responsive embed-responsive-16by9\" *ngIf=\"gameSelected != undefined\">\r\n                    <iframe class=\"embed-responsive-item\"\r\n                        [src]=\"('https://www.youtube.com/embed/' + gameSelected.tutorial) | safe: 'resourceUrl'\"\r\n                        id=\"tutorialjuego\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- <script>\r\n    $(document).ready(function () {\r\n\r\n        // Gets the video src from the data-src on each button\r\n\r\n        var $videoSrc;\r\n        $('.video-btn').click(function () {\r\n            $videoSrc = $(this).data(\"src\");\r\n        });\r\n        console.log($videoSrc);\r\n        // when the modal is opened autoplay it  \r\n        $('#myModal').on('shown.bs.modal', function (e) {\r\n            // set the video src to autoplay and not to show related video. Youtube related video is like a box of chocolates... you never know what you're gonna get\r\n            $(\"#video\").attr('src', $videoSrc + \"?autoplay=1&amp;modestbranding=1&amp;showinfo=0\");\r\n        })\r\n        // stop playing the youtube video when I close the modal\r\n        $('#myMo
256dal').on('hide.bs.modal', function (e) {\r\n            // a poor man's stop video\r\n            $(\"#video\").attr('src', $videoSrc);\r\n        })\r\n    });\r\n\r\n</script> -->");
257
258/***/ }),
259
260/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/landing/landing.component.html":
261/*!**************************************************************************************!*\
262  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/landing/landing.component.html ***!
263  \**************************************************************************************/
264/*! exports provided: default */
265/***/ (function(module, __webpack_exports__, __webpack_require__) {
266
267"use strict";
268__webpack_require__.r(__webpack_exports__);
269/* harmony default export */ __webpack_exports__["default"] = ("<app-header2></app-header2>\r\n<main class=\"fondo-landing\">\r\n    <section class=\"landing\">\r\n        <div class=\"rosa\">\r\n            <div class=\"tam-l3\">\r\n                \r\n                <div class=\"texto1\">\r\n                    <p>¡Bienvenido a un espacio de aprendizaje y descubrimiento en el uso de los videojuegos TAK-TAK-TAK, diseñados para mejorar el desempeño académico de las niñas y los niños!</p>\r\n                </div>\r\n                <div class=\"cuadro-l center-form\">\r\n                    <section class=\"form-data\">\r\n                        <div class=\"wrapp__title col-12\">\r\n                            <h2 class=\"title-middle\">¿Ya tienes cuenta?</h2>\r\n                        </div>\r\n                        <form #loginForm=\"ngForm\" (ngSubmit)=\"onSubmit(loginForm)\" id=\"loginform\">\r\n                            <div class=\"row\">\r\n                                    <div class=\"col-sm-6 col-12\">\r\n                                        <div class=\"form-group\">\r\n                                            <label>Correo electrónico</label>\r\n                                            <input type=\"email\" class=\"form-control\" placeholder=\"Email/usuario\" name=\"email\"\r\n                                            #name=\"ngModel\" [(ngModel)]=\"user.email\">\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-sm-6 col-12\">\r\n                                        <div class=\"form-group\">\r\n                                            <label>Contraseña</label>\r\n                                            <input type=\"password\" class=\"form-control\" placeholder=\"****\"name=\"password\"\r\n                                            #password=\"ngModel\" [(ngModel)]=\"user.password\">\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"form-button col-12\">\r\n                                        <div class=\"row no-gutters\">\r\n                                            <div class=\"col-12\">\r\n                                                <button  type=\"submit\" class=\"btn btn-type2\">Entrar</button>\r\n                                                <br><br>\r\n                                                <!-- <a style=\"cursor: pointer; color: #fcb619;\" data-toggle=\"modal\" data-target=\"#modalEditar\">¿Olvidaste tu contraseña?</a> -->\r\n                                                <br><br>\r\n                                                <p> ¿No tienes cuenta? <span><a style=\"cursor: pointer; color: #fcb619;\" data-toggle=\"modal\" data-target=\"#modalRegistro\">¡Registrate!</a></span> </p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                            </div>\r\n                        </form>\r\n                    </section>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        \r\n        <div class=\"verde\">\r\n            <div class=\"rosa2\"> </div>\r\n\r\n            <div class=\"tam-l2\">\r\n                <div class=\"texto2\">\r\n                    <p class=\"texto3\">Videojuegos y aprendizaje</p>\r\n                    <br>\r\n                    <p class=\"txtvideo\">\r\n                        Tomando en cuenta las características e intereses de las niñas y los niños, \r\n                        <strong> el videojuego resulta ser una manera alternativa </strong> para apoyar su aprendizaje \r\n                        en diversas áreas y así desarrollar habilidades y competencias de acuerdo a \r\n                        lo que la UNESCO define como competencias del siglo XXI, las cuales incluyen \r\n                        a las tecnologías y todo lo que se deriva de su uso.\r\n                    </p>\r\n                    <br>\r\n                    <p class=\"txtvideo\"> ¡Aprende cómo puedes alinear los videojuegos de TAK-TAK-TAK a tus clases y que tus alumnos aprendan jugando!\r\n                    </p>\r\n                </div>\r\n                \r\n                <!--<div class=\"img-land\">-->\r\n                    <figure class=\"img-land\">\r\n                        <img src=\"assets/images/elements/ninia.png\" alt=\"img\">\r\n                    </figure>\r\n               <!-- </div>-->\r\n            </div>\r\n\r\n            <div class=\"img-land2\">\r\n                <figure>\r\n                    <img src=\"assets/images/background/line-home.png\" alt=\"img\">\r\n                </figure>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</main>\r\n\r\n\r\n<div class=\"modal \" id=\"modalEditar\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\" >\r\n    <div class=\"modal-dialog \"role=\"document\">\r\n        <div class=\"modal-content margen\">\r\n\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"cerrar\" data-dismiss=\"modal\" aria-label=\"Close\">
269\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <form #editar=\"ngForm\" (ngSubmit)=\"recuperar(editar)\" id=\"editar\">\r\n                     <label for=\"\"> <strong> Email : </strong> </label>\r\n                     <input placeholder=\"Email o usuario\" type=\"text\" class=\"form-control\" name=\"email\" [(ngModel)]=\"newPassword.email\">\r\n                     <br>\r\n                     <label for=\"\"> <strong> Nueva Contraseña : </strong> </label>\r\n                     <input placeholder=\" * * * * *\" type=\"password\" class=\"form-control\"  name=\"password\" [(ngModel)]=\"newPassword.password\">\r\n                     <br>\r\n                     <button type=\"submit\" class=\"btn btn-type2 recuperar\">Recuperar contraseña</button>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal \" id=\"modalRegistro\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalRegistro\"\r\n    aria-hidden=\"true\" >\r\n    <div class=\"modal-dialog \"role=\"document\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"cerrar\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <section class=\"form-data col-12\">\r\n                    <div class=\"wrapp__title col-12\">\r\n                        <h2 class=\"title-middle\">Regístrate</h2>\r\n                        <p>
269Proporciona tus datos y accede a materiales exclusivos para maestros.</p>\r\n                    </div>\r\n                    <form #registerForm=\"ngForm\" (ngSubmit)=\"crearUser(registerForm)\" id=\"registroform\">\r\n                        <div class=\"row\">\r\n                                <div class=\"col-12\">\r\n                                    <div class=\"form-group\">\r\n                                        <label>Nombre</label>\r\n                                        <input type=\"text\" class=\"form-control\" placeholder=\"Ingresa tu nombre\" name=\"name\"\r\n                                               #name=\"ngModel\" [(ngModel)]=\"registro.name\">\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12\">\r\n                                    <div class=\"form-group\">\r\n                                        <label>Correo electrónico</label>\r\n                                        <input type=\"email\" class=\"form-control\" placeholder=\"[email protected]\" name=\"email\"\r\n                                               #email=\"ngModel\" [(ngModel)]=\"registro.email\">\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12\">\r\n                                    <div class=\"form-group\">\r\n                                        <label>Confirmar correo electrónico</label>\r\n                                        <input type=\"email\" class=\"form-control\" placeholder=\"[email protected]\" name=\"emailConfir\"\r\n                                               #emailConfir=\"ngModel\" [(ngModel)]=\"registro.emailConfir\">\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-sm-6 col-12\">\r\n                                    <div class=\"form-group\">\r\n                                        <label>Contraseña</label>\r\n                                        <input type=\"password\" class=\"form-control\" placeholder=\"****\" name=\"password\"\r\n                                               #password=\"ngModel\" [(ngModel)]=\"registro.password\">\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-sm-6 col-12\">\r\n                                    <div class=\"form-group\">\r\n                                        <label>Confirmar contraseña</label>\r\n                                        <input type=\"password\" class=\"form-control\" placeholder=\"****\" name=\"password_conf\"\r\n                                               #password_conf=\"ngModel\" [(ngModel)]=\"registro.password_conf\">\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-sm-6 col-12\">\r\n                                    <div class=\"form-group\">\r\n                                        <label>Ocupación</label>\r\n                                        <select class=\"form-control\" id=\"exampleFormControlSelect1\" [(ngModel)]=\"registro.user_rol_id\" name=\"user_rol_id\">\r\n                                            <option value=\"1\">Padre</option>\r\n                                            <option value=\"2\">Maestro</option>\r\n                                            <option value=\"3\">Escuela / Director</option>\r\n                                            <option value=\"4\">Institución</option>\r\n                                            <option value=\"5\">Responsable del aula de medios (RAM)</option>\r\n                                            <option value=\"6\">Otro</option>\r\n                                        </select>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-12\">\r\n                                    <div class=\"form-check pl-0\">\r\n                                        <div class=\"custom-check\">\r\n                                            <input type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck1\" name=\"aviso\"\r\n                                               #aviso=\"ngModel\" [(ngModel)]=\"registro.aviso\">
269\r\n                                            <span><i class=\"fas fa-check\"></i></span>\r\n                                        </div>\r\n                                        <label class=\"form-check-label\" for=\"exampleCheck1\"> Leí y estoy de acuerdo con el  <a href=\"assets/help/LabTak_AvisoPrivacidad.pdf\"  target=\"_blank\">aviso de privacidad</a>.</label>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"form-button col-12\">\r\n                                    <div class=\"row no-gutters\">\r\n                                        <div class=\"col-12\">\r\n                                            <button type=\"submit\" class=\"btn btn-type2\">Regístrate</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                        </div>\r\n                    </form>\r\n                </section>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>");
270
271/***/ }),
272
273/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/login/login.component.html":
274/*!**********************************************************************************!*\
275  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/login/login.component.html ***!
276  \**********************************************************************************/
277/*! exports provided: default */
278/***/ (function(module, __webpack_exports__, __webpack_require__) {
279
280"use strict";
281__webpack_require__.r(__webpack_exports__);
282/* harmony default export */ __webpack_exports__["default"] = ("<!-- ============================================================== -->\r\n<!-- Main wrapper - style you can find in pages.scss -->\r\n<!-- ============================================================== -->\r\n<main>\r\n<app-header2></app-header2>\r\n<div id=\"top\"></div>\r\n<section id=\"contain\" class=\"body--back2\">\r\n    <div class=\"container\">\r\n        <div class=\"module module--large\">\r\n            <div class=\"center-form\">\r\n                    <section class=\"form-data col-12\">\r\n                        <div class=\"wrapp__title col-12\">\r\n                            <h2 class=\"title-middle\">¿Ya tienes cuenta?</h2>\r\n                        </div>\r\n                        <form #loginForm=\"ngForm\" (ngSubmit)=\"onSubmit(loginForm)\" id=\"loginform\">\r\n                            <div class=\"row\">\r\n                                    <div class=\"col-sm-6 col-12\">\r\n                                        <div class=\"form-group\">\r\n                                            <label>Correo electrónico</label>\r\n                                            <input type=\"email\" class=\"form-control\" placeholder=\"Email\" name=\"email\"\r\n                                             #name=\"ngModel\" [(ngModel)]=\"user.email\">\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-sm-6 col-12\">\r\n                                        <div class=\"form-group\">\r\n                                            <label>Contraseña</label>\r\n                                            <input type=\"password\" [type]=\"showPassword ? 'text' : 'password'\" class=\"form-control\" \r\n                                                    placeholder=\"Contraseña\" name=\"password\" #password=\"ngModel\" [(ngModel)]=\"user.password\">\r\n                                            <i class=\"material-icons ojito\" matSuffix (click)=\"showPassword = !showPassword \">{{showPassword ? 'visibility_off' : 'visibility'}}</i>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"form-button col-12\">\r\n                                        <div class=\"row no-gutters\">\r\n                                            <div class=\"col-12\">\r\n                                                <button  type=\"submit\" class=\"btn btn-type2\" [disabled]=\"isDisabled\">Entrar</button>\r\n                                                <br><br>\r\n                                                <a style=\"curs
282or: pointer; color: #fcb619;\" data-toggle=\"modal\"data-target=\"#modalEditar\">¿Olvidaste tu contraseña?</a>\r\n                                                <br><br>\r\n                                                <p *ngIf=\"colombia==1\"> ¿No tienes cuenta? <span><a routerLink=\"/registro/colombia\">¡Registrate!</a></span> </p>\r\n                                                <p *ngIf=\"FIFYA==1\"> ¿No tienes cuenta? <span><a routerLink=\"/registro/FIFYA\">¡Registrate!</a></span> </p>\r\n                                                <p *ngIf=\"piloto==1\"> ¿No tienes cuenta? <span><a routerLink=\"/registro/piloto\">¡Registrate!</a></span> </p>\r\n                                                <p *ngIf=\"sek==1\"> ¿No tienes cuenta? <span><a routerLink=\"/registro/SEK\">¡Registrate!</a></span> </p>\r\n                                                <p *ngIf=\"techint==1\"> ¿No tienes cuenta? <span><a routerLink=\"/registro/techint\">¡Registrate!</a></span> </p>\r\n                                                <p *ngIf=\"proed==1\"> ¿No tienes cuenta? <span><a routerLink=\"/registro/proed\">¡Registrate!</a></span> </p>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-12 lic\">\r\n                                            <p class=\"codigo\"><b>¿Perteneces a una escuela u organización con licencias?</b></p>\r\n                                            <button type=\"button\" class=\"btn btn-type2\" style=\"width: fit-content;\" data-toggle=\"modal\" data-target=\"#modalLicencia\">Activa tu licencia</button>\r\n                                        </div>\r\n                                    </div>\r\n                            </div>\r\n                        </form>\r\n                    </section>\r\n                    <div class=\"back-form\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>\r\n<app-footer></app-footer>\r\n</main>\r\n<div class=\"modal \" id=\"modalEditar\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\" >\r\n    <div class=\"modal-dialog \"role=\"document\">\r\n        <div class=\"modal-content margen\">\r\n\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"cerrar\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <form #editar=\"ngForm\" (ngSubmit)=\"recuperar(editar)\" id=\"editar\">\r\n                     <label for=\"\"> <strong> Email : </strong> </label>\r\n                     <input placeholder=\"Email o usuario\" type=\"text\" class=\"form-control\" name=\"email\" [(ngModel)]=\"emailRecover\">\r\n                     <br>\r\n                     <button type=\"submit\" class=\"btn btn-type2 recuperar\">Recuperar contraseña</button>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal fade \" id=\"modalLicencia\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalLicencia\"\r\n    aria-hidden=\"true\" >\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\" style=\"padding-left: 40px; padding-right: 40px\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <form #loginForm2=\"ngForm\" (ngSubmit)=\"onSubmitLic(loginForm2)\" id=\"loginform2\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 center_text welcome\"> \r\n                            <h3>¡Bienvenido!</h3>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12\">\r\n                            <div class=\"form-group\">\r\n                                <label>Correo electrónico</label>\r\n                                <input type=\"email\" class=\"form-control\" placeholder=\"Email\" name=\"email\"\r\n                                    #name=\"ngModel\" [(ngModel)]=\"user_lic.email\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12\">\r\n                            <div class=\"form-group\">\r\n                                <label>Contraseña</label>\r\n                                <input type=\"password\" [type]=\"showPassword ? 'text' : 'password'\" class=\"form-control\" \r\n                                        placeholder=\"Contraseña\" name=\"password\" #password=\"ngModel\" [(ngModel)]=\"user_lic.password\">\r\n                                <i class=\"material-icons ojito\" matSuffix (click)=\"showPassword = !showPassword \">{{showPassword ? 'visibility_off' : 'visibility'}}</i>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12\">\r\n                            <div class=\"form-group\">\r\n                                <label>Código de la licencia</label>\r\n                                <input type=\"text\" class=\"form-control\" placeholder=\"Escribe el código de la licencia\" name=\"codigo\"\r\n                                    [(ngModel)]=\"user_lic.codigo\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"form-button col-12\">\r\n                            <div class=\"row no-gutters\">\r\n                                <div class=\"col-12\">\r\n                                    <button type=\"submit\" class=\"btn btn-type2\" [disabled]=\"isDisabled\">Entrar</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 center_text\">\r\n                            <div><b>¿No tienes licencia?</b></div>\r\n                            <div>Contactanos para saber más</div>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n");
283
284/***/ }),
285
286/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/modal-buscar/modal-buscar.component.html":
287/*!************************************************************************************************!*\
288  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/modal-buscar/modal-buscar.component.html ***!
289  \************************************************************************************************/
290/*! exports provided: default */
291/***/ (function(module, __webpack_exports__, __webpack_require__) {
292
293"use strict";
294__webpack_require__.r(__webpack_exports__);
295/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"search-planner js-search-planner\">\r\n    <div class=\"hero__form\">\r\n        <input type=\"text\" name='tags' id=\"nameTags\" class=\"form-control\" placeholder=\"Buscar...\">\r\n        <button type=\"submit\" class=\"btn btn-search\" (click)=\"accionBuscar()\" id=\"searchByTags\">\r\n            <img src=\"assets/images/icon/lupa.svg\" alt=\"Buscar\">\r\n        </button>\r\n    </div>\r\n</div>");
296
297/***/ }),
298
299/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/modal-sesiones/modal-sesiones.component.html":
300/*!****************************************************************************************************!*\
301  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/modal-sesiones/modal-sesiones.component.html ***!
302  \****************************************************************************************************/
303/*! exports provided: default */
304/***/ (function(module, __webpack_exports__, __webpack_require__) {
305
306"use strict";
307__webpack_require__.r(__webpack_exports__);
308/* harmony default export */ __webpack_exports__["default"] = ("<div class=\"center-form XL\" *ngIf=\"logear\">\r\n  <section class=\"form-data col-12\">\r\n    <div class=\"wrapp__title col-12\">\r\n      <h2 class=\"title-middle\">¿Ya tienes cuenta?</h2>\r\n    </div>\r\n    <form #loginForm=\"ngForm\" (ngSubmit)=\"onSubmit(loginForm)\" id=\"loginform\">\r\n      <div class=\"row\">\r\n        <div class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Correo electrónico</label>\r\n            <input\r\n              type=\"email\"\r\n              class=\"form-control\"\r\n              placeholder=\"Email/usuario\"\r\n              name=\"email\"\r\n              #name=\"ngModel\"\r\n              [(ngModel)]=\"user.email\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Contraseña</label>\r\n            <input\r\n              type=\"password\"\r\n              [type]=\"showPassword ? 'text' : 'password'\"\r\n              class=\"form-control\"\r\n              placeholder=\"*******\"\r\n              name=\"password\"\r\n              #password=\"ngModel\"\r\n              [(ngModel)]=\"user.password\"\r\n            />\r\n            <i\r\n              class=\"material-icons ojito\"\r\n              matSuffix\r\n              (click)=\"showPassword = !showPassword\"\r\n              >{{ showPassword ? \"visibility_off\" : \"visibility\" }}</i\r\n            >\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"form-button col-12\">\r\n          <div class=\"row no-gutters\">\r\n            <div class=\"col-12\">\r\n              <button\r\n                type=\"submit\"\r\n                class=\"btn btn-type2\"\r\n                [disabled]=\"isDisabled\"\r\n              >\r\n                Entrar\r\n              </button>\r\n              <br />\r\n              <p>
308\r\n                ¿No tienes cuenta?\r\n                <span\r\n                  (click)=\"clickRegistrar()\"\r\n                  style=\"cursor: pointer; color: #fcb619\"\r\n                  >¡Registrate aqui!</span\r\n                >\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </section>\r\n  <div class=\"back-form\"></div>\r\n</div>\r\n<!--//////////////////Registrar///////////////////-->\r\n<div class=\"center-form XL\" *ngIf=\"regyster\">\r\n  <section class=\"form-data col-12\">\r\n    <div class=\"wrapp__title col-12\">\r\n      <h2 class=\"title-middle\">Regístrate</h2>\r\n      <p>\r\n        Proporciona tus datos y accede a materiales exclusivos para maestros.\r\n      </p>\r\n    </div>\r\n    <form\r\n      #registerForm=\"ngForm\"\r\n      (ngSubmit)=\"crearUser(registerForm)\"\r\n      id=\"registroform\"\r\n    >\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Nombre</label>\r\n            <input\r\n              type=\"text\"\r\n              class=\"form-control\"\r\n              placeholder=\"Ingresa tu nombre\"\r\n              name=\"name\"\r\n              required\r\n              #name=\"ngModel\"\r\n              [(ngModel)]=\"registro.name\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Correo electrónico</label>\r\n            <input\r\n              type=\"email\"\r\n              class=\"form-control\"\r\n              placeholder=\"[email protected]\"\r\n              name=\"email\"\r\n              required\r\n              #email=\"ngModel\"\r\n              [(ngModel)]=\"registro.email\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Confirmar correo electrónico</label>\r\n            <input\r\n              type=\"email\"\r\n              class=\"form-control\"\r\n              placeholder=\"[email protected]\"\r\n              name=\"emailConfir\"\r\n              required\r\n              #emailConfir=\"ngModel\"\r\n              [(ngModel)]=\"registro.emailConfir\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Contraseña</label>\r\n            <input\r\n              type=\"password\"\r\n              [type]=\"showPassword1 ? 'text' : 'password'\"\r\n              class=\"form-control\"\r\n              placeholder=\"*******\"\r\n              name=\"password\"\r\n              #password=\"ngModel\"\r\n              [(ngModel)]=\"registro.password\"\r\n            />\r\n            <i\r\n              class=\"material-icons ojit\"\r\n              matSuffix\r\n              (click)=\"showPassword1 = !showPassword1\"\r\n              >{{ showPassword1 ? \"visibility_off\" : \"visibility\" }}</i\r\n            >\r\n            <span style=\"font-size: 10px; margin: 0\"\r\n              >La contraseña debe ser mayor a 6 caracteres.</span\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Confirmar contraseña</label>\r\n            <input\r\n              type=\"password\"\r\n              [type]=\"showPassword2 ? 'text' : 'password'\"\r\n              class=\"form-control\"\r\n              placeholder=\"******\"\r\n              name=\"password_conf\"\r\n              required\r\n              #password_conf=\"ngModel\"\r\n              [(ngModel)]=\"registro.password_conf\"\r\n            />\r\n            <i\r\n              class=\"material-icons ojit\"\r\n              matSuffix\r\n              (click)=\"showPassword2 = !showPassword2\"\r\n              >{{ showPassword2 ? \"visibility_off\" : \"visibility\" }}</i\r\n            >\r\n            <span style=\"font-size: 10px; margin: 0\">&nbsp;</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Ocupación</label>\r\n            <select\r\n              class=\"custom-select\"\r\n              id=\"exampleFormControlSelect1\"\r\n              [(ngModel)]=\"registro.user_rol_id\"\r\n              name=\"user_rol_id\"\r\n              required\r\n            >\r\n              <option value=\"undefined\" selected hidden>\r\n                Selecciona una ocupación\r\n              </option>\r\n              <option value=\"1\">Padre</option>\r\n              <option value=\"2\">Maestro</option>\r\n              <option value=\"3\">Escuela / Director</option>\r\n              <option value=\"4\">Institución</option>\r\n              <option value=\"5\">Responsable del aula de medios (RAM)</option>\r\n              <option value=\"6\">Otro</option>\r\n            </select>\r\n          </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"fya != 1\" class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>País </label>\r\n            <div class=\"input-group\">\r\n              <select\r\n                class=\"custom-select\"\r\n                id=\"inputGroupSelect01\"\r\n                name=\"pais_id\"\r\n                [(ngModel)]=\"registro.pais_id\"\r\n                required\r\n              >\r\n                <option value=\"\" selected hidden>Selecciona un país</option>\r\n                <option *ngFor=\"let pais of paises\" value=\"{{ pais.id }}
308\">\r\n                  {{ pais.pais }}\r\n                </option>\r\n              </select>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div *ngIf=\"fya != 1\" class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Estado </label>\r\n            <select\r\n              class=\"custom-select\"\r\n              id=\"inputGroupSelect02\"\r\n              name=\"state_id\"\r\n              [(ngModel)]=\"registro.state_id\"\r\n            >\r\n              <option\r\n                *ngIf=\"registro.pais_id == '24' || registro.pais_id == ''\"\r\n                value=\"\"\r\n                selected\r\n                hidden\r\n              >\r\n                Selecciona un estado\r\n              </option>\r\n              <option\r\n                *ngIf=\"registro.pais_id != '24'\"\r\n                value=\"'33'\"\r\n                selected\r\n                hidden\r\n              >\r\n                *Otro país\r\n              </option>\r\n              <ng-container *ngFor=\"let estado of estados\">\r\n                <option value=\"{{ estado.id }}\">{{ estado.name }}</option>\r\n              </ng-container>\r\n            </select>\r\n          </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"fya == 1\" class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>País</label>\r\n            <select\r\n              class=\"form-control\"\r\n              id=\"exampleFormControlSelectPais\"\r\n              [(ngModel)]=\"registro.pais_id\"\r\n              name=\"pais_id\"\r\n            >\r\n              <option value=\"10\">Colombia</option>\r\n              <option value=\"14\">Ecuador</option>\r\n              <option value=\"15\">El Salvador</option>\r\n              <option value=\"16\">España</option>\r\n              <option value=\"22\">Honduras</option>\r\n              <option value=\"37\">Venezuela</option>\r\n            </select>\r\n          </div>\r\n        </div>\r\n        <div *ngIf=\"fya == 1\" class=\"col-sm-6 col-12\">\r\n          <div class=\"form-group\">\r\n            <label>Código de acceso</label>\r\n            <input\r\n              type=\"text\"\r\n              class=\"form-control\"\r\n              placeholder=\"Ingresa el código de tu colegio aquí\"\r\n              name=\"codigofya\"\r\n              #codigofya=\"ngModel\"\r\n              [(ngModel)]=\"registro.codigofya\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12\">\r\n          <div class=\"form-check pl-0\">\r\n            <div class=\"custom-check\">\r\n              <input\r\n                type=\"checkbox\"\r\n                class=\"form-check-input\"\r\n                id=\"exampleCheck1\"\r\n                name=\"aviso\"\r\n                #aviso=\"ngModel\"\r\n                [(ngModel)]=\"registro.aviso\"\r\n              />\r\n              <span><i class=\"fas fa-check\"></i></span>\r\n            </div>\r\n            <label class=\"form-check-label\" for=\"exampleCheck1\">\r\n              Leí y estoy de acuerdo con el\r\n              <a href=\"assets/help/LabTak_AvisoPrivacidad.pdf\" target=\"_blank\"\r\n                >aviso de privacidad</a\r\n              >.</label\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class=\"form-button col-12\">\r\n          <div class=\"row no-gutters\">\r\n            <div class=\"col-12\">\r\n              <button\r\n                type=\"submit\"\r\n                class=\"btn btn-type2\"\r\n                [disabled]=\"isDisabled\"\r\n              >\r\n                Regístrate\r\n              </button>\r\n            </div>\r\n            <div class=\"col-12\">\r\n              <p>\r\n                ¿Ya tienes cuenta?\r\n                <span\r\n                  (click)=\"clickLogear()\"\r\n                  style=\"cursor: pointer; color: #fcb619\"\r\n                  >¡Inicia sesion!</span\r\n                >\r\n              </p>\r\n            </div>\r\n            <!-- <div class=\"col-12 col--center-btn\"> \r\n                                <p>Regístrate mediante:</p>\r\n                                <div class=\"social-button\">\r\n                                    <button type=\"button\" class=\"btn-social\">\r\n                                        <i class=\"fab fa-facebook-square\"></i>\r\n                                    </button>\r\n                                    <button type=\"button\" class=\"btn-social social--back\">\r\n                                        <i class=\"fab fa-google\"></i>\r\n                                    </button>\r\n                                </div>\r\n                                \r\n                            </div>  -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </section>\r\n  <div class=\"back-form\"></div>\r\n</div>\r\n");
309
310/***/ }),
311
312/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/modal/modal.component.html":
313/*!**********************************************************************************!*\
314  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/modal/modal.component.html ***!
315  \**********************************************************************************/
316/*! exports provided: default */
317/***/ (function(module, __webpack_exports__, __webpack_require__) {
318
319"use strict";
320__webpack_require__.r(__webpack_exports__);
321/* harmony default export */ __webpack_exports__["default"] = ("<!-- Modal search -->\r\n<section class=\"modal fade modal-search modal--large\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"ModalSearch\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
321\r\n                <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n            <div class=\"modal-body\">\r\n                <article class=\"hero__search\">\r\n                    <form action=\"#\" method=\"GET\" (ngSubmit)=\"planeador(loginForm)\" #loginForm=\"ngForm\" id=\"loginform\">\r\n                        <div class=\"hero__title\">\r\n                            <h3>Crear una nueva planeación</h3>\r\n                        </div>\r\n                        <div class=\"hero__form row\">\r\n                            <figure class=\"carousel_cover carousel--type1\">\r\n                                <p *ngIf=\"planes.name == '' \"> P</p>\r\n                                <p *ngIf=\"planes.name != '' \">{{planes.name[0]}}</p>\r\n                            </figure>\r\n                            <div class=\"espc\">\r\n                                <p> <span>Nombre de la planeación</span>\r\n                                    <a *ngIf=\"editar[0]==false\" (click)=\"isEditable(0)\"> <img class=\"ojo\" src=\"assets/images/icon/lapizr.png\" alt=\"editar\"> </a> \r\n                                    <a *ngIf=\"editar[0]==true\" (click)=\"isEditable(0)\"> <img class=\"ojo\" src=\"assets/images/icon/lapizg.png\" alt=\"editar\"> </a>\r\n                                </p> \r\n                                <input *ngIf=\"editar[0]==true\" type=\"text\" name=\"nombre-plan\" class=\"form-control\"\r\n                                placeholder=\"Nombre de la planeación\" [(ngModel)]=\"planes.name\" style=\"margin-bottom: 10px;\"> \r\n                                \r\n                                <p><span>Descripción corta de la planeación</span>\r\n                                    <a *ngIf=\"editar[1]==false\" (click)=\"isEditable(1)\"> <img class=\"ojo\" src=\"assets/images/icon/lapizr.png\" alt=\"editar\"> </a> \r\n                                    <a *ngIf=\"editar[1]==true\" (click)=\"isEditable(1)\"> <img class=\"ojo\" src=\"assets/images/icon/lapizg.png\" alt=\"editar\"> </a> \r\n                                </p>\r\n                                <input *ngIf=\"editar[1]==true\" type=\"text\" name=\"descripcion\" class=\"form-control\"\r\n                                placeholder=\"Descripción corta de la planeación\"  [(ngModel)]=\"planes.descripcion\" style=\"margin-bottom: 10px;\">\r\n                            </div>\r\n                           <!-- <input type=\"text\" class=\"form-control\"\r\n                                placeholder=\"Busca materias, conceptos, grados o temáticas\" name=\"search\"\r\n                                #search=\"ngModel\" [(ngModel)]=\"search.searchOb\">\r\n                            <button type=\"submit\" class=\"btn btn-search\">\r\n                                <img src=\"assets/images/icon/lupa.svg\" alt=\"Buscar\">\r\n                            </button>-->\r\n                        </div>\r\n                        <div class=\"row button-add\">\r\n                            <a class=\"btn boton2 btn2\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"crear()\"> <span style=\"color: #fff;\">Crear</span> </a>\r\n                        </div>\r\n                        <div>\r\n                            <p style=\"text-align: center;\">Recuerda completar los datos de tu nueva planeación en \"Mis planeaciones\"</p>\r\n                        </div>\r\n                    </form>\r\n                </article>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>");
322
323/***/ }),
324
325/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/mooc/mooc.component.html":
326/*!********************************************************************************!*\
327  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/mooc/mooc.component.html ***!
328  \********************************************************************************/
329/*! exports provided: default */
330/***/ (function(module, __webpack_exports__, __webpack_require__) {
331
332"use strict";
333__webpack_require__.r(__webpack_exports__);
334/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\n<main>\n    <app-header></app-header>\n\n<section id=\"contain\">\n    <section class=\"carousel-block module\">\n        <div class=\"pad-responsive\" style=\"padding-bottom: 0px !important;\">\n            <div class=\"back\">\n                <a (click)=\"back();\" class=\"back-to cursor\"><img src=\"assets/images/icon/Iconos_LTBlog_Flecha.png\" alt=\"Regresar\"></a>\n            </div>\n            <div class=\"carousel__title\">\n                <h4 class=\"special-title title--6\" style=\"width: 230px;\">Capacitación docente</h4>\n            </div>\n            <div class=\"border-buttom mb-5\">
334\n                <span class=\"font-weight-bold h5\">Moocs</span>\n            </div>\n        </div>\n        <div class=\"pad-responsive\">\n            <div class=\"row\">\n                <div class=\"col-12 col-sm-12 col-md-12\">\n                    <div class=\"row col-12 border-buttom color-grey \">\n                        <div class=\"col-md-3 col-12\">\n                            <span class=\"font-weight-bold h5\"> Información general </span>\n                        </div>\n                        <div class=\"col-md-9 col-12\">\n                            <span class=\"font-weight-bold h2\">{{mooc?.titulo}}</span><br><br>\n                            <span class=\"font-weight-bold h5\">Instructores: {{mooc?.autores}}</span> <br>\n                            <div class=\"dblock h3 font-weight-bold col-12 col-sm-12\" style=\"margin-bottom: 0; padding: 0;\"> \n                                <ng-container *ngIf=\"mooc?.micalificacion>0\">\n                                    <span class=\"font-weight-bold h5\">Tu opinión: </span> \n                                    <ng-container *ngFor=\"let i of Arr(mooc?.micalificacion).fill(1);\">\n                                        <label style=\"color: orange;\">★</label>\n                                    </ng-container>\n                                    <ng-container *ngFor=\"let i of Arr(5-mooc?.micalificacion).fill(1);\">\n                                        <label style=\"color: grey;\">★</label>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"mooc?.micalificacion==0 || porcentaje>=50\">\n                                    <span class=\"font-weight-bold h5\">Califica este curso: </span> \n                                    <span class=\"clasificacion\">\n                                        <input id=\"radio1\" type=\"radio\" (click)=\"calificar(5)\" name=\"estrellas\"> \n                                         <label for=\"radio1\">★</label> \n                                         <input id=\"radio2\" type=\"radio\" (click)=\"calificar(4)\" name=\"estrellas\"> \n                                         <label for=\"radio2\">★</label> \n                                         <input id=\"radio3\" type=\"radio\" (click)=\"calificar(3)\" name=\"estrellas\"> \n                                         <label for=\"radio3\">★</label> \n                                         <input id=\"radio4\" type=\"radio\" (click)=\"calificar(2)\" name=\"estrellas\"> \n                                         <label for=\"radio4\">★</label> \n                                         <input id=\"radio5\" type=\"radio\" (click)=\"calificar(1)\" name=\"estrellas\"> \n                                         <label for=\"radio5\">★</label>\n                                    </span>\n                                </ng-container>\n                                \n                            </div>\n                            <span *ngIf=\"dateAvaible\" class=\"font-weight-bold h6\">{{mooc?.fecha2}}</span>\n                            <p class=\"font-weight-bold h5 mt-5 mb-2\">Acerca de este curso</p>\n                            <p class=\"font-weight-normal h6 mb-5\">{{mooc?.descripcion}}</p>\n                        </div>\n                    </div>\n                    <div class=\"row col-12 col-sm-12 border-buttom mt-5\">\n                        <div class=\"col-md-3 col-12\">\n                            <span class=\"font-weight-bold h5\"> Módulo </span>\n                        </div>\n                        <div class=\"col-md-9 col-12 moduloss\">\n                            <hr>\n                            <div class=\"row candados\">\n                                <div class=\"circulo\"></div>\n                                <div *ngFor=\"let modulo of mooc?.modulos; let mi=index\">\n                                    <!-- <div *ngIf=\"mi==0 || modulo.completo || mooc?.modulos[mi-1].completo || (mooc?.modulos[mi-1].num_mater==0 && (mi-1==0 || mooc?.modulos[mi-1].completo)); else elseB\" \n                                            class=\"circulo-cand cursor\" (click)=\"otherModule(mi);\"></div> -->\n                                    <div *ngIf=\"mi==0 || modulo.completo || mooc?.modulos[mi-1].completo; else elseB\" class=\"circulo-cand cursor\" (click)=\"otherModule(mi);\"></div>\n                                    <ng-template #elseB> \n                                        <!-- <a *ngIf=\"mi>0 && !modulo.completo\" class=\"back-to\"><img src=\"assets/images/icon/candado.png\" alt=\"candado\"></a> -->\n                                        <a class=\"back-to candado\"><img src=\"assets/images/icon/candado.png\" alt=\"candado\"></a>\n                                    </ng-template>
334\n                                    <span style=\"font-size: 13px;\"> Módulo {{mi+1}}</span>\n                                </div>\n                                <div class=\"circulo\"></div>\n                            </div>\n\n                            <div class=\"col-12 row\">\n                                <div class=\"col-md-2 col-12 text-align-center\">\n                                    <span class=\"font-weight-bold h5\"> Módulo {{modulomostrar?.modulo}} </span><br>\n                                    <span class=\"font-weight-bold h5\"> {{modulomostrar?.nombre}} </span><br><br>\n                                    <img src=\"/assets/images/icon/Iconos_LTBlog_Reloj.png\" class=\"iconA color\"> \n                                    <span class=\"font-weight-normal h6\">{{modulomostrar?.duracion}} min.</span><br><br>\n                                </div>\n                                <div class=\"col-md-10 col-12\">\n                                    <div *ngFor=\"let activi of modulomostrar?.actividades; let ac=index\">\n                                        <p class=\"font-weight-bold\">{{activi.nombre}}</p>\n                                        <p>{{activi.descripcion}}</p>\n                                        <div *ngIf=\"activi.materiales.length>0\">\n                                            <p> Material de apoyo: </p>\n                                            <div *ngFor=\"let materi of activi.materiales\">\n                                                <p>\n                                                    <img *ngIf=\"materi.tipo=='Imagen'\" src=\"assets/images/icon/material_imagen.png\" alt=\"imagen\">\n                                                    <img *ngIf=\"materi.tipo=='Lectura'\" src=\"assets/images/icon/material_lectura.png\" alt=\"lectura\">\n                                                    <img *ngIf=\"materi.tipo=='Actividad'\" src=\"assets/images/icon/material_archivo.png\" alt=\"archivo\">\n                                                    <img *ngIf=\"materi.tipo=='Video'\" src=\"assets/images/icon/material_video.png\" alt=\"video\">\n                                                    <img *ngIf=\"materi.tipo=='Audio'\" src=\"assets/images/icon/material_musica.png\" alt=\"audio\">\n                                                    <span>&nbsp;&nbsp; {{materi.tipo}}: <a [href]=\"urlMat+materi?.archivo\" target=\"_blank\" class=\"color cursor\" (click)=\"downloadMaterial(materi, modulomostrar.id)\"> {{materi.nombre}} </a></span>\n                                                </p>\n                                            </div>\n                                        </div>\n                                        <br>\n                                    </div>\n                                    <div *ngIf=\"modulomostrar?.tipo_evaluacion && modulomostrar?.tipo_evaluacion!= '' && !modulomostrar?.completo \" style=\"text-align: end;\">\n                                        <a class=\"btn btn-type3 boton eval\" (click)=\"doEval(modulomostrar.id, modulomostrar.tipo_evaluacion)\">Realizar evaluación</a>\n                                    </div>\n                                    <div *ngIf=\"modulomostrar?.completo && modulomostrar?.mi_retroalimentacion && modulomostrar?.mi_retroalimentacion!= ''\" style=\"text-align: end;\">\n                                        <p><span style=\"font-weight: bold;\">Retroalimentación del instructor: </span><br>{{modulomostrar.mi_retroalimentacion}}</p>\n                                    </div>\n                                </div>\n                            </div>\n                            \n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n</section>\n    <app-footer></app-footer>\n</main>\n");
335
336/***/ }),
337
338/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/new-home/new-home.component.html":
339/*!****************************************************************************************!*\
340  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/new-home/new-home.component.html ***!
341  \****************************************************************************************/
342/*! exports provided: default */
343/***/ (function(module, __webpack_exports__, __webpack_require__) {
344
345"use strict";
346__webpack_require__.r(__webpack_exports__);
347/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n    <div id=\"top\"></div>\r\n    <app-header2></app-header2>\r\n    <section id=\"contain\" class=\"body--back\">\r\n\r\n        <section class=\"carousel-block module\">\r\n\r\n            <div class=\"container\">\r\n                <div class=\" carousel__slide js-carousel\">\r\n                    <div class=\"carousel_span\" style=\"margin-bottom: 5%;\">\r\n                        <!-- <h1>Busca recursos didácticos digitales por grado y materia.</h1>\r\n                        <h2>Crea facilmente planeaciones didácticas de acuerdo a tus necesidades.</h2> -->\r\n                    </div>\r\n                    <section class=\"module-1\">\r\n                        <div class=\"header-ayuda row\">\r\n                            <div class=\"col-12\" style=\"align-content: center;\">\r\n                                <a href=\"assets/help/ayuda.pdf\"  download=\"Manual_de_uso.pdf\"  class=\"help js-tool\">\r\n                                    <img src=\"assets/images/icon/ayuda-pdf.png\" alt=\"Ayuda\">\r\n                                    <div class=\"tool__hide\">\r\n                                        <h6>Ayuda</h6>\r\n                                        <p>Descargar el manual de uso</p>\r\n                                    </div>\r\n                                </a> \r\n                                <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\"  class=\"helps js-tool\">\r\n                                    <img src=\"assets/images/icon/ayuda-video.png\" (click)=\"src='xflvhevMqTY';\" alt=\"Ayuda\">\r\n                                    <div class=\"tool__hides\">\r\n                                        <h6>Ayuda</h6>\r\n                                        <p>Observa el video tutorial</p>\r\n                                    </div>\r\n                                </a>\r\n                                <!-- <a routerLink=\"/tienda\" class=\"helpss js-tool\">\r\n                                    <img src=\"assets/images/icon/tienda.png\" alt=\"tienda\">\r\n                                </a> -->\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                    <div class=\"carousel_span\">\r\n                        \r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"(sections.buscador)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/buscador\">\r\n                                    <figure class=\"carousel__cover carousel--type3\">\r\n                                        <img src=\"assets/images/icon/recursos_home.png\" alt=\"Recursos\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #d7e207; font-weight: bold;\">Buscador de recursos</h5>\r\n                                <p>Explora materiales digitales para enriquecer tus clases.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"!(sections.buscador)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/tienda\">\r\n                                    <figure class=\"carousel__cover carousel--type6\">\r\n                                        <img src=\"assets/images/icon/recursos_home_gs.png\" alt=\"Recursos\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Buscador de recursos</h5>\r\n                                <p style=\"color: grey\">Explora materiales digitales para enriquecer tus clases.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"(sections.fichas)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/listado\">\r\n                                    <figure class=\"carousel__cover carousel--type3\">\r\n                                        <img src=\"assets/images/icon/ttt_home.png\" alt=\"Videojuegos\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #d7e207; font-weight: bold;\">Videojuegos</h5>\r\n                                <h5 style=\"color: #d7e207; font-weight: bold;\">TAK-TAK-TAK\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='3EDVGNccHRE';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>Descripciones de videojuegos educativos.</p>\r\n                            </article>\r\n                        </div>\r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"(sections.reportak)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/reportak/alumnos\">\r\n                                    <figure class=\"carousel__cover carousel--type3\">\r\n                                        <img src=\"assets/images/icon/reportak_home.png\" alt=\"Reportak\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #d7e207; font-weight: bold;\">ReporTak\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='fyYB8lFX86M';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>Reportes de actividad de los videojuegos de  <br>\r\n                                    TAK-TAK-TAK.</p>\r\n                            </article>\r\n                        </div>\r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"!(sections.reportak)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <!-- <a routerLink=\"/tienda\"> -->\r\n                                <a>\r\n                                    <figure class=\"carousel__cover carousel--type6\" (click)=\"aviso()\">\r\n                                        <img src=\"assets/images/icon/reportak_home_gs.png\" alt=\"Reportak\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">ReporTak\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='fyYB8lFX86M';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p style=\"color: grey;\">Reportes de actividad de los videojuegos de  <br>\r\n                                    TAK-TAK-TAK.</p>\r\n                            </article>\r\n                        </div>\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"(sections.flag_planeacion)\">\r\n                            <div class=\"carousel__square\">  \r\n                                <a routerLink=\"/mis-planes\">\r\n                                    <figure class=\"carousel__cover carousel--type1\">\r\n                                        <img src=\"assets/images/icon/planeacion.png\" alt=\"Planeacion\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #e533a2; font-weight: bold;\">Mis planeaciones</h5>\r\n                                <p>
347Crea tus planes de trabajo de manera sencilla y flexible.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"!(sections.flag_planeacion)\">\r\n                            <div class=\"carousel__square\">  \r\n                                <a routerLink=\"/tienda\">\r\n                                    <figure class=\"carousel__cover carousel--type6\">\r\n                                        <img src=\"assets/images/icon/planeacion_gs.png\" alt=\"Planeacion\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Mis planeaciones</h5>\r\n                                <p style=\"color: grey;\">Crea tus planes de trabajo de manera sencilla y flexible.</p>\r\n                            </article>\r\n                        </div> -->\r\n                        \r\n                        <div class=\"carousel__item\" *ngIf=\"(sections.modulos_hab)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/modulos-labtak\">\r\n                                    <figure class=\"carousel__cover carousel--type2\">\r\n                                        <img src=\"assets/images/icon/modulos_lt.png\" alt=\"Modulos LabTak\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #0097ce; font-weight: bold;\">Módulos de habilidades\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='yLczdUqqxiE';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>Conoce los módulos de actividades orientadas a desarrollar habilidades específicas.</p>\r\n                            </article>\r\n                        </div>\r\n                        \r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"!(sections.modulos_ttt)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/tienda\">\r\n                                <a>\r\n                                    <figure class=\"carousel__cover carousel--type6\">\r\n                                        <img src=\"assets/images/icon/modulos_lt_gs.png\" alt=\"Modulos LabTak\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Módulos de habilidades</h5>\r\n                                <p style=\"color: grey;\">Conoce los módulos de actividades orientadas a desarrollar habilidades específicas.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"(sections.flag_planeaciones_ses)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/planeaciones-sesion\">\r\n                                    <figure class=\"carousel__cover carousel--type2\">\r\n                                        <img src=\"assets/images/icon/planeacionpre.png\" alt=\"Sesiones LabTak\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #0097ce; font-weight: bold;\">Planeaciones por sesión\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='uaUFARwAu2s';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>
347Integra nuestras actividades diseñadas para trabajar una sesión con tus alumnos.</p>\r\n                            </article>\r\n                        </div> \r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"!(sections.flag_planeaciones_ses)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <!-- <a routerLink=\"/tienda\"> -->\r\n                                <a>\r\n                                    <figure class=\"carousel__cover carousel--type6\" (click)=\"aviso()\">\r\n                                        <img src=\"assets/images/icon/planeacionpre_gs.png\" alt=\"Sesiones LabTak\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Planeaciones por sesión\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='uaUFARwAu2s';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p style=\"color: grey;\">Integra nuestras actividades diseñadas para trabajar una sesión con tus alumnos.</p>\r\n                            </article>\r\n                        </div> \r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"(sections.blog)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/blog\">\r\n                                    <figure class=\"carousel__cover carousel--type5\">\r\n                                        <img src=\"assets/images/icon/blog_home.png\" alt=\"Blog\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #FFB819; font-weight: bold;\">Blog\r\n                                <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='NY81LZhoWyI';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>Descubre más sobre enseñanza, educación y tecnología.</p>\r\n                            </article>\r\n                        </div>\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"(sections.flag_foro)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/foro\">\r\n                                    <figure class=\"carousel__cover carousel--type5\">\r\n                                        <img src=\"assets/images/icon/foro_home.png\" alt=\"Foro\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #FFB819; font-weight: bold;\">Foro</h5>\r\n                                <p>Comparte con la comunidad tus puntos de vista e inquietudes.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"!(sections.flag_foro)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/tienda\">\r\n                                    <figure class=\"carousel__cover carousel--type6\">\r\n                                        <img src=\"assets/images/icon/foro_home_gs.png\" alt=\"Foro\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Foro</h5>\r\n                                <p style=\"color: grey;\">Comparte con la comunidad tus puntos de vista e inquietudes.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"(sections.flag_webinars)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/capacitacion-docente/1\">\r\n                                    <figure class=\"carousel__cover carousel--type5\">\r\n                                        <img src=\"assets/images/icon/webinars.png\" alt=\"Webinars\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #FFB819; font-weight: bold;\">Webinars</h5>\r\n                                <p>
347Encuentra nuevas maneras de seguir creciendo en tu labor docente.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"!(sections.flag_webinars)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/tienda\">\r\n                                    <figure class=\"carousel__cover carousel--type6\">\r\n                                        <img src=\"assets/images/icon/webinars_gs.png\" alt=\"Webinars\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Webinars</h5>\r\n                                <p style=\"color: grey;\">Encuentra nuevas maneras de seguir creciendo en tu labor docente.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"(sections.flag_capacitacion)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/capacitacion-docente\">\r\n                                    <figure class=\"carousel__cover carousel--type5\">\r\n                                        <img src=\"assets/images/icon/capacitacion.png\" alt=\"Capacitacion\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #FFB819; font-weight: bold;\">Capacitación docente</h5>\r\n                                <p>Encuentra nuevas maneras de seguir creciendo en tu labor docente.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <!-- <div class=\"carousel__item\" *ngIf=\"!(sections.flag_capacitacion)\">\r\n                            <div class=\"carousel__square\"> \r\n                                <a routerLink=\"/tienda\">\r\n                                    <figure class=\"carousel__cover carousel--type6\">\r\n                                        <img src=\"assets/images/icon/capacitacion_gs.png\" alt=\"Capacitacion\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Capacitación docente</h5>\r\n                                <p style=\"color: grey;\">Encuentra nuevas maneras de seguir creciendo en tu labor docente.</p>\r\n                            </article>\r\n                        </div> -->\r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"(sections.grupos)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/grupos\">\r\n                                    <figure class=\"carousel__cover carousel--type4\">\r\n                                        <img src=\"assets/images/icon/grupos_home.png\" alt=\"Grupos\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #76489d; font-weight: bold;\">Grupos\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='hXIerhOooR4';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>Genera listas de alumnos para facilitar la vinculación con tus planeaciones.</p>\r\n                            </article>\r\n                        </div>\r\n\r\n                        <div class=\"carousel__item\" *ngIf=\"!(sections.grupos)\">\r\n                            <div class=\"carousel__square\">   \r\n                                <!-- <a routerLink=\"/tienda\"> -->\r\n                                <a>\r\n                                    <figure class=\"carousel__cover carousel--type6\" (click)=\"aviso()\">\r\n                                        <img src=\"assets/images/icon/grupos_home_gs.png\" alt=\"Grupos\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: grey; font-weight: bold;\">Grupos\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='hXIerhOooR4';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p style=\"color: grey;\">Genera listas de alumnos para facilitar la vinculación con tus planeaciones.</p>\r\n                            </article>\r\n                        </div>\r\n                        \r\n                        <div class=\"carousel__item\">\r\n                            <div class=\"carousel__square\">   \r\n                                <a routerLink=\"/perfil\">\r\n                                    <figure class=\"carousel__cover carousel--type4\">\r\n                                        <img src=\"assets/images/icon/perfil.png\" alt=\"Perfil\">\r\n                                    </figure>\r\n                                </a>\r\n                            </div>\r\n                            <article class=\"carousel__txt\">\r\n                                <h5 style=\"color: #76489d; font-weight: bold;\">Perfil\r\n                                 <a data-toggle=\"modal\" data-target=\"#exampleModalCenter2\">\r\n                                    <img class=\"video-icono\" src=\"assets/images/icon/ayuda-icono.png\" (click)=\"src='JwsSdz0oWYc';\" alt=\"video\">\r\n                                 </a></h5>\r\n                                <p>Da información a la comunidad sobre quién eres y tu labor docente.</p>\r\n                            </article>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </section>\r\n    <app-footer></app-footer>\r\n</main>\r\n\r\n<div class=\"modal \" id=\"exampleModalCenter2\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle2\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog-game\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body-game\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"kill()\">
347\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" [src]=\"('https://www.youtube.com/embed/' + src) | safe: 'resourceUrl'\"  id=\"video\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n");
348
349/***/ }),
350
351/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/nuevo-plan/nuevo-plan.component.html":
352/*!********************************************************************************************!*\
353  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/nuevo-plan/nuevo-plan.component.html ***!
354  \********************************************************************************************/
355/*! exports provided: default */
356/***/ (function(module, __webpack_exports__, __webpack_require__) {
357
358"use strict";
359__webpack_require__.r(__webpack_exports__);
360/* harmony default export */ __webpack_exports__["default"] = ("<app-modal></app-modal>\r\n<main>\r\n    <div id=\"top\"></div>\r\n    <app-header></app-header>\r\n    <section id=\"contain\" class=\"body--back\">\r\n        <div class=\"plan-wrapper module container\">\r\n            <div class=\"row\">\r\n                <!-- Aside -->\r\n                <aside class=\"plan-creator col-xl-3 col-md-4 col-12\" style=\"height: 850px;\">\r\n                    <div class=\"plan__row clearfix\">\r\n                        <div class=\"plan__name\">\r\n                            <div>\r\n                                <p class=\"admin\">\r\n                                    Administrador de recursos para mi planeación\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"row\" *ngIf=\"planselected && planselected.name\">\r\n                                <a *ngIf=\"planselected.name\" class=\"btn new2\" style=\"text-align: center; cursor: unset; height: auto;\"> \r\n                                    <span style=\"color: #fff;\">{{planselected.name}}</span> </a>\r\n                            </div>\r\n                            <!--<div>\r\n                                <select name=\"mis-planes\" (change)=\"changePlan($event)\"  class=\"selector new2\">\r\n                                    <option hidden [value]=\"\" selected>Mis planeaciones</option>\r\n                                    <ng-container *ngFor= \"let planes of misplanes;  let p = index\">\r\n                                        <option style=\"background-color: white; color: black;\" \r\n                                        *ngIf=\"planes.is_template == 0 \" value=\"{{p}}\" id=\"planes\">{{planes.name}}</option>\r\n                                    </ng-container>\r\n                                </select>  \r\n                            </div> -->\r\n                            <div class=\"row\" style=\"margin-top: 10%;\">\r\n                                <figure class=\"carousel_cover carousel--type3\">\r\n                                    <p *ngIf=\"!planselected || !planselected.name; else elsePlan\"> P</p>\r\n                                    <ng-template #elsePlan>\r\n                                        <p *ngIf=\"planselected.name\">{{planselected.name[0]}}</p>\r\n                                    </ng-template>\r\n                                </figure>\r\n                                <div class=\"name-plan\">\r\n                                    <p *ngIf=\"!planselected || !planselected.name; else elseNombre\" style=\"line-height: 100%; padding-bottom: 5%;\">Nombre de la planeación</p>\r\n                                    <ng-template #elseNombre>\r\n                                        <p *ngIf=\"planselected.name\" style=\"line-height: 100%; padding-bottom: 5%;\">{{planselected.name}}</p>\r\n                                    </ng-template>\r\n                                    <p *ngIf=\"!planselected || !planselected.name; else elseDesc\" style=\"line-height: 100%; padding-bottom: 5%;\">Descripción corta de la planeación</p>\r\n                                    <ng-template #elseDesc>\r\n                                        <p *ngIf=\"planselected.descripcion; else elseSinDesc\"  style=\"line-height: 100%; padding-bottom: 5%;\">{{planselected.descripcion}}</p>\r\n                                        <ng-template #elseSinDesc><p><span style=\"font-style: italic;\">Sin descripción</span></p></ng-template>\r\n                                    </ng-template>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row\" style=\"justify-content: flex-end; margin-top: 10%;\">\r\n                                <button id=\"crear\" class=\"btn btn-type2\" type=\"submit\" (click)='recoger(0)'>\r\n                                    Guardar cambios\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    \r\n                    <!-- TODO -->\r\n                    <div class=\"plan__row\">\r\n                        <a  class=\"plan__open js-open-drop\">Recursos didácticos<i class=\"fas fa-sort-down\"></i></a>\r\n                        <p style=\"margin: 8px; font-weight: 300; font-size: 1.2rem; padding-bottom: 10px;\" class=\"admin\"> <strong>
360Recursos didácticos</strong></p>\r\n                        <div class=\"recursos-didacticos\">\r\n                            <ng-container *ngFor=\"let rec of list3; let r = index;\">\r\n                                <div class=\"row border-bottom\">\r\n                                    <div style=\"width: 70px; height: 70px; margin: 3% 3% 3% 0%;\" class=\"plan_item item--color2 item--s\">\r\n                                        <a (click)=\"detailResource(rec.id)\" id=\"{{rec.id}}\">\r\n                                            <img *ngIf=\"rec.link != ''; else elseBlock\"\r\n                                                                src=\"assets/images/icon/enlace.png\" class=\"plan_img\"\r\n                                                                alt=\"Item1\">\r\n                                                <ng-template #elseBlock>\r\n                                                    <img *ngIf=\"rec.video != ''; else elseBloc \"\r\n                                                    src=\"assets/images/icon/video.svg\" class=\"plan_img\"\r\n                                                    alt=\"Item1\">\r\n                                                    <ng-template #elseBloc>\r\n                                                        <img *ngIf=\"rec.pdf == 'Si' || rec.pdf != null; else elseBlok\"\r\n                                                    src=\"assets/images/icon/pdf.svg\" class=\"plan_img\" alt=\"Item1\">\r\n                                                        <ng-template #elseBlok>\r\n                                                            <img *ngIf=\"rec.img != '' || rec.image =='Si'\"\r\n                                                            src=\"assets/images/icon/documento.svg\" class=\"plan_img\"\r\n                                                            alt=\"Item1\">\r\n                                                        </ng-template>\r\n                                                    </ng-template>\r\n                                                </ng-template>\r\n                                        </a>\r\n                                    </div>\r\n                                    <div style=\"font-size: 11px; width: 53%;\">\r\n                                        <div class=\"letter\" [innerHTML]=\"rec.nombre\"></div>\r\n                                        <div>{{rec.asignatura}}</div>\r\n                                        <div style=\"font-style: italic;\">Contenido digital</div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <a *ngIf=\"rec.id != undefined\" (click)=\"eliminarRecursosExternos(rec.id,r)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a>\r\n                                        <a *ngIf=\"rec.id_recurso != undefined\"(click)=\"eliminarRecursosExternos(rec.id_recurso,r)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a> \r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                            \r\n                            <ng-container *ngFor=\"let game of list2; let i = index;\">\r\n                                <div class=\"row border-bottom\" >\r\n                                    <div style=\"width: 70px; height: 70px; margin: 3% 3% 3% 0%;\" class=\"plan_item item--color1 item--s\">\r\n                                        <a (click)=\"detailGame(game.slug)\" id=\"{{game.id_game}}\">\r\n                                            <img src=\"{{urlImg}}{{game.imagename}}\" class=\"plan_img\" alt=\"Item1\">\r\n                                        </a>\r\n                                    </div>\r\n                                    <div style=\"font-size: 11px; width: 53%;\">\r\n                                        <div class=\"letter\">\r\n                                            <p> <span>{{game.nombre}}</span> </p>\r\n                                            <p> <span>{{game.title}}</span> </p>\r\n                                       </div>\r\n                                       <div class=\"game-asig\" [innerHTML]=\"game.asignatura\"> </div>\r\n                                       <div style=\"font-style: italic;\">Videojuego</div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <a *ngIf=\"game.id != undefined\" (click)=\"eliminarJuego(game.id, i)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a> \r\n                                        <a *ngIf=\"game.id_game != undefined\" (click)=\"eliminarJuego(game.id_game, i)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a> \r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngFor=\"let lib of list4; let l = index;\">\r\n                                <div class=\"row border-bottom\">\r\n                                    <div style=\"width: 70px; height: 70px; margin: 3% 3% 3% 0%;\" class=\"plan_item item--color5 item--s\"> </div>\r\n                                    <div style=\"font-size: 11px; width: 53%; margin-top: 5px;\">\r\n                                        <div class=\"letter\" style=\"line-height: 15px;\">{{lib.tema}}</div>\r\n                                        <div style=\"line-height: 15px;\">{{lib.libro}} - {{lib.grado}}</div>\r\n                                        <div style=\"line-height: 15px;\">{{lib.bloque}} - Páginas: {{lib.pag}}</div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <a *ngIf=\"lib.id != undefined\" (click)=\"eliminarLibros(lib.id,l)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a>\r\n                                        <a *ngIf=\"lib.id_libro != undefined\"(click)=\"eliminarLibros(lib.id_libro,l)\"> <img class=\"ojo\" src=\"assets/images/icon/borrarr.png\" alt=\"borrar\"> </a>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <div class=\"row\" style=\"justify-content: flex-end; margin-top: 10%;\">\r\n                        <button *ngIf=\"planselected && planselected.name\" id=\"crear\" class=\"btn btn-type2\" type=\"submit\" (click)='recoger(1)'>\r\n                            Ir al formato de planeación\r\n                        </button>\r\n                    </div>\r\n                </aside>\r\n\r\n\r\n                <!-- Plan content -->\r\n                <section *ngIf=\"selected==1\" class=\"plan-content col-xl-9 col-md-8 col-12\">\r\n                    \r\n                    <!-- Grupos  -->\r\n                    <section style=\"margin-bottom: 5%;\" class=\"planner__grid\">\r\n\r\n                        <div class=\"carousel__title header\">\r\n                            <h4 class=\"special-title title--4\">Buscador</h4>\r\n                        </div>\r\n\r\n                    </section>\r\n                    <!--Barra -->\r\n                    <aside class=\"plan-creator col-xl-12 col-md-12 col-12 buscador\">\r\n                        <div class=\"col-12\" style=\"margin-bottom: 4%;\">\r\n                            <h5>
3601. Selecciona o crea una nueva planeación para vincular los recursos que vas a buscar.</h5>\r\n                            <div class=\"col-12\" style=\"display: flex;\">\r\n                                <div class=\"col-sm-6 col-md-6 col-lg-4\">\r\n                                    <h6 style=\"color: #DD2397;\">Mis planeaciones</h6>\r\n                                    <select name=\"mis-planes\" (change)=\"changePlan($event)\"  class=\"selector form-control\" style=\"border-color: #DD2397;\">\r\n                                        <option hidden [value]=\"\" selected>Sin planeación</option>\r\n                                        <ng-container *ngFor= \"let planes of misplanes;  let pl = index\">\r\n                                            <ng-container *ngIf=\"id_plan!=null\">\r\n                                                <option hidden *ngIf=\"id_plan == planes.id\" selected>{{planes.name}}</option>\r\n                                            </ng-container>\r\n                                            <option style=\"background-color: white; color: black;\" \r\n                                            *ngIf=\"planes.is_template == 0 \" value=\"{{pl}}\" id=\"planes\">{{planes.name}}</option>\r\n                                        </ng-container>\r\n                                    </select>  \r\n                                </div>\r\n\r\n                                <div class=\"col-sm-6 col-md-6 col-lg-4\" style=\"display: flex; justify-content: center; align-items: center;\">\r\n                                    <a class=\"js-modal-search btn boton2 btn2\" (click)=\"newplan()\" ><span style=\"color: #fff;\">Nueva planeación</span> </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12\" style=\"margin-bottom: 4%;\">\r\n                            <h5>2. Elige el grado y la asignatura de los recursos que deseas consultar.</h5>\r\n                            <div class=\"col-12\" style=\"display: flex;\">\r\n                                <div class=\"col-sm-6 col-md-6 col-lg-4\">\r\n                                    <h6 style=\"color: #9BA400;\">Grado</h6>\r\n                                    <select name=\"niv\" [(ngModel)]=\"selected_grado\" class=\"form-control selector\" style=\"border-color: #9BA400;\">\r\n                                        <option hidden [value]=\"0\"  selected>Todos</option>\r\n                                        <ng-container *ngFor= \"let niv of BuscaTagsNivel\">\r\n                                            <option value=\"{{niv.value}}\" id=\"niv\">{{niv.tag}}</option>\r\n                                        </ng-container>\r\n                                    </select> \r\n                                </div>\r\n                                <div class=\"col-sm-6 col-md-6 col-lg-4\">\r\n                                    <h6 style=\"color: #9BA400;\">Asignatura</h6>\r\n                                    <select name=\"asi\" [(ngModel)]=\"selected_asignatura\" class=\"form-control selector\" style=\"border-color: #9BA400;\">\r\n                                        <option hidden [value]=\"0\"  selected>Todos </option>\r\n                                        <ng-container *ngFor= \"let asi of BuscaTagsAsig\">\r\n                                            <option value=\"{{asi.value}}\" id=\"asi\">{{asi.tag}}</option>\r\n                                        </ng-container>\r\n                                    </select> \r\n                                </div>                                \r\n                                <!-- <div class=\"col-sm-6 col-md-6 col-lg-4\">\r\n                                    <h6>Tipo de recurso</h6>\r\n                                    <select name=\"tipo\" class=\"form-control selector\">\r\n                                        <option hidden [value]=\"0\"  selected>Todos </option>\r\n                                        <ng-container *ngFor= \"let tipo of BuscaTagsTipo\">\r\n                                            <option value=\"{{tipo.value}}\" id=\"tipo\">{{tipo.tag}}</option>\r\n                                        </ng-container>\r\n                                    </select>  \r\n                                </div> -->\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12\">\r\n                            <h5>3. Agrega conceptos o temáticas a tu búsqueda.</h5>\r\n\r\n                            <div class=\"search-planner \">\r\n                                <div class=\"hero__form\">\r\n                                        <form #searchs=\"ngForm\" id=\"searchform\" autocomplete=\"disabled\">\r\n                                       <div class=\"form-group\">\r\n                                           <input type=\"text\" list=\"list_tags\" class=\"form-control bus\" \r\n                                                    name=\"search1\" placeholder=\"¿Qué tema quieres buscar?\" [(ngModel)]=\"provisional.word\">\r\n                                           <input type=\"hidden\" name=\"search\" [(ngModel)]=\"busqueda.word\">\r\n                                           <button type=\"submit\" style=\"curs
360or: auto;\" class=\"btn btn-search\">\r\n                                               <img src=\"assets/images/icon/lupa.svg\" alt=\"Buscar\">\r\n                                           </button>\r\n                                       </div>\r\n                                    </form>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        \r\n                        <div id=\"top-prebu\"></div>\r\n                        <div class=\"row\" style=\"justify-content: flex-end;\">\r\n                            <button style=\"width: 130px; margin-right: 3%;\" id=\"crear\" class=\"btn btn-type2\" type=\"submit\" (click)=\"word()\"> Buscar </button>\r\n                        </div>\r\n                    </aside>\r\n                    <div>\r\n                        <div *ngIf=\"words && words.length > 0\" class=\"row\" style=\"align-items: center; margin: 2% 0 2% 2%;\">\r\n                            <figure>\r\n                                <img class=\"lupa\" src=\"assets/images/icon/lupagris.png\" alt=\"aviso\"> \r\n                            </figure>\r\n                            <p style=\"margin-left: 1%;\"> <strong>Resultados de la búsqueda: </strong> {{resultado_busqueda}} </p>\r\n                        </div>\r\n                        <div  *ngIf=\"recursos.length>0 || games.length>0\" class=\"row\" style=\"align-items: center; margin: 2% 0 2% 2%;\">\r\n                            <figure>\r\n                                <img class=\"aviso\" src=\"assets/images/icon/aviso.png\" alt=\"aviso\"> \r\n                            </figure>\r\n                            <p class=\"col-sm-10\" style=\"color: #9BA400; font-weight: bold; margin-left: 1.5%;\">Agrega estos recursos a la barra lateral izquierda para vincularlos a tu planeación.</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- Contenidos -->\r\n                    <section *ngIf=\"recursos.length>0\"  class=\"planner__grid\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\" style=\"margin-bottom: 0 !important;\">\r\n                            <h4 class=\"special-title title--2\">Contenidos digitales</h4>\r\n                        </div><!-- / -->\r\n                        <div class=\"plan__list module\">\r\n                            <table id=\"table\" class=\"table table-hover border table-sm col-12\">\r\n                                <tbody>\r\n                                <ng-container *ngFor=\"let rec of recursos | paginate: { id: 'pag-contenidos', itemsPerPage: 5, currentPage: c};\">\r\n                                    <tr>\r\n                                        <td>\r\n                                            <div class=\"plan_item item--color2\">\r\n\r\n                                                <img *ngIf=\"rec.pdf != 'No'; else elseBlock\"\r\n                                                                src=\"assets/images/icon/pdf.svg\" class=\"plan__img\" alt=\"Item1\">\r\n                                                <ng-template #elseBlock>\r\n                                                    <img *ngIf=\"rec.video != ''; else elseBloc \"\r\n                                                    src=\"assets/images/icon/video.svg\" class=\"plan__img\" alt=\"Item1\">\r\n                                                    <ng-template #elseBloc>\r\n                                                        <img *ngIf=\"rec.image != 'No'; else elseBlok\"\r\n                                                            src=\"assets/images/icon/documento.svg\" class=\"plan__img\" alt=\"Item1\">\r\n                                                        <ng-template #elseBlok>\r\n                                                            <img src=\"assets/images/icon/enlace.png\" class=\"plan__img\" alt=\"Item1\">\r\n                                                        </ng-template>\r\n                                                    </ng-template>\r\n                                                </ng-template>\r\n                                            </div>\r\n                                        </td> \r\n                                        <td class=\"col-8\">\r\n                                            <div class=\"letter\" [innerHTML]=\"rec.nombre\"></div>\r\n                                            <div class=\"lett\">{{rec.asignatura}}</div>\r\n                                            <div class=\"lett\" [innerHTML]=\"rec.descripcion\"> </div>\r\n                                        \r\n                                        </td>\r\n                                        <td class=\"col-1\" style=\"text-align: end;\">\r\n                                            <div class=\"buttons-plan\">\r\n                                                <div>\r\n                                                    <a (click)=\"agregarPorMasCont(rec)\" class=\"btn btn-type2 remove-plan boton bp\">Agregar a planeación</a>\r\n                                                </div>\r\n                                                <div>\r\n                                                    <a class=\"btn btn-type2 remove-plan boton\"  (click)=\"detailResource(rec.id)\">Ver detalle</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </td>\r\n                                    </tr>\r\n                                </ng-container>\r\n                                </tbody>\r\n                            </table>\r\n                            <div class=\"_end\">\r\n                                <pagination-controls id=\"pag-contenidos\" class=\"custom-pagination\"  previousLabel=\"Anterior\" nextLabel=\"Siguiente\" autoHide = \"true\"  (pageChange)=\"c = $event\"></pagination-controls>\r\n                            </div>\r\n                        </div>\r\n                    </section><!-- / -->\r\n                    \r\n                    <!-- Videojuegos -->\r\n                    <section *ngIf=\"games.length>0\" class=\"planner__grid planner--first\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\" style=\" margin-bottom: 0 !important;\">\r\n                            <h4 class=\"special-title title--3\">Videojuegos</h4>\r\n                        </div><!-- / -->\r\n                        <div class=\"plan__list module\">\r\n                                <table id=\"table\" class=\"table table-hover border table-sm col-12\">\r\n                                    <tbody>\r\n                                    <ng-container *ngFor=\"let game of games | paginate: {id: 'pag-games', itemsPerPage: 5, currentPage: p};\">\r\n                                        <tr>\r\n                                            <td>\r\n                                                <div class=\"plan_item item--color1\">\r\n                                                    <img src=\"https://taktaktak.com/assets/files/games/images/{{game.imagename}}\"\r\n                                                    class=\"plan__img\" alt=\"Juego1\">\r\n                                                </div>\r\n                                            </td> \r\n                                            <td class=\"col-8\">\r\n                                                <div class=\"letter\">\r\n                                                     <p> <span>{{game.nombre}}</span> </p>\r\n                                                     <p> <span>{{game.title}}</span> </p>\r\n                                                </div>\r\n                                                <div class=\"game-asig lett\" [innerHTML]=\"game.asignatura\"> </div>\r\n                                            \r\n                                            </td>\r\n                                            <td class=\"col-1\" style=\"text-align: end;\">\r\n                                                <div class=\"buttons-plan\">\r\n                                                    <div>\r\n                                                        <a (click)=\"agregarPorMas(game)\" class=\" btn btn-type2 remove-plan boton bp\">Agregar a planeación</a>\r\n                                                    </div>\r\n                                                    <div>\r\n                                                        <a class=\"btn btn-type2 remove-plan boton\" (click)=\"detailGame(game.slug)\">Ver detalle</a>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </td>\r\n                                        </tr>\r\n                                    </ng-container>\r\n                                    </tbody>\r\n                                </table>\r\n                                <div class=\"_end\">\r\n                                    <pagination-controls id=\"pag-games\" class=\"custom-pagination\" previousLabel=\"Anterior\" nextLabel=\"Siguiente\" autoHide = \"true\" (pageChange)=\"p = $event\"></pagination-controls>\r\n                                </div>\r\n                        </div>\r\n                    </section><!-- / -->\r\n\r\n                    <!--  Libros  -->\r\n                    <section *ngIf=\"(sections.planeacion).includes('2') && libros.length>0\" class=\"planner__grid\">\r\n                        <div class=\"carousel__title\" style=\"margin-bottom: 0 !important;\">\r\n                            <h4 class=\"special-title title--7\">Libros de texto</h4>\r\n                        </div>\r\n                        <div class=\"plan__list module\">\r\n                            <table id=\"table\" class=\"table table-hover border table-sm col-12\">\r\n                                <tbody>\r\n                                <ng-container *ngFor=\"let lib of libros | paginate: { id: 'pag-libros', itemsPerPage: 5, currentPage: l};\">\r\n                                    <tr>\r\n                                        <td>\r\n                                            <div class=\"plan_item item--color5\"> </div>\r\n                                        </td> \r\n                                        <td class=\"col-8\">\r\n                                            <div class=\"letter\">{{lib.tema}}</div>\r\n                                            <div class=\"lett\">{{lib.libro}} - {{lib.grado}}</div>\r\n                                            <div class=\"lett\">{{lib.bloque}} - Páginas: {{lib.pag}}</div>\r\n                                            <!-- <div class=\"lett\">Link del libro: <a target=\"_blank\" href=\"{{lib.linktx}}\">{{lib.linktx}}</a> </div> -->\r\n                                            <!-- <div class=\"lett\">Link del libro: {{lib.linktx}}</div> -->\r\n                                        </td>\r\n                                        <td class=\"col-1\" style=\"text-align: end;\">\r\n                                            <div class=\"buttons-plan\">\r\n                                                <div>\r\n                                                    <a (click)=\"agregarLibro(lib)\" class=\"btn btn-type2 remove-plan boton bp\">Agregar a planeación</a>\r\n                                                </div>\r\n                                                <div>\r\n                                                    <a class=\"btn btn-type2 remove-plan boton\" target=\"_blank\" href=\"{{lib.linktx}}\">Ir al libro</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </td>\r\n                                    </tr>\r\n                                </ng-container>\r\n                                </tbody>\r\n                            </table>\r\n                            <div class=\"_end\">\r\n                                <pagination-controls id=\"pag-libros\" class=\"custom-pagination\"  previousLabel=\"Anterior\" nextLabel=\"Siguiente\" autoHide = \"true\"  (pageChange)=\"l = $event\"></pagination-controls>\r\n                            </div>\r\n                        </div>\r\n                    </section><!-- / -->\r\n\r\n                </section>\r\n                \r\n                <!-- SECCION DE DETALLE DE UN VIDEOJUEGO  -->\r\n                \r\n                <!-- Plan content -->\r\n                <section *ngIf=\"selected == 2\" class=\"plan-content col-xl-9 col-md-8 col-12\">\r\n                    <section class=\"central-content\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\">\r\n                            <h4 class=\"special-title title--3\">Videojuegos</h4>\r\n                            <div class=\"back\">\r\n                                <a (click)=\"back()\" class=\"back-to\"><img src=\"assets/images/icon/back.png\"\r\n                                        alt=\"Regresar\"></a>\r\n                            </div>\r\n                        </div><!-- / -->\r\n                        <div class=\"content__top\">\r\n                            <div class=\"row\">\r\n                                <div class=\"content__left col-lg-3 col-md-3 col-sm-3\">\r\n                                    <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                        <div class=\"plan__col 
360col-12\">\r\n                                            <div class=\"plan_item item--color1 item--l\">\r\n                                                <a>\r\n                                                    <img id=\"juegoIndi\"\r\n                                                        src=\"https://taktaktak.com/assets/files/games/images/{{game.imagename}}\"\r\n                                                        class=\"plan__img\" alt=\"Item1\">\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-lg-9 col-md-9 col-sm-12\">\r\n                                    <div class=\"row\">\r\n                                        <article class=\"content__right col-lg-9 col-md-9 col-sm-12\">\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h3>{{game.title}}</h3>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Asignatura</h6>\r\n                                                <p [innerHTML]=\"game.asignatura\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Nivel Recomendado </h6>\r\n                                                <p [innerHTML]=\"game.nivel\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Conceptos Manejados</h6>\r\n                                                <p [innerHTML]=\"game.conceptos\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                            </div>\r\n                                        </article>\r\n                                        <div class=\"content__left col-lg-2 col-md-2 col-sm-12 _end\" style=\"margin-top: 3%;\">\r\n                                            <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                                <div class=\"plan__col col-12\">\r\n                                                    <a data-toggle=\"modal\" data-target=\"#exampleModalCenter\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Tutorial</a>\r\n                                                    <a href=\"https://taktaktak.com/detalle/{{game.slug}}\" target=\"__blank\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Jugar</a>\r\n                                                    <a *ngIf=\"gameSelected != undefined\"\r\n                                                        href=\"/assets/FichasLT/{{gameSelected.pdf}}.pdf\"\r\n                                                        download=\"Ficha_Pedagogica_{{gameSelected.name}}.pdf\" target=\"__blank\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Descargar ficha</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"content__central\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-xl-2 col-md-2 col-2\"></div>\r\n                                <div class=\"content__col col-xl-10 col-md-10 col-12 \">\r\n                                    <article class=\"content__article\" id=\"accordion-elements\">\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color1\" id=\"accordionOne\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingOne\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <img src=\"assets/images/icon/descripcion.png\"\r\n                                                                    alt=\"Descripción pedagógica y lúdica\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseOne\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseOne\">\r\n                                                                    Descripción pedagógica y lúdica\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseOne\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingOne\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Descripcion Pedagogica</h4>\r\n                                                            <p [innerHTML]='game.descripcion_pedagogica'></p>\r\n                                                            <p> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Descripcion Ludica</h4>\r\n                                                            <p [innerHTML]='game.descripcion_ludica'></p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <!-- <p [innerHTML]='game.tags'></p> -->\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color2\" id=\"accordionTwo\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingTwo\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <img src=\"assets/images/icon/competencias.png\"\r\n                                                                    alt=\"Competencias\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link js-org-chart\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseTwo\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseTwo\">\r\n                                                                    Competencias\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseTwo\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingTwo\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades para el parendizaje del siglo XXI</h4>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Aprendizaje e innovación: 4C´S</h5>\r\n                                                                <div class=\"grid-selection\">\r\n                                                                    <div class=\"row\">\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.pensamiento == 1\"\r\n                                                                                class=\"grid__check active \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"pensamiento\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Pensamiento crítico y resolución de\r\n                                                                                    problemas </p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.pensamiento == 0\"\r\n                                                                                class=\"grid__check   \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"pensamiento\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Pensamiento crítico y resolución de\r\n                                                                                    problemas </p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.comunicacion == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"comunicacion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Comunicación</p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.comunicacion == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"comunicacion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Comunicación</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.creatividad == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"creatividad\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Creatividad e innovación</p>\r\n                                                                            </div>\r\n                         
360                                                   <div *ngIf=\"gameAbility.habilidades.aprendizaje.creatividad == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"creatividad\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Creatividad e innovación</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.colaboracion == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"colaboracion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Colaboración</p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.colaboracion == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"colaboracion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Colaboración</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Información, Media y Tecnología</h5>\r\n                                                                <table class=\"informative-table\">\r\n                                                                    <tbody>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.teclado.porcentaje == 0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_teclado.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de teclado</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.teclado.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.teclado.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_teclado.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de teclado</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.teclado.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.mouse.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_mouse.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de mouse</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.mouse.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.mouse.porcentaje ==  0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_mouse.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de mouse</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.mouse.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.tableta.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_touch.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de una tableta</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.tableta.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.tableta.porcentaje ==  0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_touch.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de una tableta</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.tableta.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                    </tbody>\r\n                                                                </table>\r\n                                                            </div>\r\n                                                        </section>\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades cognitivas</h4>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>
360Funciones Mentales Superiores Utilizadas</h5>\r\n                                                                <div class=\"loaders-wrapp\">\r\n                                                                    <div class=\"row\">\r\n                                                                        <div class=\"loaders__col col-lg-6 col-md-12\">\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Atención</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.atencion + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Memoria</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.memoria + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Lenguaje</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.lenguaje + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones visoespaciales</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.visoespacial + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones sensoriomotoras</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.sensoriomotoras + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones ejecutivas</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.fms.ejecutivas + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div class=\"loaders__col col-lg-6 col-md-12\">\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Percepción visual</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.ed.visual + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Memoria de trabajo</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.ed.trabajo + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Velocidad del procesamiento de la información</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.ed.informacion + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Compresión verbal</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.ed.verbal + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Percepción auditiva</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':gameAbility.habilidades.ed.auditiva + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </section>\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Mapa de Habilidades <i data-toggle=\"modal\"\r\n                                                                    data-target=\"#exampleModalScrollable\"\r\n                                                                    class=\"fas fa-eye\"></i> </h4>\r\n                                                            <div class=\"tree-levels\">\r\n                                                                <ul class=\"level-base level--0\">\r\n                                                                    <li class=\"the-line\"></li>\r\n                                                                    <!-- level 0 -->\r\n                                                                    <li class=\"level__item\">\r\n                                                                        <div *ngIf=\" gameAbility.modelos.modelo == 1\"\r\n                                                                            class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                                                            <h5>Habilidades Socio-emocionales</h5>\r\n                                                                            <p>Modelo Educativo 2016</p>\r\n                                                                        </div>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 1\"\r\n                                                                            class=\"level-subase level--1 level--color1\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autoconocimiento</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Conciencia de las propias\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Autoestima</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Aprecio y gratitud</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>
360Bienestar</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 1\"\r\n                                                                            class=\"level-subase level--1 level--color2\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autorregulación</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Meta-cognición</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Expresión de emociones\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Regulación de las\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Auto-generación de\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Perseverancia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autonomia == 1\"\r\n                                                                            class=\"level-subase level--1 level--color3\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autonomía</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Iniciativa personal</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Identificación de\r\n                                                                                                necesidades y búsqueda\r\n                                                                                                de soluciones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Auto-eficacia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.empatia == 1\"\r\n                                                                            class=\"level-subase level--1 level--color4\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Empatía</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>
360Bienestar y trato digno\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Toma de perspectiva en\r\n                                                                                                situaciones de conflicto\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Reconocimiento de\r\n                                                                                                prejuicios</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Sensibilidad hacia\r\n                                                                                                personas discriminadas\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Cuidado de otros seres\r\n                                                                                                vivos</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.colaboracion == 1\"\r\n                                                                            class=\"level-subase level--1 level--color5\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Colaboración</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.
360colaboracion.comunidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Comunicación asertiva\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Responsabilidad</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Inclusión</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Resolución de conflictos\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.interdependencia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Independencia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                    </li>\r\n                                                                </ul>\r\n                                                            </div>\r\n                                                            <!-- <p [innerHTML]=\"gameAbility.habilidades.tags\"></p> -->\r\n                                                        </section>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color3\" id=\"accordionThree\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingThree\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <img src=\"assets/images/icon/rutas.png\"\r\n                                                                    alt=\"Rutas didácticas\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseThree\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseThree\">\r\n                                                                    Rutas didácticas\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"rutas\" *ngFor=\"let rutas of rutasTotales;  \">\r\n                                                    <div id=\"collapseThree\" class=\"collapse hide\"\r\n                                                        aria-labelledby=\"headingThree\">\r\n                                                        <div class=\"card-body\">\r\n                                                            <div class=\"row\">\r\n                                                                <div class=\"col-xl-6 col-12\">\r\n                                                                    <div [innerHTML]=\"rutas.titulo\" class=\"card__span\">\r\n\r\n                                                                        <!-- <h4>Espacio geográfico</h4>\r\n                                                                                    <h5>Juntos mejoramos el lugar donde vivo y nuestra vida en común</h5>\r\n                                                                                    <p>2o. ciclo</p> -->\r\n                                                                    </div>\r\n                                                                    <div class=\"card__span\">\r\n                                                                        <div class=\"timeline row\">\r\n                                                                            <div *ngFor=\"let procesos of rutas.procesos\"\r\n                                                                                class=\"time__item col-12\">\r\n                                                                                <article class=\"time__span\">\r\n                                                                                    <p\r\n                                                                                        [innerHTML]=\"procesos.descripcion\">\r\n                                                                                    </p>\r\n                                                                                </article>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                                <div class=\"col-xl-6 col-12\">\r\n                                                                    <div class=\"card__span\">\r\n                                                                        <h4>Argumentación</h4>\r\n                                                                        <p [innerHTML]=\"rutas.argumentacion\"> </p>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color4\" id=\"accordionFour\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingFour\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <img src=\"assets/images/icon/programas.png\"\r\n                                                                    alt=\"Programas Académicos\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseFour\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseFour\">\r\n                                                                    Programas Académicos\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseFour\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingFour\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>SEP PC2016</h4>\r\n                                                            <p [innerHTML]='gamePrograma.sep'> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Bachillerato Internacional</h4>\r\n                                                            <p [innerHTML]='gamePrograma.BI'> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Common Core State Standars (EUA)</h4>\r\n                                                            <p [innerHTML]='gamePrograma.CCSS'> </p>\r\n                                                            <p> </p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                    </article>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n\r\n\r\n                <!-- SECCION DE DETALLE DE UN RECURSO  -->\r\n\r\n                <section *ngIf=\"selected == 3\" class=\"plan-content col-xl-9 col-md-8 col-12\">\r\n                    <section class=\"central-content\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\">\r\n                            <h4 class=\"special-title title--2\">Contenidos digitales</h4>\r\n                            <div class=\"back\">\r\n                                <a (click)=\"back()\" class=\"back-to\"><img src=\"assets/images/icon/back.png\"\r\n                                        alt=\"Regresar\"></a>\r\n                            </div>\r\n                        </div><!-- / -->\r\n                        \r\n                        <div class=\"content__top\">\r\n                            <div class=\"row\">\r\n                                <div class=\"content__left col-lg-3 col-md-3 col-sm-3\">\r\n                                    <div class=\"drag-single drag--touch\" id=\"js-drag-single-document\">\r\n                                        <div class=\"plan__col 
360col-12\">\r\n                                            <div class=\"plan_item item--color2 item--l\">\r\n                                                <img *ngIf=\"otrosrecursos.pdf != 'No'; else elseBlock\"\r\n                                                                src=\"assets/images/icon/pdf.svg\" class=\"plan__img\" alt=\"Item1\">\r\n                                                <ng-template #elseBlock>\r\n                                                    <img *ngIf=\"otrosrecursos.video != ''; else elseBloc \"\r\n                                                    src=\"assets/images/icon/video.svg\" class=\"plan__img\" alt=\"Item1\">\r\n                                                    <ng-template #elseBloc>\r\n                                                        <img *ngIf=\"otrosrecursos.img != ''; else elseBlok\"\r\n                                                            src=\"assets/images/icon/documento.svg\" class=\"plan__img\" alt=\"Item1\">\r\n                                                        <ng-template #elseBlok>\r\n                                                            <img src=\"assets/images/icon/enlace.png\" class=\"plan__img\" alt=\"Item1\">\r\n                                                        </ng-template>\r\n                                                    </ng-template>\r\n                                                </ng-template>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-lg-9 col-md-9 col-sm-12\">\r\n                                    <div class=\"row\">\r\n                                        <article class=\"content__right col-lg-9 col-md-9 col-sm-12\">\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h3 [innerHTML]=\"otrosrecursos.nombre\"></h3>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Asignatura</h6>\r\n                                                <p>{{asignatura}}</p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Nivel Recomendado </h6>\r\n                                                <p>{{nivel}}</p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Descripción</h6>\r\n                                                <p [innerHTML]=\"otrosrecursos.descripcion\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <article class=\"content__article\">\r\n                                                    <img *ngIf=\"otrosrecursos.img != '' \" src=\"{{otrosrecursos.img}}\" alt=\"\" class=\"img\">\r\n                                                    <br>\r\n                                                    <a target=\"__blank\"><div *ngIf=\"otrosrecursos.link != '' \" [innerHTML]=\"otrosrecursos.link\"></div></a>\r\n                                                    <br>\r\n                                                    <div *ngIf=\"otrosrecursos.video != '' \" [innerHTML]=\"otrosrecursos.video\"></div>\r\n                                                    <div *ngIf=\"videoyt == true\">\r\n                                                        <iframe id=\"iframe\" name=\"iframe\" #iframe width=\"560\" height=\"315\" [src]=\"urlSafe\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\"></iframe>\r\n                                                    </div>\r\n                                                </article>\r\n                                            </div>\r\n                                        </article>\r\n                                        <div class=\"content__left col-lg-2 col-md-2 col-sm-12 _end\" style=\"margin-top: 3%;\">\r\n                                            <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                                <div class=\"plan__col 
360col-12\">\r\n                                                    <a *ngIf=\"otrosrecursos.pdf == 'Si' \"  (click)=\"PDF()\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Descargar recurso</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n\r\n\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <app-footer></app-footer>\r\n</main>\r\n\r\n<div class=\"modal \" id=\"exampleModalCenter\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog-game\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body-game\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"kill()\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <!-- 16:9 aspect ratio -->\r\n                <div class=\"embed-responsive embed-responsive-16by9\" *ngIf= \"gameSelected != undefined\">\r\n                         <iframe class=\"embed-responsive-item\" [src]=\"('https://www.youtube.com/embed/' + gameSelected.tutorial) | safe: 'resourceUrl'\" id=\"video\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>");
361
362/***/ }),
363
364/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/plan-compartida/plan-compartida.component.html":
365/*!******************************************************************************************************!*\
366  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/plan-compartida/plan-compartida.component.html ***!
367  \******************************************************************************************************/
368/*! exports provided: default */
369/***/ (function(module, __webpack_exports__, __webpack_require__) {
370
371"use strict";
372__webpack_require__.r(__webpack_exports__);
373/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n<app-header></app-header>\r\n<section id=\"contain\">\r\n        \r\n        <section class=\"carousel-block module\">\r\n            <div class=\"cont\">\r\n                <div *ngIf=\"compartidas.length>0\" class=\"carousel__title\">\r\n                    <h4 class=\"special-title title--1\" style=\"width: 200px; font-size: 15px; height: 45px;  padding-top: 2px;\">Planeaciones compartidas</h4>\r\n                </div>\r\n                <div *ngIf=\"compartidas.length>0\" class=\"planes-container border\">\r\n                    <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let plan of compartidas | paginate: { itemsPerPage: 10, currentPage: p};\">\r\n                                <tr>\r\n                                    <td>\r\n                                        <div class=\"cont_fig col-2\">\r\n                                            <figure class=\"carousel_cover carousel--type1\">\r\n                                                    <p>{{plan.plan_name[0]}}</p>\r\n                                            </figure>\r\n                                        </div>\r\n                                    </td> \r\n                                    <td class=\"col-8\">\r\n                                        <div class=\"letter\">\r\n                                            <p>\r\n                                                <span>{{plan.plan_name}}</span> <br>\r\n                                                <ng-container *ngIf='plan.descripcion!=\"\"; else elseBlock'>
373\r\n                                                    <span style=\"font-weight: normal;\">{{plan.descripcion}}</span>\r\n                                                </ng-container>\r\n                                                <ng-template #elseBlock><span class=\"italic\">Sin descripción</span></ng-template>\r\n                                                <br>\r\n                                                <span style=\"color: #e533a2; font-weight: normal;\">Compartida conmigo por: {{plan.user_name}} {{plan.user_lastname}}</span>\r\n                                                <br>\r\n\r\n                                            </p>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"col-3\" style=\"text-align: end;\">\r\n                                        <div class=\"buttons-plan\">\r\n                                            <div>\r\n                                                <ng-container>\r\n                                                    <a class=\"btn btn-type2 remove-plan boton\" routerLink=\"/planeaciones-compartidas/{{plan.slug}}/{{plan.id_plan}}\">Ver detalle</a>\r\n                                                </ng-container>\r\n                                            </div>\r\n                                            <a class=\"print\" style=\"cursor: pointer;\">\r\n                                                <img src=\"assets/images/icon/impresorav.png\" (click)=\"generatePdf(plan.slug, plan.id_plan)\" alt=\"Imprimir\">\r\n                                            </a>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                            </ng-container>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n                <br>\r\n                <div *ngIf=\"compartidas.length>0\" class=\"_end\">\r\n                    <pagination-controls class=\"custom-pagination\" (pageChange)=\"p = $event\"></pagination-controls>\r\n                </div>\r\n\r\n                <div class=\"carousel__title\">\r\n                    <h4 class=\"special-title title--1\" style=\"width: 200px; font-size: 15px; height: 45px;  padding-top: 2px;\">Mis planeaciones públicas</h4>\r\n                </div>\r\n\r\n                <div class=\"planes-container border\">\r\n                    <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let planp of publicas | paginate: { itemsPerPage: 10, currentPage: pp};\">\r\n                                <tr>\r\n                                    <td>\r\n                                        <div class=\"cont_fig col-2\">\r\n                                            <figure class=\"carousel_cover carousel--type1\">\r\n                                                    <p>{{planp.plan_name[0]}}</p>\r\n                                            </figure>\r\n                                        </div>\r\n                                    </td> \r\n                                    <td class=\"col-8\">\r\n                                        <div class=\"letter\">\r\n                                            <p>\r\n                                                <span>{{planp.plan_name}}</span> <br>\r\n                                                <ng-container *ngIf='planp.descripcion!=\"\"; else elseBlock'>\r\n                                                    <span style=\"font-weight: normal;\">{{planp.descripcion}}</span>\r\n                                                </ng-container>\r\n                                                <ng-template #elseBlock><span class=\"italic\">Sin descripción</span></ng-template>\r\n                                                <br>\r\n                                                <span style=\"color: #e533a2; font-weight: normal;\">Creada por: {{planp.user_name}} {{planp.user_lastname}}</span> \r\n                                                <br>\r\n\r\n                                            </p>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"col-3\" style=\"text-align: end;\">\r\n                                        <div class=\"buttons-plan\">\r\n                                            <div>\r\n                                                <ng-container>\r\n                                                    <a class=\"btn btn-type2 remove-plan boton\" routerLink=\"/planeaciones-compartidas/{{planp.slug}}/{{planp.id_plan}}\">Ver detalle</a>\r\n                                                </ng-container>\r\n                                            </div>\r\n                                            <a class=\"print\" style=\"curs
373or: pointer;\">\r\n                                                <img src=\"assets/images/icon/impresorav.png\" (click)=\"generatePdf(planp.slug, planp.id_plan)\" alt=\"Imprimir\">\r\n                                            </a>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                            </ng-container>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n                <br>\r\n                <div class=\"_end\">\r\n                    <pagination-controls class=\"custom-pagination\" (pageChange)=\"pp = $event\"></pagination-controls>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </section>\r\n<app-footer></app-footer>\r\n</main>");
374
375/***/ }),
376
377/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/plan-sesion/plan-sesion.component.html":
378/*!**********************************************************************************************!*\
379  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/plan-sesion/plan-sesion.component.html ***!
380  \**********************************************************************************************/
381/*! exports provided: default */
382/***/ (function(module, __webpack_exports__, __webpack_require__) {
383
384"use strict";
385__webpack_require__.r(__webpack_exports__);
386/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n    <div id=\"top\"></div>\r\n    <app-header></app-header>\r\n    <section id=\"contain\">\r\n    \r\n        <section class=\"carousel-block module\">\r\n            <div class=\"cont\">\r\n                    <div class=\"carousel__title\">\r\n                        <h4 class=\"special-title title--2\" style=\"width: 200px; font-size: 16px; height: 45px;  padding-top: 2px;\">Planeaciones por sesión</h4>\r\n                    </div>\r\n                <div class=\"planes-container\">\r\n                    <div style=\"margin-bottom: 4%;\">\r\n                        <!-- <p>\r\n                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis, ipsum vitae luctus faucibus, nisl ipsum fermentum elit, at tincidunt metus mi in augue. Nunc sapien quam, gravida quis accumsan vel, feugiat vel diam. Vivamus luctus, mi in fermentum accumsan, sem tortor condimentum justo, id rhoncus ex dolor eu nunc.\r\n                        </p> -->\r\n                        \r\n                        <div style=\"margin-right: 2%; display: inline-flex;\"><p>Mostrar por: </p></div>\r\n                        <div class=\"btn-group btn-group-lg\" role=\"group\" aria-label=\"period-group\">\r\n                            <button class=\"btn btn-info {{ grado ? '' : 'active'}}\" (click)=\"handleMostrar(1)\">Asignatura</button>\r\n                            <button class=\"btn btn-info {{ grado ? 'active' : ''}}\" (click)=\"handleMostrar(0)\">Grado</button>\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngIf=\"grado==false\">\r\n                        <ng-container *ngFor=\"let mat of materias; let i = index;\">\r\n                            <div class=\"accordion\" id=\"accordion-{{i}}\">\r\n                                <div class=\"card\">\r\n                                    <div class=\"card-header\" id=\"heading-{{i}}\">\r\n                                        <div class=\"row\">\r\n                                            <div class=\"card__txt col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                                                <h6 class=\"header__title\">\r\n                                                    <button class=\"btn btn-link\" type=\"button\"\r\n                                                        data-toggle=\"collapse\" [attr.data-target]=\"'#asignatura' + i\"\r\n                                                        aria-expanded=\"true\">\r\n                                                        {{mat.asignatura}}\r\n                                                        <i class=\"fas fa-caret-down\"></i>\r\n                                                    </button>\r\n                                                </h6>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div id=\"asignatura{{i}}\" class=\"collapse hide\">\r\n                                        <div class=\"card-body\">\r\n                                            <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                                            <tbody>\r\n                                                <ng-container *ngFor=\"let plan of planeaciones; let a = index;\">\r\n                                                    <ng-container *ngIf=\"plan.asignatura == mat.asignatura\">\r\n                                                        <tr>\r\n                                                            <td>\r\n                                                                <div class=\"cont_fig c
386ol-2\">\r\n                                                                    <figure class=\"carousel_cover carousel--type2\">\r\n                                                                        <img style=\"width: 50px; height: 50px\" src=\"assets/images/icon/planeaciones_sesion-{{i+1}}.svg\" alt=\"planeaciones_sesion\">\r\n                                                                    </figure>\r\n                                                                </div>\r\n                                                            </td> \r\n                                                            <td class=\"col-8\">\r\n                                                                <div class=\"letter\">\r\n                                                                    <p>\r\n                                                                        <span>{{plan.nombre}}</span> <br>\r\n                                                                        <span style=\"font-weight: 500;\">Grado recomendado: </span><span style=\"font-weight: normal;\">{{plan.nivel}}</span> <br>\r\n                                                                        <span style=\"font-weight: normal;\">{{plan.objetivo}}</span>\r\n                                                                    </p>\r\n                                                                </div>\r\n                                                            </td>\r\n                                                            <td class=\"col-3\" style=\"text-align: end;\">\r\n                                                                <div class=\"buttons-plan\">\r\n                                                                    <div>\r\n                                                                        <a class=\"btn btn-type2 remove-plan boton\" (click)=\"registrar(plan.id)\" href=\"assets/planessesion/{{plan.archivo}}.pdf\" target=\"__blank\" >Descargar</a>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                    </ng-container>\r\n                                                </ng-container>\r\n                                            </tbody>\r\n                                            </table>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"grado==true\">\r\n                        <!-- Primaria baja -->\r\n                        <div class=\"accordion\" id=\"accordionOne\">\r\n                            <div class=\"card\">\r\n                                <div class=\"card-header\" id=\"headingOne\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"card__txt col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                                            <h6 class=\"header__title\">\r\n                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                    data-toggle=\"collapse\" data-target=\"#collapseOne\"\r\n                                                    aria-expanded=\"true\" aria-controls=\"collapseOne\">\r\n                                                    Primaria baja\r\n                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                </button>\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div id=\"collapseOne\" class=\"collapse hide\"\r\n                                    aria-labelledby=\"headingOne\">\r\n                                    <div class=\"card-body\">\r\n                                        <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                                        <tbody>\r\n                                            <ng-container *ngFor=\"let plan of baja; let a = index;\">\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div class=\"cont_fig c
386ol-2\">\r\n                                                            <figure class=\"carousel_cover carousel--type2\">\r\n                                                                <img style=\"width: 50px; height: 50px\" src=\"assets/images/icon/planeaciones_sesion-5.svg\" alt=\"planeaciones_sesion\">\r\n                                                            </figure>\r\n                                                        </div>\r\n                                                    </td> \r\n                                                    <td class=\"col-8\">\r\n                                                        <div class=\"letter\">\r\n                                                            <p>\r\n                                                                <span>{{plan.nombre}}</span> <br>\r\n                                                                <span style=\"font-weight: 500;\">Asignatura: </span><span style=\"font-weight: normal;\">{{plan.asignatura}}</span> <br>\r\n                                                                <span style=\"font-weight: normal;\">{{plan.objetivo}}</span>\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"col-3\" style=\"text-align: end;\">\r\n                                                        <div class=\"buttons-plan\">\r\n                                                            <div>\r\n                                                                <a class=\"btn btn-type2 remove-plan boton\" (click)=\"registrar(plan.id)\" href=\"assets/planessesion/{{plan.archivo}}.pdf\" target=\"__blank\">Descargar</a>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>    \r\n                                            </ng-container>\r\n                                        </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <!-- Primaria media -->\r\n                        <div class=\"accordion\" id=\"accordionTwo\">\r\n                            <div class=\"card\">\r\n                                <div class=\"card-header\" id=\"headingTwo\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"card__txt col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                                            <h6 class=\"header__title\">\r\n                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                    data-toggle=\"collapse\" data-target=\"#collapseTwo\"\r\n                                                    aria-expanded=\"true\" aria-controls=\"collapseTwo\">\r\n                                                    Primaria media\r\n                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                </button>\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div id=\"collapseTwo\" class=\"collapse hide\"\r\n                                    aria-labelledby=\"headingTwo\">\r\n                                    <div class=\"card-body\">\r\n                                        <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                                        <tbody>\r\n                                            <ng-container *ngFor=\"let plan of media; let a = index;\">\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div class=\"cont_fig c
386ol-2\">\r\n                                                            <figure class=\"carousel_cover carousel--type2\">\r\n                                                                <img style=\"width: 50px; height: 50px\" src=\"assets/images/icon/planeaciones_sesion-6.svg\" alt=\"planeaciones_sesion\">\r\n                                                            </figure>\r\n                                                        </div>\r\n                                                    </td> \r\n                                                    <td class=\"col-8\">\r\n                                                        <div class=\"letter\">\r\n                                                            <p>\r\n                                                                <span>{{plan.nombre}}</span> <br>\r\n                                                                <span style=\"font-weight: 500;\">Asignatura: </span><span style=\"font-weight: normal;\">{{plan.asignatura}}</span> <br>\r\n                                                                <span style=\"font-weight: normal;\">{{plan.objetivo}}</span>\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"col-3\" style=\"text-align: end;\">\r\n                                                        <div class=\"buttons-plan\">\r\n                                                            <div>\r\n                                                                <a class=\"btn btn-type2 remove-plan boton\" (click)=\"registrar(plan.id)\"  href=\"assets/planessesion/{{plan.archivo}}.pdf\" target=\"__blank\">Descargar</a>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>    \r\n                                            </ng-container>\r\n                                        </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <!-- Primaria alta -->\r\n                        <div class=\"accordion\" id=\"accordionThree\">\r\n                            <div class=\"card\">\r\n                                <div class=\"card-header\" id=\"headingThree\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"card__txt col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                                            <h6 class=\"header__title\">\r\n                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                    data-toggle=\"collapse\" data-target=\"#collapseThree\"\r\n                                                    aria-expanded=\"true\" aria-controls=\"collapseThree\">\r\n                                                    Primaria alta\r\n                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                </button>\r\n                                            </h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n    \r\n                                <div id=\"collapseThree\" class=\"collapse hide\"\r\n                                    aria-labelledby=\"headingThree\">\r\n                                    <div class=\"card-body\">\r\n                                        <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                                        <tbody>\r\n                                            <ng-container *ngFor=\"let plan of alta; let a = index;\">\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div class=\"cont_fig c
386ol-2\">\r\n                                                            <figure class=\"carousel_cover carousel--type2\">\r\n                                                                <img style=\"width: 50px; height: 50px\" src=\"assets/images/icon/planeaciones_sesion-7.svg\" alt=\"planeaciones_sesion\">\r\n                                                            </figure>\r\n                                                        </div>\r\n                                                    </td> \r\n                                                    <td class=\"col-8\">\r\n                                                        <div class=\"letter\">\r\n                                                            <p>\r\n                                                                <span>{{plan.nombre}}</span> <br>\r\n                                                                <span style=\"font-weight: 500;\">Asignatura: </span><span style=\"font-weight: normal;\">{{plan.asignatura}}</span> <br>\r\n                                                                <span style=\"font-weight: normal;\">{{plan.objetivo}}</span>\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"col-3\" style=\"text-align: end;\">\r\n                                                        <div class=\"buttons-plan\">\r\n                                                            <div>\r\n                                                                <a class=\"btn btn-type2 remove-plan boton\" (click)=\"registrar(plan.id)\"  href=\"assets/planessesion/{{plan.archivo}}.pdf\" target=\"__blank\">Descargar</a>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>    \r\n                                            </ng-container>\r\n                                        </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n\r\n                </div>\r\n                <br>\r\n            </div>\r\n        </section>\r\n    </section>\r\n    <app-footer></app-footer>\r\n    </main>");
387
388/***/ }),
389
390/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/planes/planes.component.html":
391/*!************************************************************************************!*\
392  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/planes/planes.component.html ***!
393  \************************************************************************************/
394/*! exports provided: default */
395/***/ (function(module, __webpack_exports__, __webpack_require__) {
396
397"use strict";
398__webpack_require__.r(__webpack_exports__);
399/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n<app-header></app-header>\r\n<section id=\"contain\">\r\n        \r\n        <section class=\"carousel-block module\">\r\n\r\n            <div class=\"cont\">\r\n                <div class=\"carousel__title\">\r\n                    <h4 class=\"special-title title--1\">Mis planeaciones</h4>\r\n                    <div class=\"_end\">\r\n                        <a class=\"btn boton2\" routerLink=\"/plan\" ><span style=\"color: #fff;\">Nueva planeación </span></a>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"planes-container border\">\r\n                    <table id=\"table\" class=\"table table-hover table-sm col-12 \">\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let plan of planes | paginate: { itemsPerPage: 10, currentPage: p};\">\r\n                                <tr *ngIf=\"plan.is_master == 0\">\r\n                                    <td>\r\n                                        <div class=\"cont_fig c
399ol-2\">\r\n                                            <figure *ngIf=\"plan.is_template == 1 && plan.is_template != undefined\" class=\"carousel_cover carousel--type2\">\r\n                                                <img src=\"assets/images/icon/{{plan.name}}.svg\" alt=\"{{plan.name}}\">\r\n                                            </figure>\r\n                                            <figure  *ngIf=\"plan.is_template == 0 && plan.is_template != undefined\" class=\"carousel_cover carousel--type1\">\r\n                                                    <p>{{plan.name[0]}}</p>\r\n                                            </figure>\r\n                                            <aside  *ngIf=\"plan.is_template == 0 && plan.is_template != undefined\" class=\"carousel_tab carousel--type1\">\r\n                                                <ul>\r\n                                                    <li *ngIf=\"plan.games.length>0\" class=\"tab_label label--1\"></li>\r\n                                                    <li *ngIf=\"plan.games.length>0\" class=\"tab_label label--2\"></li>\r\n                                                    <li *ngIf=\"plan.grupos.length>0\" class=\"tab_label label--3\"></li>\r\n                                                </ul>\r\n                                            </aside>\r\n                                        </div>\r\n                                    </td> \r\n                                    <td class=\"col-8\">\r\n                                        <div class=\"letter\">\r\n                                            <p>\r\n                                                <span>{{plan.name}}</span> <br>\r\n                                                <ng-container *ngIf='plan.is_template == 1 || plan.descripcion!=\"\"; else elseBlock'>\r\n                                                    <span style=\"font-weight: normal;\">{{plan.descripcion}}</span>\r\n                                                </ng-container>\r\n                                                <ng-template #elseBlock><span class=\"italic\">Sin descripción</span></ng-template>\r\n                                                <ng-container *ngFor=\"let infoLT of infoplanesLT\">\r\n                                                    <ng-container *ngIf=\"infoLT.name == plan.name\" >\r\n                                                        <span style=\"font-weight: normal;\">{{infoLT.descripcion}}</span>\r\n                                                    </ng-container>\r\n                                                </ng-container> \r\n                                                <br>\r\n                                                    Grupos vinculados: \r\n                                                <ng-container *ngIf='plan.grupos.length>0; else elseBloc'>\r\n                                                    <ng-container *ngFor=\"let grupo of plan.grupos\">\r\n                                                        <span style=\"font-weight: normal;\">{{grupo.grado}}-{{grupo.grupo}} </span>\r\n                                                    </ng-container>\r\n                                                </ng-container>\r\n                                                <ng-template #elseBloc><span class=\"italic\">Sin grupos vinculados</span></ng-template>\r\n                                            </p>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"col-3\" style=\"text-align: end;\">\r\n                                        <div class=\"buttons-plan\">\r\n                                            <div>\r\n                                                <ng-container *ngIf=\"plan.is_template == 1 && plan.is_template != undefined; else elseBlok\">\r\n                                                    <a class=\"btn btn-type2 remove-plan boton\" routerLink=\"/detallemodulo/{{plan.slug}}/{{plan.id}}\">Ver detalle</a>\r\n                                                </ng-container>\r\n                                                <ng-template #elseBlok>\r\n                                                    <a class=\"btn btn-type2 remove-plan boton\" routerLink=\"/detalleplan/{{plan.slug}}/{{plan.id}}\">Ver detalle</a>\r\n                                                </ng-template>\r\n                                            </div>\r\n                                            <a class=\"print\" style=\"curs
399or: pointer;\">\r\n                                                <img *ngIf=\"plan.is_template == 0 && plan.is_template != undefined\" src=\"assets/images/icon/impresorav.png\" (click)=\"generatePdf(plan.slug, plan.id)\" alt=\"Imprimir\">\r\n                                            </a>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                            </ng-container>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n                <br>\r\n                <div class=\"_end\">\r\n                    <pagination-controls class=\"custom-pagination\" (pageChange)=\"p = $event\"></pagination-controls>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </section>\r\n<app-footer></app-footer>\r\n</main>");
400
401/***/ }),
402
403/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/recibos-pagos/recibos-pagos.component.html":
404/*!**************************************************************************************************!*\
405  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/recibos-pagos/recibos-pagos.component.html ***!
406  \**************************************************************************************************/
407/*! exports provided: default */
408/***/ (function(module, __webpack_exports__, __webpack_require__) {
409
410"use strict";
411__webpack_require__.r(__webpack_exports__);
412/* harmony default export */ __webpack_exports__["default"] = ("<div>\r\n    <div class=\"row\">\r\n        <div class=\"col-12 col-md-3\"></div>\r\n        <div class=\"col-12 col-md-6\">\r\n            <div class=\"row space\" *ngIf=\"formato==3||formato==1\">\r\n                <div class=\"col-12 bienvenidoBox\">\r\n                    ¡Bienvenido a la aventura!<br>\r\n                    Te agradecemos la confianza al adquirir este sistema  de aprendizaje\r\n                    <br>\r\n                    <img src=\"..\\..\\assets\\images\\logo\\labtak_logo.svg\" style=\"width: 300px; height: auto; margin-top: 20px;\">\r\n                    <br><br><br>\r\n                    <a routerLink=\"/inicio\" ><div style=\"width: 100% !important; height: auto !important;\" class=\"btn btn-type2 boton\">DA CLIC AQUÍ PARA REGRESAR A LABTAK.</div></a>\r\n                </div>\r\n            </div>\r\n          <div class=\"principalBox\" id=\"formato\">\r\n            <div id=\"formato1\" *ngIf=\"formato==1\"> <!--Tarjeta-->\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 imprimirBox\">\r\n                        <p>COMPROBANTE DIGITAL, NO ES NECESARIO IMPRIMIR</p>\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        Cobro por Tarjeta<br><br>\r\n                        ID orden: {{recibo!.charges!.data[0].order_id}}\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        <p class=\"monto\">MONTO PAGADO</p>\r\n                        <p class=\"price\">$ {{recibo!.charges!.data[0].amount/100 | number:'1.2-3'}} {{recibo!.currency}}</p>\r\n                    </div>\r\n                    <div class=\"col-12 space\">\r\n                        <span class=\"title\">STATUS</span>\r\n                        <div class=\"code\">                            \r\n                            <div *ngIf=\"recibo!.charges!.data[0].status=='paid'; then thenBlock else elseBlock\"></div>\r\n                            <ng-template #thenBlock>PAGADO</ng-template>\r\n                            <ng-template #elseBlock>{{recibo!.charges!.data[0].status}}</ng-template>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-12 space\" style=\"margin-bottom: 30px;\">\r\n                        <span class=\"title\">INFORMACION DEL PAGO</span>\r\n                        <ol class=\"instructions\" style=\"list-style-type: none;\">\r\n                            <li style=\"margin-bottom: 0px;\">Codigo de autorizacion: {{recibo!.charges!.data[0].payment_method.auth_code}}</li>\r\n                            <li style=\"margin-bottom: 0px;\">{{recibo!.charges!.data[0].payment_method.name}}</li>\r\n                            <li style=\"margin-bottom: 0px;\">************{{recibo!.charges!.data[0].payment_method.last4}}</li>                            \r\n                            <li style=\"margin-bottom: 0px;\">{{recibo!.charges!.data[0].payment_method.account_type}} {{recibo!.charges!.data[0].payment_method.brand}}</li>\r\n                            <li style=\"margin-bottom: 0px;\">{{recibo!.charges!.data[0].payment_method.type}}</li>\r\n                        </ol>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div id=\"formato2\" *ngIf=\"formato==2\"> <!--Oxxo-->\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 imprimirBox\">\r\n                        <p>FICHA DIGITAL, NO ES NECESARIO IMPRIMIR</p>\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        OXXO PAY<br><br>\r\n                        ID orden: {{recibo!.charges.data[0].order_id}}\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        <p class=\"monto\">MONTO A PAGAR</p>\r\n                        <p class=\"price\">$ {{recibo!.charges.data[0].amount/100 | number:'1.2-3'}} {{recibo!.charges.data[0].currency}}</p>\r\n                        <p class=\"legend\">OXXO cobrara una comisión adicionalmente al momento de realizar el pago</p>\r\n                    </div>\r\n                    <div class=\"col-12 space\">
412\r\n                        <span class=\"title\">REFERENCIA</span>\r\n                        <div class=\"code\">\r\n                            {{recibo!.charges.data[0].payment_method.reference}}<br>\r\n                            <!--img id=\"barsCode\" [src]=\"recibo!.charges.data[0].payment_method.barcode_url\" style=\"width: 300px; height: 50px;\"-->\r\n                        </div>\r\n                    </div>\r\n                    <hr>\r\n                    <div class=\"col-12 space\">\r\n                        <span class=\"title\">INSTRUCCIONES</span>\r\n                        <ol class=\"instructions\">\r\n                            <li>Acude a la tienda OXXO más cercana.</li>\r\n                            <li>Indica en caja que quieres realizar un pago de <span style=\"font-weight: bold;\">OXXOPay.</span></li>\r\n                            <li>Dicta al cajero el número de referencia en esta ficha para que la tecleé directamente en la pantalla de venta.</li>\r\n                            <li>Realiza el pago correspondiente con dinero en efectivo.</li>\r\n                            <li>Al confirmar tu pago, el cajero te entregará un comprobante impreso. <span style=\"font-weight: bold;\">En él podras verificar que se haya realizado correctamente.</span> Conserve este comprobante de pago.</li>\r\n                        </ol>\r\n                    </div>\r\n                    <!--div class=\"col-12 comments\">\r\n                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab, itaque deleniti repellat eum, pariatur, velit modi\r\n                    </div-->\r\n                </div>\r\n            </div>\r\n            <div id=\"formato3\" *ngIf=\"formato==3\"> <!--Paypal-->\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 imprimirBox\">\r\n                        <p>COMPROBANTE DIGITAL, NO ES NECESARIO IMPRIMIR</p>\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        Pago PAYPAL<br><br>\r\n                        ID orden: XXX-000\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        <p class=\"monto\">MONTO PAGADO</p>\r\n                        <p class=\"price\">$ 150.00 MXN</p>\r\n                    </div>\r\n                    <div class=\"col-12 space\">\r\n                        <span class=\"title\">STATUS</span>\r\n                        <div class=\"code\">\r\n                            AUTORIZADO\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-12 space\" style=\"margin-bottom: 30px;\">\r\n                        <span class=\"title\">INFORMACION DEL PAGO</span>\r\n                        <ol class=\"instructions\" style=\"list-style-type: none;\">\r\n                            <li style=\"margin-bottom: 0px;\">Codigo de autorizacion: XYZ123</li>\r\n                            <li style=\"margin-bottom: 0px;\">Fulanito Perez</li>\r\n                            <li style=\"margin-bottom: 0px;\">************1234</li>                            \r\n                            <li style=\"margin-bottom: 0px;\">PAYPAL</li>\r\n                            <li style=\"margin-bottom: 0px;\">Debito</li>\r\n                        </ol>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div id=\"formato4\"  *ngIf=\"formato==4\"> <!--Transferencia-->\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 imprimirBox\">\r\n                        <p>FICHA DIGITAL, NO ES NECESARIO IMPRIMIR</p>\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        Transferencia SPEI<br><br>\r\n                        ID orden: {{recibo!.charges.data[0].order_id}}\r\n                    </div>\r\n                    <div class=\"col-md-6 col-sm-12\">\r\n                        <p class=\"monto\">MONTO A PAGAR</p>\r\n                        <p class=\"price\">$ {{recibo!.charges!.data[0].amount/100 | number:'1.2-3'}} {{recibo!.currency}}</p>\r\n                        <p class=\"legend\">Transfiere la cantidad exacta.</p>\r\n                    </div>\r\n                    <div class=\"col-12 space\">
412\r\n                        <span class=\"title\">BANCO</span>\r\n                        <div class=\"code\">\r\n                            {{recibo!.charges.data[0].payment_method.bank}}\r\n                        </div>\r\n                        <span class=\"title\">CLABE</span>\r\n                        <div class=\"code\">\r\n                            {{recibo!.charges.data[0].payment_method.clabe}}\r\n                        </div>\r\n                    </div>\r\n                    <hr>\r\n                    <div class=\"col-12 space\">\r\n                        <span class=\"title\">INSTRUCCIONES</span>\r\n                        <ol class=\"instructions\">\r\n                            <li>Inicia sesión en el portal online de tu banco.</li>\r\n                            <li>Registra la CLABE mostrada en esta ficha. <span style=\"font-weight: bold;\">El banco deberá aparecer como STP.</span></li>\r\n                            <li>Realiza la transferencia en línea por la cantidad exacta mostrada en esta ficha, <span style=\"font-weight: bold;\">o la transferencia será rechazada.</span></li>\r\n                            <li>Para confirmar su pago la plataforma online de su banco generará un recibo digital. <span style=\"font-weight: bold;\">Compruebe que se ha realizado correctamente.</span></li>                            \r\n                        </ol>\r\n                    </div>\r\n                    <!--div class=\"col-12 comments\">\r\n                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab, itaque deleniti repellat eum, pariatur, velit modi\r\n                    </div-->\r\n                </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 col-md-3 space\" style=\"text-align: center;\">\r\n            <div class=\"row space\" *ngIf=\"formato==4||formato==2\">\r\n                <div class=\"col-12 space\">\r\n                    <div style=\"width: 165px !important;\" class=\"btn btn-type2 boton\" (click)=\"generatePDF();\">Guardar PDF</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row space\" *ngIf=\"formato==4||formato==2\">\r\n                <div class=\"col-12 space\">\r\n                    <a routerLink=\"/inicio\" ><div style=\"width: 200px !important; height: auto !important;\" class=\"btn btn-type2 boton\">Regresar al home.</div></a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n");
413
414/***/ }),
415
416/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/recupera-contra/recupera-contra.component.html":
417/*!******************************************************************************************************!*\
418  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/recupera-contra/recupera-contra.component.html ***!
419  \******************************************************************************************************/
420/*! exports provided: default */
421/***/ (function(module, __webpack_exports__, __webpack_require__) {
422
423"use strict";
424__webpack_require__.r(__webpack_exports__);
425/* harmony default export */ __webpack_exports__["default"] = ("<main>\n<app-header2></app-header2>\n<div id=\"top\"></div>\n<section id=\"contain\" class=\"body--back2\">\n    <div class=\"container\">\n        <div class=\"module module--large\">\n            <div class=\"center-form\">\n                    <section class=\"form-data col-12\">\n                        <div class=\"wrapp__title col-12\">\n                            <h2 class=\"title-middle\">Recupera tu contraseña</h2>\n                        </div>\n                        <form #editar=\"ngForm\" (ngSubmit)=\"recuperar(editar)\" id=\"editar\">\n                            <div class=\"row\">\n                                    <div class=\"col-sm-6 col-12\">\n                                        <div class=\"form-group\">\n                                            <label>Nueva contraseña</label>\n                                            <input type=\"password\" [type]=\"showPassword ? 'text' : 'password'\" class=\"form-control\" \n                                                    placeholder=\"Contraseña\" name=\"password\" #password=\"ngModel\" [(ngModel)]=\"newPassword.password\">\n                                            <i class=\"material-icons ojito\" matSuffix (click)=\"showPassword = !showPassword \">{{showPassword ? 'visibility_off' : 'visibility'}}</i>
425\n                                            <span style=\"font-size: 10px; margin: 0;\">La contraseña debe ser mayor a 6 caracteres.</span>\n                                        </div>\n                                    </div>\n                                    <div class=\"col-sm-6 col-12\">\n                                        <div class=\"form-group\">\n                                            <label>Confirma tu contraseña</label>\n                                            <input type=\"password\" [type]=\"showPassword ? 'text' : 'password'\" class=\"form-control\" \n                                                    placeholder=\"Contraseña\" name=\"passwordConf\" #password=\"ngModel\" [(ngModel)]=\"confPass\">\n                                            <i class=\"material-icons ojito\" matSuffix (click)=\"showPassword = !showPassword \">{{showPassword ? 'visibility_off' : 'visibility'}}</i>\n                                        </div>\n                                    </div>\n\n                                    <div class=\"form-button col-12\">\n                                        <div class=\"row no-gutters\">\n                                            <div class=\"col-12\">\n                                                <button type=\"submit\" class=\"btn btn-type2 recuperar\">Recuperar contraseña</button>\n                                            </div>\n                                        </div>\n                                    </div>\n                            </div>\n                        </form>\n                    </section>\n                    <div class=\"back-form\"></div>\n            </div>\n        </div>\n    </div>\n</section>\n<app-footer></app-footer>\n</main>");
426
427/***/ }),
428
429/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/registro/registro.component.html":
430/*!****************************************************************************************!*\
431  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/registro/registro.component.html ***!
432  \****************************************************************************************/
433/*! exports provided: default */
434/***/ (function(module, __webpack_exports__, __webpack_require__) {
435
436"use strict";
437__webpack_require__.r(__webpack_exports__);
438/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n<app-header2></app-header2>\r\n<section id=\"contain\" class=\"body--back2\">\r\n        <div class=\"container\">\r\n            <div class=\"module\">\r\n                <div class=\"center-form\">\r\n                        <section class=\"form-data col-12\">\r\n                            <div class=\"wrapp__title col-12\">\r\n                                <h2 class=\"title-middle\">Regístrate</h2>\r\n                                <p>
438Proporciona tus datos y accede a materiales exclusivos para maestros.</p>\r\n                            </div>\r\n                            <form #registerForm=\"ngForm\" (ngSubmit)=\"crearUser(registerForm)\" id=\"registroform\">\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Nombre</label>\r\n                                                <input type=\"text\" class=\"form-control\" placeholder=\"Ingresa tu nombre\" name=\"name\" required\r\n                                                       #name=\"ngModel\" [(ngModel)]=\"registro.name\">\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Correo electrónico</label>\r\n                                                <input type=\"email\" class=\"form-control\" placeholder=\"[email protected]\" name=\"email\" required\r\n                                                       #email=\"ngModel\" [(ngModel)]=\"registro.email\">\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Confirmar correo electrónico</label>\r\n                                                <input type=\"email\" class=\"form-control\" placeholder=\"[email protected]\" name=\"emailConfir\" required\r\n                                                       #emailConfir=\"ngModel\" [(ngModel)]=\"registro.emailConfir\">\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Contraseña</label>\r\n                                                <input type=\"password\" [type]=\"showPassword ? 'text' : 'password'\" class=\"form-control\" \r\n                                                        placeholder=\"******\" name=\"password\" required \r\n                                                       #password=\"ngModel\" [(ngModel)]=\"registro.password\">\r\n                                                <i class=\"material-icons ojito\" matSuffix (click)=\"showPassword = !showPassword \">{{showPassword ? 'visibility_off' : 'visibility'}}</i>\r\n                                                <span style=\"font-size: 10px; margin: 0;\">La contraseña debe ser mayor a 6 caracteres.</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Confirmar contraseña</label>\r\n                                                <input type=\"password\" [type]=\"showPassword1 ? 'text' : 'password'\" class=\"form-control\" \r\n                                                        placeholder=\"******\" name=\"password_conf\" required\r\n                                                       #password_conf=\"ngModel\" [(ngModel)]=\"registro.password_conf\">\r\n                                                <i class=\"material-icons ojito\" matSuffix (click)=\"showPassword1 = !showPassword1 \">{{showPassword1 ? 'visibility_off' : 'visibility'}}</i>\r\n                                                <span style=\"font-size: 10px; margin: 0;\">&nbsp;</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Ocupación</label>\r\n                                                <select class=\"custom-select\" id=\"exampleFormControlSelect1\" [(ngModel)]=\"registro.user_rol_id\" name=\"user_rol_id\" required>\r\n                                                    <option value=\"undefined\" selected hidden>Selecciona una ocupación</option>\r\n                                                    <option value=\"1\">Padre</option>\r\n                                                    <option value=\"2\">Maestro</option>\r\n                                                    <option value=\"3\">Escuela / Director</option>\r\n                                                    <option value=\"4\">Institución</option>\r\n                                                    <option value=\"5\">Responsable del aula de medios (RAM)</option>\r\n                                                    <option value=\"6\">Otro</option>\r\n                                                </select>\r\n                                            </div>\r\n                                        </div>\r\n                                        \r\n                                        <div *ngIf=\"fya!=1\" class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>País </label>\r\n                                                <div class=\"input-group\">\r\n                                                    <select class=\"custom-select\" id=\"inputGroupSelect01\" name= \"pais_id\" [(ngModel)]=\"registro.pais_id\" required>\r\n                                                        <option value=\"\" selected hidden>Selecciona un país</option>\r\n                                                        <option *ngFor= \"let pais of paises\" value=\"{{pais.id}}\">{{pais.pais}}</option>\r\n                                                    </select>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\"fya!=1\" class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Estado </label>\r\n                                                <select class=\"custom-select\" id=\"inputGroupSelect02\" name= \"state_id\" [(ngModel)]=\"registro.state_id\">\r\n                                                    <option *ngIf=\"registro.pais_id=='24' || registro.pais_id==''\" value=\"\" selected hidden>Selecciona un estado</option>\r\n                                                    <option *ngIf=\"registro.pais_id!='24'\" value=\"'33'\" selected hidden>*Otro país</option>\r\n                                                    <ng-container *ngFor= \"let estado of estados\">\r\n                                                        <option value=\"{{estado.id}}\">{{estado.name}}</option>\r\n                                                    </ng-container>\r\n                                                </select>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div *ngIf=\"fya==1\" class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>País</label>\r\n                                                <select class=\"form-control\" id=\"exampleFormControlSelectPais\" [(ngModel)]=\"registro.pais_id\" name=\"pais_id\">\r\n                                                    <option value=\"10\">Colombia</option>\r\n                                                    <option value=\"14\">Ecuador</option>\r\n                                                    <option value=\"15\">El Salvador</option>\r\n                                                    <option value=\"16\">España</option>\r\n                                                    <option value=\"22\">Honduras</option>\r\n                                                    <option value=\"37\">Venezuela</option>\r\n                                                </select>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\"fya==1\" class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Código de acceso</label>\r\n                                                <input type=\"text\" class=\"form-control\" placeholder=\"Ingresa el código de tu colegi
438o aquí\" name=\"codigofya\"\r\n                                                       #codigofya=\"ngModel\" [(ngModel)]=\"registro.codigofya\">\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\"proed==1\" class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Código de acceso</label>\r\n                                                <input type=\"text\" class=\"form-control\" placeholder=\"Ingresa el código de acceso\" name=\"codigoproed\"\r\n                                                       #codigoproed=\"ngModel\" [(ngModel)]=\"registro.codigoproed\">\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-12\">\r\n                                            <p class=\"codigo\"><b>¿Perteneces a una escuela u organización con licencias?</b><br>\r\n                                                <small>Puedes dejar este campo vacío si no tienes un código o lo desconoces.</small></p>\r\n                                        </div>\r\n                                        <div class=\"col-sm-6 col-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <label>Código de la licencia</label>\r\n                                                <input type=\"text\" class=\"form-control\" placeholder=\"Escribe el código de la licencia\" name=\"codigo\"\r\n                                                        [(ngModel)]=\"registro.codigo\">\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-12\">\r\n                                            <div class=\"form-check pl-0\">\r\n                                                <div class=\"custom-check\">\r\n                                                    <input type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck1\" name=\"aviso\"\r\n                                                       #aviso=\"ngModel\" [(ngModel)]=\"registro.aviso\">\r\n                                                    <span><i class=\"fas fa-check\"></i></span>\r\n                                                </div>\r\n                                                <label class=\"form-check-label\" for=\"exampleCheck1\"> Leí y estoy de acuerdo con el  <a href=\"assets/help/LabTak_AvisoPrivacidad.pdf\"  target=\"_blank\">aviso de privacidad</a>.</label>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"form-button col-12\">\r\n                                            <div class=\"row no-gutters\">\r\n                                                <div class=\"col-12\">\r\n                                                    <button type=\"submit\" class=\"btn btn-type2\" [disabled]=\"isDisabled\">Regístrate</button>\r\n                                                </div>\r\n                                                 <!-- <div class=\"col-12 col--center-btn\"> \r\n                                                    <p>Regístrate mediante:</p>\r\n                                                    <div class=\"social-button\">\r\n                                                        <button type=\"button\" class=\"btn-social\">\r\n                                                            <i class=\"fab fa-facebook-square\"></i>\r\n                                                        </button>\r\n                                                        <button type=\"button\" class=\"btn-social social--back\">\r\n                                                            <i class=\"fab fa-google\"></i>\r\n                                                        </button>\r\n                                                    </div>\r\n                                                    \r\n                                                </div>  -->\r\n                                            </div>\r\n                                        </div>\r\n                                        \r\n                                </div>\r\n                            </form>\r\n                        </section>\r\n                        <div class=\"back-form\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n<app-footer></app-footer>\r\n</main>");
439
440/***/ }),
441
442/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/reglas-blogy-foro/reglas-blogy-foro.component.html":
443/*!**********************************************************************************************************!*\
444  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/reglas-blogy-foro/reglas-blogy-foro.component.html ***!
445  \**********************************************************************************************************/
446/*! exports provided: default */
447/***/ (function(module, __webpack_exports__, __webpack_require__) {
448
449"use strict";
450__webpack_require__.r(__webpack_exports__);
451/* harmony default export */ __webpack_exports__["default"] = ("<main>\r\n    <app-header2></app-header2>\r\n\r\n    <div class=\"container\" style=\"margin-top: 30px;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-1\"></div>\r\n            <div class=\"col-10\">\r\n\r\n<h3>Normas de participación.</h3>\r\n<p>Nuestras normas de participación son fundamentales para que LabTak siga siendo un entorno agradable con la finalidad de compartir opiniones y contenido. Cuando envíes tus contribuciones, debes respetar las siguientes n
451ormas:</p>\r\n\r\n<h6>1. Uso responsable y adecuado</h6>\r\n<ul>\r\n    <li>Se espera que los participantes de los foros se limiten a tratar asuntos relacionados con los temas de discusión principal, mismos que se encuentran alineados a los objetivos del sitio LabTak. </li>\r\n    <li>Al contribuir con cualquier material en los foros y/o blog, los participantes aceptan respetar la política de participación de los mismos.</li>\r\n    <li>Todo mensaje e imágen publicado en los foros expresa únicamente la opinión de su autor, y no necesariamente refleja las opiniones de LabTak o las de cualquier otro participante del foro.</li>\r\n    <li>LabTak se reserva el derecho de rechazar o eliminar cualquier contenido generado por el usuario en los foros y blog, ya sea en forma de texto y/o imágenes. </li>\r\n</ul>\r\n\r\n<h6>2. Normas en materia de contenidos</h6>\r\n<ul>\r\n    <li>Las contribuciones a los foros deben:\r\n        <ul>\r\n            <li>Ser precisas (cuando narran hechos).</li>\r\n            <li>Ser reales (cuando incluyan opiniones).</li>\r\n            <li>Respetar las legislaciones nacionales e internacionales.</li>\r\n        </ul>\r\n    </li>\r\n    <li>Las contribuciones a los foros no pueden por ningún motivo:\r\n        <ul>\r\n            <li>Ser difamatorias (un comentario difamatorio es aquel que puede perjudicar la reputación de una persona o de una organización).</li>\r\n            <li>Amenazar, abusar, agredir ni invadir la privacidad de una persona.</li>\r\n            <li>Ser sexistas, racistas, irreverentes, blasfemas, homófobas, discriminatorias ni ofensivas de cualquier otro modo.</li>\r\n            <li>Fomentar la violencia ni defender, aprobar o apoyar ningún acto violento.</li>\r\n            <li>Manifestar intenciones violentas contra otras personas u organizaciones públicas y privadas, nacionales e internacionales.</li>\r\n            <li>Ser pornográficas, obscenas, lascivas o de contenido sexual explícito.</li>\r\n            <li>Ser utilizadas para suplantar la identidad de otra persona ni para crear una identidad falsa.</li>\r\n            <li>Infringir derechos de autor, o de cualquier otra propiedad intelectual, ni derechos de confidencialidad o privacidad de ninguna persona u organización.</li>\r\n        </ul>\r\n    </li>\r\n    <li>Las contribuciones no pueden incluir enlaces a sitios web que contengan o enlacen directamente material que infrinja alguno de estos puntos: \r\n        <ul>\r\n            <li>Donde puedan descargarse contenidos ajenos sin la autorización de sus propietarios. Esto incluye videos, imágenes, documentos PDF o editables, entre otros.</li>\r\n            <li>Que inviten a participar en actividades ilegales ni para promocionar actividades, bienes, servicios o información que puedan causar daños graves e inmediatos a personas o animales.</li>\r\n            <li>Que inciten al hostigamiento, acoso y amenazas.</li>\r\n            <li>Que promuevan o justifiquen la violencia, o cuyo fin principal es fomentar el odio hacia una persona o un grupo por su raza u origen étnico, religión, discapacidad, edad, nacionalidad, orientación sexual, sexo, identidad de género u otra característica que esté asociada a la discriminación o marginalización sistemáticas.</li>\r\n            <li>Que infrinjan la ley de propiedad intelectual o animen a otros a hacerlo, que pirateen o causen problemas técnicos a los servicios en línea, o que describan cómo llevar a cabo un acto ilícito.</li>\r\n            <li>Que promuevan pornografía legal o ilegal en cualquier tipo de plataforma digital y/o análoga.</li>\r\n        </ul>\r\n    </li>\r\n</ul>\r\n\r\n<h6>3. Los participantes de los foros y/o blog deben tratar a los demás con respeto, y deben reconocer su derecho a la libertad de opinión y expresión. </h6><br>\r\n<h6>4. Los participantes de los foros son los únicos responsables del contenido de sus mensajes, vídeos, citas, entre otros.  </h6><br>\r\n<h6>5. LabTak no tiene ninguna responsabilidad ante cualquier reclamación que pueda surgir por el uso o transmisión de las aportaciones al foro y/o blog, por otros usuarios del sitio. </h6><br>\r\n<h6>6. La no eliminación de un material concreto de los foros no representa la aprobación o la aceptación del mismo por parte de LabTak. </h6><br><br>\r\n\r\n<h3>Responsabilidad sobre enlaces externos</h3>\r\n<ul>\r\n    <li>LabTak no se responsabiliza de la disponibilidad ni del contenido de cualquier sitio web externo o material al que se tenga acceso a través de nuestro sitio en sus diferentes secciones.</li>\r\n    <li>El uso de algún enlace externo, se hace bajo la responsabilidad del usuario, quien debe tomar todas las medidas de protección necesarias para evitar la entrada de virus u otros elementos nocivos en su equipo.</li>\r\n    <li>LabTak no es responsable ni responde por el contenido, la publicidad, los productos, servicios e información pertenecientes a sitios web de terceros o disponibles en ellos o en su material.</li>\r\n</ul>\r\n\r\n            </div>\r\n            <div class=\"col-1\"></div>\r\n        </div>\r\n        <div class=\"row\" style=\"padding-top: 5%;\">\r\n            <div class=\"col-1\"></div>\r\n            <div class=\"col-10\">\r\n                <p>LabTak se reserva el derecho para borrar cualquier contenido que no cumpla con los Lineamientos establecidos, incluso L
451abTak puede eliminar permanentemente las cuentas de los usuarios que infrinjan con lo aquí descrito.</p>\r\n                <p>LabTak, Todos los derechos reservados. 2022.</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <app-footer></app-footer>\r\n</main>\r\n");
452
453/***/ }),
454
455/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/tienda/tienda.component.html":
456/*!************************************************************************************!*\
457  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/tienda/tienda.component.html ***!
458  \************************************************************************************/
459/*! exports provided: default */
460/***/ (function(module, __webpack_exports__, __webpack_require__) {
461
462"use strict";
463__webpack_require__.r(__webpack_exports__);
464/* harmony default export */ __webpack_exports__["default"] = ("<div id=\"top\"></div>\r\n<div class=\"block\" *ngIf=\"showBlock\">\r\n    <div class=\"col-sm-11\"></div>\r\n    <div class=\"col-sm-1\" style=\"cursor:pointer;\" (click)=\"showBlock=false;\">\r\n        <p style=\"font-size:30px;\">X</p> \r\n    </div>\r\n    <br>\r\n    <app-modal-sesiones [log]=\"RoI\" [GoTo]=\"GoTo\"></app-modal-sesiones><br><br><br><br><br>\r\n</div>\r\n<main>\r\n    <app-header *ngIf=\"token; else elseB\"></app-header>\r\n    <ng-template #elseB> <app-header2></app-header2> </ng-template>\r\n    <div class=\"cont\">\r\n        <div class=\"row\">\r\n            <button class=\"iconTienda\">Tienda LabTak</button>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-8\">\r\n                <br> \r\n                <div class=\"question\">1. ¿Qué contenido quieres agregar a tu experiencia LabTak?</div>\r\n                <p class=\"subtitle title\">Elige contenido adicional de acuerdo a tus necesidades</p>\r\n                <div class=\"title_paq\">\r\n                    <span style=\"cursor: pointer;\" id=\"freemium\" class=\"b_paquetes_a\" (click)=\"setFreemium()\">Paquete gratuito</span>\r\n                    <span style=\"cursor: pointer;\" id=\"basico\" class=\"b_paquetes_i\" (click)=\"setBasic()\">Paquete básico</span>\r\n                    <span style=\"cursor: pointer; margin-right: 0px !important;\" id=\"premium\" class=\"b_paquetes_i\" (click)=\"setPremium()\">Paquete premium</span>\r\n                </div>\r\n                <div class=\"paquetes\">\r\n                    <div id=\"accordion\">\r\n                        <div *ngFor=\"let section of sections; index as i\">\r\n                            <div>\r\n                                <div class=\"title\">\r\n                                    <div class=\"collapsed\" data-toggle=\"collapse\" [attr.data-target]=\"'#collapse'+i\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">\r\n                                        <i *ngIf=\"(section.plan == 'freemium' && plan_selected == 'freemium') || ((section.plan == 'basico' || section.plan=='freemium') && plan_selected == 'basico') || plan_selected == 'premium'\" class=\"fas fa-check checked\"></i>\r\n                                        <div *ngIf=\"(section.plan != 'freemium' && plan_selected == 'freemium') || (section.plan == 'premium' && plan_selected == 'basico')\" style=\"padding-left: 26px; display: inline;\"></div>\r\n                                        <i style=\"font-size: 22px;\"></i>\r\n                                        <span *ngIf=\"(section.plan == 'freemium' && plan_selected == 'freemium') || ((section.plan == 'basico' || section.plan=='freemium') && plan_selected == 'basico') || plan_selected == 'premium'\"> {{ section.title }}</span>\r\n                                        <span *ngIf=\"(section.plan != 'freemium' && plan_selected == 'freemium') || (section.plan == 'premium' && plan_selected == 'basico')\" class=\"disable\"> {{ section.title }}</span>\r\n                                        <i class=\"fas fa-chevron-right\" style=\"float: right;\"></i>\r\n                                    </div>\r\n                                </div>\r\n                                <div [id]=\"'collapse'+i\" class=\"collapse\" aria-labelledby=\"headingTwo\" data-parent=\"#accordion\">\r\n                                    <div class=\"description\">\r\n                                        <p *ngIf=\"(section.plan == 'freemium' && plan_selected == 'freemium') || ((section.plan == 'basico' || section.plan=='freemium') && plan_selected == 'basico') || plan_selected == 'premium'\" [innerHTML]=\"section.description\"></p>\r\n                                        <p *ngIf=\"(section.plan != 'freemium' && plan_selected == 'freemium') || (section.plan == 'premium' && plan_selected == 'basico')\" class=\"disable\" [innerHTML]=\"section.description\"></p>\r\n                                        <!--<div class=\"btn btn-type2 remove-plan boton\">¿Cómo funciona?</div>-->\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <hr style=\"width: 90%; right: 0px;\"/> \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"_end\">\r\n                        <div *ngIf=\"plan_selected != 'freemium'\" class=\"btn btn-type2 remove-plan boton\" (click)=\"adquirir()\">Adquirir</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"question\">
4642. ¿Por cuánto tiempo deseas tener estas secciones disponibles?</div>\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <div id=\"v1\" class=\"b_inactive\" (click)=\"setVigencia($event)\" name=\"12\">12 meses</div>\r\n                    </div>\r\n                    <div class=\"col\">\r\n                        <div id=\"v2\" class=\"b_inactive\" (click)=\"setVigencia($event)\" name=\"24\">24 meses</div>\r\n                        <div class=\"ahorra\">Ahorra 00%</div>\r\n                    </div>\r\n                    <div class=\"col\"></div>\r\n                </div>\r\n                <p class=\"desc\">* En relación al precio anual</p>\r\n                <div class=\"question\">3. ¿Qué forma de pago quieres utilizar?</div>\r\n                <div class=\"row\">\r\n                    <div class=\"col\">\r\n                        <div id=\"p1\" class=\"b_inactive\" (click)=\"setPago($event)\" name=\"Tarjeta\">Pago con tarjeta</div>\r\n                    </div>\r\n                    <div class=\"col\">\r\n                        <div id=\"p2\" class=\"b_inactive\" (click)=\"setPago($event)\" name=\"Oxxo\">Pago en Oxxo</div>\r\n                    </div>\r\n                    <!-- <div class=\"col\">\r\n                        <div id=\"p3\" class=\"b_inactive\" (click)=\"setPago($event)\" name=\"Paypal\">Pago con Paypal</div>\r\n                    </div>  -->\r\n                    <div class=\"col\">\r\n                        <div id=\"p3\" class=\"b_inactive\" (click)=\"setPago($event)\" name=\"Transferencia\">Pago con transferencia</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-sm-4\">\r\n                <br> \r\n                <div class=\"orden\">\r\n                    <div class=\"cart_header\">\r\n                        <div class=\"cart_icon\"></div>\r\n                        <div class=\"header_orden\">Tu orden</div>\r\n                    </div>\r\n                    <div class=\"sec text\">\r\n                        <p class=\"title_order\">1. Contenidos</p>\r\n                        <div *ngIf=\"orden_show.paquete != ''\">\r\n                            <span>{{ orden_show.paquete }}</span>\r\n                            <span class=\"remove\" (click)=\"removePaquete()\"></span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"sec\">\r\n                        <p class=\"title_order\">2. Vigencia</p>\r\n                        <div *ngIf=\"orden_show.vigencia != ''\">\r\n                            <span class=\"b_light\">{{ orden_show.vigencia }}</span>\r\n                            <span class=\"remove\" (click)=\"removeVigencia()\"></span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"sec text\">\r\n                        <hr class=\"bot\"/>\r\n                        <div>\r\n                            <span>Precio</span><span class=\"right\">$000 MXN</span>\r\n                        </div>\r\n                        <div>\r\n                            <span>Descuento</span><span class=\"right\">-00%</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"sec\">\r\n                        <p class=\"title_order\">3. Forma de pago</p>\r\n                        <div *ngIf=\"orden_show.tipo_pago != ''\">\r\n                            <span class=\"b_light\">{{ orden_show.tipo_pago }}</span>\r\n                            <span class=\"remove\" (click)=\"removePago()\"></span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"compra\" *ngIf=\"!nontoken && !formCompra\">\r\n                        <div style=\"width: 165px !important;\" class=\"btn btn-type2 remove-plan boton\" (click)=\"comprar()\">Realiza la compra</div>\r\n                    </div>\r\n                    <div *ngIf=\"formCompra\">\r\n                        <div class=\"formulario\">\r\n                            <p style=\"font-size: 11px;line-height: 10px;\">Para continuar con el pago de su compra, llene el siguiente formulario</p>\r\n                            <div>\r\n                                <label>
464\r\n                                  <span>Nombre</span><br>\r\n                                  <input type=\"text\" size=\"25\" class=\"inputs\" [(ngModel)]=\"orden_data.nombre\">\r\n                                </label>\r\n                            </div>\r\n                            <div>\r\n                                <label>\r\n                                  <span>Correo</span><br>\r\n                                  <input type=\"text\" size=\"25\" class=\"inputs\" [(ngModel)]=\"orden_data.correo\">\r\n                                </label>\r\n                            </div>\r\n                            <div>\r\n                                <label>\r\n                                  <span>Telefono</span><br>\r\n                                  <input type=\"text\" size=\"25\" class=\"inputs\" [(ngModel)]=\"orden_data.telefono\">\r\n                                </label>\r\n                            </div>\r\n                            <div *ngIf=\"pais_id==24\">\r\n                                <label>\r\n                                  <span>RFC</span><br>\r\n                                  <input type=\"text\" size=\"25\" class=\"inputs\" [(ngModel)]=\"orden_data.RFC\">\r\n                                </label>\r\n                            </div>\r\n                            <div *ngIf=\"orden_show.tipo_pago == 'Tarjeta'\"> \r\n                                <hr class=\"bot\"/>\r\n                                <p style=\"font-size: 11px;line-height: 10px;\">\r\n                                    Informacion de la tarjeta bancaria para el pago.\r\n                                </p>\r\n                            </div>\r\n                            <div *ngIf=\"orden_show.tipo_pago == 'Tarjeta'\">\r\n                                <label>\r\n                                  <span>Nombre del titular</span><br>\r\n                                  <input type=\"text\" size=\"25\" class=\"inputs\" [(ngModel)]=\"cardParams.card.name\">\r\n                                </label>\r\n                            </div>\r\n                            <div *ngIf=\"orden_show.tipo_pago == 'Tarjeta'\">\r\n                                <label>\r\n                                  <span>Número de tarjeta</span><br>\r\n                                  <input type=\"text\" size=\"25\" class=\"inputs\" [(ngModel)]=\"cardParams.card.number\">\r\n                                </label>\r\n                            </div>\r\n                            <div class=\"row\" *ngIf=\"orden_show.tipo_pago == 'Tarjeta'\">\r\n                                <div class=\"col-5\">\r\n                                    <label>\r\n                                    <span>CVC</span><br>\r\n                                    <input type=\"text\" size=\"4\" class=\"inputs\" [(ngModel)]=\"cardParams.card.cvc\">\r\n                                    </label>\r\n                                </div>\r\n                                <div class=\"col-7\">\r\n                                    <label>\r\n                                    <span>MM/AAAA</span><br>\r\n                                    <input type=\"text\" size=\"2\" class=\"inputs\" [(ngModel)]=\"cardParams.card.exp_month\">\r\n                                    <span>/</span>\r\n                                    <input type=\"text\" size=\"4\" class=\"inputs\" [(ngModel)]=\"cardParams.card.exp_year\">\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <input type=\"checkbox\" [(ngModel)]=\"orden_data.factura\">\r\n                                <label>&nbsp; Deseo facturar.</label>\r\n                            </div>\r\n                            <div class=\"compra\">\r\n                                <div style=\"color:lightcoral;font-size: 15px;text-align: end;\" [innerHTML]=\"validacionForm\"></div>\r\n                                <div style=\"width: 165px !important;\" class=\"btn btn-type2 remove-plan boton\" (click)=\"ValidateSetCompra();\">Finalizar compra</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div *ngIf=\"nontoken\">\r\n                        <br>\r\n                        <p style=\"color: white;\">
464\r\n                            <span style=\"cursor:pointer;color: #cfda00;font-weight: 600;\" (click)=\"showBlock=true;RoI='I';\">Inicia sesion </span>\r\n                            o\r\n                            <span style=\"cursor:pointer;color: #cfda00;font-weight: 600;\"  (click)=\"showBlock=true;RoI='R';\"> Registrate </span>\r\n                            para continuar con la compra.\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"help_tienda\">\r\n                    <div class=\"help_question\">¿Necesitas ayuda?</div>\r\n                    <div class=\"help_contact\"><a style=\"color: black;\" href=\"mailto:[email protected]\">Comunícate con nosotros</a></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <app-footer></app-footer>\r\n</main>\r\n\r\n\r\n");
465
466/***/ }),
467
468/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/ver-juego/ver-juego.component.html":
469/*!******************************************************************************************!*\
470  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/ver-juego/ver-juego.component.html ***!
471  \******************************************************************************************/
472/*! exports provided: default */
473/***/ (function(module, __webpack_exports__, __webpack_require__) {
474
475"use strict";
476__webpack_require__.r(__webpack_exports__);
477/* harmony default export */ __webpack_exports__["default"] = ("<!-- <app-modal></app-modal> -->\r\n<main>\r\n    <div id=\"top\"></div>\r\n    <app-header></app-header>\r\n    <section id=\"contain\">\r\n        <div class=\"plan-wrapper module container\">\r\n            <div class=\"row\">\r\n                <!-- Aside -->\r\n                <!-- Plan content -->\r\n                <section class=\"plan-content col-xl-9 col-md-8 col-12 cont-dig\">\r\n                    <section class=\"central-content\">\r\n                        <!-- Plane title -->\r\n                        <div class=\"carousel__title\">\r\n                            <h4 class=\"special-title title--3\">Videojuegos</h4>\r\n                            <div class=\"back\">\r\n                                <a (click)=\"back()\" class=\"back-to\"><img src=\"assets/images/icon/back.png\"\r\n                                        alt=\"Regresar\"></a>\r\n                            </div>\r\n                        </div><!-- / -->\r\n                        <div class=\"content__top\">\r\n                            <div class=\"row\">\r\n                                <div class=\"content__left col-lg-2 col-md-2 col-sm-2\">\r\n                                    <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                        <div class=\"plan__col col-12\">\r\n                                            <div class=\"plan_item item--color1 item--l\">\r\n                                                <a>\r\n                                                    <img id=\"juegoIndi\"\r\n                                                        src=\"https://taktaktak.com/assets/files/games/images/{{game.imagename}}\"\r\n                                                        class=\"plan_img\" alt=\"Item1\">\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-lg-10  col-md-10 col-sm-12 button-add\">\r\n                                    <div class=\"row\">\r\n                                        <article class=\"content__right col-lg-8 col-md-8 col-sm-12\">\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h3>{{game.title}}</h3>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Asignatura</h6>\r\n                                                <p [innerHTML]=\"game.asignatura\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Nivel Recomendado </h6>\r\n                                                <p [innerHTML]=\"game.nivel\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                                <h6>Conceptos Manejados</h6>\r\n                                                <p [innerHTML]=\"game.conceptos\"></p>\r\n                                            </div>\r\n                                            <div class=\"content__span col-12 col-reset\">\r\n                                            </div>\r\n                                        </article>\r\n                                        <div class=\"content__left col-lg-2 col-md-2 col-sm-12 _end\">\r\n                                            <div class=\"drag-single drag--touch\" id=\"js-drag-single-game\">\r\n                                                <div class=\"plan__col 
477col-12\">\r\n                                                    <a data-toggle=\"modal\" data-target=\"#exampleModalCenter\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Tutorial</a>\r\n                                                    <a href=\"https://taktaktak.com/detalle/{{game.slug}}\" target=\"__blank\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Jugar</a>\r\n                                                    <a *ngIf=\"gameSelected != undefined\"\r\n                                                        href=\"/assets/FichasLT/{{gameSelected.pdf}}.pdf\"\r\n                                                        download=\"Ficha_Pedagogica_{{gameSelected.name}}.pdf\" target=\"__blank\"\r\n                                                        class=\"btn btn-type2 btn--size2 botongame\">Descargar ficha</a>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"content__central\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-xl-2 col-md-2 col-2\"></div>\r\n                                <div class=\"content__col col-xl-10 col-md-10 col-12 \">\r\n                                    <article class=\"content__article\" id=\"accordion-elements\">\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color1\" id=\"accordionOne\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingOne\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarDesc($event)\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/descripcion.png\"\r\n                                                                    alt=\"Descripción pedagógica y lúdica\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseOne\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseOne\">\r\n                                                                    Descripción pedagógica y lúdica\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseOne\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingOne\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Descripcion Pedagógica</h4>\r\n                                                            <p [innerHTML]='game.descripcion_pedagogica'></p>\r\n                                                            <p> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Descripcion Lúdica</h4>\r\n                                                            <p [innerHTML]='game.descripcion_ludica'></p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <!-- <p [innerHTML]='game.tags'></p> -->\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color2\" id=\"accordionTwo\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingTwo\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarComp($event)\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/competencias.png\"\r\n                                                                    alt=\"Competencias\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link js-org-chart\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseTwo\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseTwo\">\r\n                                                                    Competencias\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseTwo\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingTwo\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades para el aprendizaje del siglo XXI</h4>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Aprendizaje e innovación: 4C´S</h5>\r\n                                                                <div class=\"grid-selection\">\r\n                                                                    <div class=\"row\">\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.pensamiento == 1\"\r\n                                                                                class=\"grid__check active \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"pensamiento\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Pensamiento crítico y resolución de\r\n                                                                                    problemas </p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.pensamiento == 0\"\r\n                                                                                class=\"grid__check   \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"pensamiento\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Pensamiento crítico y resolución de\r\n                                                                                    problemas </p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.comunicacion == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"comunicacion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Comunicación</p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.comunicacion == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"comunicacion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Comunicación</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.creatividad == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"creatividad\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Creatividad e innovación</p>\r\n                                                                            </div>\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.creatividad == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"creatividad\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Creatividad e innovación</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div\r\n                                                                            class=\"grid__float col-lg-3 col-sm-6 col-12\">\r\n                                                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.colaboracion == 1\"\r\n                                                                                class=\"grid__check active\">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"colaboracion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Colaboración</p>\r\n                                                                            </div>\r\n                                
477                                            <div *ngIf=\"gameAbility.habilidades.aprendizaje.colaboracion == 0\"\r\n                                                                                class=\"grid__check \">\r\n                                                                                <input type=\"radio\"\r\n                                                                                    class=\"js-radio-check\"\r\n                                                                                    value=\"colaboracion\"\r\n                                                                                    name=\"aprendizaje\">\r\n                                                                                <p>Colaboración</p>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Información, media y tecnología</h5>\r\n                                                                <table class=\"informative-table\">\r\n                                                                    <tbody>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.teclado.porcentaje == 0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_teclado.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de teclado</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.teclado.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.teclado.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_teclado.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de teclado</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.teclado.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.mouse.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_mouse.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de mouse</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.mouse.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.mouse.porcentaje ==  0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_mouse.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de mouse</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.mouse.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr\r\n                                                                            *ngIf=\"gameAbility.habilidades.imt.tableta.porcentaje == 100\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_touch.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de una tableta</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.tableta.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_active.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                        <tr *ngIf=\"gameAbility.habilidades.imt.tableta.porcentaje ==  0\"\r\n                                                                            class=\"unactive\">\r\n                                                                            <td>\r\n                                                                                <div class=\"table__span clearfix\">\r\n                                                                                    <img src=\"assets/images/icon/competencias_touch.svg\"\r\n                                                                                        alt=\"Item\" class=\"table__icon\">\r\n                                                                                    <h6>Uso de una tableta</h6>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <p>{{ gameAbility.habilidades.imt.tableta.nombre }}\r\n                                                                                </p>\r\n                                                                            </td>\r\n                                                                            <td>\r\n                                                                                <img src=\"assets/images/icon/competencias_inactivo.svg\"\r\n                                                                                    alt=\"Checked\"\r\n                                                                                    class=\"table__checked\">\r\n                                                                            </td>\r\n                                                                        </tr>\r\n                                                                    </tbody>\r\n                                                                </table>\r\n                                                            </div>\r\n                                                        </section>\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades cognitivas</h4>\r\n                                                            <div class=\"card__span\">\r\n                                                                <h5>Funciones mentales superiores utilizadas</h5>\r\n                                                                <div class=\"loaders-wrapp\">\r\n                                                                    <div class=\"row\">\r\n                                                                        <div class=\"loaders__col col-lg-6 col-md-12\">\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Atención</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.atencion + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Memoria</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.memoria + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Lenguaje</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.lenguaje + '%'}\">\r\n                                                                                </div>\r\n                          
477                                                  </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones visoespaciales</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.visoespacial + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones sensoriomotoras</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.fms.sensoriomotoras + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Funciones ejecutivas</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.fms.ejecutivas + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                        <div class=\"loaders__col col-lg-6 col-md-12\">\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Percepción visual</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.ed.visual + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Memoria de trabajo</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.ed.trabajo + '%' }\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Velocidad del procesamiento de la información</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width': gameAbility.habilidades.ed.informacion + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Compresión verbal</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':  gameAbility.habilidades.ed.verbal + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div class=\"loader__line\">\r\n                                                                                <p>Percepción auditiva</p>\r\n                                                                                <div class=\"loader__indicator\"\r\n                                                                                    [ngStyle]=\"{'width':gameAbility.habilidades.ed.auditiva + '%'}\">\r\n                                                                                </div>\r\n                                                                            </div>\r\n\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </section>\r\n                                                        <section class=\"card__divider\">\r\n                                                            <h4>Habilidades socioemocionales <i data-toggle=\"modal\"\r\n                                                                    data-target=\"#exampleModalScrollable\"\r\n                                                                    class=\"fas fa-eye\"></i> </h4>\r\n                                                            <div class=\"tree-levels\">\r\n                                                                <ul class=\"level-base level--0\">\r\n                                                                    <li class=\"the-line\"></li>\r\n                                                                    <!-- level 0 -->\r\n                                                                    <li class=\"level__item\">\r\n                                                                        <div *ngIf=\" gameAbility.modelos.modelo == 1\"\r\n                                                                            class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                                                            <h5>Habilidades socioemocionales</h5>\r\n                                                                            <p>Modelo educativo 2016</p>\r\n                                                                        </div>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 1\"\r\n                                                                            class=\"level-subase level--1 level--color1\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autoconocimiento</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Conciencia de las propias\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Autoestima</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Aprecio y gratitud</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>
477Bienestar</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 1\"\r\n                                                                            class=\"level-subase level--1 level--color2\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autorregulación</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Meta-cognición</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Expresión de emociones\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Regulación de las\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Auto-generación de\r\n                                                                                                emociones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Perseverancia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.autonomia == 1\"\r\n                                                                            class=\"level-subase level--1 level--color3\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Autonomía</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Iniciativa personal</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Identificación de\r\n                                                                                                necesidades y búsqueda\r\n                                                                                                de soluciones</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Auto-eficacia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.empatia == 1\"\r\n                                                                            class=\"level-subase level--1 level--color4\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Empatía</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>
477Bienestar y trato digno\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Toma de perspectiva en\r\n                                                                                                situaciones de conflicto\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Reconocimiento de\r\n                                                                                                prejuicios</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Sensibilidad hacia\r\n                                                                                                personas discriminadas\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Cuidado de otros seres\r\n                                                                                                vivos</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                        <!-- level 1 -->\r\n                                                                        <ol *ngIf=\" gameAbility.modelos.ramas.colaboracion == 1\"\r\n                                                                            class=\"level-subase level--1 level--color5\">\r\n                                                                            <li class=\"the-line\"></li>\r\n                                                                            <li class=\"level__item level--line-father\">\r\n                                                                                <div\r\n                                                                                    class=\"head__item  col-lg-4 col-md-8\">\r\n                                                                                    <h6>Colaboración</h6>\r\n                                                                                </div>\r\n                                                                                <!-- level 2 -->\r\n                                                                                <ul class=\"level-subase level--2\">\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.
477colaboracion.comunidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Comunicación asertiva\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Responsabilidad</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Inclusión</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Resolución de conflictos\r\n                                                                                            </p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                    <li *ngIf=\" gameAbility.modelos.colaboracion.interdependencia == 1\"\r\n                                                                                        class=\"level__item level--line-children\">\r\n                                                                                        <div\r\n                                                                                            class=\"head__item col-lg-7 col-md-8\">\r\n                                                                                            <p>Independencia</p>\r\n                                                                                        </div>\r\n                                                                                    </li>\r\n                                                                                </ul>\r\n                                                                            </li>\r\n                                                                        </ol>\r\n                                                                    </li>\r\n                                                                </ul>\r\n                                                            </div>\r\n                                                            <!-- <p [innerHTML]=\"gameAbility.habilidades.tags\"></p> -->\r\n                                                        </section>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color3\" id=\"accordionThree\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingThree\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarRuta($event)\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/rutas.png\"\r\n                                                                    alt=\"Rutas didácticas\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseThree\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseThree\">\r\n                                                                    Rutas didácticas\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"rutas\" *ngFor=\"let rutas of rutasTotales;  \">\r\n                                                    <div id=\"collapseThree\" class=\"collapse hide\"\r\n                                                        aria-labelledby=\"headingThree\">\r\n                                                        <div class=\"card-body\">\r\n                                                            <div class=\"row\">\r\n                                                                <div class=\"col-xl-6 col-12\">\r\n                                                                    <div [innerHTML]=\"rutas.titulo\" class=\"card__span\">\r\n\r\n                                                                        <!-- <h4>Espacio geográfico</h4>\r\n                                                                                    <h5>Juntos mejoramos el lugar donde vivo y nuestra vida en común</h5>\r\n                                                                                    <p>2o. ciclo</p> -->\r\n                                                                    </div>\r\n                                                                    <div class=\"card__span\">\r\n                                                                        <div class=\"timeline row\">\r\n                                                                            <div *ngFor=\"let procesos of rutas.procesos\"\r\n                                                                                class=\"time__item col-12\">\r\n                                                                                <article class=\"time__span\">\r\n                                                                                    <p\r\n                                                                                        [innerHTML]=\"procesos.descripcion\">\r\n                                                                                    </p>\r\n                                                                                </article>\r\n                                                                            </div>\r\n                                                                            <!-- <div  class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Exposición de datos</p>\r\n                                                                                        </article>\r\n                                                                                    </div> -->\r\n                                                                            <!-- <div class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Jugar Amícu</p>\r\n                                                                                        </article>\r\n                                                                                    </div>\r\n                                                                                    <div class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Reflexión</p>\r\n                                                                                        </article>\r\n                                                                                    </div>\r\n                                                                                    <div class=\"time__item col-12\">\r\n                                                                                        <article class=\"time__span\">\r\n                                                                                            <p>Realizar una campaá con carteles del medio ambiente</p>\r\n                                                                                        </article>\r\n                                                                                    </div> -->\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                                <div class=\"col-xl-6 col-12\">\r\n                                                                    <div class=\"card__span\">\r\n                                                                        <h4>Argumentación</h4>\r\n                                                                        <p [innerHTML]=\"rutas.argumentacion\"> </p>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <!-- <p [innerHTML]=\"rutas.tags\"></p> -->\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                        <div class=\"accordion accordion--color4\" id=\"accordionFour\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingFour\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <!-- <div class=\"square__add\" (click)=\"agregarProgr($event)\">\r\n                                                                    +\r\n                                                                </div> -->\r\n                                                                <img src=\"assets/images/icon/programas.png\"\r\n                                                                    alt=\"Programas académicos\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseFour\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseFour\">\r\n                                                                    Programas académicos\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseFour\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingFour\">\r\n                                                    <div class=\"card-body\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>SEP PC2016</h4>\r\n                                                            <p [innerHTML]='gamePrograma.programas.sep'> </p>\r\n                                                        </div>\r\n                                                        <!-- <div class=\"card__span\">\r\n                                                              
477  <p><strong>Propósitos:</strong></p>\r\n                                                                <ul>\r\n                                                                    <li>Identificar los elementos y las características distintivas de algunas manifestaciones artísticas.</li>\r\n                                                                    <li>Identificar los elementos y las características distintivas de algunas manifestaciones artísticas.</li>\r\n                                                                </ul>\r\n                                                            </div> -->\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Bachillerato Internacional</h4>\r\n                                                            <p [innerHTML]='gamePrograma.programas.BI'> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Common Core State Standards (EUA)</h4>\r\n                                                            <p [innerHTML]='gamePrograma.programas.CCSS'> </p>\r\n                                                            <p> </p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> <!-- / -->\r\n                                        <!-- Accordion -->\r\n                                       <!-- <div class=\"accordion accordion--color5\" id=\"accordionFive\">\r\n                                            <div class=\"card\">\r\n                                                <div class=\"card-header\" id=\"headingFive\">\r\n                                                    <div class=\"row\">\r\n                                                        <div class=\"card__icon col-lg-2 col-md-3 col-sm-3 col-2\">\r\n                                                            <div class=\"small-icon\">\r\n                                                                <img src=\"assets/images/icon/otros.png\"\r\n                                                                    alt=\"Otros recursos\">\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"card__txt col-lg-10 col-md-9 col-sm-9 col-10\">\r\n                                                            <h6 class=\"header__title\">\r\n                                                                <button class=\"btn btn-link\" type=\"button\"\r\n                                                                    data-toggle=\"collapse\" data-target=\"#collapseFive\"\r\n                                                                    aria-expanded=\"true\" aria-controls=\"collapseFive\">\r\n                                                                    Otros recursos\r\n\r\n                                                                    <i class=\"fas fa-caret-down\"></i>\r\n                                                                </button>\r\n                                                            </h6>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div id=\"collapseFive\" class=\"collapse hide\"\r\n                                                    aria-labelledby=\"headingFive\">\r\n                                                    <div class=\"card-body card--other\">\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Khan Academy</h4>\r\n                                                            <p [innerHTML]='gameRecurso.khan_academy'> </p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Sitios/links</h4>\r\n                                                            <p [innerHTML]='gameRecurso.sitios'></p>\r\n                                                        </div>\r\n                                                        <div class=\"card__span\">\r\n                                                            <h4>Videos</h4>\r\n                                                            <p [innerHTML]='gameRecurso.videos'></p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>--> <!-- / -->\r\n                                    </article>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <app-footer></app-footer>\r\n</main>\r\n\r\n<div class=\"modal fade\" id=\"myModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
477\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <!-- 16:9 aspect ratio -->\r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"\" id=\"video\" allowscriptaccess=\"always\"\r\n                        allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- Modal -->\r\n<div class=\"modal fade modal--medium\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"ModalGroup\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog dialogo\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body bodi\">\r\n                <button type=\"button\" class=\"closes\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"https://www.youtube.com/embed/Jfrjeg26Cwk\" id=\"video\"\r\n                        allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal \" id=\"exampleModalScrollable\" tabindex=\"-1\" role=\"dialog\"\r\n    aria-labelledby=\"exampleModalScrollableTitle\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalScrollableTitle\">Mapa de Habilidades</h5>\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <section class=\"card__divider\">\r\n                    <div class=\"tree-levels\">\r\n                        <ul class=\"level-base level--0\">\r\n                            <li class=\"the-line root\"></li>\r\n                            <!-- level 0 -->\r\n                            <li class=\"level__item\">\r\n                                <div *ngIf=\" gameAbility.modelos.modelo == 1\">\r\n                                    <div style=\"background: #8b9203;\"\r\n                                        class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                        <h5 style=\"color: white;\">Habilidades Socio-emocionales</h5>\r\n                                        <p style=\"color: white;\">Modelo Educativo 2016</p>\r\n                                    </div>\r\n                                </div>\r\n                                <div *ngIf=\" gameAbility.modelos.modelo == 0\">\r\n                                    <div class=\"head__item head--top col-lg-5 col-md-8 col-10\">\r\n                                        <h5>Habilidades Socio-emocionales</h5>\r\n                                        <p>Modelo Educativo 2016</p>\r\n                                    </div>\r\n                                </div>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color1\">\r\n                                    <li class=\"the-line hijo1\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 1\">\r\n                                            <div style=\"background:#d7e207;\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autoconocimiento</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autoconocimiento == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autoconocimiento</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\" style=\"background: #b8c204;\">\r\n                                                    <p>Conciencia de las propias emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.conciencia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Conciencia de las propias emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#b8c204;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Autoestima</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.autoestima == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Autoestima</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#b8c204;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Aprecio y gratitud</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.aprecio == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Aprecio y gratitud</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#b8c204;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>
477Bienestar</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autoconocimiento.bienestar == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Bienestar</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color2\">\r\n                                    <li class=\"the-line hijo2\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 1\">\r\n                                            <div style=\"background:#26bcc1\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autorregulación</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autorregulacion == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autorregulación</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Meta-cognición</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.meta == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Meta-cognición</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Expresión de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.expresion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Expresión de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li \r\n                                                *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Regulación de las emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.regulacion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Regulación de las emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #198488;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-generación de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.generacion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-generación de emociones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\" style=\"background-color: #198488;\">\r\n                                                    <p>Perseverancia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autorregulacion.perseverancia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Perseverancia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color3\">\r\n                                    <li class=\"the-line hijo3\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autonomia == 1\">\r\n                                            <div style=\"background:#0097ce;\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autonomía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.autonomia == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Autonomía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#006b92 ;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Iniciativa personal</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.iniciativa == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Iniciativa personal</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#006b92 ;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Identificación de necesidades y búsqueda de soluciones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.soluciones == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Identificación de necesidades y búsqueda de soluciones</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background:#006b92 ;\" class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-eficacia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.autonomia.eficacia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Auto-eficacia</p>\r\n                                                </div>\r\n                                            </li>\r\n\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color4\">\r\n                                    <li class=\"the-line hijo4\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.empatia == 1\">\r\n                                            <div style=\"background-color: #76489d;\"\r\n                                                class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Empatía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.empatia == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Empatía</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>
477Bienestar y trato digno</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.bienestar == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Bienestar y trato digno</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Toma de perspectiva en situaciones de conflicto</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.perspectiva == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Toma de perspectiva en situaciones de conflicto</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Reconocimiento de prejuicios</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.prejuicios == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Reconocimiento de prejuicios</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Sensibilidad hacia personas discriminadas</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.sensibilidad == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Sensibilidad hacia personas discriminadas</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #533170;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Cuidado de otros seres vivos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.empatia.cuidado == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Cuidado de otros seres vivos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                                <!-- level 1 -->\r\n                                <ol class=\"level-subase level--1 level--color5\">\r\n                                    <li class=\"the-line hijo5\"></li>\r\n                                    <li class=\"level__item level--line-father\">\r\n\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.colaboracion == 1\">\r\n                                            <div style=\"background: #fcb619;\" class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Colaboración</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\" gameAbility.modelos.ramas.colaboracion == 0\">\r\n                                            <div class=\"head__item  col-lg-4 col-md-8\">\r\n                                                <h6>Colaboración</h6>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <!-- level 2 -->\r\n                                        <ul class=\"level-subase level--2\">\r\n                                            <li *ngIf=\" gameAbility.modelos.
477colaboracion.comunidad == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Comunicación asertiva</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.comunidad == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Comunicación asertiva</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Responsabilidad</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.responsabilidad == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Responsabilidad</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Inclusión</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.inclusion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Inclusión</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Resolución de conflictos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.resolucion == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Resolución de conflictos</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.
477colaboracion.interdependencia == 1\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div style=\"background-color: #da9c17;\"\r\n                                                    class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Independencia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                            <li *ngIf=\" gameAbility.modelos.colaboracion.interdependencia == 0\"\r\n                                                class=\"level__item level--line-children\">\r\n                                                <div class=\"head__item col-lg-7 col-md-8\">\r\n                                                    <p>Independencia</p>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </li>\r\n                                </ol>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </section>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- Modal -->\r\n<!-- <div class=\"modal fade\" id=\"exampleModalCenter\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>                \r\n                <div class=\"embed-responsive embed-responsive-16by9\">\r\n                    <iframe class=\"embed-responsive-item\" src=\"\" id=\"video\" allowscriptaccess=\"always\"\r\n                        allow=\"autoplay\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div> -->\r\n\r\n\r\n<div class=\"modal \" id=\"exampleModalCenter\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog-game\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-body-game\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"kill('#exampleModalCenter', 'tutorialjuego')\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n                <!-- 16:9 aspect ratio -->\r\n                <div class=\"embed-responsive embed-responsive-16by9\" *ngIf= \"gameSelected != undefined\">\r\n                    <iframe class=\"embed-responsive-item\" [src]=\"('https://www.youtube.com/embed/' + gameSelected.tutorial) | safe: 'resourceUrl'\" id=\"tutorialjuego\" allowscriptaccess=\"always\" allow=\"autoplay\"></iframe>\r\n                </div> \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>");
478
479/***/ }),
480
481/***/ "./node_modules/raw-loader/dist/cjs.js!./src/app/zoom/zoom.component.html":
482/*!********************************************************************************!*\
483  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/zoom/zoom.component.html ***!
484  \********************************************************************************/
485/*! exports provided: default */
486/***/ (function(module, __webpack_exports__, __webpack_require__) {
487
488"use strict";
489__webpack_require__.r(__webpack_exports__);
490/* harmony default export */ __webpack_exports__["default"] = ("");
491
492/***/ }),
493
vendor: 13,726 bytes, lines 494-747
494/***/ "./node_modules/tslib/tslib.es6.js":
495/*!*****************************************!*\
496  !*** ./node_modules/tslib/tslib.es6.js ***!
497  \*****************************************/
498/*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __createBinding, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet */
499/***/ (function(module, __webpack_exports__, __webpack_require__) {
500
501"use strict";
502__webpack_require__.r(__webpack_exports__);
503/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__extends", function() { return __extends; });
504/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__assign", function() { return __assign; });
505/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__rest", function() { return __rest; });
506/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__decorate", function() { return __decorate; });
507/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__param", function() { return __param; });
508/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__metadata", function() { return __metadata; });
509/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__awaiter", function() { return __awaiter; });
510/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__generator", function() { return __generator; });
511/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__createBinding", function() { return __createBinding; });
512/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__exportStar", function() { return __exportStar; });
513/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__values", function() { return __values; });
514/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__read", function() { return __read; });
515/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spread", function() { return __spread; });
516/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spreadArrays", function() { return __spreadArrays; });
517/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__await", function() { return __await; });
518/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncGenerator", function() { return __asyncGenerator; });
519/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncDelegator", function() { return __asyncDelegator; });
520/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncValues", function() { return __asyncValues; });
521/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__makeTemplateObject", function() { return __makeTemplateObject; });
522/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__importStar", function() { return __importStar; });
523/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__importDefault", function() { return __importDefault; });
524/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__classPrivateFieldGet", function() { return __classPrivateFieldGet; });
525/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__classPrivateFieldSet", function() { return __classPrivateFieldSet; });
526/*! *****************************************************************************
527Copyright (c) Microsoft Corporation.
528
529Permission to use, copy, modify, and/or distribute this software for any
530purpose with or without fee is hereby granted.
531
532THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
533REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
534AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
535INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
536LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
537OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
538PERFORMANCE OF THIS SOFTWARE.
539***************************************************************************** */
540/* global Reflect, Promise */
541
542var extendStatics = function(d, b) {
543    extendStatics = Object.setPrototypeOf ||
544        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
545        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
546    return extendStatics(d, b);
547};
548
549function __extends(d, b) {
550    extendStatics(d, b);
551    function __() { this.constructor = d; }
552    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
553}
554
555var __assign = function() {
556    __assign = Object.assign || function __assign(t) {
557        for (var s, i = 1, n = arguments.length; i < n; i++) {
558            s = arguments[i];
559            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
560        }
561        return t;
562    }
563    return __assign.apply(this, arguments);
564}
565
566function __rest(s, e) {
567    var t = {};
568    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
569        t[p] = s[p];
570    if (s != null && typeof Object.getOwnPropertySymbols === "function")
571        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
572            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
573                t[p[i]] = s[p[i]];
574        }
575    return t;
576}
577
578function __decorate(decorators, target, key, desc) {
579    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
580    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
581    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
582    return c > 3 && r && Object.defineProperty(target, key, r), r;
583}
584
585function __param(paramIndex, decorator) {
586    return function (target, key) { decorator(target, key, paramIndex); }
587}
588
589function __metadata(metadataKey, metadataValue) {
590    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
591}
592
593function __awaiter(thisArg, _arguments, P, generator) {
594    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
595    return new (P || (P = Promise))(function (resolve, reject) {
596        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
597        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
598        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
599        step((generator = generator.apply(thisArg, _arguments || [])).next());
600    });
601}
602
603function __generator(thisArg, body) {
604    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
605    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
606    function verb(n) { return function (v) { return step([n, v]); }; }
607    function step(op) {
608        if (f) throw new TypeError("Generator is already executing.");
609        while (_) try {
610            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
611            if (y = 0, t) op = [op[0] & 2, t.value];
612            switch (op[0]) {
613                case 0: case 1: t = op; break;
614                case 4: _.label++; return { value: op[1], done: false };
615                case 5: _.label++; y = op[1]; op = [0]; continue;
616                case 7: op = _.ops.pop(); _.trys.pop(); continue;
617                default:
618                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
619                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
620                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
621                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
622                    if (t[2]) _.ops.pop();
623                    _.trys.pop(); continue;
624            }
625            op = body.call(thisArg, _);
626        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
627        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
628    }
629}
630
631function __createBinding(o, m, k, k2) {
632    if (k2 === undefined) k2 = k;
633    o[k2] = m[k];
634}
635
636function __exportStar(m, exports) {
637    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
638}
639
640function __values(o) {
641    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
642    if (m) return m.call(o);
643    if (o && typeof o.length === "number") return {
644        next: function () {
645            if (o && i >= o.length) o = void 0;
646            return { value: o && o[i++], done: !o };
647        }
648    };
649    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
650}
651
652function __read(o, n) {
653    var m = typeof Symbol === "function" && o[Symbol.iterator];
654    if (!m) return o;
655    var i = m.call(o), r, ar = [], e;
656    try {
657        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
658    }
659    catch (error) { e = { error: error }; }
660    finally {
661        try {
662            if (r && !r.done && (m = i["return"])) m.call(i);
663        }
664        finally { if (e) throw e.error; }
665    }
666    return ar;
667}
668
669function __spread() {
670    for (var ar = [], i = 0; i < arguments.length; i++)
671        ar = ar.concat(__read(arguments[i]));
672    return ar;
673}
674
675function __spreadArrays() {
676    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
677    for (var r = Array(s), k = 0, i = 0; i < il; i++)
678        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
679            r[k] = a[j];
680    return r;
681};
682
683function __await(v) {
684    return this instanceof __await ? (this.v = v, this) : new __await(v);
685}
686
687function __asyncGenerator(thisArg, _arguments, generator) {
688    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
689    var g = generator.apply(thisArg, _arguments || []), i, q = [];
690    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
691    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
692    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
693    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
694    function fulfill(value) { resume("next", value); }
695    function reject(value) { resume("throw", value); }
696    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
697}
698
699function __asyncDelegator(o) {
700    var i, p;
701    return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
702    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
703}
704
705function __asyncValues(o) {
706    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
707    var m = o[Symbol.asyncIterator], i;
708    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
709    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
710    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
711}
712
713function __makeTemplateObject(cooked, raw) {
714    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
715    return cooked;
716};
717
718function __importStar(mod) {
719    if (mod && mod.__esModule) return mod;
720    var result = {};
721    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
722    result.default = mod;
723    return result;
724}
725
726function __importDefault(mod) {
727    return (mod && mod.__esModule) ? mod : { default: mod };
728}
729
730function __classPrivateFieldGet(receiver, privateMap) {
731    if (!privateMap.has(receiver)) {
732        throw new TypeError("attempted to get private field on non-instance");
733    }
734    return privateMap.get(receiver);
735}
736
737function __classPrivateFieldSet(receiver, privateMap, value) {
738    if (!privateMap.has(receiver)) {
739        throw new TypeError("attempted to set private field on non-instance");
740    }
741    privateMap.set(receiver, value);
742    return value;
743}
744
745
746/***/ }),
747
748/***/ "./src/app/actividades/actividades.component.css":
749/*!*******************************************************!*\
750  !*** ./src/app/actividades/actividades.component.css ***!
751  \*******************************************************/
752/*! exports provided: default */
753/***/ (function(module, __webpack_exports__, __webpack_require__) {
754
755"use strict";
756__webpack_require__.r(__webpack_exports__);
757/* harmony default export */ __webpack_exports__["default"] = (".sinborde{\r\n    border: 0;\r\n    width: 100%;\r\n    font-size: 13px;\r\n}\r\n.table td, .table th {\r\n    padding: 0 .75rem;\r\n}\r\n.ojo{\r\n    width: 25px;\r\n    height: 25px;\r\n    float: right;\r\n}\r\n.scrooll{\r\n    overflow: auto;\r\n  }\r\n._end{\r\n    text-align: end;\r\n    margin: 3%;\r\n}\r\n.recursos-didacticos{\r\n  background-color: white;\r\n  padding: 10px;\r\n  height: 300px;\r\n  overflow: auto;\r\n  overflow-x: hidden;\r\n}\r\na {\r\n  color: #d7e207;\r\n}\r\n.new-rec{\r\n  text-align: end;\r\n  color: #d7e207;\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n}\r\n.tam-cuad{\r\n  width: 70px; \r\n  height: 70px; \r\n  margin: 2%;\r\n}\r\n@media (max-width: 475px) {\r\n    .tam-cuad{\r\n      width: 50px; \r\n      height: 50px; \r\n    }\r\n    .plan_img{\r\n      width: 35px !important; \r\n      height: 35px !important; \r\n    }\r\n}\r\n@media (min-width: 992px) {\r\n    .scrooll{\r\n      overflow: hidden;\r\n    }\r\n  }\r\nmat-checkbox ::ng-deep .mat-checkbox-inner-container {width: 13px;height: 13px;margin-top: 5px;}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYWN0aXZpZGFkZXMvYWN0aXZpZGFkZXMuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLFNBQVM7SUFDVCxXQUFXO0lBQ1gsZUFBZTtBQUNuQjtBQUNBO0lBQ0ksaUJBQWlCO0FBQ3JCO0FBQ0E7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLFlBQVk7QUFDaEI7QUFDQTtJQUNJLGNBQWM7RUFDaEI7QUFDRjtJQUNJLGVBQWU7SUFDZixVQUFVO0FBQ2Q7QUFFQTtFQUNFLHVCQUF1QjtFQUN2QixhQUFhO0VBQ2IsYUFBYTtFQUNiLGNBQWM7RUFDZCxrQkFBa0I7QUFDcEI7QUFFQTtFQUNFLGNBQWM7QUFDaEI7QUFDQTtFQUNFLGVBQWU7RUFDZixjQUFjO0VBQ2QsaUJBQWlCO0VBQ2pCLGVBQWU7QUFDakI7QUFFQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osVUFBVTtBQUNaO0FBRUE7SUFDSTtNQUNFLFdBQVc7TUFDWCxZQUFZO0lBQ2Q7SUFDQTtNQUNFLHNCQUFzQjtNQUN0Qix1QkFBdUI7SUFDekI7QUFDSjtBQUVBO0lBQ0k7TUFDRSxnQkFBZ0I7SUFDbEI7RUFDRjtBQUVGLHNEQUFzRCxXQUFXLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyIsImZpbGUiOiJzcmMvYXBwL2FjdGl2aWRhZGVzL2FjdGl2aWRhZGVzLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc2luYm9yZGV7XHJcbiAgICBib3JkZXI6IDA7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGZvbnQtc2l6ZTogMTNweDtcclxufVxyXG4udGFibGUgdGQsIC50YWJsZSB0aCB7XHJcbiAgICBwYWRkaW5nOiAwIC43NXJlbTtcclxufVxyXG4ub2pve1xyXG4gICAgd2lkdGg6IDI1cHg7XHJcbiAgICBoZWlnaHQ6IDI1cHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn1cclxuLnNjcm9vbGx7XHJcbiAgICBvdmVyZmxvdzogYXV0bztcclxuICB9XHJcbi5fZW5ke1xyXG4gICAgdGV4dC1hbGlnbjogZW5kO1xyXG4gICAgbWFyZ2luOiAzJTtcclxufVxyXG5cclxuLnJlY3Vyc29zLWRpZGFjdGljb3N7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgcGFkZGluZzogMTBweDtcclxuICBoZWlnaHQ6IDMwMHB4O1xyXG4gIG92ZXJmbG93OiBhdXRvO1xyXG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcclxufVxyXG5cclxuYSB7XHJcbiAgY29sb3I6ICNkN2UyMDc7XHJcbn1cclxuLm5ldy1yZWN7XHJcbiAgdGV4dC1hbGlnbjogZW5kO1xyXG4gIGNvbG9yOiAjZDdlMjA3O1xyXG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gIGZvbnQtc2l6ZTogMTRweDtcclxufVxyXG5cclxuLnRhbS1jdWFke1xyXG4gIHdpZHRoOiA3MHB4OyBcclxuICBoZWlnaHQ6IDcwcHg7IFxyXG4gIG1hcmdpbjogMiU7XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA0NzVweCkge1xyXG4gICAgLnRhbS1jdWFke1xyXG4gICAgICB3aWR0aDogNTBweDsgXHJcbiAgICAgIGhlaWdodDogNTBweDsgXHJcbiAgICB9XHJcbiAgICAucGxhbl9pbWd7XHJcbiAgICAgIHdpZHRoOiAzNXB4ICFpbXBvcnRhbnQ7IFxyXG4gICAgICBoZWlnaHQ6IDM1cHggIWltcG9ydGFudDsgXHJcbiAgICB9XHJcbn0gXHJcblxyXG5AbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcclxuICAgIC5zY3Jvb2xse1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgfVxyXG4gIH0gXHJcblxyXG5tYXQtY2hlY2tib3ggOjpuZy1kZWVwIC5tYXQtY2hlY2tib3gtaW5uZXItY29udGFpbmVyIHt3aWR0aDogMTNweDtoZWlnaHQ6IDEzcHg7bWFyZ2luLXRvcDogNXB4O30iXX0= */");
758
759/***/ }),
760
761/***/ "./src/app/actividades/actividades.component.ts":
762/*!******************************************************!*\
763  !*** ./src/app/actividades/actividades.component.ts ***!
764  \******************************************************/
765/*! exports provided: ActividadesComponent */
766/***/ (function(module, __webpack_exports__, __webpack_require__) {
767
768"use strict";
769__webpack_require__.r(__webpack_exports__);
770/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActividadesComponent", function() { return ActividadesComponent; });
771/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
772/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
773/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
774/* harmony import */ var _models_planes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/planes */ "./src/app/models/planes.ts");
775/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
776/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
777
778
779
780
781
782
783var ActividadesComponent = /** @class */ (function () {
784    function ActividadesComponent(gameService, router) {
785        this.gameService = gameService;
786        this.router = router;
787        this.sesiones = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
788        this.eliminar = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
789        this.token = localStorage.getItem("token");
790        this.list2 = [];
791        this.list3 = [];
792        this.list4 = [];
793        this.urlImg = _service_config__WEBPACK_IMPORTED_MODULE_4__["imagenes"].url;
794        this.is_edit = [];
795        this.sesionenviar = new _models_planes__WEBPACK_IMPORTED_MODULE_3__["Sesiones"]();
796        this.material1 = "";
797        this.material2 = "";
798        this.material3 = "";
799        this.eval = "";
800        this.Evaluacion = [
801            { tag: "Rúbrica", status: false },
802            { tag: "Producciones escritas", status: false },
803            { tag: "Portafolio", status: false },
804            { tag: "Lista de cotejo", status: false },
805            { tag: "Proyectos", status: false },
806            { tag: "Puertas escritas u orales", status: false },
807            { tag: "Anecdotario", status: false },
808            { tag: "Registro de actitudes", status: false },
809            { tag: "Observación directa", status: false },
810            { tag: "Esquemas", status: false },
811        ];
812    }
813    ActividadesComponent.prototype.detailResource = function (id) {
814        this.router.navigate(["/recurso", id]);
815    };
816    ActividadesComponent.prototype.detailGame = function (slug) {
817        this.router.navigate(["/juego", slug]);
818    };
819    ActividadesComponent.prototype.ngOnInit = function () {
820        var _this = this;
821        for (var index = 0; index < 8; index++) {
822            this.is_edit[index] = false;
823        }
824        if (this.games != undefined &&
825            this.recursos != undefined &&
826            this.libros != undefined) {
827            if (this.games.length > 0 ||
828                this.recursos.length > 0 ||
829                this.libros.length > 0) {
830                this.games.forEach(function (game) {
831                    if (_this.sesionenviar.juegos == "")
832                        _this.sesionenviar.juegos = game.id_game;
833                    else
834                        _this.sesionenviar.juegos =
835                            _this.sesionenviar.juegos + "," + game.id_game;
836                    _this.list2.push(game);
837                });
838                this.recursos.forEach(function (recurso) {
839                    if (_this.sesionenviar.otros_recursos == "")
840                        _this.sesionenviar.otros_recursos = recurso.id_recurso;
841                    else
842                        _this.sesionenviar.otros_recursos =
843                            _this.sesionenviar.otros_recursos + "," + recurso.id_recurso;
844                    _this.list3.push(recurso);
845                });
846                this.libros.forEach(function (libro) {
847                    if (_this.sesionenviar.libros == "")
848                        _this.sesionenviar.libros = libro.id_libro;
849                    else
850                        _this.sesionenviar.libros =
851                            _this.sesionenviar.libros + "," + libro.id_libro;
852                    _this.list4.push(libro);
853                });
854            }
855            else {
856                this.rec();
857            }
858        }
859        else {
860            this.rec();
861        }
862    };
863    ActividadesComponent.prototype.rec = function () {
864        var rd = document.getElementById("recursos-didacticos");
865        $(rd).attr("style", "height:100px");
866    };
867    ActividadesComponent.prototype.isDisabled = function (value) {
868        this.is_edit[value]
869            ? (this.is_edit[value] = false)
870            : (this.is_edit[value] = true);
871    };
872    ActividadesComponent.prototype.eliminarSesion = function () {
873        this.eliminar.emit(this.sesion);
874    };
875    ActividadesComponent.prototype.enviarSesion = function () {
876        var _this = this;
877        this.eval = "";
878        this.sesionenviar.materiales_complementarios =
879            this.material1 + "," + this.material2 + "," + this.material3;
880        this.sesionenviar.numero = this.sesion;
881        this.Evaluacion.forEach(function (element) {
882            if (element.status)
883                _this.eval = _this.eval + element.tag + ",";
884        });
885        this.sesionenviar.instrumentos_evaluacion = this.eval;
886        this.revisarDes();
887        this.sesiones.emit(this.sesionenviar);
888    };
889    ActividadesComponent.prototype.revisarDes = function () {
890        if (this.is_edit[0])
891            this.sesionenviar.materiales_complementarios = "/";
892        if (this.is_edit[1])
893            this.sesionenviar.reflexion = "/";
894        if (this.is_edit[2])
895            this.sesionenviar.activacion = "/";
896        if (this.is_edit[3])
897            this.sesionenviar.problematizacion = "/";
898        if (this.is_edit[4])
899            this.sesionenviar.profundizacion = "/";
900        if (this.is_edit[6])
901            this.sesionenviar.criterios_evaluacion = "/";
902        if (this.is_edit[7])
903            this.sesionenviar.evidencias = "/";
904    };
905    ActividadesComponent.prototype.changeStatus = function (i) {
906        if (this.Evaluacion[i].status)
907            this.Evaluacion[i].status = false;
908        else
909            this.Evaluacion[i].status = true;
910    };
911    ActividadesComponent.prototype.eliminarJuego = function (idGame, i) {
912        var j = this.sesionenviar.juegos.split(",");
913        var ind = j.indexOf(idGame.toString());
914        if (ind != -1) {
915            j.splice(ind, 1);
916            this.sesionenviar.juegos = "";
917            for (var index = 0; index < j.length; index++) {
918                if (this.sesionenviar.juegos == "")
919                    this.sesionenviar.juegos = j[index];
920                else
921                    this.sesionenviar.juegos = this.sesionenviar.juegos + "," + j[index];
922            }
923        }
924        this.list2.splice(i, 1);
925    };
926    ActividadesComponent.prototype.eliminarRecursosExternos = function (idRecurso, i) {
927        var r = this.sesionenviar.otros_recursos.split(",");
928        var ind = r.indexOf(idRecurso);
929        if (ind != -1) {
930            r.splice(ind, 1);
931            this.sesionenviar.otros_recursos = "";
932            for (var index = 0; index < r.length; index++) {
933                if (this.sesionenviar.otros_recursos == "")
934                    this.sesionenviar.otros_recursos = r[index];
935                else
936                    this.sesionenviar.otros_recursos =
937                        this.sesionenviar.otros_recursos + "," + r[index];
938            }
939        }
940        this.list3.splice(i, 1);
941    };
942    ActividadesComponent.prototype.eliminarLibros = function (idLibro, i) {
943        var l = this.sesionenviar.libros.split(",");
944        var ind = l.indexOf(idLibro);
945        if (ind != -1) {
946            l.splice(ind, 1);
947            this.sesionenviar.libros = "";
948            for (var index = 0; index < l.length; index++) {
949                if (this.sesionenviar.libros == "")
950                    this.sesionenviar.libros = l[index];
951                else
952                    this.sesionenviar.libros = this.sesionenviar.libros + "," + l[index];
953            }
954        }
955        this.list4.splice(i, 1);
956    };
957    ActividadesComponent.ctorParameters = function () { return [
958        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_2__["GameService"] },
959        { type: _angular_router__WEBPACK_IMPORTED_MODULE_5__["Router"] }
960    ]; };
961    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
962        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
963    ], ActividadesComponent.prototype, "sesion", void 0);
964    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
965        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
966    ], ActividadesComponent.prototype, "games", void 0);
967    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
968        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
969    ], ActividadesComponent.prototype, "recursos", void 0);
970    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
971        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
972    ], ActividadesComponent.prototype, "libros", void 0);
973    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
974        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
975    ], ActividadesComponent.prototype, "sesiones", void 0);
976    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
977        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"])()
978    ], ActividadesComponent.prototype, "eliminar", void 0);
979    ActividadesComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
980        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
981            selector: "app-actividades",
982            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./actividades.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/actividades/actividades.component.html")).default,
983            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./actividades.component.css */ "./src/app/actividades/actividades.component.css")).default]
984        })
985    ], ActividadesComponent);
986    return ActividadesComponent;
987}());
988
989
990
991/***/ }),
992
993/***/ "./src/app/actividades/actividades.module.ts":
994/*!***************************************************!*\
995  !*** ./src/app/actividades/actividades.module.ts ***!
996  \***************************************************/
997/*! exports provided: ActividadesModule */
998/***/ (function(module, __webpack_exports__, __webpack_require__) {
999
1000"use strict";
1001__webpack_require__.r(__webpack_exports__);
1002/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActividadesModule", function() { return ActividadesModule; });
1003/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
1004/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
1005/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
1006/* harmony import */ var _actividades_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./actividades.component */ "./src/app/actividades/actividades.component.ts");
1007/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
1008/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
1009/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
1010
1011
1012
1013
1014
1015
1016
1017var ActividadesModule = /** @class */ (function () {
1018    function ActividadesModule() {
1019    }
1020    ActividadesModule = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
1021        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
1022            declarations: [_actividades_component__WEBPACK_IMPORTED_MODULE_3__["ActividadesComponent"]],
1023            imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_4__["FormsModule"], _angular_material__WEBPACK_IMPORTED_MODULE_5__["MatCheckboxModule"], _angular_router__WEBPACK_IMPORTED_MODULE_6__["RouterModule"]],
1024            exports: [_actividades_component__WEBPACK_IMPORTED_MODULE_3__["ActividadesComponent"]],
1025        })
1026    ], ActividadesModule);
1027    return ActividadesModule;
1028}());
1029
1030
1031
1032/***/ }),
1033
1034/***/ "./src/app/app-routing.module.ts":
1035/*!***************************************!*\
1036  !*** ./src/app/app-routing.module.ts ***!
1037  \***************************************/
1038/*! exports provided: AppRoutingModule */
1039/***/ (function(module, __webpack_exports__, __webpack_require__) {
1040
1041"use strict";
1042__webpack_require__.r(__webpack_exports__);
1043/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppRoutingModule", function() { return AppRoutingModule; });
1044/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
1045/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
1046/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
1047/* harmony import */ var _service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./service/guard/auth-guard.service */ "./src/app/service/guard/auth-guard.service.ts");
1048/* harmony import */ var _item_juego_item_juego_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./item-juego/item-juego.component */ "./src/app/item-juego/item-juego.component.ts");
1049/* harmony import */ var _login_login_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./login/login.component */ "./src/app/login/login.component.ts");
1050/* harmony import */ var _registro_registro_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./registro/registro.component */ "./src/app/registro/registro.component.ts");
1051/* harmony import */ var _inicio_inicio_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./inicio/inicio.component */ "./src/app/inicio/inicio.component.ts");
1052/* harmony import */ var _ver_juego_ver_juego_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ver-juego/ver-juego.component */ "./src/app/ver-juego/ver-juego.component.ts");
1053/* harmony import */ var _new_home_new_home_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./new-home/new-home.component */ "./src/app/new-home/new-home.component.ts");
1054/* harmony import */ var _plan_sesion_plan_sesion_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./plan-sesion/plan-sesion.component */ "./src/app/plan-sesion/plan-sesion.component.ts");
1055/* harmony import */ var _articulo_articulo_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./articulo/articulo.component */ "./src/app/articulo/articulo.component.ts");
1056/* harmony import */ var _reglas_blogy_foro_reglas_blogy_foro_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./reglas-blogy-foro/reglas-blogy-foro.component */ "./src/app/reglas-blogy-foro/reglas-blogy-foro.component.ts");
1057/* harmony import */ var _recupera_contra_recupera_contra_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./recupera-contra/recupera-contra.component */ "./src/app/recupera-contra/recupera-contra.component.ts");
1058/* harmony import */ var _contacto_contacto_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./contacto/contacto.component */ "./src/app/contacto/contacto.component.ts");
1059/* harmony import */ var _avisoprivacidad_avisoprivacidad_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./avisoprivacidad/avisoprivacidad.component */ "./src/app/avisoprivacidad/avisoprivacidad.component.ts");
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076var routes = [
1077    { path: "colombia", redirectTo: "login/colombia" },
1078    { path: "FIFYA", redirectTo: "login/FIFYA" },
1079    { path: "fifya", redirectTo: "login/FIFYA" },
1080    { path: "piloto", redirectTo: "login/piloto" },
1081    { path: "SEK", redirectTo: "login/SEK" },
1082    { path: "techint", redirectTo: "login/techint" },
1083    { path: "proed", redirectTo: "login/proed" },
1084    { path: "taktaktak", redirectTo: "home/taktaktak" },
1085    { path: "emgm", redirectTo: "home/emgm" },
1086    { path: "", redirectTo: "/home", pathMatch: "full" },
1087    //  { path: 'plan', component: HomeComponent, canActivate: [AuthGuardService],  data: {section: 'flag_planeacion'} },
1088    {
1089        path: "perfil",
1090        loadChildren: function () {
1091            return __webpack_require__.e(/*! import() | perfil-perfil-module */ "perfil-perfil-module").then(__webpack_require__.bind(null, /*! ./perfil/perfil.module */ "./src/app/perfil/perfil.module.ts")).then(function (m) { return m.PerfilModule; });
1092        },
1093        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1094        data: { section: "general" },
1095    },
1096    {
1097        path: "grupos",
1098        loadChildren: function () {
1099            return Promise.all(/*! import() | grupos-grupos-module */[__webpack_require__.e("common"), __webpack_require__.e("grupos-grupos-module")]).then(__webpack_require__.bind(null, /*! ./grupos/grupos.module */ "./src/app/grupos/grupos.module.ts")).then(function (m) { return m.GruposModule; });
1100        },
1101        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1102        data: { section: "grupos" },
1103    },
1104    {
1105        path: "listado",
1106        loadChildren: function () {
1107            return __webpack_require__.e(/*! import() | listado-l
1107istado-module */ "listado-listado-module").then(__webpack_require__.bind(null, /*! ./listado/listado.module */ "./src/app/listado/listado.module.ts")).then(function (m) { return m.ListadoModule; });
1108        },
1109        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1110        data: { section: "fichas" },
1111    },
1112    //  { path: 'mis-planes', component: PlanesComponent, canActivate: [AuthGuardService],  data: {section: 'flag_planeacion'} },
1113    { path: "login", component: _login_login_component__WEBPACK_IMPORTED_MODULE_5__["LoginComponent"] },
1114    { path: "recuperar-password/:id/:fecha", component: _recupera_contra_recupera_contra_component__WEBPACK_IMPORTED_MODULE_13__["RecuperaContraComponent"] },
1115    {
1116        path: "detalleplan/:slug/:id",
1117        loadChildren: function () {
1118            return Promise.all(/*! import() | plan-detalle-plan-detalle-module */[__webpack_require__.e("common"), __webpack_require__.e("plan-detalle-plan-detalle-module")]).then(__webpack_require__.bind(null, /*! ./plan-detalle/plan-detalle.module */ "./src/app/plan-detalle/plan-detalle.module.ts")).then(function (m) { return m.PlanDetalleModule; });
1119        },
1120        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1121        data: { section: "flag_planeacion" },
1122    },
1123    {
1124        path: "detallemodulo/:slug/:id",
1125        loadChildren: function () {
1126            return Promise.all(/*! import() | planpre-detalle-planpre-detalle-module */[__webpack_require__.e("common"), __webpack_require__.e("planpre-detalle-planpre-detalle-module")]).then(__webpack_require__.bind(null, /*! ./planpre-detalle/planpre-detalle.module */ "./src/app/planpre-detalle/planpre-detalle.module.ts")).then(function (m) { return m.PlanpreDetalleModule; });
1127        },
1128        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1129        data: { section: "modulos_hab" },
1130    },
1131    {
1132        path: "juego/:slug",
1133        component: _item_juego_item_juego_component__WEBPACK_IMPORTED_MODULE_4__["ItemJuegoComponent"],
1134        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1135        data: { section: "fichas" },
1136    },
1137    {
1138        path: "ver-juego/:slug",
1139        component: _ver_juego_ver_juego_component__WEBPACK_IMPORTED_MODULE_8__["VerJuegoComponent"],
1140        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1141        data: { section: "fichas" },
1142    },
1143    // { path: 'recurso/:id', component: ItemContenidoComponent, canActivate: [AuthGuardService], data: {section: 'buscador'} },
1144    {
1145        path: "editar-grupo/:id/:grado/:grupo",
1146        loadChildren: function () {
1147            return Promise.all(/*! import() | editar-grupo-editar-grupo-module */[__webpack_require__.e("common"), __webpack_require__.e("editar-grupo-editar-grupo-module")]).then(__webpack_require__.bind(null, /*! ./editar-grupo/editar-grupo.module */ "./src/app/editar-grupo/editar-grupo.module.ts")).then(function (m) { return m.EditarGrupoModule; });
1148        },
1149        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1150        data: { section: "grupos" },
1151    },
1152    // { path: 'buscador', component: NuevoPlanComponent, canActivate: [AuthGuardService], data: {section: 'buscador'} },
1153    {
1154        path: "reportak",
1155        loadChildren: function () {
1156            return __webpack_require__.e(/*! import() | reportak-reportak-module */ "reportak-reportak-module").then(__webpack_require__.bind(null, /*! ./reportak/reportak.module */ "./src/app/reportak/reportak.module.ts")).then(function (m) { return m.ReportakModule; });
1157        },
1158        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1159        data: { section: "reportak" },
1160    },
1161    // { path: 'buscador/:id', component: NuevoPlanComponent, canActivate: [AuthGuardService], data: {section: 'buscador'} },
1162    // { path: 'buscador/:id/:nivel/:materia', component: NuevoPlanComponent, canActivate: [AuthGuardService], data: {section: 'buscador'} },
1163    { path: "registro", component: _registro_registro_component__WEBPACK_IMPORTED_MODULE_6__["RegistroComponent"] },
1164    { path: "home", component: _inicio_inicio_component__WEBPACK_IMPORTED_MODULE_7__["InicioComponent"] },
1165    // { path: 'planeaciones-publicas', component: PlanPublicasComponent, data: {section: 'flag_planeacion'} },
1166    // { path: 'planeaciones-publicas/:slug/:id', component: PlanPublicasDetalleComponent, data: {section: 'flag_planeacion'} },
1167    // { path: 'planeaciones-compartidas/:slug/:id', component: PlanPublicasDetalleComponent, data: {section: 'flag_planeacion'} },
1168    // { path: 'planeaciones-compartidas', component: PlanCompartidaComponent, data: {section: 'flag_planeacion'} },
1169    {
1170        path: "blog",
1171        loadChildren: function () { return __webpack_require__.e(/*! import() | blog-blog-module */ "blog-blog-module").then(__webpack_require__.bind(null, /*! ./blog/blog.module */ "./src/app/blog/blog.module.ts")).then(function (m) { return m.BlogModule; }); },
1172        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1173        data: { section: "blog" },
1174    },
1175    { path: "blog/:id", component: _articulo_articulo_component__WEBPACK_IMPORTED_MODULE_11__["ArticuloComponent"], data: { section: "blog" } },
1176    // { path: 'foro', component: ForoComponent, canActivate: [AuthGuardService], data: {section: 'foro'} },
1177    // { path: 'foro/:id', component: ForoEntradaComponent,  canActivate: [AuthGuardService], data: {section: 'foro'} },
1178    {
1179        path: "inicio",
1180        component: _new_home_new_home_component__WEBPACK_IMPORTED_MODULE_9__["NewHomeComponent"],
1181        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1182        data: { section: "general" },
1183    },
1184    {
1185        path: "modulos-labtak",
1186        loadChildren: function () {
1187            return __webpack_require__.e(/*! import() | plan-predise-plan-predise-module */ "plan-predise-plan-predise-module").then(__webpack_require__.bind(null, /*! ./plan-predise/plan-predise.module */ "./src/app/plan-predise/plan-predise.module.ts")).then(function (m) { return m.PlanPrediseModule; });
1188        },
1189        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1190        data: { section: "modulos_hab" },
1191    },
1192    {
1193        path: "planeaciones-sesion",
1194        component: _plan_sesion_plan_sesion_component__WEBPACK_IMPORTED_MODULE_10__["PlanSesionComponent"],
1195        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1196        data: { section: "flag_planeaciones_ses" },
1197    },
1198    // { path: 'tienda', component: TiendaComponent},
1199    {
1200        path: "ReglasComunidad",
1201        component: _reglas_blogy_foro_reglas_blogy_foro_component__WEBPACK_IMPORTED_MODULE_12__["ReglasBlogyForoComponent"],
1202        canActivate: [_service_guard_auth_guard_service__WEBPACK_IMPORTED_MODULE_3__["AuthGuardService"]],
1203        data: { section: "blog" },
1204    },
1205    // { path: 'recibo-de-pago', component: RecibosPagosComponent },
1206    // { path: 'capacitacion-docente', component: CapacitacionComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1207    // { path: 'capacitacion-docente/:tipo', component: CapacitacionComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1208    // { path: 'capacitacion-docente/webinar/:id', component: CapacitacionWebinarComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1209    // { path: 'capacitacion-docente/webinar-live/:from/:id', component: CapacitacionWebinarLiveComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1210    // { path: 'capacitacion-docente/webinar-live/:from/:id/:id_nav', component: CapacitacionWebinarLiveComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1211    // { path: 'capacitacion-docente/mooc/:id', component: CapacitacionMoocComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1212    // { path: 'capacitacion-docente/mooc-insc/:from/:id', component: MoocComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1213    // { path: 'mi-capacitacion', component: CapacitacionListadoComponent, canActivate: [AuthGuardService], data: { section: 'flag_capacitacion' } },
1214    // { path: 'zoom', component: ZoomComponent },
1215    // { path: 'datacole', component: LandingComponent},
1216    /* Campañas*/
1217    { path: "home/:campanias", component: _inicio_inicio_component__WEBPACK_IMPORTED_MODULE_7__["InicioComponent"] },
1218    { path: "login/:campanias", component: _login_login_component__WEBPACK_IMPORTED_MODULE_5__["LoginComponent"] },
1219    { path: "registro/:campanias", component: _registro_registro_component__WEBPACK_IMPORTED_MODULE_6__["RegistroComponent"] },
1220    /* Sylos */
1221    {
1222        path: "juegos-seguros",
1223        loadChildren: function () {
1224            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1225        },
1226    },
1227    {
1228        path: "juegos-seguros/:juegos-seguros",
1229        loadChildren: function () {
1230            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1231        },
1232    },
1233    {
1234        path: "juegos-seguros-en-linea",
1235        loadChildren: function () {
1236            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1237        },
1238    },
1239    {
1240        path: "juegos-seguros-en-linea/:juegos-seguros-en-linea",
1241        loadChildren: function () {
1242            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1243        },
1244    },
1245    {
1246        path: "juegos-seguros-por-internet",
1247        loadChildren: function () {
1248            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1249        },
1250    },
1251    {
1252        path: "juegos-seguros-por-internet/:juegos-seguros-por-internet",
1253        loadChildren: function () {
1254            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1255        },
1256    },
1257    {
1258        path: "juegos-seguros-para-ninos",
1259        loadChildren: function () {
1260            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1261        },
1262    },
1263    {
1264        path: "juegos-seguros-para-ninos/:juegos-seguros-para-ninos",
1265        loadChildren: function () {
1266            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1267        },
1268    },
1269    {
1270        path: "juegos-seguros-infantiles",
1271        loadChildren: function () {
1272            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1273        },
1274    },
1275    {
1276        path: "juegos-seguros-infantiles/:juegos-seguros-infantiles",
1277        loadChildren: function () {
1278            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1279        },
1280    },
1281    {
1282        path: "juegos-seguros-online",
1283        loadChildren: function () {
1284            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1285        },
1286    },
1287    {
1288        path: "juegos-seguros-online/:juegos-seguros-online",
1289        loadChildren: function () {
1290            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1291        },
1292    },
1293    {
1294        path: "juegos-seguros-educativos",
1295        loadChildren: function () {
1296            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1297        },
1298    },
1299    {
1300        path: "juegos-seguros-educativos/:juegos-seguros-educativos",
1301        loadChildren: function () {
1302            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1303        },
1304    },
1305    {
1306        path: "juegos-de-ninos",
1307        loadChildren: function () {
1308            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1309        },
1310    },
1311    {
1312        path: "juegos-de-ninos/:juegos-de-ninos",
1313        loadChildren: function () {
1314            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1315        },
1316    },
1317    {
1318        path: "juegos-ninos",
1319        loadChildren: function () {
1320            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1321        },
1322    },
1323    {
1324        path: "juegos-ninos/:juegos-ninos",
1325        loadChildren: function () {
1326            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1327        },
1328    },
1329    {
1330        path: "juegos-faciles-para-ninos",
1331        loadChildren: function () {
1332            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1333        },
1334    },
1335    {
1336        path: "juegos-faciles-para-ninos/:juegos-faciles-para-ninos",
1337        loadChildren: function () {
1338            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1339        },
1340    },
1341    {
1342        path: "juegos-para-ninos-gratis",
1343        loadChildren: function () {
1344            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1345        },
1346    },
1347    {
1348        path: "juegos-para-ninos-gratis/:juegos-para-ninos-gratis",
1349        loadChildren: function () {
1350            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1351        },
1352    },
1353    {
1354        path: "juegos-para-ninos-de-4",
1355        loadChildren: function () {
1356            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1357        },
1358    },
1359    {
1360        path: "juegos-para-ninos-de-4/:juegos-para-ninos-de-4",
1361        loadChildren: function () {
1362            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1363        },
1364    },
1365    {
1366        path: "juegos-para-ninos-pequenos",
1367        loadChildren: function () {
1368            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1369        },
1370    },
1371    {
1372        path: "juegos-para-ninos-pequenos/:juegos-para-ninos-pequenos",
1373        loadChildren: function () {
1374            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1375        },
1376    },
1377    {
1378        path: "juegos-divertidos-para-ninos",
1379        loadChildren: function () {
1380            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1381        },
1382    },
1383    {
1384        path: "juegos-divertidos-para-ninos/:juegos-divertidos-para-ninos",
1385        loadChildren: function () {
1386            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1387        },
1388    },
1389    {
1390        path: "juegos-de-memoria-para-ninos",
1391        loadChildren: function () {
1392            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1393        },
1394    },
1395    {
1396        path: "juegos-de-memoria-para-ninos/:juegos-de-memoria-para-ninos",
1397        loadChildren: function () {
1398            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1399        },
1400    },
1401    {
1402        path: "juegos-de-ninos-para-aprender",
1403        loadChildren: function () {
1404            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1405        },
1406    },
1407    {
1408        path: "juegos-de-ninos-para-aprender/:juegos-de-ninos-para-aprender",
1409        loadChildren: function () {
1410            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1411        },
1412    },
1413    {
1414        path: "juegos-online-para-ninos",
1415        loadChildren: function () {
1416            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1417        },
1418    },
1419    {
1420        path: "juegos-online-para-ninos/:juegos-online-para-ninos",
1421        loadChildren: function () {
1422            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1423        },
1424    },
1425    {
1426        path: "juegos-para-aprender",
1427        loadChildren: function () {
1428            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1429        },
1430    },
1431    {
1432        path: "juegos-para-aprender/:juegos-para-aprender",
1433        loadChildren: function () {
1434            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.mo
1434dule.ts")).then(function (m) { return m.SylosModule; });
1435        },
1436    },
1437    {
1438        path: "juegos-para-aprender-a-leer",
1439        loadChildren: function () {
1440            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1441        },
1442    },
1443    {
1444        path: "juegos-para-aprender-a-leer/:juegos-para-aprender-a-leer",
1445        loadChildren: function () {
1446            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1447        },
1448    },
1449    {
1450        path: "juegos-divertidos-para-aprender",
1451        loadChildren: function () {
1452            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1453        },
1454    },
1455    {
1456        path: "juegos-divertidos-para-aprender/:juegos-divertidos-para-aprender",
1457        loadChildren: function () {
1458            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1459        },
1460    },
1461    {
1462        path: "juegos-para-aprender-historia",
1463        loadChildren: function () {
1464            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1465        },
1466    },
1467    {
1468        path: "juegos-para-aprender-historia/:juegos-para-aprender-historia",
1469        loadChildren: function () {
1470            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1471        },
1472    },
1473    {
1474        path: "juegos-para-aprender-musica",
1475        loadChildren: function () {
1476            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1477        },
1478    },
1479    {
1480        path: "juegos-para-aprender-musica/:juegos-para-aprender-musica",
1481        loadChildren: function () {
1482            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1483        },
1484    },
1485    {
1486        path: "juegos-para-aprender-ciencias",
1487        loadChildren: function () {
1488            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1489        },
1490    },
1491    {
1492        path: "juegos-para-aprender-ciencias/:juegos-para-aprender-ciencias",
1493        loadChildren: function () {
1494            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1495        },
1496    },
1497    {
1498        path: "juegos-para-aprender-arte",
1499        loadChildren: function () {
1500            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1501        },
1502    },
1503    {
1504        path: "juegos-para-aprender-arte/:juegos-para-aprender-arte",
1505        loadChildren: function () {
1506            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1507        },
1508    },
1509    {
1510        path: "juegos-para-aprender-espanol",
1511        loadChildren: function () {
1512            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1513        },
1514    },
1515    {
1516        path: "juegos-para-aprender-espanol/:juegos-para-aprender-espanol",
1517        loadChildren: function () {
1518            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1519        },
1520    },
1521    {
1522        path: "juegos-para-aprender-valores",
1523        loadChildren: function () {
1524            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1525        },
1526    },
1527    {
1528        path: "juegos-para-aprender-valores/:juegos-para-aprender-valores",
1529        loadChildren: function () {
1530            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1531        },
1532    },
1533    {
1534        path: "juegos-para-aprender-y-practicar-matematicas",
1535        loadChildren: function () {
1536            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1537        },
1538    },
1539    {
1540        path: "juegos-para-aprender-y-practicar-matematicas/:juegos-para-aprender-y-practicar-matematicas",
1541        loadChildren: function () {
1542            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1543        },
1544    },
1545    {
1546        path: "juegos-educativos",
1547        loadChildren: function () {
1548            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1549        },
1550    },
1551    {
1552        path: "juegos-educativos/:juegos-educativos",
1553        loadChildren: function () {
1554            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1555        },
1556    },
1557    {
1558        path: "juegos-educativos-en-linea",
1559        loadChildren: function () {
1560            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1561        },
1562    },
1563    {
1564        path: "juegos-educativos-en-linea/:juegos-educativos-en-linea",
1565        loadChildren: function () {
1566            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1567        },
1568    },
1569    {
1570        path: "juegos-educativos-por-internet",
1571        loadChildren: function () {
1572            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1573        },
1574    },
1575    {
1576        path: "juegos-educativos-por-internet/:juegos-educativos-por-internet",
1577        loadChildren: function () {
1578            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1579        },
1580    },
1581    {
1582        path: "juegos-educativos-online",
1583        loadChildren: function () {
1584            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1585        },
1586    },
1587    {
1588        path: "juegos-educativos-online/:juegos-educativos-online",
1589        loadChildren: function () {
1590            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1591        },
1592    },
1593    {
1594        path: "juegos-educativos-para-ninos",
1595        loadChildren: function () {
1596            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1597        },
1598    },
1599    {
1600        path: "juegos-educativos-para-ninos/:juegos-educativos-para-ninos",
1601        loadChildren: function () {
1602            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1603        },
1604    },
1605    {
1606        path: "juegos-educativos-gratis",
1607        loadChildren: function () {
1608            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1609        },
1610    },
1611    {
1612        path: "juegos-educativos-gratis/:juegos-educativos-gratis",
1613        loadChildren: function () {
1614            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1615        },
1616    },
1617    {
1618        path: "juegos-educativos-infantiles",
1619        loadChildren: function () {
1620            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1621        },
1622    },
1623    {
1624        path: "juegos-educativos-infantiles/:juegos-educativos-infantiles",
1625        loadChildren: function () {
1626            return __webpack_require__.e(/*! import() | sylos-sylos-module */ "sylos-sylos-module").then(__webpack_require__.bind(null, /*! ./sylos/sylos.module */ "./src/app/sylos/sylos.module.ts")).then(function (m) { return m.SylosModule; });
1627        },
1628    },
1629    {
1630        path: "juegos-para-ninos",
1631        loadChildren: function () {
1632            return __webpack_require__.e(/*! import() | sylos-nino-sylos-nino-module */ "sylos-nino-sylos-nino-module").then(__webpack_require__.bind(null, /*! ./sylos-nino/sylos-nino.module */ "./src/app/sylos-nino/sylos-nino.module.ts")).then(function (m) { return m.SylosNinoModule; });
1633        },
1634    },
1635    {
1636        path: "juegos-para-ninos/:juegos-para-ninos",
1637        loadChildren: function () {
1638            return __webpack_require__.e(/*! import() | sylos-nino-sylos-nino-module */ "sylos-nino-sylos-nino-module").then(__webpack_require__.bind(null, /*! ./sylos-nino/sylos-nino.module */ "./src/app/sylos-nino/sylos-nino.module.ts")).then(function (m) { return m.SylosNinoModule; });
1639        },
1640    },
1641    {
1642        path: "gracias_maestros",
1643        loadChildren: function () {
1644            return __webpack_require__.e(/*! import() | sylos-gracias-sylos-gracias-module */ "sylos-gracias-sylos-gracias-module").then(__webpack_require__.bind(null, /*! ./sylos-gracias/sylos-gracias.module */ "./src/app/sylos-gracias/sylos-gracias.module.ts")).then(function (m) { return m.SylosGraciasModule; });
1645        },
1646    },
1647    {
1648        path: "gracias_ninos/:username",
1649        loadChildren: function () {
1650            return __webpack_require__.e(/*! import() | sylos-gracias-sylos-gracias-module */ "sylos-gracias-sylos-gracias-module").then(__webpack_require__.bind(null, /*! ./sylos-gracias/sylos-gracias.module */ "./src/app/sylos-gracias/sylos-gracias.module.ts")).then(function (m) { return m.SylosGraciasModule; });
1651        },
1652    },
1653    { path: "contacto", component: _contacto_contacto_component__WEBPACK_IMPORTED_MODULE_14__["ContactoComponent"] },
1654    { path: "aviso-privacidad", component: _avisoprivacidad_avisoprivacidad_component__WEBPACK_IMPORTED_MODULE_15__["AvisoprivacidadComponent"] },
1655    { path: "**", redirectTo: "/home" },
1656];
1657var AppRoutingModule = /** @class */ (function () {
1658    function AppRoutingModule() {
1659    }
1660    AppRoutingModule = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
1661        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
1662            /*imports: [RouterModule.forRoot(routes, { useHash: true })],*/
1663            imports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forRoot(routes)],
1664            exports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"]],
1665        })
1666    ], AppRoutingModule);
1667    return AppRoutingModule;
1668}());
1669
1670
1671
1672/***/ }),
1673
1674/***/ "./src/app/app.component.css":
1675/*!***********************************!*\
1676  !*** ./src/app/app.component.css ***!
1677  \***********************************/
1678/*! exports provided: default */
1679/***/ (function(module, __webpack_exports__, __webpack_require__) {
1680
1681"use strict";
1682__webpack_require__.r(__webpack_exports__);
1683/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuY3NzIn0= */");
1684
1685/***/ }),
1686
1687/***/ "./src/app/app.component.ts":
1688/*!**********************************!*\
1689  !*** ./src/app/app.component.ts ***!
1690  \**********************************/
1691/*! exports provided: AppComponent */
1692/***/ (function(module, __webpack_exports__, __webpack_require__) {
1693
1694"use strict";
1695__webpack_require__.r(__webpack_exports__);
1696/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppComponent", function() { return AppComponent; });
1697/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
1698/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
1699
1700
1701var AppComponent = /** @class */ (function () {
1702    function AppComponent() {
1703        this.title = 'labtakApp';
1704    }
1705    AppComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
1706        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
1707            selector: 'app-root',
1708            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./app.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/app.component.html")).default,
1709            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./app.component.css */ "./src/app/app.component.css")).default]
1710        })
1711    ], AppComponent);
1712    return AppComponent;
1713}());
1714
1715
1716
1717/***/ }),
1718
1719/***/ "./src/app/app.module.ts":
1720/*!*******************************!*\
1721  !*** ./src/app/app.module.ts ***!
1722  \*******************************/
1723/*! exports provided: AppModule */
1724/***/ (function(module, __webpack_exports__, __webpack_require__) {
1725
1726"use strict";
1727__webpack_require__.r(__webpack_exports__);
1728/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppModule", function() { return AppModule; });
1729/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
1730/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
1731/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
1732/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
1733/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
1734/* harmony import */ var _kolkov_angular_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @kolkov/angular-editor */ "./node_modules/@kolkov/angular-editor/fesm2015/kolkov-angular-editor.js");
1735/* harmony import */ var _app_routing_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./app-routing.module */ "./src/app/app-routing.module.ts");
1736/* harmony import */ var _app_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./app.component */ "./src/app/app.component.ts");
1737/* harmony import */ var _modal_modal_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modal/modal.component */ "./src/app/modal/modal.component.ts");
1738/* harmony import */ var _planes_planes_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./planes/planes.component */ "./src/app/planes/planes.component.ts");
1739/* harmony import */ var _nuevo_plan_nuevo_plan_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./nuevo-plan/nuevo-plan.component */ "./src/app/nuevo-plan/nuevo-plan.component.ts");
1740/* harmony import */ var _item_contenido_item_contenido_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./item-contenido/item-contenido.component */ "./src/app/item-contenido/item-contenido.component.ts");
1741/* harmony import */ var _item_juego_item_juego_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./item-juego/item-juego.component */ "./src/app/item-juego/item-juego.component.ts");
1742/* harmony import */ var _login_login_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./login/login.component */ "./src/app/login/login.component.ts");
1743/* harmony import */ var _registro_registro_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./registro/registro.component */ "./src/app/registro/registro.component.ts");
1744/* harmony import */ var _inicio_inicio_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./inicio/inicio.component */ "./src/app/inicio/inicio.component.ts");
1745/* harmony import */ var _modal_buscar_modal_buscar_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./modal-buscar/modal-buscar.component */ "./src/app/modal-buscar/modal-buscar.component.ts");
1746/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "./node_modules/@ng-bootstrap/ng-bootstrap/fesm5/ng-bootstrap.js");
1747/* harmony import */ var _ver_juego_ver_juego_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./ver-juego/ver-juego.component */ "./src/app/ver-juego/ver-juego.component.ts");
1748/* harmony import */ var ng_drag_drop__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ng-drag-drop */ "./node_modules/ng-drag-drop/index.js");
1749/* harmony import */ var ng_drag_drop__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(ng_drag_drop__WEBPACK_IMPORTED_MODULE_19__);
1750/* harmony import */ var _pipe_sanitizeHtml_pipe__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./pipe/sanitizeHtml.pipe */ "./src/app/pipe/sanitizeHtml.pipe.ts");
1751/* harmony import */ var _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @angular/platform-browser/animations */ "./node_modules/@angular/platform-browser/fesm5/animations.js");
1752/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
1753/* harmony import */ var ngx_pagination__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ngx-pagination */ "./node_modules/ngx-pagination/dist/ngx-pagination.js");
1754/* harmony import */ var _new_home_new_home_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./new-home/new-home.component */ "./src/app/new-home/new-home.component.ts");
1755/* harmony import */ var _landing_landing_component__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./landing/landing.component */ "./src/app/landing/landing.component.ts");
1756/* harmony import */ var _plan_sesion_plan_sesion_component__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./plan-sesion/plan-sesion.component */ "./src/app/plan-sesion/plan-sesion.component.ts");
1757/* harmony import */ var _articulo_articulo_component__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./articulo/articulo.component */ "./src/app/articulo/articulo.component.ts");
1758/* harmony import */ var _foro_foro_component__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./foro/foro.component */ "./src/app/foro/foro.component.ts");
1759/* harmony import */ var _foro_entrada_foro_entrada_component__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./foro-entrada/foro-entrada.component */ "./src/app/foro-entrada/foro-entrada.component.ts");
1760/* harmony import */ var _plan_compartida_plan_compartida_component__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./plan-compartida/plan-compartida.component */ "./src/app/plan-compartida/plan-compartida.component.ts");
1761/* harmony import */ var _tienda_tienda_component__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./tienda/tienda.component */ "./src/app/tienda/tienda.component.ts");
1762/* harmony import */ var _reglas_blogy_foro_reglas_blogy_foro_component__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./reglas-blogy-foro/reglas-blogy-foro.component */ "./src/app/reglas-blogy-foro/reglas-blogy-foro.component.ts");
1763/* harmony import */ var _recibos_pagos_recibos_pagos_component__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./recibos-pagos/recibos-pagos.component */ "./src/app/recibos-pagos/recibos-pagos.component.ts");
1764/* harmony import */ var angular_user_idle__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! angular-user-idle */ "./node_modules/angular-user-idle/fesm5/angular-user-idle.js");
1765/* harmony import */ var _capacitacion_capacitacion_component__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./capacitacion/capacitacion.component */ "./src/app/capacitacion/capacitacion.component.ts");
1766/* harmony import */ var _capacitacion_listado_capacitacion_listado_component__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./capacitacion-listado/capacitacion-listado.component */ "./src/app/capacitacion-listado/capacitacion-listado.component.ts");
1767/* harmony import */ var _capacitacion_webinar_capacitacion_webinar_component__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./capacitacion-webinar/capacitacion-webinar.component */ "./src/app/capacitacion-webinar/capacitacion-webinar.component.ts");
1768/* harmony import */ var _capacitacion_mooc_capacitacion_mooc_component__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./capacitacion-mooc/capacitacion-mooc.component */ "./src/app/capacitacion-mooc/capacitacion-mooc.component.ts");
1769/* harmony import */ var _capacitacion_webinar_live_capacitacion_webinar_live_component__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./capacitacion-webinar-live/capacitacion-webinar-live.component */ "./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.ts");
1770/* harmony import */ var _zoom_zoom_component__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./zoom/zoom.component */ "./src/app/zoom/zoom.component.ts");
1771/* harmony import */ var _mooc_mooc_component__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./mooc/mooc.component */ "./src/app/mooc/mooc.component.ts");
1772/* harmony import */ var _recupera_contra_recupera_contra_component__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./recupera-contra/recupera-contra.component */ "./src/app/recupera-contra/recupera-contra.component.ts");
1773/* harmony import */ var _contacto_contacto_component__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./contacto/contacto.component */ "./src/app/contacto/contacto.component.ts");
1774/* harmony import */ var _avisoprivacidad_avisoprivacidad_component__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./avisoprivacidad/avisoprivacidad.component */ "./src/app/avisoprivacidad/avisoprivacidad.component.ts");
1775/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./shared/shared.module */ "./src/app/shared/shared.module.ts");
1776/* harmony import */ var _pipe_shared_pipes_module__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./pipe/shared-pipes.module */ "./src/app/pipe/shared-pipes.module.ts");
1777/* harmony import */ var _modal_sesiones_modal_sesiones_module__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./modal-sesiones/modal-sesiones.module */ "./src/app/modal-sesiones/modal-sesiones.module.ts");
1778/* harmony import */ var _actividades_actividades_module__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./actividades/actividades.module */ "./src/app/actividades/actividades.module.ts");
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813 //medidor de inactividad del usuario
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828var AppModule = /** @class */ (function () {
1829    function AppModule() {
1830    }
1831    AppModule = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
1832        Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["NgModule"])({
1833            declarations: [
1834                _app_component__WEBPACK_IMPORTED_MODULE_7__["AppComponent"],
1835                _modal_modal_component__WEBPACK_IMPORTED_MODULE_8__["ModalComponent"],
1836                _planes_planes_component__WEBPACK_IMPORTED_MODULE_9__["PlanesComponent"],
1837                _nuevo_plan_nuevo_plan_component__WEBPACK_IMPORTED_MODULE_10__["NuevoPlanComponent"],
1838                _item_contenido_item_contenido_component__WEBPACK_IMPORTED_MODULE_11__["ItemContenidoComponent"],
1839                _item_juego_item_juego_component__WEBPACK_IMPORTED_MODULE_12__["ItemJuegoComponent"],
1840                _login_login_component__WEBPACK_IMPORTED_MODULE_13__["LoginComponent"],
1841                _registro_registro_component__WEBPACK_IMPORTED_MODULE_14__["RegistroComponent"],
1842                _inicio_inicio_component__WEBPACK_IMPORTED_MODULE_15__["InicioComponent"],
1843                _modal_buscar_modal_buscar_component__WEBPACK_IMPORTED_MODULE_16__["ModalBuscarComponent"],
1844                _ver_juego_ver_juego_component__WEBPACK_IMPORTED_MODULE_18__["VerJuegoComponent"],
1845                _pipe_sanitizeHtml_pipe__WEBPACK_IMPORTED_MODULE_20__["SanitizeHtmlPipe"],
1846                _new_home_new_home_component__WEBPACK_IMPORTED_MODULE_24__["NewHomeComponent"],
1847                _landing_landing_component__WEBPACK_IMPORTED_MODULE_25__["LandingComponent"],
1848                _plan_sesion_plan_sesion_component__WEBPACK_IMPORTED_MODULE_26__["PlanSesionComponent"],
1849                _articulo_articulo_component__WEBPACK_IMPORTED_MODULE_27__["ArticuloComponent"],
1850                _foro_foro_component__WEBPACK_IMPORTED_MODULE_28__["ForoComponent"],
1851                _foro_entrada_foro_entrada_component__WEBPACK_IMPORTED_MODULE_29__["ForoEntradaComponent"],
1852                _plan_compartida_plan_compartida_component__WEBPACK_IMPORTED_MODULE_30__["PlanCompartidaComponent"],
1853                _tienda_tienda_component__WEBPACK_IMPORTED_MODULE_31__["TiendaComponent"],
1854                _reglas_blogy_foro_reglas_blogy_foro_component__WEBPACK_IMPORTED_MODULE_32__["ReglasBlogyForoComponent"],
1855                _recibos_pagos_recibos_pagos_component__WEBPACK_IMPORTED_MODULE_33__["RecibosPagosComponent"],
1856                _capacitacion_capacitacion_component__WEBPACK_IMPORTED_MODULE_35__["CapacitacionComponent"],
1857                _capacitacion_listado_capacitacion_listado_component__WEBPACK_IMPORTED_MODULE_36__["CapacitacionListadoComponent"],
1858                _capacitacion_webinar_capacitacion_webinar_component__WEBPACK_IMPORTED_MODULE_37__["CapacitacionWebinarComponent"],
1859                _capacitacion_mooc_capacitacion_mooc_component__WEBPACK_IMPORTED_MODULE_38__["CapacitacionMoocComponent"],
1860                _capacitacion_webinar_live_capacitacion_webinar_live_component__WEBPACK_IMPORTED_MODULE_39__["CapacitacionWebinarLiveComponent"],
1861                _zoom_zoom_component__WEBPACK_IMPORTED_MODULE_40__["ZoomComponent"],
1862                _mooc_mooc_component__WEBPACK_IMPORTED_MODULE_41__["MoocComponent"],
1863                _recupera_contra_recupera_contra_component__WEBPACK_IMPORTED_MODULE_42__["RecuperaContraComponent"],
1864                _contacto_contacto_component__WEBPACK_IMPORTED_MODULE_43__["ContactoComponent"],
1865                _avisoprivacidad_avisoprivacidad_component__WEBPACK_IMPORTED_MODULE_44__["AvisoprivacidadComponent"],
1866            ],
1867            imports: [
1868                _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__["BrowserModule"],
1869                _app_routing_module__WEBPACK_IMPORTED_MODULE_6__["AppRoutingModule"],
1870                _angular_common_http__WEBPACK_IMPORTED_MODULE_4__["HttpClientModule"],
1871                _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"],
1872                _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_17__["NgbModule"],
1873                ng_drag_drop__WEBPACK_IMPORTED_MODULE_19__["NgDragDropModule"].forRoot(),
1874                _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_21__["BrowserAnimationsModule"],
1875                _angular_material__WEBPACK_IMPORTED_MODULE_22__["MatInputModule"],
1876                _angular_material__WEBPACK_IMPORTED_MODULE_22__["MatTableModule"],
1877                _angular_material__WEBPACK_IMPORTED_MODULE_22__["MatPaginatorModule"],
1878                _angular_material__WEBPACK_IMPORTED_MODULE_22__["MatSortModule"],
1879                _angular_material__WEBPACK_IMPORTED_MODULE_22__["MatProgressSpinnerModule"],
1880                _angular_material__WEBPACK_IMPORTED_MODULE_22__["MatCheckboxModule"],
1881                ngx_pagination__WEBPACK_IMPORTED_MODULE_23__["NgxPaginationModule"],
1882                _kolkov_angular_editor__WEBPACK_IMPORTED_MODULE_5__["AngularEditorModule"],
1883                angular_user_idle__WEBPACK_IMPORTED_MODULE_34__["UserIdleModule"].forRoot({ idle: 900, timeout: 1, ping: 10 }),
1884                _shared_shared_module__WEBPACK_IMPORTED_MODULE_45__["SharedModule"],
1885                _pipe_shared_pipes_module__WEBPACK_IMPORTED_MODULE_46__["SharedPipesModule"],
1886                _modal_sesiones_modal_sesiones_module__WEBPACK_IMPORTED_MODULE_47__["ModalsSesionesModule"],
1887                _actividades_actividades_module__WEBPACK_IMPORTED_MODULE_48__["ActividadesModule"]
1888            ],
1889            entryComponents: [],
1890            providers: [],
1891            bootstrap: [_app_component__WEBPACK_IMPORTED_MODULE_7__["AppComponent"]],
1892        })
1893    ], AppModule);
1894    return AppModule;
1895}());
1896
1897
1898
1899/***/ }),
1900
1901/***/ "./src/app/articulo/articulo.component.css":
1902/*!*************************************************!*\
1903  !*** ./src/app/articulo/articulo.component.css ***!
1904  \*************************************************/
1905/*! exports provided: default */
1906/***/ (function(module, __webpack_exports__, __webpack_require__) {
1907
1908"use strict";
1909__webpack_require__.r(__webpack_exports__);
1910/* harmony default export */ __webpack_exports__["default"] = (".screen{\r\n    /*display:grid;*/\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: right;\r\n}\r\n\r\n.screen2{\r\n    /*display:grid;*/\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 150px;\r\n}\r\n\r\n.screenleft{\r\n    /*display:grid;*/\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: left;\r\n}\r\n\r\n.screenimg{\r\n    /*display:grid;*/\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.seccion{\r\n    background-color:white;\r\n    width: 100%;\r\n    margin: 2em 0px; \r\n}\r\n\r\n.marg60{\r\n    margin: 100px 0px 0px 10%;\r\n}\r\n\r\n.margleft40{\r\n    margin-left: 40% !important;\r\n}\r\n\r\n.marginC{\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.bloc{\r\n    display: block !important;\r\n}\r\n\r\n.tituloPrincipal{\r\n    font-size: 35px;\r\n    font-weight: bold;\r\n}\r\n\r\n.subtitulo{\r\n    font-size: 25px;\r\n    font-weight: bold;\r\n    margin-left: 30%;    \r\n}\r\n\r\n.autor{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #FFB41A;\r\n}\r\n\r\n.por{\r\n    color: black !important;\r\n}\r\n\r\n.compartir{\r\n    color: dimgrey;\r\n}\r\n\r\n.imgRes{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.fecha{\r\n    font-size: 13px;\r\n    font-weight: bold;\r\n    margin-right: 15px;\r\n    color: gray;\r\n}\r\n\r\n.categoria{\r\n    margin-right: 0px !important;\r\n    margin-left: 15px;\r\n}\r\n\r\n.resumen{\r\n    font-size: 16px ;\r\n    line-height : 19px;\r\n}\r\n\r\n.marginAutor{\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.tags{\r\n    font-weight: bold;\r\n    font-size: 14px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.linea{\r\n    margin-bottom: 22px;\r\n    border-bottom: 2px solid #FFB41A;\r\n    padding-bottom: 9px;\r\n}\r\n\r\n.publicarCom{\r\n    /*margin-left: 40%;*/\r\n    border: 0px;\r\n    background: url('/assets/images/background/btn151.png') no-repeat scroll 0 0 transparent;\r\n    background-size: 100%;\r\n    cursor: pointer;\r\n    color:black;\r\n    font-weight: 700;   \r\n    width: 180px;\r\n    height: 30px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.eliminarCom{\r\n    border: 0px;\r\n    background: url('/assets/images/blogForo/Iconos_LTblog_Bote_35px.png') no-repeat scroll 0 0 transparent;\r\n    background-size: 100%;\r\n    cursor: pointer;  \r\n    width: 25px;\r\n    height: 25px;\r\n}\r\n\r\n.resumenAutor{\r\n    font-weight: 500;\r\n    font-size: 12px;\r\n    line-height: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.comPrinci{\r\n    width: 100%;\r\n    margin-bottom: 22px;\r\n    border-bottom: 2px solid gray;\r\n    padding-bottom: 9px;\r\n}\r\n\r\n.respuestas{\r\n    width: 80%;\r\n    margin-left: 18%;\r\n}\r\n\r\n.publiRes{\r\n    font-size: 14px !important;\r\n}\r\n\r\n.iconB{\r\n    margin: 10px;\r\n}\r\n\r\n.titulo{\r\n    font-weight: bold;\r\n    font-size: 22px ;\r\n}\r\n\r\n.ArtRelacion{\r\n    background-color:white;\r\n    width: 100%;\r\n    margin: 1em 0px 0px 0px;\r\n}\r\n\r\n.centrarImagenes\r\n{\r\n   /*display:grid;*/\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.imagenResumen{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.destFecCat{\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: black;\r\n}\r\n\r\n.desTitulo{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.clock{\r\n    position: fixed;\r\n    min-height: 120px;\r\n    width: 200px;\r\n    text-align: center;\r\n    word-wrap: break-word;\r\n    background-color: #FFB41A;\r\n    z-index: 999;\r\n    border-top-right-radius: 60px;\r\n    border-bottom-right-radius: 60px;\r\n    margin-top: 100px;\r\n    color:white;\r\n    padding: 0 10px;\r\n}\r\n\r\n.timeClock{\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n}\r\n\r\n.textClock{\r\n    font-size: 17px;\r\n    line-height: 15px;\r\n    margin-top: 10%;\r\n}\r\n\r\n.block{\r\n    position: fixed;\r\n    height: 150%;\r\n    width: 100%;\r\n    text-align: center;\r\n    word-wrap: break-word;\r\n    background-color: rgba(0,0,0,.8);;\r\n    z-index: 1000;\r\n    color:white;\r\n    padding: 15%;\r\n    margin-top: -200px;\r\n    overflow: scroll;\r\n}\r\n\r\n.textBlock{\r\n    font-size: 20px;\r\n}\r\n\r\n.BTNregistrar{\r\n    border-radius: 20px;\r\n    background-color: #FFB41A;\r\n    cursor: pointer;\r\n    color: #634404;\r\n    font-weight: 700;\r\n    width: 200px;\r\n    height: 60px;\r\n}\r\n\r\n.textarea{\r\n    float: left;\r\n    width: 100%;\r\n    min-height: 150px;\r\n    outline: none;\r\n    resize: none;\r\n    border: 1px solid grey;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.home{\r\n    display:flex;\r\n    flex-wrap: wrap;    \r\n}\r\n\r\n.in-flex{\r\n    flex:1;\r\n    min-width: 350px;\r\n    padding: 25px;\r\n}\r\n\r\n.in-flex2{\r\n    flex:1;\r\n    min-width: 100px;\r\n}\r\n\r\n.in-flex3{\r\n    flex:1;\r\n    min-width: 300px;\r\n    padding: 15px;\r\n}\r\n\r\n.in-flex4{\r\n    flex:1;\r\n    min-width: 150px;\r\n    padding: 15px;\r\n}\r\n\r\n.in-flex4img{\r\n    flex:1;\r\n    min-width: 250px;\r\n    padding: 15px;\r\n}\r\n\r\n.in-flex:first-child {\r\n    flex:2;\r\n    margin-bottom:0px;\r\n    margin-top: 0px !important;\r\n}\r\n\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYXJ0aWN1bG8vYXJ0aWN1bG8uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGdCQUFnQjtJQUNoQixXQUFXO0lBQ1gsbUJBQW1CO0lBQ25CLHNCQUFzQjtBQUMxQjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixXQUFXO0lBQ1gsbUJBQW1CO0lBQ25CLHVCQUF1QjtJQUN2QixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsV0FBVztJQUNYLG1CQUFtQjtJQUNuQixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsbUJBQW1CO0lBQ25CLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixXQUFXO0lBQ1gsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLHlCQU
1910F5QjtBQUM3Qjs7QUFFQTtJQUNJLDJCQUEyQjtBQUMvQjs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixpQkFBaUI7SUFDakIsY0FBYztBQUNsQjs7QUFFQTtJQUNJLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixpQkFBaUI7SUFDakIsa0JBQWtCO0lBQ2xCLFdBQVc7QUFDZjs7QUFFQTtJQUNJLDRCQUE0QjtJQUM1QixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxtQkFBbUI7SUFDbkIsZ0NBQWdDO0lBQ2hDLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLG9CQUFvQjtJQUNwQixXQUFXO0lBQ1gsd0ZBQXdGO0lBQ3hGLHFCQUFxQjtJQUNyQixlQUFlO0lBQ2YsV0FBVztJQUNYLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osWUFBWTtJQUNaLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLFdBQVc7SUFDWCx1R0FBdUc7SUFDdkcscUJBQXFCO0lBQ3JCLGVBQWU7SUFDZixXQUFXO0lBQ1gsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxtQkFBbUI7SUFDbkIsNkJBQTZCO0lBQzdCLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLFVBQVU7SUFDVixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSSxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixXQUFXO0lBQ1gsdUJBQXVCO0FBQzNCOztBQUVBOztHQUVHLGdCQUFnQjtJQUNmLG1CQUFtQjtJQUNuQix1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHFCQUFxQjtJQUNyQix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLDZCQUE2QjtJQUM3QixnQ0FBZ0M7SUFDaEMsaUJBQWlCO0lBQ2pCLFdBQVc7SUFDWCxlQUFlO0FBQ25COztBQUVBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixpQkFBaUI7SUFDakIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixZQUFZO0lBQ1osV0FBVztJQUNYLGtCQUFrQjtJQUNsQixxQkFBcUI7SUFDckIsZ0NBQWdDO0lBQ2hDLGFBQWE7SUFDYixXQUFXO0lBQ1gsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksbUJBQW1CO0lBQ25CLHlCQUF5QjtJQUN6QixlQUFlO0lBQ2YsY0FBYztJQUNkLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osWUFBWTtBQUNoQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxXQUFXO0lBQ1gsaUJBQWlCO0lBQ2pCLGFBQWE7SUFDYixZQUFZO0lBQ1osc0JBQXNCO0lBQ3RCLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWixlQUFlO0FBQ25COztBQUVBO0lBQ0ksTUFBTTtJQUNOLGdCQUFnQjtJQUNoQixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksTUFBTTtJQUNOLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLE1BQU07SUFDTixnQkFBZ0I7SUFDaEIsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLE1BQU07SUFDTixnQkFBZ0I7SUFDaEIsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLE1BQU07SUFDTixnQkFBZ0I7SUFDaEIsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLE1BQU07SUFDTixpQkFBaUI7SUFDakIsMEJBQTBCO0FBQzlCIiwiZmlsZSI6InNyYy9hcHAvYXJ0aWN1bG8vYXJ0aWN1bG8uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zY3JlZW57XHJcbiAgICAvKmRpc3BsYXk6Z3JpZDsqL1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAganVzdGlmeS1jb250ZW50OiByaWdodDtcclxufVxyXG5cclxuLnNjcmVlbjJ7XHJcbiAgICAvKmRpc3BsYXk6Z3JpZDsqL1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBtYXJnaW4tdG9wOiAxNTBweDtcclxufVxyXG5cclxuLnNjcmVlbmxlZnR7XHJcbiAgICAvKmRpc3BsYXk6Z3JpZDsqL1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBsZWZ0O1xyXG59XHJcblxyXG4uc2NyZWVuaW1ne1xyXG4gICAgLypkaXNwbGF5OmdyaWQ7Ki9cclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxufVxyXG5cclxuLnNlY2Npb257XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOndoaXRlO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtYXJnaW46IDJlbSAwcHg7IFxyXG59XHJcblxyXG4ubWFyZzYwe1xyXG4gICAgbWFyZ2luOiAxMDBweCAwcHggMHB4IDEwJTtcclxufVxyXG5cclxuLm1hcmdsZWZ0NDB7XHJcbiAgICBtYXJnaW4tbGVmdDogNDAlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tYXJnaW5De1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjVweDtcclxufVxyXG5cclxuLmJsb2N7XHJcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4udGl0dWxvUHJpbmNpcGFse1xyXG4gICAgZm9udC1zaXplOiAzNXB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuXHJcbi5zdWJ0aXR1bG97XHJcbiAgICBmb250LXNpemU6IDI1cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIG1hcmdpbi1sZWZ0OiAzMCU7ICAgIFxyXG59XHJcblxyXG4uYXV0b3J7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4ucG9ye1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5jb21wYXJ0aXJ7XHJcbiAgICBjb2xvcjogZGltZ3JleTtcclxufVxyXG5cclxuLmltZ1Jlc3tcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG59XHJcblxyXG4uZmVjaGF7XHJcbiAgICBmb250LXNpemU6IDEzcHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIG1hcmdpbi1yaWdodDogMTVweDtcclxuICAgIGNvbG9yOiBncmF5O1xyXG59XHJcblxyXG4uY2F0ZWdvcmlhe1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAwcHggIWltcG9ydGFudDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxNXB4O1xyXG59XHJcblxyXG4ucmVzdW1lbntcclxuICAgIGZvbnQtc2l6ZTogMTZweCA7XHJcbiAgICBsaW5lLWhlaWdodCA6IDE5cHg7XHJcbn1cclxuXHJcbi5tY
1910XJnaW5BdXRvcntcclxuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XHJcbn1cclxuXHJcbi50YWdze1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBmb250LXNpemU6IDE0cHggO1xyXG4gICAgY29sb3I6ICNGRkI0MUEgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmxpbmVhe1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjJweDtcclxuICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjRkZCNDFBO1xyXG4gICAgcGFkZGluZy1ib3R0b206IDlweDtcclxufVxyXG5cclxuLnB1YmxpY2FyQ29te1xyXG4gICAgLyptYXJnaW4tbGVmdDogNDAlOyovXHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvYmFja2dyb3VuZC9idG4xNTEucG5nJykgbm8tcmVwZWF0IHNjcm9sbCAwIDAgdHJhbnNwYXJlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBjb2xvcjpibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7ICAgXHJcbiAgICB3aWR0aDogMTgwcHg7XHJcbiAgICBoZWlnaHQ6IDMwcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xyXG59XHJcblxyXG4uZWxpbWluYXJDb217XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvYmxvZ0Zvcm8vSWNvbm9zX0xUYmxvZ19Cb3RlXzM1cHgucG5nJykgbm8tcmVwZWF0IHNjcm9sbCAwIDAgdHJhbnNwYXJlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7ICBcclxuICAgIHdpZHRoOiAyNXB4O1xyXG4gICAgaGVpZ2h0OiAyNXB4O1xyXG59XHJcblxyXG4ucmVzdW1lbkF1dG9ye1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxNXB4O1xyXG4gICAgbWFyZ2luLXRvcDogMTVweDtcclxufVxyXG5cclxuLmNvbVByaW5jaXtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjJweDtcclxuICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCBncmF5O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDlweDtcclxufVxyXG5cclxuLnJlc3B1ZXN0YXN7XHJcbiAgICB3aWR0aDogODAlO1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE4JTtcclxufVxyXG5cclxuLnB1YmxpUmVze1xyXG4gICAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5pY29uQntcclxuICAgIG1hcmdpbjogMTBweDtcclxufVxyXG5cclxuLnRpdHVsb3tcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgZm9udC1zaXplOiAyMnB4IDtcclxufVxyXG5cclxuLkFydFJlbGFjaW9ue1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjp3aGl0ZTtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWFyZ2luOiAxZW0gMHB4IDBweCAwcHg7XHJcbn1cclxuXHJcbi5jZW50cmFySW1hZ2VuZXNcclxue1xyXG4gICAvKmRpc3BsYXk6Z3JpZDsqL1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG59XHJcblxyXG4uaW1hZ2VuUmVzdW1lbntcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG59XHJcblxyXG4uZGVzdEZlY0NhdHtcclxuICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbn1cclxuXHJcbi5kZXNUaXR1bG97XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGZvbnQtc2l6ZTogMTZweCA7XHJcbiAgICBjb2xvcjogI0ZGQjQxQSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uY2xvY2t7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICBtaW4taGVpZ2h0OiAxMjBweDtcclxuICAgIHdpZHRoOiAyMDBweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHdvcmQtd3JhcDogYnJlYWstd29yZDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkI0MUE7XHJcbiAgICB6LWluZGV4OiA5OTk7XHJcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNjBweDtcclxuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA2MHB4O1xyXG4gICAgbWFyZ2luLXRvcDogMTAwcHg7XHJcbiAgICBjb2xvcjp3aGl0ZTtcclxuICAgIHBhZGRpbmc6IDAgMTBweDtcclxufVxyXG5cclxuLnRpbWVDbG9ja3tcclxuICAgIGZvbnQtc2l6ZTogNDBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XHJcbn1cclxuXHJcbi50ZXh0Q2xvY2t7XHJcbiAgICBmb250LXNpemU6IDE3cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTVweDtcclxuICAgIG1hcmdpbi10b3A6IDEwJTtcclxufVxyXG5cclxuLmJsb2Nre1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgaGVpZ2h0OiAxNTAlO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsMCwwLC44KTs7XHJcbiAgICB6LWluZGV4OiAxMDAwO1xyXG4gICAgY29sb3I6d2hpdGU7XHJcbiAgICBwYWRkaW5nOiAxNSU7XHJcbiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7XHJcbiAgICBvdmVyZmxvdzogc2Nyb2xsO1xyXG59XHJcblxyXG4udGV4dEJsb2Nre1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG59XHJcblxyXG4uQlROcmVnaXN0cmFye1xyXG4gICAgYm9yZGVyLXJhZGl1czogMjBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkI0MUE7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBjb2xvcjogIzYzNDQwNDtcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XHJcbiAgICB3aWR0aDogMjAwcHg7XHJcbiAgICBoZWlnaHQ6IDYwcHg7XHJcbn1cclxuXHJcbi50ZXh0YXJlYXtcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcclxuICAgIG91dGxpbmU6IG5vbmU7XHJcbiAgICByZXNpemU6IG5vbmU7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCBncmV5O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTVweDtcclxufVxyXG5cclxuLmhvbWV7XHJcbiAgICBkaXNwbGF5OmZsZXg7XHJcbiAgICBmbGV4LXdyYXA6IHdyYXA7ICAgIFxyXG59XHJcblxyXG4uaW4tZmxleHtcclxuICAgIGZsZXg6MTtcclxuICAgIG1pbi13aWR0aDogMzUwcHg7XHJcbiAgICBwYWRkaW5nOiAyNXB4O1xyXG59XHJcblxyXG4uaW4tZmxleDJ7XHJcbiAgICBmbGV4OjE7XHJcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xyXG59XHJcblxyXG4uaW4tZmxleDN7XHJcbiAgICBmbGV4OjE7XHJcbiAgICBtaW4td2lkdGg6IDMwMHB4O1xyXG4gICAgcGFkZGluZzogMTVweDtcclxufVxyXG5cclxuLmluLWZsZXg0e1xyXG4gICAgZmxleDoxO1xyXG4gICAgbWluLXdpZHRoOiAxNTBweDtcclxuICAgIHBhZGRpbmc6IDE1cHg7XHJcbn1cclxuXHJcbi5pbi1mbGV4NGltZ3tcclxuICAgIGZsZXg6MTtcclxuICAgIG1pbi13aWR0aDogMjUwcHg7XHJcbiAgICBwYWRkaW5nOiAxNXB4O1xyXG59XHJcblxyXG4uaW4tZmxleDpmaXJzdC1jaGlsZCB7XHJcbiAgICBmbGV4OjI7XHJcbiAgICBtYXJnaW4tYm90dG9tOjBweDtcclxuICAgIG1hcmdpbi10b3A6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiJdfQ== */");
1911
1912/***/ }),
1913
1914/***/ "./src/app/articulo/articulo.component.ts":
1915/*!************************************************!*\
1916  !*** ./src/app/articulo/articulo.component.ts ***!
1917  \************************************************/
1918/*! exports provided: ArticuloComponent */
1919/***/ (function(module, __webpack_exports__, __webpack_require__) {
1920
1921"use strict";
1922__webpack_require__.r(__webpack_exports__);
1923/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ArticuloComponent", function() { return ArticuloComponent; });
1924/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
1925/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
1926/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
1927/* harmony import */ var _models_blogComments__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/blogComments */ "./src/app/models/blogComments.ts");
1928/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
1929/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_4__);
1930/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
1931/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
1932/* harmony import */ var _service_blog_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../service/blog.service */ "./src/app/service/blog.service.ts");
1933/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943var ArticuloComponent = /** @class */ (function () {
1944    function ArticuloComponent(route, blogService, detalleService) {
1945        this.route = route;
1946        this.blogService = blogService;
1947        this.detalleService = detalleService;
1948        this.resArt = [];
1949        this.Comentario = new _models_blogComments__WEBPACK_IMPORTED_MODULE_3__["blogComment"]();
1950        this.token = localStorage.getItem("token");
1951        this.GoTo = "";
1952        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_6__["imagenesBlog"].url;
1953        this._second = 1000;
1954        this._minute = this._second * 60;
1955        this.source = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["timer"])(0, 1000);
1956        this.timer = localStorage.getItem("timer");
1957    }
1958    ArticuloComponent.prototype.eliminarComment = function (ID) {
1959        var _this = this;
1960        var b = { ID: ID, visible: false };
1961        sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire({
1962            title: "¿Seguro quieres eliminar tu comentario?",
1963            text: "no podras deshacer esto!",
1964            showCancelButton: true,
1965            confirmButtonColor: "#3085d6",
1966            cancelButtonColor: "#d33",
1967            confirmButtonText: "Si, eliminalo",
1968        }).then(function (result) {
1969            if (result.value) {
1970                _this.blogService.postUpdateCommentBlog(b).subscribe(function (response) {
1971                    _this.refresh();
1972                });
1973                sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire("Eliminado!", "Tu comentario se ha eliminado.", "success");
1974            }
1975        });
1976    };
1977    ArticuloComponent.prototype.publicar = function (idres) {
1978        return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function () {
1979            var _this = this;
1980            return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
1981                switch (_a.label) {
1982                    case 0:
1983                        if (!(this.token == null || this.token == undefined || this.token == "")) return [3 /*break*/, 1];
1984                        sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire("", "Registrate en la pagina para comentar", "warning");
1985                        return [3 /*break*/, 5];
1986                    case 1:
1987                        this.Comentario.IDarticulo = this.resArt.article.ID;
1988                        if (!!idres) return [3 /*break*/, 2];
1989                        this.Comentario.IDrespuesta = null;
1990                        if (this.textcomment) {
1991                            this.Comentario.texto = this.textcomment;
1992                        }
1993                        else {
1994                            this.Comentario.texto = "#no#";
1995                        }
1996                        return [3 /*break*/, 4];
1997                    case 2:
1998                        this.Comentario.IDrespuesta = idres;
1999                        return [4 /*yield*/, sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire({
2000                                input: "textarea",
2001                                inputPlaceholder: "Escriba aqui su respuesta",
2002                                showCancelButton: true,
2003                            }).then(function (text) {
2004                                if (text.value) {
2005                                    _this.Comentario.texto = text.value;
2006                                }
2007                                else {
2008                                    _this.Comentario.texto = "#no#";
2009                                }
2010                            })];
2011                    case 3:
2012                        _a.sent();
2013                        _a.label = 4;
2014                    case 4:
2015                        this.Comentario.IDusuario = this.IDemail; //arreglar cuando pongamos sesion
2016                        this.Comentario.fecha = new Date().toISOString();
2017                        this.Comentario.visible = true;
2018                        if (this.Comentario.texto != "#no#") {
2019                            console.log(this.Comentario); //POST
2020                            this.blogService
2021                                .postCommentBlog(this.Comentario)
2022                                .subscribe(function (response) {
2023                                _this.refresh();
2024                                _this.textcomment = "";
2025                                sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire("", "Comentario publicado", "success");
2026                            });
2027                        }
2028                        _a.label = 5;
2029                    case 5: return [2 /*return*/];
2030                }
2031            });
2032        });
2033    };
2034    ArticuloComponent.prototype.showDate = function () {
2035        var distance = this.end - this.now;
2036        this.minutes = Math.floor(distance / this._minute);
2037        this.seconds = Math.floor((distance % this._minute) / this._second);
2038        localStorage.setItem("timer", this.minutes + "," + this.seconds + "");
2039        if (this.minutes < 0) {
2040            this.clock.unsubscribe();
2041            this.showClock = false;
2042            var top_1 = document.getElementById("top");
2043            top_1.scrollIntoView();
2044            this.showBlock = true;
2045            this.closeLogin = false;
2046            localStorage.setItem("timer", "0,0");
2047        }
2048    };
2049    ArticuloComponent.prototype.refresh = function () {
2050        var _this = this;
2051        this.blogService
2052            .getArticuloSelec(this.IDarticulo)
2053            .subscribe(function (response) {
2054            _this.resArt = response;
2055            _this.resArt.article.foto = _this.urlIMG + _this.resArt.article.foto;
2056            _this.resArt.article.imagen = _this.urlIMG + _this.resArt.article.imagen;
2057            console.log(_this.resArt);
2058        });
2059    };
2060    ArticuloComponent.prototype.ngOnInit = function () {
2061        var _this = this;
2062        this.IDarticulo = this.route.snapshot.paramMap.get("id");
2063        this.refresh();
2064        this.showBlock = false;
2065        this.closeLogin = false;
2066        this.RoI = "I";
2067        this.GoTo = "B";
2068        if (this.token == null || this.token == undefined || this.token == "") {
2069            this.nontoken = true;
2070            if (this.timer == null ||
2071                this.timer == undefined ||
2072                this.timer == "" ||
2073                this.timer == "NaN,NaN") {
2074                localStorage.setItem("timer", "5,0");
2075                this.timer = localStorage.getItem("timer");
2076            }
2077            this.time = this.timer.split(",");
2078            this.showClock = true;
2079            this.now = new Date();
2080            this.end = new Date(this.now.getFullYear(), this.now.getMonth(), this.now.getDate(), this.now.getHours(), Number(this.time[0]) + Number(this.now.getMinutes()), Number(this.time[1]) + Number(this.now.getSeconds()));
2081            this.clock = this.source.subscribe(function (t) {
2082                _this.now = new Date();
2083                _this.showDate();
2084            });
2085            this.detalleService
2086                .navegacionBlogOther(this.token, { articulo_id: this.IDarticulo })
2087                .subscribe();
2088        }
2089        else {
2090            this.showClock = false;
2091            this.nontoken = false;
2092            this.IDemail = localStorage.getItem("email");
2093            this.detalleService
2094                .navegacionBlog(this.token, { articulo_id: this.IDarticulo })
2095                .subscribe();
2096        }
2097        var top = document.getElementById("top");
2098        if (top !== null) {
2099            top.scrollIntoView();
2100            top = null;
2101        }
2102    };
2103    ArticuloComponent.ctorParameters = function () { return [
2104        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
2105        { type: _service_blog_service__WEBPACK_IMPORTED_MODULE_7__["BlogService"] },
2106        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_8__["DetalleService"] }
2107    ]; };
2108    ArticuloComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2109        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
2110            selector: "app-articulo",
2111            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./articulo.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/articulo/articulo.component.html")).default,
2112            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./articulo.component.css */ "./src/app/articulo/articulo.component.css")).default]
2113        })
2114    ], ArticuloComponent);
2115    return ArticuloComponent;
2116}());
2117
2118
2119
2120/***/ }),
2121
2122/***/ "./src/app/avisoprivacidad/avisoprivacidad.component.css":
2123/*!***************************************************************!*\
2124  !*** ./src/app/avisoprivacidad/avisoprivacidad.component.css ***!
2125  \***************************************************************/
2126/*! exports provided: default */
2127/***/ (function(module, __webpack_exports__, __webpack_require__) {
2128
2129"use strict";
2130__webpack_require__.r(__webpack_exports__);
2131/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2F2aXNvcHJpdmFjaWRhZC9hdmlzb3ByaXZhY2lkYWQuY29tcG9uZW50LmNzcyJ9 */");
2132
2133/***/ }),
2134
2135/***/ "./src/app/avisoprivacidad/avisoprivacidad.component.ts":
2136/*!**************************************************************!*\
2137  !*** ./src/app/avisoprivacidad/avisoprivacidad.component.ts ***!
2138  \**************************************************************/
2139/*! exports provided: AvisoprivacidadComponent */
2140/***/ (function(module, __webpack_exports__, __webpack_require__) {
2141
2142"use strict";
2143__webpack_require__.r(__webpack_exports__);
2144/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AvisoprivacidadComponent", function() { return AvisoprivacidadComponent; });
2145/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
2146/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
2147
2148
2149var textoAviso = "\n<p><strong>I.- Identidad y domicilio del responsable.</strong><br>\nInnova y Moderniza Tu Aprendizaje, A.C. (Inoma), con domicilio en Calle Reforma No. 9, Colonia Villa Coyoac\u00E1n, C.P. 04000, Alcald\u00EDa Coyoac\u00E1n, Ciudad de M\u00E9xico, es responsable de recabar los datos personales y sensibles del titular, del manejo de los mismos y de su protecci\u00F3n. Sus datos personales ser\u00E1n tratados por Inoma. Este aviso de privacidad forma parte del sitio: <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a></p>\n\n<p><strong>II.- Uso de la Informaci\u00F3n.</strong><br>\nEl sitio <a href=\"http://www.labtak.com.mx\">http://www.labtak.com.mx</a> se encuentra dirigido, pero no limitado a: Padres de Familia, Maestros de Instituciones P\u00FAblicas y Privadas, Director de Instituciones P\u00FAblicas y Privadas, Encargado del Aula de Medios (conocido como RAM), en lo sucesivo (\u201CEl Usuario\u201D, \u201CLos Usuarios\u201D), tanto en la Rep\u00FAblica Mexicana como en el Extranjero.</p>\n\n<p>En el sitio <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a> se publicar\u00E1 informaci\u00F3n relevante para que los maestros puedan aprender c\u00F3mo incorporar el uso de herramientas l\u00FAdico-educativas a sus planes de ense\u00F1anza.</p>\n\n<p>En la p\u00E1gina y a trav\u00E9s de ella \u201CEl Usuario\u201D podr\u00E1 tener interacci\u00F3n digital con uno o varios Usuarios de la misma p\u00E1gina a trav\u00E9s del Blog.</p>\n\n<p>\u201CEl Usuario\u201D, en espec\u00EDfico los Maestros, podr\u00E1n generar contenido digital dentro del sitio. Dicho contenido ser\u00E1 propiedad de Inoma (los cuales son los derechos patrimoniales), sin embargo el autor de dicho contenido ser\u00E1 el profesor que lo haya creado (conocidos como derechos morales). Lo anterior de conformidad con los art\u00EDculos 11, 12, 13 y dem\u00E1s relativos y aplicables de la Ley Federal del Derecho de Autor.</p>\n\n<p>En la p\u00E1gina <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a>, habr\u00E1 documentos descargables que \u201CEl Usuario\u201D podr\u00E1 consultar en su dispositivo.</p>\n\n<p>Inoma crear\u00E1 Pol\u00EDticas para \u201CEl Usuario\u201D del sitio <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a> a trav\u00E9s de los cuales definir\u00E1 y tendr\u00E1 la facultad de dar de baja de la p\u00E1gina a \u201CEl o Los Usuarios\u201D que entre otros escenarios no cumplan con buen comportamiento y lenguaje moderado en el foro dentro del sitio.</p>\n\n<p>Dentro de la p\u00E1gina <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a>, habr\u00E1 ligas de inter\u00E9s a otros sitios ajenos a Inoma. El contenido en esos sitios no es propiedad de Inoma.</p>\n\n<p>La informaci\u00F3n y datos de \u201CEl Usuario\u201D o \u201CLos Usuarios\u201D podr\u00E1n ser utilizados para generar reportes dirigidos a los donantes de Inoma.</p>\n\n<p>Dentro del sitio <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a> \u201CEl Usuario\u201D o \u201CLos Usuarios\u201D podr\u00E1n realizar compras de la Licencia de LabTak. Dicha licencia otorga a los compradores acceso a reportes y contenido exclusivo. Para efectos del pago en l\u00EDnea, la operaci\u00F3n de compra-venta y la informaci\u00F3n bancaria la realiza un tercero totalmente ajeno a Inoma.<
2149/p>\n\n<p>Los datos obligatorios que \u201CEl Usuario\u201D deber\u00E1 proporcionar para crear su Perfil de Usuario, son:</p>\n<ul>\n  <li>Nombre</li>\n  <li>Apellido(s)</li>\n  <li>G\u00E9nero</li>\n  <li>Edad</li>\n  <li>Correo Electr\u00F3nico v\u00E1lido</li>\n  <li>Contrase\u00F1a del Usuario en la Plataforma</li>\n  <li>Definir si es Padre, Madre u Otro</li>\n  <li>Pa\u00EDs</li>\n  <li>Estado</li>\n  <li>Ocupaci\u00F3n</li>\n  <li>Tipo de Docente</li>\n  <li>CCT / Nombre de la Escuela</li>\n</ul>\n\n<p>Los datos que el Maestro, Director y Encargado del Aula de Medios, para el registro de usuario, deben proporcionar la siguiente informaci\u00F3n:</p>\n<ul>\n  <li>Nombre</li>\n  <li>Apellido(s)</li>\n  <li>G\u00E9nero</li>\n  <li>Edad</li>\n  <li>Correo Electr\u00F3nico</li>\n  <li>Contrase\u00F1a del Usuario en la Plataforma</li>\n  <li>Definir si el Usuario es Maestro, Director o Encargado del Aula de Medios</li>\n  <li>Confirmar si el Usuario trabaja en una Escuela Mexicana</li>\n  <li>Clave del Centro de Trabajo (CCT)</li>\n  <li>Nivel Educativo en el que se imparte clases</li>\n  <li>Tipo de Docente</li>\n  <li>Pa\u00EDs</li>\n  <li>Estado</li>\n</ul>\n\n<p>Para la generaci\u00F3n de grupos se solicita:</p>\n<ul>\n  <li>Nombre del Alumno</li>\n  <li>Usuario TTT</li>\n  <li>Contrase\u00F1a del usuario TTT</li>\n</ul>\n\n<p>Una vez que \u201CEl Usuario\u201D interesado en ingresar al sitio <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a> para interactuar con las actividades establecidas en \u00E9l, y que hayan previamente proporcionado los datos mencionados en los p\u00E1rrafos anteriores, Inoma le enviar\u00E1 un correo electr\u00F3nico a \u201CEl Usuario\u201D interesado en el sitio confirmando que su cuenta ha sido creada y que podr\u00E1 ingresar a una cuenta personalizada dentro del sitio, con la contrase\u00F1a que \u201CEl Usuario\u201D seleccion\u00F3 con anterioridad.</p>\n\n<p>Adicionalmente, a \u201CLos Usuarios\u201D que hayan creado una cuenta en el sitio <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a>, Inoma les enviar\u00E1 regularmente boletines o \u201Cnewsletters\u201D con herramientas, novedades e informaci\u00F3n relacionada a la educaci\u00F3n y que le puedan ayudar en su labor docente.</p>\n\n<p>Para los datos personales proporcionados a Inoma por \u201CLos Usuarios\u201D, dicha informaci\u00F3n podr\u00E1 ser utilizada con fines estad\u00EDsticos internos y para la elaboraci\u00F3n de bases de datos. Dichos datos personales y bases de datos no ser\u00E1n compartidos, vendidos o arrendados por parte de Inoma hacia terceras personas.</p>\n\n<p><strong>III.- Revocaci\u00F3n de Consentimiento.</strong><br>\nEn todo momento, Usted podr\u00E1 revocar el consentimiento que nos ha otorgado para el tratamiento de sus datos personales. Para este objeto, es necesario que presente su petici\u00F3n a trav\u00E9s de un correo electr\u00F3nico a <a href=\"mailto:[email protected]\">[email protected]</a>. En su petici\u00F3n deber\u00E1 solicitar expresamente la revocaci\u00F3n del consentimiento que nos ha otorgado y deber\u00E1 adjuntar identificaci\u00F3n oficial con fotograf\u00EDa (credencial para votar, pasaporte vigente o c\u00E9dula profesional). Una vez que Inoma haya recibido su solicitud, en un plazo m\u00E1ximo de 10 (diez) d\u00EDas atenderemos su solicitud y le confirmaremos la revocaci\u00F3n a trav\u00E9s del correo electr\u00F3nico del que provenga su petici\u00F3n.</p>\n\n<p><strong>IV.- Medios de contacto con los titulares.</strong><br>\nLos medios de contacto que utilizaremos para las finalidades descritas en el presente aviso son: a trav\u00E9s del correo electr\u00F3nico de Inoma: <a href=\"mailto:[email protected]\">[email protected]</a> y <a href=\"mailto:[email protected]\">[email protected]</a>.</p>\n\n<p><strong>V.- Transferencias de Informaci\u00F3n.</strong><br>\nLe informamos que sus datos personales podr\u00E1n ser compartidos con las siguientes empresas distintas a nosotros, para los siguientes fines:</p>\n<ul>\n  <li>Destinatario de los datos personales: Servicios inform\u00E1ticos externos</li>\n  <li>Finalidad: Soporte t\u00E9cnico</li>\n</ul>\n\n<p><strong>VI.- Uso de tecnolog\u00EDa en Internet.</strong><br>\nLe informamos que en nuestro sitio web utilizamos cookies, rastreadores GIF, etiquetas de p\u00EDxel y Google Analytics, a trav\u00E9s de las cuales es posible monitorear su 
2149comportamiento como usuario de Internet, as\u00ED como que cada usuario no tenga que iniciar su sesi\u00F3n individual cada vez que entra en el sitio.</p>\n\n<p>Los datos personales que obtenemos de estas tecnolog\u00EDas de rastreo son los siguientes: Direcci\u00F3n IP o http cookie, el sistema operativo del usuario, URL, horario y tiempo de navegaci\u00F3n, Hit, p\u00E1gina, archivo, visita, host y navegador.</p>\n\n<p><strong>VII.- Medios y procedimiento para ejercer los derechos ARCO (Acceso, Rectificaci\u00F3n, Cancelaci\u00F3n y Oposici\u00F3n) y para revocar el consentimiento del tratamiento de datos personales.</strong><br>\nLos datos personales proporcionados por \u201Clos Maestros\u201D, formar\u00E1n parte de un archivo f\u00EDsico y/o electr\u00F3nico que contendr\u00E1 su informaci\u00F3n. \u201Clos Maestros\u201D podr\u00E1n acceder o modificar su informaci\u00F3n en cualquier momento, para tal efecto deber\u00E1 enviar un correo electr\u00F3nico a: <a href=\"mailto:[email protected]\">[email protected]</a></p>\n\n<p><strong>VIII.- Datos Personales Sensibles.</strong><br>\nInoma no solicita datos personales sensibles a trav\u00E9s de su sitio web <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a></p>\n\n<p><strong>IX.- Cambios al Aviso de Privacidad.</strong><br>\nCualquier modificaci\u00F3n al presente aviso de privacidad, se encontrar\u00E1 disponible en la secci\u00F3n de Aviso de Privacidad en este sitio web: <a href=\"http://www.labtak.mx\">http://www.labtak.mx</a></p>\n\n<p><strong>X.- Fecha de Actualizaci\u00F3n.</strong><br>\nEste Aviso de Privacidad se actualiz\u00F3 el 22 de agosto de 2022.</p>\n\n<p>Estas medidas operan en el marco de la Ley Federal de Protecci\u00F3n de Datos Personales en Posesi\u00F3n de los Particulares.</p>\n\n<p>Atentamente,<br>\nInnova y Moderniza Tu Aprendizaje, A.C.</p>\n";
2150var AvisoprivacidadComponent = /** @class */ (function () {
2151    function AvisoprivacidadComponent() {
2152        // TODO: Pasar esto a BD o a un json
2153        this.textoCompleto = textoAviso;
2154        this.maxCaracteres = 1500;
2155        this.mostrarTodo = false;
2156    }
2157    Object.defineProperty(AvisoprivacidadComponent.prototype, "textoVisible", {
2158        get: function () {
2159            return this.mostrarTodo
2160                ? this.textoCompleto
2161                : this.textoCompleto.substring(0, this.maxCaracteres) + "...";
2162        },
2163        enumerable: true,
2164        configurable: true
2165    });
2166    AvisoprivacidadComponent.prototype.toggleMostrarTodo = function () {
2167        this.mostrarTodo = !this.mostrarTodo;
2168    };
2169    AvisoprivacidadComponent.prototype.ngOnInit = function () { };
2170    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2171        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
2172    ], AvisoprivacidadComponent.prototype, "textoCompleto", void 0);
2173    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2174        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
2175    ], AvisoprivacidadComponent.prototype, "maxCaracteres", void 0);
2176    AvisoprivacidadComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2177        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
2178            selector: "app-avisoprivacidad",
2179            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./avisoprivacidad.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/avisoprivacidad/avisoprivacidad.component.html")).default,
2180            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./avisoprivacidad.component.css */ "./src/app/avisoprivacidad/avisoprivacidad.component.css")).default]
2181        })
2182    ], AvisoprivacidadComponent);
2183    return AvisoprivacidadComponent;
2184}());
2185
2186
2187
2188/***/ }),
2189
2190/***/ "./src/app/capacitacion-listado/capacitacion-listado.component.css":
2191/*!*************************************************************************!*\
2192  !*** ./src/app/capacitacion-listado/capacitacion-listado.component.css ***!
2193  \*************************************************************************/
2194/*! exports provided: default */
2195/***/ (function(module, __webpack_exports__, __webpack_require__) {
2196
2197"use strict";
2198__webpack_require__.r(__webpack_exports__);
2199/* harmony default export */ __webpack_exports__["default"] = (".btn-info:not(:disabled):not(.disabled).active,\r\n.btn-info:not(:disabled):not(.disabled):active,\r\n.show>.btn-info.dropdown-toggle{\r\n    background-color:#EB9E00 !important;\r\n    border-color:#EB9E00 !important;\r\n}\r\n\r\n.btn-info {\r\n    background-color:#FFB41A !important;\r\n    border-color:#FFB41A !important;\r\n}\r\n\r\n.btn-group-lg>.btn, .btn-lg {\r\n    padding: .3rem 1rem;\r\n    font-size: 1rem;\r\n}\r\n\r\n.btn-circle:hover,\r\n  .btn-circle.active {\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 10px #FFB41A;\r\n  }\r\n\r\n.btn-circle:hover div,\r\n  .btn-circle.active div {\r\n    background: #FFB41A;\r\n  }\r\n\r\n._end{\r\n  text-align: right;\r\n}\r\n\r\n.boton{\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  width: 125px !important;\r\n  height: 28px !important;\r\n}\r\n\r\n@media screen and (max-width: 450px) {\r\n    .hide-on-mobile {\r\n         display: none; \r\n     }\r\n}\r\n\r\n.custom-pagination /deep/ .ngx-pagination .current {background: #FFB41A;}\r\n\r\n.swal2-styled.swal2-confirm  {\r\n  border-left-color: #FFB41A !important;\r\n  border-right-color: #FFB41A !important;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2FwYWNpdGFjaW9uLWxpc3RhZG8vY2FwYWNpdGFjaW9uLWxpc3RhZG8uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0lBR0ksbUNBQW1DO0lBQ25DLCtCQUErQjtBQUNuQzs7QUFFQTtJQUNJLG1DQUFtQztJQUNuQywrQkFBK0I7QUFDbkM7O0FBQ0E7SUFDSSxtQkFBbUI7SUFDbkIsZUFBZTtBQUNuQjs7QUFDQTs7SUFFSSxxQkFBcUI7SUFDckIsK0JBQStCO0VBQ2pDOztBQUNBOztJQUVFLG1CQUFtQjtFQUNyQjs7QUFDRjtFQUNFLGlCQUFpQjtBQUNuQjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsdUJBQXVCO0VBQ3ZCLHVCQUF1QjtBQUN6Qjs7QUFFQTtJQUNJO1NBQ0ssYUFBYTtLQUNqQjtBQUNMOztBQUVBLG9EQUFvRCxtQkFBbUIsQ0FBQzs7QUFFeEU7RUFDRSxxQ0FBcUM7RUFDckMsc0NBQXNDO0FBQ3hDIiwiZmlsZSI6InNyYy9hcHAvY2FwYWNpdGFjaW9uLWxpc3RhZG8vY2FwYWNpdGFjaW9uLWxpc3RhZG8uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5idG4taW5mbzpub3QoOmRpc2FibGVkKTpub3QoLmRpc2FibGVkKS5hY3RpdmUsXHJcbi5idG4taW5mbzpub3QoOmRpc2FibGVkKTpub3QoLmRpc2FibGVkKTphY3RpdmUsXHJcbi5zaG93Pi5idG4taW5mby5kcm9wZG93bi10b2dnbGV7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiNFQjlFMDAgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1jb2xvcjojRUI5RTAwICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5idG4taW5mbyB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiNGRkI0MUEgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1jb2xvcjojRkZCNDFBICFpbXBvcnRhbnQ7XHJcbn1cclxuLmJ0bi1ncm91cC1sZz4uYnRuLCAuYnRuLWxnIHtcclxuICAgIHBhZGRpbmc6IC4zcmVtIDFyZW07XHJcbiAgICBmb250LXNpemU6IDFyZW07XHJcbn1cclxuLmJ0bi1jaXJjbGU6aG92ZXIsXHJcbiAgLmJ0bi1jaXJjbGUuYWN0aXZlIHtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgIGJveC1zaGFkb3c6IDAgMTBweCAxMHB4ICNGRkI0MUE7XHJcbiAgfVxyXG4gIC5idG4tY2lyY2xlOmhvdmVyIGRpdixcclxuICAuYnRuLWNpcmNsZS5hY3RpdmUgZGl2IHtcclxuICAgIGJhY2tncm91bmQ6ICNGRkI0MUE7XHJcbiAgfVxyXG4uX2VuZHtcclxuICB0ZXh0LWFsaWduOiByaWdodDtcclxufVxyXG5cclxuLmJvdG9ue1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIHdpZHRoOiAxMjVweCAhaW1wb3J0YW50O1xyXG4gIGhlaWdodDogMjhweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0NTBweCkge1xyXG4gICAgLmhpZGUtb24tbW9iaWxlIHtcclxuICAgICAgICAgZGlzcGxheTogbm9uZTsgXHJcbiAgICAgfVxyXG59XHJcblxyXG4uY3VzdG9tLXBhZ2luYXRpb24gL2RlZXAvIC5uZ3gtcGFnaW5hdGlvbiAuY3VycmVudCB7YmFja2dyb3VuZDogI0ZGQjQxQTt9XHJcblxyXG4uc3dhbDItc3R5bGVkLnN3YWwyLWNvbmZpcm0gIHtcclxuICBib3JkZXItbGVmdC1jb2xvcjogI0ZGQjQxQSAhaW1wb3J0YW50O1xyXG4gIGJvcmRlci1yaWdodC1jb2xvcjogI0ZGQjQxQSAhaW1wb3J0YW50O1xyXG59Il19 */");
2200
2201/***/ }),
2202
2203/***/ "./src/app/capacitacion-listado/capacitacion-listado.component.ts":
2204/*!************************************************************************!*\
2205  !*** ./src/app/capacitacion-listado/capacitacion-listado.component.ts ***!
2206  \************************************************************************/
2207/*! exports provided: CapacitacionListadoComponent */
2208/***/ (function(module, __webpack_exports__, __webpack_require__) {
2209
2210"use strict";
2211__webpack_require__.r(__webpack_exports__);
2212/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CapacitacionListadoComponent", function() { return CapacitacionListadoComponent; });
2213/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
2214/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
2215/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
2216/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
2217/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
2218/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
2219/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
2220/* harmony import */ var pdf_lib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! pdf-lib */ "./node_modules/pdf-lib/es/index.js");
2221
2222
2223
2224
2225
2226
2227
2228
2229var CapacitacionListadoComponent = /** @class */ (function () {
2230    function CapacitacionListadoComponent(detalleService, capacitacionService, router) {
2231        var _this = this;
2232        this.detalleService = detalleService;
2233        this.capacitacionService = capacitacionService;
2234        this.router = router;
2235        this.url = _service_config__WEBPACK_IMPORTED_MODULE_5__["certificados"].url;
2236        this.token = localStorage.getItem('token');
2237        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_2__["Navegacion"]();
2238        this.cap = false;
2239        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_5__["imagenesCapacitaciones"].url;
2240        this.p = 0;
2241        this.Arr = Array;
2242        this.webinars = [];
2243        this.moocs = [];
2244        this.handleMostrar = function (opc) {
2245            _this.p = 0;
2246            if (opc == 1)
2247                _this.cap = false;
2248            else if (opc == 0)
2249                _this.cap = true;
2250        };
2251        this.navegacion.seccion = 28;
2252        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
2253        this.capacitacionService.getMisCapacitaciones(this.token).subscribe(function (response) {
2254            _this.webinars = response.webinars;
2255            _this.moocs = response.moocs;
2256        });
2257        this.detalleService.detallePerfil(this.token).subscribe(function (response) {
2258            _this.name_user = response.user_data.name + ' ' + response.user_data.lastname;
2259        });
2260    }
2261    CapacitacionListadoComponent.prototype.ngOnInit = function () {
2262        var top = document.getElementById('top');
2263        if (top !== null) {
2264            top.scrollIntoView();
2265            top = null;
2266        }
2267    };
2268    CapacitacionListadoComponent.prototype.certificado = function (tipo, nombre) {
2269        return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function () {
2270            var certf;
2271            var _this = this;
2272            return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
2273                //Falta definir los archivos de cada uno de los certificados, adjuntar la ubicacion y colores de cada uno
2274                (tipo == 0) ? 'Webinar' : 'Mooc';
2275                certf = '../assets/certs/' + 'certificado.pdf';
2276                fetch(certf, { mode: 'no-cors' }).then(function (res) {
2277                    res.arrayBuffer().then(function (buffer) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
2278                        var uint8, pdfDoc, helveticaFont, pages, firstPage, _a, width, height, name, textSize, textWidth, textWidth2, pdfBytes;
2279                        return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_b) {
2280                            switch (_b.label) {
2281                                case 0:
2282                                    uint8 = new Uint8Array(buffer);
2283                                    pdfDoc = pdf_lib__WEBPACK_IMPORTED_MODULE_7__["PDFDocument"].load(uint8);
2284                                    return [4 /*yield*/, pdfDoc];
2285                                case 1: return [4 /*yield*/, (_b.sent()).embedFont(pdf_lib__WEBPACK_IMPORTED_MODULE_7__["StandardFonts"].Helvetica)];
2286                                case 2:
2287                                    helveticaFont = _b.sent();
2288                                    return [4 /*yield*/, pdfDoc];
2289                                case 3:
2290                                    pages = (_b.sent()).getPages();
2291                                    firstPage = pages[0];
2292                                    _a = firstPage.getSize(), width = _a.width, height = _a.height;
2293                                    name = this.name_user;
2294                                    textSize = 30;
2295                                    textWidth = helveticaFont.widthOfTextAtSize(name, textSize + 20);
2296                                    textWidth2 = helveticaFont.widthOfTextAtSize(nombre, textSize);
2297                                    firstPage.drawText(nombre, {
2298                                        x: width / 2 - textWidth2 / 2,
2299                                        y: height / 2 + 100,
2300                                        size: textSize,
2301                                        font: helveticaFont,
2302                                        color: Object(pdf_lib__WEBPACK_IMPORTED_MODULE_7__["rgb"])(0, 0, 0),
2303                                    });
2304                                    firstPage.drawText(name, {
2305                                        x: width / 2 - textWidth / 2,
2306                                        y: height / 2,
2307                                        size: textSize + 20,
2308                                        font: helveticaFont,
2309                                        color: Object(pdf_lib__WEBPACK_IMPORTED_MODULE_7__["rgb"])(0, 0, 0),
2310                                    });
2311                                    return [4 /*yield*/, pdfDoc];
2312                                case 4: return [4 /*yield*/, (_b.sent()).save()];
2313                                case 5:
2314                                    pdfBytes = _b.sent();
2315                                    this.downloadFile(pdfBytes);
2316                                    return [2 /*return*/];
2317                            }
2318                        });
2319                    }); });
2320                });
2321                return [2 /*return*/];
2322            });
2323        });
2324    };
2325    CapacitacionListadoComponent.prototype.downloadFile = function (data) {
2326        var blob = new Blob([data], { type: 'application/pdf' });
2327        var url = window.URL.createObjectURL(blob);
2328        window.open(url);
2329    };
2330    CapacitacionListadoComponent.prototype.nav = function (id, type) {
2331        this.p = 0;
2332        (type == 1) ? this.router.navigate(['capacitacion-docente/webinar-live/1/' + id])
2333            : this.router.navigate(['capacitacion-docente/mooc-insc/1/' + id]);
2334    };
2335    CapacitacionListadoComponent.ctorParameters = function () { return [
2336        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__["DetalleService"] },
2337        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_6__["CapacitacionesService"] },
2338        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] }
2339    ]; };
2340    CapacitacionListadoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2341        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
2342            selector: 'app-capacitacion-listado',
2343            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./capacitacion-listado.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-listado/capacitacion-listado.component.html")).default,
2344            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./capacitacion-listado.component.css */ "./src/app/capacitacion-listado/capacitacion-listado.component.css")).default]
2345        })
2346    ], CapacitacionListadoComponent);
2347    return CapacitacionListadoComponent;
2348}());
2349
2350
2351
2352/***/ }),
2353
2354/***/ "./src/app/capacitacion-mooc/capacitacion-mooc.component.css":
2355/*!*******************************************************************!*\
2356  !*** ./src/app/capacitacion-mooc/capacitacion-mooc.component.css ***!
2357  \*******************************************************************/
2358/*! exports provided: default */
2359/***/ (function(module, __webpack_exports__, __webpack_require__) {
2360
2361"use strict";
2362__webpack_require__.r(__webpack_exports__);
2363/* harmony default export */ __webpack_exports__["default"] = (".pad-responsive{\r\n    padding: 0px 100px 0px 150px;\r\n    margin: 0;\r\n}\r\n\r\n.bloc{\r\n    display: block !important;\r\n}\r\n\r\n.autor{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #FFB41A;\r\n}\r\n\r\n.back {\r\n    float: right;\r\n  }\r\n\r\n.compartir{\r\n    color: dimgrey;\r\n}\r\n\r\n.alert-link-lg{\r\n    color: #e6e6e6;\r\n}\r\n\r\n.iconA{\r\n    margin: 0 5px;\r\n}\r\n\r\n.iconB{\r\n    margin: 10px;\r\n}\r\n\r\n.tags{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.inscribir{\r\n    width: auto;\r\n    height: auto;\r\n    background-color: #ffd275;\r\n    text-align: center;\r\n    float: right;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.imgRes{\r\n    width: 80%;\r\n    height: auto;\r\n}\r\n\r\n.middleIMG{\r\n    text-align: center;\r\n}\r\n\r\n.desTitulo{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.border-buttom{\r\n    border-bottom: 3px solid #FFB41A;\r\n}\r\n\r\n.border-topp{\r\n    border-top: 3px solid grey;\r\n}\r\n\r\n.small-font{\r\n    font-size: .8rem;\r\n}\r\n\r\n.line-w{\r\n    line-height:1;\r\n}\r\n\r\n.cursor{\r\n    cursor: pointer;\r\n}\r\n\r\n.color-grey{\r\n    border-bottom-color: grey;\r\n}\r\n\r\n.btn-link {\r\n  font-weight: 400;\r\n  color: #FFB41A;\r\n  border: 2px solid #FFB41A;\r\n}\r\n\r\n.btn-link:hover {\r\n  color: #FFB41A;\r\n  text-decoration: underline;\r\n}\r\n\r\n.img-circ{\r\n    width: 55px;\r\n    height: 55px;\r\n    border-radius:30px;\r\n    border: 2px solid lightgrey;\r\n}\r\n\r\n@media screen and (max-width: 720px) {\r\n    .pad-responsive {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .imgRes{\r\n        width: 50%;\r\n        height: auto;\r\n    }\r\n\r\n    .text-c{\r\n        text-align: center;\r\n    }\r\n\r\n    .inscribir{\r\n        float: none;\r\n        margin:auto;\r\n        margin-bottom: 25px;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2FwYWNpdGFjaW9uLW1vb2MvY2FwYWNpdGFjaW9uLW1vb2MuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLDRCQUE0QjtJQUM1QixTQUFTO0FBQ2I7O0FBRUE7SUFDSSx5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxZQUFZO0VBQ2Q7O0FBRUY7SUFDSSxjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLFVBQVU7SUFDVixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDOztBQUNBO0lBQ0ksMEJBQTBCO0FBQzlCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7O0FBQ0E7SUFDSSx5QkFBeUI7QUFDN0I7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLGNBQWM7RUFDZCwwQkFBMEI7QUFDNUI7O0FBQ0E7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQiwyQkFBMkI7QUFDL0I7O0FBRUE7SUFDSTtRQUNJLGVBQWU7SUFDbkI7O0lBRUE7UUFDSSxVQUFVO1FBQ1YsWUFBWTtJQUNoQjs7SUFFQTtRQUNJLGtCQUFrQjtJQUN0Qjs7SUFFQTtRQUNJLFdBQVc7UUFDWCxXQUFXO1FBQ1gsbUJBQW1CO0lBQ3ZCO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC9jYXBhY2l0YWNpb24tbW9vYy9jYXBhY2l0YWNpb24tbW9vYy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBhZC1yZXNwb25zaXZle1xyXG4gICAgcGFkZGluZzogMHB4IDEwMHB4IDBweCAxNTBweDtcclxuICAgIG1hcmdpbjogMDtcclxufVxyXG5cclxuLmJsb2N7XHJcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uYXV0b3J7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYmFjayB7XHJcbiAgICBmbG9hdDogcmlnaHQ7X
2363HJcbiAgfVxyXG5cclxuLmNvbXBhcnRpcntcclxuICAgIGNvbG9yOiBkaW1ncmV5O1xyXG59XHJcblxyXG4uYWxlcnQtbGluay1sZ3tcclxuICAgIGNvbG9yOiAjZTZlNmU2O1xyXG59XHJcblxyXG4uaWNvbkF7XHJcbiAgICBtYXJnaW46IDAgNXB4O1xyXG59XHJcblxyXG4uaWNvbkJ7XHJcbiAgICBtYXJnaW46IDEwcHg7XHJcbn1cclxuXHJcbi50YWdze1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBmb250LXNpemU6IDE2cHggO1xyXG4gICAgY29sb3I6ICNGRkI0MUEgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmluc2NyaWJpcntcclxuICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZDI3NTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xyXG59XHJcblxyXG4uaW1nUmVze1xyXG4gICAgd2lkdGg6IDgwJTtcclxuICAgIGhlaWdodDogYXV0bztcclxufVxyXG5cclxuLm1pZGRsZUlNR3tcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLmRlc1RpdHVsb3tcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgZm9udC1zaXplOiAxNnB4IDtcclxuICAgIGNvbG9yOiAjRkZCNDFBICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5jb2xvcntcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYm9yZGVyLWJ1dHRvbXtcclxuICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjRkZCNDFBO1xyXG59XHJcbi5ib3JkZXItdG9wcHtcclxuICAgIGJvcmRlci10b3A6IDNweCBzb2xpZCBncmV5O1xyXG59XHJcblxyXG4uc21hbGwtZm9udHtcclxuICAgIGZvbnQtc2l6ZTogLjhyZW07XHJcbn1cclxuXHJcbi5saW5lLXd7XHJcbiAgICBsaW5lLWhlaWdodDoxO1xyXG59XHJcblxyXG4uY3Vyc29ye1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcbi5jb2xvci1ncmV5e1xyXG4gICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogZ3JleTtcclxufVxyXG5cclxuLmJ0bi1saW5rIHtcclxuICBmb250LXdlaWdodDogNDAwO1xyXG4gIGNvbG9yOiAjRkZCNDFBO1xyXG4gIGJvcmRlcjogMnB4IHNvbGlkICNGRkI0MUE7XHJcbn1cclxuXHJcbi5idG4tbGluazpob3ZlciB7XHJcbiAgY29sb3I6ICNGRkI0MUE7XHJcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XHJcbn1cclxuLmltZy1jaXJje1xyXG4gICAgd2lkdGg6IDU1cHg7XHJcbiAgICBoZWlnaHQ6IDU1cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOjMwcHg7XHJcbiAgICBib3JkZXI6IDJweCBzb2xpZCBsaWdodGdyZXk7XHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDcyMHB4KSB7XHJcbiAgICAucGFkLXJlc3BvbnNpdmUge1xyXG4gICAgICAgIHBhZGRpbmc6IDAgMjBweDtcclxuICAgIH1cclxuXHJcbiAgICAuaW1nUmVze1xyXG4gICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgfVxyXG5cclxuICAgIC50ZXh0LWN7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgfVxyXG5cclxuICAgIC5pbnNjcmliaXJ7XHJcbiAgICAgICAgZmxvYXQ6IG5vbmU7XHJcbiAgICAgICAgbWFyZ2luOmF1dG87XHJcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMjVweDtcclxuICAgIH1cclxufSJdfQ== */");
2364
2365/***/ }),
2366
2367/***/ "./src/app/capacitacion-mooc/capacitacion-mooc.component.ts":
2368/*!******************************************************************!*\
2369  !*** ./src/app/capacitacion-mooc/capacitacion-mooc.component.ts ***!
2370  \******************************************************************/
2371/*! exports provided: CapacitacionMoocComponent */
2372/***/ (function(module, __webpack_exports__, __webpack_require__) {
2373
2374"use strict";
2375__webpack_require__.r(__webpack_exports__);
2376/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CapacitacionMoocComponent", function() { return CapacitacionMoocComponent; });
2377/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
2378/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
2379/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
2380/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
2381/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
2382/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
2383/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
2384/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
2385/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_7__);
2386
2387
2388
2389
2390
2391
2392
2393
2394var CapacitacionMoocComponent = /** @class */ (function () {
2395    function CapacitacionMoocComponent(route, userService, router, detalleService, capacitacionService) {
2396        this.route = route;
2397        this.userService = userService;
2398        this.router = router;
2399        this.detalleService = detalleService;
2400        this.capacitacionService = capacitacionService;
2401        this.token = localStorage.getItem("token");
2402        this.dateAvaible = true;
2403        this.Arr = Array;
2404        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_5__["imagenesBlog"].url;
2405    }
2406    CapacitacionMoocComponent.prototype.setDateAvability = function (dateMooc) {
2407        var today = new Date();
2408        var dateMo = new Date(dateMooc);
2409        var diff = (dateMo - today) / 10000;
2410        if (diff < 0) {
2411            this.dateAvaible = false;
2412        }
2413        else {
2414            this.dateAvaible = true;
2415        }
2416    };
2417    CapacitacionMoocComponent.prototype.refreshData = function () {
2418        this.sections = this.userService.getSecciones();
2419    };
2420    CapacitacionMoocComponent.prototype.ngOnInit = function () {
2421        var _this = this;
2422        this.idMooc = this.route.snapshot.paramMap.get("id");
2423        var top = document.getElementById("top");
2424        if (top !== null) {
2425            top.scrollIntoView();
2426            top = null;
2427        }
2428        this.refreshData();
2429        this.capacitacionService
2430            .getMooc(this.idMooc, this.token)
2431            .subscribe(function (response) {
2432            _this.mooc = response.mooc;
2433            _this.setDateAvability(_this.mooc.fecha);
2434        });
2435    };
2436    CapacitacionMoocComponent.prototype.back = function () {
2437        this.router.navigate(["capacitacion-docente/"]);
2438    };
2439    CapacitacionMoocComponent.prototype.inscribir = function () {
2440        var _this = this;
2441        if (this.sections.moocs.includes("" + this.mooc.id_seccion)) {
2442            //ya esta inscrito, redirigir al mooc
2443            this.router.navigate(["capacitacion-docente/mooc-insc/0/" + this.idMooc]);
2444        }
2445        else if (!this.sections.moocs.includes("" + this.mooc.id_seccion) &&
2446            this.mooc.cobrar == 0) {
2447            //inscribir gratis
2448            sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.showLoading();
2449            var data = {
2450                id: this.idMooc,
2451                titulo: this.mooc.titulo,
2452                cobrar: this.mooc.cobrar,
2453            };
2454            this.capacitacionService
2455                .postInscribirMoocGratis(data, this.token)
2456                .subscribe(function (response) {
2457                sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.fire(" ", response.message, "success");
2458                localStorage.setItem("token", response.token);
2459                _this.refreshData();
2460            }, function (error) {
2461                sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.fire(" ", error.error.message, "warning");
2462            });
2463        }
2464        else if (!this.sections.moocs.includes("" + this.mooc.id_seccion) &&
2465            this.mooc.cobrar == 1) {
2466            //inscribir con pago
2467            var data = {
2468                id: this.idMooc,
2469                titulo: this.mooc.titulo,
2470                cobrar: this.mooc.cobrar,
2471                precio: this.mooc.precio,
2472            };
2473            // this.capacitacionService.postInscribirMoocCobro(data,this.token).subscribe((response: any) => {
2474            //   console.log(response);
2475            // });
2476        }
2477    };
2478    CapacitacionMoocComponent.ctorParameters = function () { return [
2479        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
2480        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_4__["UserService"] },
2481        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] },
2482        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__["DetalleService"] },
2483        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_6__["CapacitacionesService"] }
2484    ]; };
2485    CapacitacionMoocComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2486        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
2487            selector: "app-capacitacion-mooc",
2488            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./capacitacion-mooc.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-mooc/capacitacion-mooc.component.html")).default,
2489            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./capacitacion-mooc.component.css */ "./src/app/capacitacion-mooc/capacitacion-mooc.component.css")).default]
2490        })
2491    ], CapacitacionMoocComponent);
2492    return CapacitacionMoocComponent;
2493}());
2494
2495
2496
2497/***/ }),
2498
2499/***/ "./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.css":
2500/*!***********************************************************************************!*\
2501  !*** ./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.css ***!
2502  \***********************************************************************************/
2503/*! exports provided: default */
2504/***/ (function(module, __webpack_exports__, __webpack_require__) {
2505
2506"use strict";
2507__webpack_require__.r(__webpack_exports__);
2508/* harmony default export */ __webpack_exports__["default"] = (".pad-responsive{\r\n    padding: 0px 100px 0px 150px;\r\n    margin: 0;\r\n}\r\n\r\n.bloc{\r\n    display: block !important;\r\n}\r\n\r\n.autor{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #FFB41A;\r\n}\r\n\r\n.back {\r\n    float: right;\r\n  }\r\n\r\n.compartir{\r\n    color: dimgrey;\r\n}\r\n\r\n.alert-link-lg{\r\n    color: #e6e6e6;\r\n}\r\n\r\n.iconA{\r\n    margin: 0 5px;\r\n}\r\n\r\n.iconB{\r\n    margin: 10px;\r\n}\r\n\r\n.tags{\r\n    font-weight: bold;\r\n    font-size: 14px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.inscribir{\r\n    width: auto;\r\n    height: auto;\r\n    background-color: #ffd275;\r\n    text-align: center;\r\n    float: right;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.imgRes{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.middleIMG{\r\n    text-align: center;\r\n}\r\n\r\n.desTitulo{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.border-buttom{\r\n    border-bottom: 3px solid #FFB41A;\r\n}\r\n\r\n.small-font{\r\n    font-size: .8rem;\r\n}\r\n\r\n.line-w{\r\n    line-height:1;\r\n}\r\n\r\n.cursor{\r\n    cursor: pointer;\r\n}\r\n\r\n.textarea{\r\n    width: 100%;\r\n    min-height: 150px;\r\n}\r\n\r\n.bg-gray{\r\n    background-color: #f7f7f7;\r\n}\r\n\r\n.scroll-of{\r\n\toverflow-y: scroll;\r\n    min-height: 120px;\r\n    max-height: 400px;\r\n}\r\n\r\n.bt-border-gray{\r\n    border-bottom: 1px solid black;\r\n}\r\n\r\n.publicarCom{\r\n    border: 0px;\r\n    background: url('/assets/images/background/btn151.png') no-repeat scroll 0 0 transparent;\r\n    background-size: 100%;\r\n    cursor: pointer;\r\n    color:black;\r\n    font-weight: 700;   \r\n    width: 180px;\r\n    height: 30px;\r\n    float: right;\r\n}\r\n\r\n.buttonZ {\r\n    margin: 50px 0;\r\n    background-color: #FFB41A;\r\n    color: #000000;\r\n    text-decoration: none;\r\n    padding-top: 20px;\r\n    padding-bottom: 20px;\r\n    padding-left: 40px;\r\n    padding-right: 40px;\r\n    display: inline-block;\r\n    border-radius: 10px;\r\n    border: 0px;\r\n  }\r\n\r\n.buttonZ:hover {\r\n    background-color: #ffc347;\r\n  }\r\n\r\n.meetBox{\r\n    height: 400px;\r\n    background-color: #231f20;\r\n    align-content: center;\r\n}\r\n\r\n@media screen and (max-width: 720px) {\r\n    .pad-responsive {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .imgRes{\r\n        width: 70%;\r\n        height: auto;\r\n    }\r\n\r\n    .text-c{\r\n        text-align: center;\r\n    }\r\n\r\n    .inscribir{\r\n        float: none;\r\n        margin:auto;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .meetBox{\r\n        height: 200px;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2FwYWNpdGFjaW9uLXdlYmluYXItbGl2ZS9jYXBhY2l0YWNpb24td2ViaW5hci1saXZlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSw0QkFBNEI7SUFDNUIsU0FBUztBQUNiOztBQUVBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksWUFBWTtFQUNkOztBQUVGO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksV0FBVztJQUNYLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksV0FBVztJQUNYLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLHlCQU
2508F5QjtBQUM3Qjs7QUFFQTtDQUNDLGtCQUFrQjtJQUNmLGlCQUFpQjtJQUNqQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSw4QkFBOEI7QUFDbEM7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsd0ZBQXdGO0lBQ3hGLHFCQUFxQjtJQUNyQixlQUFlO0lBQ2YsV0FBVztJQUNYLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osWUFBWTtJQUNaLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxjQUFjO0lBQ2QseUJBQXlCO0lBQ3pCLGNBQWM7SUFDZCxxQkFBcUI7SUFDckIsaUJBQWlCO0lBQ2pCLG9CQUFvQjtJQUNwQixrQkFBa0I7SUFDbEIsbUJBQW1CO0lBQ25CLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsV0FBVztFQUNiOztBQUVGO0lBQ0kseUJBQXlCO0VBQzNCOztBQUVGO0lBQ0ksYUFBYTtJQUNiLHlCQUF5QjtJQUN6QixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSTtRQUNJLGVBQWU7SUFDbkI7O0lBRUE7UUFDSSxVQUFVO1FBQ1YsWUFBWTtJQUNoQjs7SUFFQTtRQUNJLGtCQUFrQjtJQUN0Qjs7SUFFQTtRQUNJLFdBQVc7UUFDWCxXQUFXO1FBQ1gsbUJBQW1CO0lBQ3ZCOztJQUVBO1FBQ0ksYUFBYTtJQUNqQjtBQUNKIiwiZmlsZSI6InNyYy9hcHAvY2FwYWNpdGFjaW9uLXdlYmluYXItbGl2ZS9jYXBhY2l0YWNpb24td2ViaW5hci1saXZlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucGFkLXJlc3BvbnNpdmV7XHJcbiAgICBwYWRkaW5nOiAwcHggMTAwcHggMHB4IDE1MHB4O1xyXG4gICAgbWFyZ2luOiAwO1xyXG59XHJcblxyXG4uYmxvY3tcclxuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5hdXRvcntcclxuICAgIGZvbnQtc2l6ZTogMThweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgY29sb3I6ICNGRkI0MUE7XHJcbn1cclxuXHJcbi5iYWNrIHtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICB9XHJcblxyXG4uY29tcGFydGlye1xyXG4gICAgY29sb3I6IGRpbWdyZXk7XHJcbn1cclxuXHJcbi5hbGVydC1saW5rLWxne1xyXG4gICAgY29sb3I6ICNlNmU2ZTY7XHJcbn1cclxuXHJcbi5pY29uQXtcclxuICAgIG1hcmdpbjogMCA1cHg7XHJcbn1cclxuXHJcbi5pY29uQntcclxuICAgIG1hcmdpbjogMTBweDtcclxufVxyXG5cclxuLnRhZ3N7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGZvbnQtc2l6ZTogMTRweCA7XHJcbiAgICBjb2xvcjogI0ZGQjQxQSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uaW5zY3JpYmlye1xyXG4gICAgd2lkdGg6IGF1dG87XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkMjc1O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgcGFkZGluZzogMC41cmVtIDFyZW07XHJcbn1cclxuXHJcbi5pbWdSZXN7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogYXV0bztcclxufVxyXG5cclxuLm1pZGRsZUlNR3tcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLmRlc1RpdHVsb3tcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgZm9udC1zaXplOiAxNnB4IDtcclxuICAgIGNvbG9yOiAjRkZCNDFBICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5jb2xvcntcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYm9yZGVyLWJ1dHRvbXtcclxuICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjRkZCNDFBO1xyXG59XHJcblxyXG4uc21hbGwtZm9udHtcclxuICAgIGZvbnQtc2l6ZTogLjhyZW07XHJcbn1cclxuXHJcbi5saW5lLXd7XHJcbiAgICBsaW5lLWhlaWdodDoxO1xyXG59XHJcblxyXG4uY3Vyc29ye1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcblxyXG4udGV4dGFyZWF7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xyXG59XHJcblxyXG4uYmctZ3JheXtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmN2Y3Zjc7XHJcbn1cclxuXHJcbi5zY3JvbGwtb2Z7XHJcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xyXG4gICAgbWluLWhlaWdodDogMTIwcHg7XHJcbiAgICBtYXgtaGVpZ2h0OiA0MDBweDtcclxufVxyXG5cclxuLmJ0LWJvcmRlci1ncmF5e1xyXG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xyXG59XHJcblxyXG4ucHVibGljYXJDb217XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvYmFja2dyb3VuZC9idG4xNTEucG5nJykgbm8tcmVwZWF0IHNjcm9sbCAwIDAgdHJhbnNwYXJlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBjb2xvcjpibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7ICAgXHJcbiAgICB3aWR0aDogMTgwcHg7XHJcbiAgICBoZWlnaHQ6IDMwcHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn1cclxuXHJcbi5idXR0b25aIHtcclxuICAgIG1hcmdpbjogNTBweCAwO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGQjQxQTtcclxuICAgIGNvbG9yOiAjMDAwMDAwO1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgcGFkZGluZy10b3A6IDIwcHg7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMjBweDtcclxuICAgIHBhZGRpbmctbGVmdDogNDBweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDQwcHg7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG4gICAgYm9yZGVyOiAwcHg7XHJcbiAgfVxyXG4gIFxyXG4uYnV0dG9uWjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZjMzQ3O1xyXG4gIH1cclxuXHJcbi5tZWV0Qm94e1xyXG4gICAgaGVpZ2h0OiA0MDBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMyMzFmMjA7XHJcbiAgICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDcyMHB4KSB7XHJcbiAgICAucGFkLXJlc3BvbnNpdmUge1xyXG4gICAgICAgIHBhZGRpbmc6IDAgMjBweDtcclxuICAgIH1cclxuXHJcbiAgICAuaW1nUmVze1xyXG4gICAgICAgI
2508HdpZHRoOiA3MCU7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgfVxyXG5cclxuICAgIC50ZXh0LWN7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgfVxyXG5cclxuICAgIC5pbnNjcmliaXJ7XHJcbiAgICAgICAgZmxvYXQ6IG5vbmU7XHJcbiAgICAgICAgbWFyZ2luOmF1dG87XHJcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMjVweDtcclxuICAgIH1cclxuXHJcbiAgICAubWVldEJveHtcclxuICAgICAgICBoZWlnaHQ6IDIwMHB4O1xyXG4gICAgfVxyXG59Il19 */");
2509
2510/***/ }),
2511
2512/***/ "./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.ts":
2513/*!**********************************************************************************!*\
2514  !*** ./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.ts ***!
2515  \**********************************************************************************/
2516/*! exports provided: CapacitacionWebinarLiveComponent */
2517/***/ (function(module, __webpack_exports__, __webpack_require__) {
2518
2519"use strict";
2520__webpack_require__.r(__webpack_exports__);
2521/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CapacitacionWebinarLiveComponent", function() { return CapacitacionWebinarLiveComponent; });
2522/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
2523/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
2524/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
2525/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
2526/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
2527/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
2528/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
2529/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
2530/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_7__);
2531/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
2532/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
2533
2534
2535
2536
2537
2538
2539
2540
2541
2542
2543
2544
2545var CapacitacionWebinarLiveComponent = /** @class */ (function () {
2546    function CapacitacionWebinarLiveComponent(route, userService, router, location, detalleService, capacitacionService, document) {
2547        var _this = this;
2548        this.route = route;
2549        this.userService = userService;
2550        this.router = router;
2551        this.location = location;
2552        this.detalleService = detalleService;
2553        this.capacitacionService = capacitacionService;
2554        this.token = localStorage.getItem('token');
2555        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_9__["Navegacion"]();
2556        this.otros = [];
2557        this.dateAvaible = {};
2558        this.comment = {
2559            id_respuesta: null,
2560            id_webinar: 0,
2561            comentario: ''
2562        };
2563        this.peticion = {
2564            id_webinar: null,
2565            buscador: null,
2566            peticion: null,
2567            id: null,
2568            video: null
2569        };
2570        this.urlVIDEO = _service_config__WEBPACK_IMPORTED_MODULE_6__["videosCapacitaciones"].url;
2571        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_6__["imagenesBlog"].url;
2572        localStorage.removeItem('ak');
2573        localStorage.removeItem('mn');
2574        localStorage.removeItem('ps');
2575        var iframev = document.getElementById('zoom-boost');
2576        $(iframev).attr('href', '');
2577        var zoomMeeting = document.getElementById('zmmtg-root').style.display = 'none';
2578        this.capacitacionService.getOtros(this.token).subscribe(function (response) {
2579            _this.otros = response;
2580        });
2581    }
2582    CapacitacionWebinarLiveComponent.prototype.postComentario = function (idRespuesta) {
2583        return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function () {
2584            var _this = this;
2585            return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
2586                switch (_a.label) {
2587                    case 0:
2588                        this.comment.id_respuesta = idRespuesta;
2589                        this.comment.id_webinar = this.IDwebinar;
2590                        if (!(this.comment.id_respuesta == null)) return [3 /*break*/, 1];
2591                        sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.showLoading();
2592                        this.capacitacionService.postComment(this.comment, this.token).subscribe(function (response) {
2593                            _this.refreshComments();
2594                            sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.close();
2595                        });
2596                        return [3 /*break*/, 3];
2597                    case 1:
2598                        if (!(this.comment.id_respuesta != null)) return [3 /*break*/, 3];
2599                        return [4 /*yield*/, sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.fire({
2600                                input: 'textarea',
2601                                inputPlaceholder: 'Escriba aqui su respuesta',
2602                                showCancelButton: true
2603                            }).then(function (text) {
2604                                if (text.value) {
2605                                    _this.comment.comentario = text.value;
2606                                }
2607                                else {
2608                                    _this.comment.comentario = "  ";
2609                                }
2610                            })];
2611                    case 2:
2612                        _a.sent();
2613                        if (this.comment.comentario != "  ") {
2614                            this.capacitacionService.postComment(this.comment, this.token).subscribe(function (response) {
2615                                _this.refreshComments();
2616                                sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.fire("", "Comentario publicado", "success");
2617                            });
2618                        }
2619                        _a.label = 3;
2620                    case 3: return [2 /*return*/];
2621                }
2622            });
2623        });
2624    };
2625    CapacitacionWebinarLiveComponent.prototype.back = function () {
2626        if (this.origen == 0) {
2627            this.router.navigate(['capacitacion-docente/webinar/' + this.IDwebinar]);
2628        }
2629        if (this.origen == 1) {
2630            this.router.navigate(['mi-capacitacion']);
2631        }
2632    };
2633    CapacitacionWebinarLiveComponent.prototype.setDateAvability = function (dateWebinar, duracion) {
2634        this.dateAvaible = {
2635            soon: false,
2636            live: false,
2637            past: false,
2638        };
2639        var today = new Date();
2640        var dateWeb = new Date(dateWebinar);
2641        var diff = (dateWeb - today) / 1000;
2642        if (diff < (-60 * (Number(duracion) + 45))) {
2643            this.dateAvaible.past = true;
2644            this.dateAvaible.live = false;
2645            this.dateAvaible.soon = false;
2646        }
2647        if (diff >= (-60 * (Number(duracion) + 45)) && diff <= 3600) {
2648            this.dateAvaible.past = false;
2649            this.dateAvaible.live = true;
2650            this.dateAvaible.soon = false;
2651        }
2652        if (diff > 3600) {
2653            this.dateAvaible.past = false;
2654            this.dateAvaible.live = false;
2655            this.dateAvaible.soon = true;
2656        }
2657    };
2658    CapacitacionWebinarLiveComponent.prototype.refreshPeticion = function () {
2659        this.peticion.id_webinar = null;
2660        this.peticion.buscador = null;
2661        this.peticion.peticion = null;
2662        /*this.peticion.id= null; //conservar */
2663        this.peticion.video = null;
2664    };
2665    CapacitacionWebinarLiveComponent.prototype.refreshComments = function () {
2666        var _this = this;
2667        this.capacitacionService.getComment(this.IDwebinar, this.token).subscribe(function (response) {
2668            _this.comments = response;
2669            console.log(_this.comments);
2670        });
2671        this.comment = {
2672            id_respuesta: null,
2673            id_webinar: 0,
2674            comentario: ''
2675        };
2676    };
2677    CapacitacionWebinarLiveComponent.prototype.registroSalida = function () {
2678        var _this = this;
2679        //Registro de salida del Webinar//  
2680        this.peticion.peticion = 3;
2681        this.capacitacionService.postVisitedWebinar(this.peticion, this.token).subscribe(function (response) {
2682            _this.refreshPeticion();
2683            console.log("response", response);
2684        });
2685    };
2686    CapacitacionWebinarLiveComponent.prototype.registroClickVideo = function (from) {
2687        var _this = this;
2688        if (from == 1) {
2689            document.getElementById('webinar-video').style.display = 'block';
2690            document.getElementById('webinar-video').setAttribute('autoplay', '');
2691            document.getElementById('video-boton').style.display = 'none';
2692        }
2693        //Registro de click en el video//    
2694        this.peticion.video = 1;
2695        this.peticion.peticion = 2;
2696        this.capacitacionService.postVisitedWebinar(this.peticion, this.token).subscribe(function (response) {
2697            _this.refreshPeticion();
2698            console.log("response", response);
2699        });
2700    };
2701    CapacitacionWebinarLiveComponent.prototype.registroVisited = function () {
2702        var _this = this;
2703        //Registro de visita//    
2704        this.peticion.id_webinar = this.IDwebinar;
2705        this.peticion.buscador = Number((this.origen == 0));
2706        this.peticion.peticion = 1;
2707        this.capacitacionService.postVisitedWebinar(this.peticion, this.token).subscribe(function (response) {
2708            _this.peticion.id = response.id;
2709            _this.refreshPeticion();
2710            console.log("id_navegacion", response);
2711        });
2712    };
2713    CapacitacionWebinarLiveComponent.prototype.joinMeeting = function () {
2714        var _this = this;
2715        this.registroClickVideo(0);
2716        var iframe = document.getElementById('zoom-boost');
2717        $(iframe).attr('href', 'https://source.zoom.us/1.9.7/css/bootstrap.css');
2718        var path = (this.location.path().split('/').length == 6) ? this.location.path()
2719            : this.location.path() + '/' + this.peticion.id;
2720        var meeting = {
2721            //leaveUrl: 'https://labtak.takflics.com' + path,
2722            leaveUrl: 'http://localhost:4200' + path,
2723            //leaveUrl: 'https://labtak.fundacioninoma.com' + path,
2724            name: '',
2725            email: ''
2726        };
2727        this.detalleService.detallePerfil(this.token).subscribe(function (response) {
2728            meeting.name = response.user_data.name + ' ' + response.user_data.lastname;
2729            meeting.email = response.user_data.email;
2730            _this.router.navigate(['zoom'], { queryParams: { checkout: JSON.stringify(meeting) } });
2731        });
2732    };
2733    CapacitacionWebinarLiveComponent.prototype.ngOnInit = function () {
2734        var _this = this;
2735        var top = document.getElementById('top');
2736        if (top !== null) {
2737            top.scrollIntoView();
2738            top = null;
2739        }
2740        this.sections = this.userService.getSecciones();
2741        this.IDwebinar = this.route.snapshot.paramMap.get('id');
2742        this.origen = this.route.snapshot.paramMap.get('from');
2743        this.peticion.id = this.route.snapshot.paramMap.get('id_nav');
2744        this.capacitacionService.getWebinarInfo(this.IDwebinar, this.token).subscribe(function (response) {
2745            _this.webinar = response.webinar;
2746            console.log(_this.webinar);
2747            if (_this.sections.webinars.includes('' + _this.webinar.id_seccion)) {
2748                _this.navegacion.seccion = 29;
2749                _this.detalleService.navegacion(_this.token, _this.navegacion).subscribe();
2750                localStorage.setItem('ak', 'BAld7JHIQUyzD8x2UsGQdQ');
2751                localStorage.setItem('mn', _this.webinar.codigo);
2752                localStorage.setItem('ps', _this.webinar.password);
2753                _this.setDateAvability(_this.webinar.fecha, _this.webinar.duracion.split(' ')[0]);
2754                if (_this.peticion.id == null)
2755                    _this.registroVisited();
2756                else
2757                    _this.registroSalida();
2758                _this.refreshComments();
2759            }
2760            else {
2761                _this.router.navigate(['capacitacion-docente/webinar/' + _this.IDwebinar]);
2762            }
2763        });
2764    };
2765    CapacitacionWebinarLiveComponent.prototype.ngOnDestroy = function () {
2766        console.log('destroy');
2767        this.registroSalida();
2768    };
2769    CapacitacionWebinarLiveComponent.ctorParameters = function () { return [
2770        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
2771        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_5__["UserService"] },
2772        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] },
2773        { type: _angular_common__WEBPACK_IMPORTED_MODULE_3__["Location"] },
2774        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__["DetalleService"] },
2775        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_8__["CapacitacionesService"] },
2776        { type: undefined, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Inject"], args: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["DOCUMENT"],] }] }
2777    ]; };
2778    CapacitacionWebinarLiveComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2779        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
2780            selector: 'app-capacitacion-webinar-live',
2781            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./capacitacion-webinar-live.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.html")).default,
2782            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./capacitacion-webinar-live.component.css */ "./src/app/capacitacion-webinar-live/capacitacion-webinar-live.component.css")).default]
2783        }),
2784        tslib__WEBPACK_IMPORTED_MODULE_0__["__param"](6, Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Inject"])(_angular_common__WEBPACK_IMPORTED_MODULE_3__["DOCUMENT"]))
2785    ], CapacitacionWebinarLiveComponent);
2786    return CapacitacionWebinarLiveComponent;
2787}());
2788
2789
2790
2791/***/ }),
2792
2793/***/ "./src/app/capacitacion-webinar/capacitacion-webinar.component.css":
2794/*!*************************************************************************!*\
2795  !*** ./src/app/capacitacion-webinar/capacitacion-webinar.component.css ***!
2796  \*************************************************************************/
2797/*! exports provided: default */
2798/***/ (function(module, __webpack_exports__, __webpack_require__) {
2799
2800"use strict";
2801__webpack_require__.r(__webpack_exports__);
2802/* harmony default export */ __webpack_exports__["default"] = (".pad-responsive{\r\n    padding: 0px 100px 0px 150px;\r\n    margin: 0;\r\n}\r\n\r\n.bloc{\r\n    display: block !important;\r\n}\r\n\r\n.autor{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #FFB41A;\r\n}\r\n\r\n.back {\r\n    float: right;\r\n  }\r\n\r\n.compartir{\r\n    color: dimgrey;\r\n}\r\n\r\n.alert-link-lg{\r\n    color: #e6e6e6;\r\n}\r\n\r\n.iconA{\r\n    margin: 0 5px;\r\n}\r\n\r\n.iconB{\r\n    margin: 10px;\r\n}\r\n\r\n.tags{\r\n    font-weight: bold;\r\n    font-size: 14px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.inscribir{\r\n    width: auto;\r\n    height: auto;\r\n    background-color: #ffd275;\r\n    text-align: center;\r\n    float: right;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.imgRes{\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.middleIMG{\r\n    text-align: center;\r\n}\r\n\r\n.desTitulo{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.border-buttom{\r\n    border-bottom: 3px solid #FFB41A;\r\n}\r\n\r\n.small-font{\r\n    font-size: .8rem;\r\n}\r\n\r\n.line-w{\r\n    line-height:1;\r\n}\r\n\r\n.cursor{\r\n    cursor: pointer;\r\n}\r\n\r\n@media screen and (max-width: 720px) {\r\n    .pad-responsive {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .imgRes{\r\n        width: 70%;\r\n        height: auto;\r\n    }\r\n\r\n    .text-c{\r\n        text-align: center;\r\n    }\r\n\r\n    .inscribir{\r\n        float: none;\r\n        margin:auto;\r\n        margin-bottom: 25px;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2FwYWNpdGFjaW9uLXdlYmluYXIvY2FwYWNpdGFjaW9uLXdlYmluYXIuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLDRCQUE0QjtJQUM1QixTQUFTO0FBQ2I7O0FBRUE7SUFDSSx5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxZQUFZO0VBQ2Q7O0FBRUY7SUFDSSxjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7O0FBRUE7SUFDSTtRQUNJLGVBQWU7SUFDbkI7O0lBRUE7UUFDSSxVQUFVO1FBQ1YsWUFBWTtJQUNoQjs7SUFFQTtRQUNJLGtCQUFrQjtJQUN0Qjs7SUFFQTtRQUNJLFdBQVc7UUFDWCxXQUFXO1FBQ1gsbUJBQW1CO0lBQ3ZCO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC9jYXBhY2l0YWNpb24td2ViaW5hci9jYXBhY2l0YWNpb24td2ViaW5hci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBhZC1yZXNwb25zaXZle1xyXG4gICAgcGFkZGluZzogMHB4IDEwMHB4IDBweCAxNTBweDtcclxuICAgIG1hcmdpbjogMDtcclxufVxyXG5cclxuLmJsb2N7XHJcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uYXV0b3J7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYmFjayB7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgfVxyXG5cclxuLmNvbXBhcnRpcntcclxuICAgIGNvbG9yOiBkaW1ncmV5O1xyXG59XHJcblxyXG4uYWxlcnQtbGluay1sZ3tcclxuICAgIGNvbG9yOiAjZTZlNmU2O1xyXG59XHJcblxyXG4uaWNvbkF7XHJcbiAgICBtYXJnaW46IDAgNXB4O1xyXG59XHJcblxyXG4uaWNvbkJ7XHJcbiAgICBtYXJnaW46IDEwcHg7XHJcbn1cclxuXHJcbi50YWdze1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBmb250LXNpemU6IDE0cHggO1xyXG4gICAgY29sb3I6ICNGRkI0MUEgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmluc2NyaWJpcntcclxuICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZDI3NTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xyXG59XHJcblxyXG4uaW1nUmVze1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbn1cclxuXHJcbi5taWRkbGVJTUd7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7X
2802HJcbn1cclxuXHJcbi5kZXNUaXR1bG97XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGZvbnQtc2l6ZTogMTZweCA7XHJcbiAgICBjb2xvcjogI0ZGQjQxQSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uY29sb3J7XHJcbiAgICBjb2xvcjogI0ZGQjQxQTtcclxufVxyXG5cclxuLmJvcmRlci1idXR0b217XHJcbiAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgI0ZGQjQxQTtcclxufVxyXG5cclxuLnNtYWxsLWZvbnR7XHJcbiAgICBmb250LXNpemU6IC44cmVtO1xyXG59XHJcblxyXG4ubGluZS13e1xyXG4gICAgbGluZS1oZWlnaHQ6MTtcclxufVxyXG5cclxuLmN1cnNvcntcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzIwcHgpIHtcclxuICAgIC5wYWQtcmVzcG9uc2l2ZSB7XHJcbiAgICAgICAgcGFkZGluZzogMCAyMHB4O1xyXG4gICAgfVxyXG5cclxuICAgIC5pbWdSZXN7XHJcbiAgICAgICAgd2lkdGg6IDcwJTtcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB9XHJcblxyXG4gICAgLnRleHQtY3tcclxuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICB9XHJcblxyXG4gICAgLmluc2NyaWJpcntcclxuICAgICAgICBmbG9hdDogbm9uZTtcclxuICAgICAgICBtYXJnaW46YXV0bztcclxuICAgICAgICBtYXJnaW4tYm90dG9tOiAyNXB4O1xyXG4gICAgfVxyXG59Il19 */");
2803
2804/***/ }),
2805
2806/***/ "./src/app/capacitacion-webinar/capacitacion-webinar.component.ts":
2807/*!************************************************************************!*\
2808  !*** ./src/app/capacitacion-webinar/capacitacion-webinar.component.ts ***!
2809  \************************************************************************/
2810/*! exports provided: CapacitacionWebinarComponent */
2811/***/ (function(module, __webpack_exports__, __webpack_require__) {
2812
2813"use strict";
2814__webpack_require__.r(__webpack_exports__);
2815/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CapacitacionWebinarComponent", function() { return CapacitacionWebinarComponent; });
2816/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
2817/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
2818/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
2819/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
2820/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
2821/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
2822/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
2823/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_6__);
2824/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
2825/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
2826
2827
2828
2829
2830
2831
2832
2833
2834
2835
2836var CapacitacionWebinarComponent = /** @class */ (function () {
2837    function CapacitacionWebinarComponent(route, userService, router, detalleService, capacitacionService) {
2838        this.route = route;
2839        this.userService = userService;
2840        this.router = router;
2841        this.detalleService = detalleService;
2842        this.capacitacionService = capacitacionService;
2843        this.token = localStorage.getItem('token');
2844        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_8__["N
2844avegacion"]();
2845        this.otros = [];
2846        this.dateAvaible = true;
2847        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_5__["imagenesBlog"].url;
2848        this.navegacion.seccion = 27;
2849        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
2850    }
2851    CapacitacionWebinarComponent.prototype.inscribir = function () {
2852        var _this = this;
2853        if (this.sections.webinars.includes('' + this.webinar.id_seccion)) {
2854            //ya esta inscrito, redirigir al webinar-Live
2855            this.router.navigate(['capacitacion-docente/webinar-live/0/' + this.IDwebinar]);
2856        }
2857        if (!this.sections.webinars.includes('' + this.webinar.id_seccion) && this.webinar.cobrar == 0) {
2858            //inscribir gratis
2859            sweetalert2__WEBPACK_IMPORTED_MODULE_6___default.a.showLoading();
2860            var data = {
2861                id: this.IDwebinar,
2862                titulo: this.webinar.titulo,
2863                cobrar: this.webinar.cobrar,
2864            };
2865            console.log(data);
2866            this.capacitacionService.postInscribirWebinarGratis(data, this.token).subscribe(function (response) {
2867                console.log(response);
2868                localStorage.setItem('token', response.token);
2869                _this.refreshData();
2870                sweetalert2__WEBPACK_IMPORTED_MODULE_6___default.a.close();
2871            });
2872        }
2873        if (!this.sections.webinars.includes('' + this.webinar.id_seccion) && this.webinar.cobrar == 1) {
2874            //inscribir con pago
2875            var data = {
2876                id: this.IDwebinar,
2877                titulo: this.webinar.titulo,
2878                cobrar: this.webinar.cobrar,
2879                precio: this.webinar.precio
2880            };
2881            this.capacitacionService.postInscribirWebinarCobro(data, this.token).subscribe(function (response) {
2882                console.log(response);
2883            });
2884        }
2885    };
2886    CapacitacionWebinarComponent.prototype.back = function () {
2887        this.router.navigate(['capacitacion-docente/']);
2888    };
2889    CapacitacionWebinarComponent.prototype.refreshData = function () {
2890        this.sections = this.userService.getSecciones();
2891    };
2892    CapacitacionWebinarComponent.prototype.setDateAvability = function (dateWebinar) {
2893        var today = new Date();
2894        var dateWeb = new Date(dateWebinar);
2895        var diff = (dateWeb - today) / 10000;
2896        if (diff < 0) {
2897            this.dateAvaible = false;
2898        }
2899        else {
2900            this.dateAvaible = true;
2901        }
2902    };
2903    CapacitacionWebinarComponent.prototype.ngOnInit = function () {
2904        var _this = this;
2905        var top = document.getElementById('top');
2906        if (top !== null) {
2907            top.scrollIntoView();
2908            top = null;
2909        }
2910        this.IDwebinar = this.route.snapshot.paramMap.get('id');
2911        this.refreshData();
2912        this.capacitacionService.getWebinarInfo(this.IDwebinar, this.token).subscribe(function (response) {
2913            _this.webinar = response.webinar;
2914            _this.setDateAvability(_this.webinar.fecha);
2915            console.log("webinar:", _this.webinar);
2916        });
2917        this.capacitacionService.getOtros(this.token).subscribe(function (response) {
2918            _this.otros = response;
2919            console.log("otros:", _this.otros);
2920        });
2921        console.log("secciones:", this.sections);
2922    };
2923    CapacitacionWebinarComponent.ctorParameters = function () { return [
2924        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
2925        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_4__["UserService"] },
2926        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] },
2927        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__["DetalleService"] },
2928        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_7__["CapacitacionesService"] }
2929    ]; };
2930    CapacitacionWebinarComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
2931        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
2932            selector: 'app-capacitacion-webinar',
2933            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./capacitacion-webinar.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion-webinar/capacitacion-webinar.component.html")).default,
2934            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./capacitacion-webinar.component.css */ "./src/app/capacitacion-webinar/capacitacion-webinar.component.css")).default]
2935        })
2936    ], CapacitacionWebinarComponent);
2937    return CapacitacionWebinarComponent;
2938}());
2939
2940
2941
2942/***/ }),
2943
2944/***/ "./src/app/capacitacion/capacitacion.component.css":
2945/*!*********************************************************!*\
2946  !*** ./src/app/capacitacion/capacitacion.component.css ***!
2947  \*********************************************************/
2948/*! exports provided: default */
2949/***/ (function(module, __webpack_exports__, __webpack_require__) {
2950
2951"use strict";
2952__webpack_require__.r(__webpack_exports__);
2953/* harmony default export */ __webpack_exports__["default"] = (".pagination /deep/ .ngx-pagination .current{\r\n    font-size: 15px;\r\n    background-color: white;\r\n    color: black;\r\n    justify-content: center;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.border-color{\r\n    border-radius: 15px;\r\n    border: 3px solid #FFB41A;\r\n}\r\n\r\n.searchbtn{\r\n    border: 0px;\r\n    cursor: pointer; \r\n    width: 50px;\r\n    height: auto;\r\n    background-color: transparent;\r\n}\r\n\r\n.resultado{\r\n    border-bottom: 1px solid black;\r\n    padding-top: 18px;\r\n    padding-bottom: 15px;\r\n}\r\n\r\n.mt125{\r\n    margin-top: 1.25rem;\r\n}\r\n\r\n.imagen{\r\n    max-width: 100%;\r\n    max-height: 160px;\r\n}\r\n\r\n.leer{\r\n    border: 0px;\r\n    background: url('/assets/images/background/btn151.png') no-repeat scroll 0 0 transparent;\r\n    cursor: pointer;\r\n    color:black;\r\n    font-weight: 700;   \r\n    width: 151px;\r\n    height: 30px;\r\n}\r\n\r\n.dblock{\r\n    display: block;\r\n}\r\n\r\n.screen2{\r\n    display:grid;\r\n    width: 100%;\r\n    align-items: end;\r\n    justify-content: end;\r\n}\r\n\r\n.ta-center{\r\n    text-align: center;\r\n}\r\n\r\n.pad-responsive{\r\n    padding: 0px 150px 0px 150px;\r\n    margin: 0;\r\n}\r\n\r\n.alert-link-lg{\r\n    color: #e6e6e6;\r\n}\r\n\r\n@media screen and (max-width: 720px) {\r\n    .pad-responsive {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .btn-res{\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2FwYWNpdGFjaW9uL2NhcGFjaXRhY2lvbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksZUFBZTtJQUNmLHVCQUF1QjtJQUN2QixZQUFZO0lBQ1osdUJBQXVCO0FBQzNCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLG1CQUFtQjtJQUNuQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsZUFBZTtJQUNmLFdBQVc7SUFDWCxZQUFZO0lBQ1osNkJBQTZCO0FBQ2pDOztBQUVBO0lBQ0ksOEJBQThCO0lBQzlCLGlCQUFpQjtJQUNqQixvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksV0FBVztJQUNYLHdGQUF3RjtJQUN4RixlQUFlO0lBQ2YsV0FBVztJQUNYLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osV0FBVztJQUNYLGdCQUFnQjtJQUNoQixvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSw0QkFBNEI7SUFDNUIsU0FBUztBQUNiOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJO1FBQ0ksZUFBZTtJQUNuQjs7SUFFQTtRQUNJLGtCQUFrQjtJQUN0QjtBQUNKIiwiZmlsZSI6InNyYy9hcHAvY2FwYWNpdGFjaW9uL2NhcGFjaXRhY2lvbi5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBhZ2luYXRpb24gL2RlZXAvIC5uZ3gtcGFnaW5hdGlvbiAuY3VycmVudHtcclxuICAgIGZvbnQtc2l6ZTogMTVweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbn1cclxuXHJcbi5jb2xvcntcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYm9yZGVyLWNvbG9ye1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTVweDtcclxuICAgIGJvcmRlcjogM3B4IHNvbGlkICNGRkI0MUE7XHJcbn1cclxuXHJcbi5zZWFyY2hidG57XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjsgXHJcbiAgICB3aWR0aDogNTBweDtcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xyXG59XHJcblxyXG4ucmVzdWx0YWRve1xyXG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xyXG4gICAgcGFkZGluZy10b3A6IDE4cHg7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTVweDtcclxufVxyXG5cclxuLm10MTI1e1xyXG4gICAgbWFyZ2luLXRvcDogMS4yNXJlbTtcclxufVxyXG5cclxuLmltYWdlbntcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIG1heC1oZWlnaHQ6IDE2MHB4O1xyXG59XHJcblxyXG4ubGVlcntcclxuICAgIGJvcmRlcjogMHB4O1xyXG4gICAgYmFja2dyb3VuZDogdXJsKCcvYXNzZXRzL2ltYWdlcy9iYWNrZ3JvdW5kL2J0bjE1MS5wbmcnKSBuby1yZXBlYXQgc2Nyb2xsIDAgMCB0cmFuc3BhcmVudDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGNvbG9yOmJsYWNrO1xyXG4gICAgZm9udC13ZWlnaHQ6IDcwMDsgICBcclxuICAgIHdpZHRoOiAxNTFweDtcclxuICAgIGhlaWdodDogMzBweDtcclxufVxyXG5cclxuLmRibG9ja3tcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uc2NyZWVuMntcclxuICAgIGRpc3BsYXk6Z3JpZDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYWxpZ24taXRlbXM6IGVuZDtcclxuICAgIGp1c3RpZnktY29udGVudDogZW5kO1xyXG59XHJcblxyXG4udGEtY2VudGVye1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4ucGFkLXJlc3BvbnNpdmV7XHJcbiAgICBwYWRkaW5nOiAwcHggMTUwcHggMHB4IDE1MHB4O1xyXG4gICAgbWFyZ2luOiAwO1xyXG59XHJcblxyXG4uYWxlcnQtbGluay1sZ3tcclxuICAgIGNvbG9yOiAjZTZlNmU2O1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3MjBweCkge1xyXG4gICAgLnBhZC1yZXNwb25zaXZlIHt
2953cclxuICAgICAgICBwYWRkaW5nOiAwIDIwcHg7XHJcbiAgICB9XHJcblxyXG4gICAgLmJ0bi1yZXN7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgfVxyXG59XHJcbiJdfQ== */");
2954
2955/***/ }),
2956
2957/***/ "./src/app/capacitacion/capacitacion.component.ts":
2958/*!********************************************************!*\
2959  !*** ./src/app/capacitacion/capacitacion.component.ts ***!
2960  \********************************************************/
2961/*! exports provided: CapacitacionComponent */
2962/***/ (function(module, __webpack_exports__, __webpack_require__) {
2963
2964"use strict";
2965__webpack_require__.r(__webpack_exports__);
2966/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CapacitacionComponent", function() { return CapacitacionComponent; });
2967/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
2968/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
2969/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
2970/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
2971/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
2972/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
2973/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
2974/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
2975
2976
2977
2978
2979
2980
2981
2982
2983var CapacitacionComponent = /** @class */ (function () {
2984    function CapacitacionComponent(route, userService, detalleService, capacitacionService) {
2985        this.route = route;
2986        this.userService = userService;
2987        this.detalleService = detalleService;
2988        this.capacitacionService = capacitacionService;
2989        this.token = localStorage.getItem("token");
2990        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_3__["Navegacion"]();
2991        this.searchData = {};
2992        this.resultList = [];
2993        this.proximos = [];
2994        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_6__["imagenesCapacitaciones"].url;
2995        this.p = 1;
2996        this.Arr = Array;
2997        this.navegacion.seccion = 24;
2998        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
2999    }
3000    CapacitacionComponent.prototype.busqueda = function () {
3001        var _this = this;
3002        this.capacitacionService
3003            .postBusqueda(this.searchData, this.token)
3004            .subscribe(function (response) {
3005            _this.resultList = response.resultados;
3006            console.log(_this.resultList);
3007        });
3008    };
3009    CapacitacionComponent.prototype.ngOnInit = function () {
3010        var _this = this;
3011        var top = document.getElementById("top");
3012        if (top !== null) {
3013            top.scrollIntoView();
3014            top = null;
3015        }
3016        this.sections = this.userService.getSecciones();
3017        this.capacitacionService.getTemas(this.token).subscribe(function (response) {
3018            _this.temasList = response.temas;
3019        });
3020        this.capacitacionService
3021            .getProximos(this.token)
3022            .subscribe(function (response) {
3023            _this.proximos = response.resultados;
3024            console.log("proximos: ", _this.proximos);
3025        });
3026        this.searchData = {
3027            tipo: 0,
3028            id_tema: 0,
3029            fecha: 0,
3030        };
3031        var tipo = this.route.snapshot.paramMap.get("tipo");
3032        if (tipo != undefined) {
3033            this.searchData.tipo = tipo;
3034            this.busqueda();
3035        }
3036    };
3037    CapacitacionComponent.ctorParameters = function () { return [
3038        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
3039        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_5__["UserService"] },
3040        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__["DetalleService"] },
3041        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_7__["CapacitacionesService"] }
3042    ]; };
3043    CapacitacionComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3044        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3045            selector: "app-capacitacion",
3046            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./capacitacion.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/capacitacion/capacitacion.component.html")).default,
3047            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./capacitacion.component.css */ "./src/app/capacitacion/capacitacion.component.css")).default]
3048        })
3049    ], CapacitacionComponent);
3050    return CapacitacionComponent;
3051}());
3052
3053
3054
3055/***/ }),
3056
3057/***/ "./src/app/contacto/contacto.component.css":
3058/*!*************************************************!*\
3059  !*** ./src/app/contacto/contacto.component.css ***!
3060  \*************************************************/
3061/*! exports provided: default */
3062/***/ (function(module, __webpack_exports__, __webpack_require__) {
3063
3064"use strict";
3065__webpack_require__.r(__webpack_exports__);
3066/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbnRhY3RvL2NvbnRhY3RvLmNvbXBvbmVudC5jc3MifQ== */");
3067
3068/***/ }),
3069
3070/***/ "./src/app/contacto/contacto.component.ts":
3071/*!************************************************!*\
3072  !*** ./src/app/contacto/contacto.component.ts ***!
3073  \************************************************/
3074/*! exports provided: ContactoComponent */
3075/***/ (function(module, __webpack_exports__, __webpack_require__) {
3076
3077"use strict";
3078__webpack_require__.r(__webpack_exports__);
3079/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContactoComponent", function() { return ContactoComponent; });
3080/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3081/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3082
3083
3084var ContactoComponent = /** @class */ (function () {
3085    function ContactoComponent() {
3086    }
3087    ContactoComponent.prototype.ngOnInit = function () {
3088    };
3089    ContactoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3090        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3091            selector: 'app-contacto',
3092            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./contacto.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/contacto/contacto.component.html")).default,
3093            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./contacto.component.css */ "./src/app/contacto/contacto.component.css")).default]
3094        })
3095    ], ContactoComponent);
3096    return ContactoComponent;
3097}());
3098
3099
3100
3101/***/ }),
3102
3103/***/ "./src/app/footer/footer.component.css":
3104/*!*********************************************!*\
3105  !*** ./src/app/footer/footer.component.css ***!
3106  \*********************************************/
3107/*! exports provided: default */
3108/***/ (function(module, __webpack_exports__, __webpack_require__) {
3109
3110"use strict";
3111__webpack_require__.r(__webpack_exports__);
3112/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LmNzcyJ9 */");
3113
3114/***/ }),
3115
3116/***/ "./src/app/footer/footer.component.ts":
3117/*!********************************************!*\
3118  !*** ./src/app/footer/footer.component.ts ***!
3119  \********************************************/
3120/*! exports provided: FooterComponent */
3121/***/ (function(module, __webpack_exports__, __webpack_require__) {
3122
3123"use strict";
3124__webpack_require__.r(__webpack_exports__);
3125/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FooterComponent", function() { return FooterComponent; });
3126/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3127/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3128
3129
3130var FooterComponent = /** @class */ (function () {
3131    function FooterComponent() {
3132    }
3133    FooterComponent.prototype.ngOnInit = function () {
3134        particlesJS(
3135        // Footer
3136        "js-particles--footer", {
3137            "particles": {
3138                "number": {
3139                    "value": 80, "density": {
3140                        "enable": true, "value_area": 800
3141                    }
3142                },
3143                "color": {
3144                    "value": "#c0890f"
3145                },
3146                "shape": {
3147                    "type": "circle", "stroke": {
3148                        "width": 0, "color": "#000000"
3149                    },
3150                    "polygon": {
3151                        "nb_sides": 5
3152                    },
3153                    "image": {
3154                        "src": "img/github.svg", "width": 100, "height": 100
3155                    }
3156                },
3157                "opacity": {
3158                    "value": 0.5, "random": false, "anim": {
3159                        "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false
3160                    }
3161                },
3162                "size": {
3163                    "value": 11.83721462448409, "random": true, "anim": {
3164                        "enable": false, "speed": 40, "size_min": 0.1, "sync": false
3165                    }
3166                },
3167                "line_linked": {
3168                    "enable": true, "distance": 160.3412060865523, "color": "#c0890f", "opacity": 0.4, "width": 3.630079151508454
3169                },
3170                "move": {
3171                    "enable": true, "speed": 6, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": {
3172                        "enable": false, "rotateX": 600, "rotateY": 1200
3173                    }
3174                }
3175            },
3176            "interactivity": {
3177                "detect_on": "canvas", "events": {
3178                    "onhover": {
3179                        "enable": true, "mode": "repulse"
3180                    },
3181                    "onclick": {
3182                        "enable": true, "mode": "push"
3183                    },
3184                    "resize": true
3185                },
3186                "modes": {
3187                    "grab": {
3188                        "distance": 400, "line_linked": {
3189                            "opacity": 1
3190                        }
3191                    },
3192                    "bubble": {
3193                        "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3
3194                    },
3195                    "repulse": {
3196                        "distance": 200, "duration": 0.4
3197                    },
3198                    "push": {
3199                        "particles_nb": 4
3200                    },
3201                    "remove": {
3202                        "particles_nb": 2
3203                    }
3204                }
3205            },
3206            "retina_detect": true
3207        });
3208    };
3209    FooterComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3210        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3211            selector: 'app-footer',
3212            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./footer.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/footer/footer.component.html")).default,
3213            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./footer.component.css */ "./src/app/footer/footer.component.css")).default]
3214        })
3215    ], FooterComponent);
3216    return FooterComponent;
3217}());
3218
3219
3220
3221/***/ }),
3222
3223/***/ "./src/app/foro-entrada/foro-entrada.component.css":
3224/*!*********************************************************!*\
3225  !*** ./src/app/foro-entrada/foro-entrada.component.css ***!
3226  \*********************************************************/
3227/*! exports provided: default */
3228/***/ (function(module, __webpack_exports__, __webpack_require__) {
3229
3230"use strict";
3231__webpack_require__.r(__webpack_exports__);
3232/* harmony default export */ __webpack_exports__["default"] = (":host{\r\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\r\n}\r\n\r\n.screen{\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.screenR{\r\n    width: 100%;\r\n    display: grid;\r\n    align-items: start;\r\n    justify-content: right;\r\n}\r\n\r\n.screenL{\r\n    width: 100%;\r\n    display: grid;\r\n    align-items: start;\r\n    justify-content: left;\r\n}\r\n\r\n.boton{\r\n    border: 0px;\r\n    background: url('/assets/images/background/btn151.png') no-repeat scroll 0 0 transparent;\r\n    cursor: pointer;\r\n    color:black;\r\n    font-weight: 700;   \r\n    width: 151px;\r\n    height: 30px;\r\n}\r\n\r\n.botonCom{  \r\n    width: 180px !important;\r\n    background-size: 100% !important;\r\n}\r\n\r\n.crearE{\r\n    margin-top: 10px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.ml60{\r\n    margin-left: 65%;\r\n    margin-top: 10px;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.inicio{\r\n    display: inline-block;\r\n    margin-left: 10px;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n}\r\n\r\n.subtema{\r\n    font-size: 25px;\r\n    font-weight: 700;\r\n}\r\n\r\n.descripcionSub{\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    font-weight: 500;\r\n}\r\n\r\n.tituloE{\r\n    display: inline-block;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin-right: 50px;\r\n}\r\n\r\n.resE{\r\n    display: inline-block;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n}\r\n\r\n.Ecreada{\r\n    display: inline-block;\r\n    font-weight: 500;\r\n    font-size: 17px;\r\n}\r\n\r\n.Ecreada2{\r\n    display: inline-block;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    margin-left: 7px;\r\n}\r\n\r\n.Efecha{\r\n    display: block;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: grey;\r\n    margin-top:-5px;\r\n}\r\n\r\n.texto{\r\n    font-size: 15px;\r\n    /*font-weight: 500;*/\r\n    line-height: 16px;\r\n    margin: 22px 0;\r\n}\r\n\r\n.responde{\r\n    display: block;\r\n    font-weight: 600;\r\n}\r\n\r\n.tucom{\r\n    display: block;\r\n    font-size: 13px;\r\n    margin-top: -5px;\r\n}\r\n\r\n.correo{\r\n    display: block;\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    margin-top: -10px;\r\n}\r\n\r\n.selected{\r\n    display: block !important;\r\n}\r\n\r\n.unselected{\r\n    display: none !important;\r\n}\r\n\r\n.pagination /deep/ .ngx-pagination .current{\r\n    font-size: 15px;\r\n    background-color: white;\r\n    color: black;\r\n}\r\n\r\n.pagx{\r\n    display: grid;\r\n    justify-content: right;\r\n    align-items: end;\r\n}\r\n\r\n.cancelar{\r\n    text-decoration: underline;\r\n    color:grey;\r\n    font-weight: 500;\r\n    font-size: 18px;\r\n    cursor:pointer;\r\n    margin-left: 10px;\r\n}\r\n\r\n.imgEntrada{\r\n    width: 60px;\r\n    height: auto;\r\n    border-radius: 30px;\r\n    border: 2px solid grey;\r\n}\r\n\r\n.eliminarCom{\r\n    border: 0px;\r\n    background: url('/assets/images/blogForo/Iconos_LTblog_Bote_35px.png') no-repeat scroll 0 0 transparent;\r\n    background-size: 100%;\r\n    cursor: pointer;  \r\n    width: 25px;\r\n    height: 25px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.home{\r\n    display: flex;\r\n    flex-wrap: flex;\r\n}\r\n\r\n.in-flex{\r\n    flex: 1;\r\n}\r\n\r\n.box1{\r\n    min-width: 600px;\r\n}\r\n\r\n.box2{\r\n    min-width: 600px;\r\n}\r\n\r\n@media screen and (max-width: 720px) {\r\n    .box1{\r\n        min-width: 330px;\r\n    }\r\n    .ml60{\r\n        margin-left: 15%;\r\n        margin-top: 10px;\r\n    }\r\n    .box2{\r\n        min-width: 250px;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZm9yby1lbnRyYWRhL2Zvcm8tZW50cmFkYS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksaURBQWlEO0FBQ3JEOztBQUVBO0lBQ0ksV0FBVztJQUNYLG1CQUFtQjtJQUNuQix1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtJQUNiLGtCQUFrQjtJQUNsQixzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtJQUNiLGtCQUFrQjtJQUNsQixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsd0ZBQXdGO0lBQ3hGLGVBQWU7SUFDZixXQUFXO0lBQ1gsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksdUJBQXVCO0lBQ3ZCLGdDQU
3232FnQztBQUNwQzs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLFdBQVc7SUFDWCxlQUFlO0FBQ25COztBQUVBO0lBQ0ksZUFBZTtJQUNmLG9CQUFvQjtJQUNwQixpQkFBaUI7SUFDakIsY0FBYztBQUNsQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxjQUFjO0lBQ2QsZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHdCQUF3QjtBQUM1Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZix1QkFBdUI7SUFDdkIsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGFBQWE7SUFDYixzQkFBc0I7SUFDdEIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksMEJBQTBCO0lBQzFCLFVBQVU7SUFDVixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGNBQWM7SUFDZCxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsdUdBQXVHO0lBQ3ZHLHFCQUFxQjtJQUNyQixlQUFlO0lBQ2YsV0FBVztJQUNYLFlBQVk7SUFDWixlQUFlO0FBQ25COztBQUVBO0lBQ0ksYUFBYTtJQUNiLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxPQUFPO0FBQ1g7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSTtRQUNJLGdCQUFnQjtJQUNwQjtJQUNBO1FBQ0ksZ0JBQWdCO1FBQ2hCLGdCQUFnQjtJQUNwQjtJQUNBO1FBQ0ksZ0JBQWdCO0lBQ3BCO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC9mb3JvLWVudHJhZGEvZm9yby1lbnRyYWRhLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdHtcclxuICAgIGZvbnQtZmFtaWx5OiBSb2JvdG8sIFwiSGVsdmV0aWNhIE5ldWVcIiwgc2Fucy1zZXJpZjtcclxufVxyXG5cclxuLnNjcmVlbntcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG59IFxyXG5cclxuLnNjcmVlblJ7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGdyaWQ7XHJcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xyXG59IFxyXG5cclxuLnNjcmVlbkx7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGdyaWQ7XHJcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7XHJcbn0gXHJcblxyXG4uYm90b257XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvYmFja2dyb3VuZC9idG4xNTEucG5nJykgbm8tcmVwZWF0IHNjcm9sbCAwIDAgdHJhbnNwYXJlbnQ7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBjb2xvcjpibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7ICAgXHJcbiAgICB3aWR0aDogMTUxcHg7XHJcbiAgICBoZWlnaHQ6IDMwcHg7XHJcbn1cclxuXHJcbi5ib3RvbkNvbXsgIFxyXG4gICAgd2lkdGg6IDE4MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmNyZWFyRXtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xyXG59XHJcblxyXG4ubWw2MHtcclxuICAgIG1hcmdpbi1sZWZ0OiA2NSU7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcblxyXG4uY29sb3J7XHJcbiAgICBjb2xvcjogI0ZGQjQxQTtcclxufVxyXG5cclxuLmluaWNpb3tcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG4gICAgZm9udC1zaXplOiAxN3B4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxufVxyXG5cclxuLnN1YnRlbWF7XHJcbiAgICBmb250LXNpemU6IDI1cHg7XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG59XHJcblxyXG4uZGVzY3JpcGNpb25TdWJ7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuXHJcbi50aXR1bG9Fe1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgZm9udC1zaXplOiAxOHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIG1hcmdpbi1yaWdodDogNTBweDtcclxufVxyXG5cclxuLnJlc0V7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG59XHJcblxyXG4uRWNyZWFkYXtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBmb250LXNpemU6IDE3cHg7XHJcbn1cclxuXHJcbi5FY3JlYWRhMntcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBtYXJnaW4tbGVmdDogN3B4O1xyXG59XHJcblxyXG4uRWZlY2hhe1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgY29sb3I6IGdyZXk7XHJcbiAgICBtYXJnaW4tdG9wOi01cHg7XHJcbn1cclxuXHJcbi50ZXh0b3tcclxuICAgIGZvbnQtc2l6ZTogMTVweDtcclxuICAgIC8qZm9udC13ZWlnaHQ6IDUwMDsqL1xyXG4gICAgbGluZS1oZWlnaHQ6IDE2cHg7XHJcbiAgICBtYXJnaW46IDIycHggMDtcclxufVxyXG5cclxuLnJlc3BvbmRle1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG59XHJcblxyXG4udHVjb217XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIG1hcmdpbi10b3A6IC01cHg7XHJcbn1cclxuXHJcbi5jb3JyZW97XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBtYXJnaW4tdG9wOiAtMTBweDtcclxufVxyXG5cclxuLnNlbGVjdGVke1xyXG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnVuc2VsZWN0ZWR7XHJcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wYWdpbmF0aW9uIC9kZWVwLyAubmd4LXBhZ2luYXRpb24gLmN1cnJlbnR7XHJcbiAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIGNvbG9yOiBibGFjaztcclxufVxyXG5cclxuLnBhZ3h7XHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAganVzdGlmeS1jb250ZW50OiByaWdodDtcclxuICAgIGFsaWduLWl0ZW
32321zOiBlbmQ7XHJcbn1cclxuXHJcbi5jYW5jZWxhcntcclxuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xyXG4gICAgY29sb3I6Z3JleTtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBjdXJzb3I6cG9pbnRlcjtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG59XHJcblxyXG4uaW1nRW50cmFkYXtcclxuICAgIHdpZHRoOiA2MHB4O1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMzBweDtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkIGdyZXk7XHJcbn1cclxuXHJcbi5lbGltaW5hckNvbXtcclxuICAgIGJvcmRlcjogMHB4O1xyXG4gICAgYmFja2dyb3VuZDogdXJsKCcvYXNzZXRzL2ltYWdlcy9ibG9nRm9yby9JY29ub3NfTFRibG9nX0JvdGVfMzVweC5wbmcnKSBuby1yZXBlYXQgc2Nyb2xsIDAgMCB0cmFuc3BhcmVudDtcclxuICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjsgIFxyXG4gICAgd2lkdGg6IDI1cHg7XHJcbiAgICBoZWlnaHQ6IDI1cHg7XHJcbiAgICBtYXJnaW4tdG9wOiA1cHg7XHJcbn1cclxuXHJcbi5ob21le1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtd3JhcDogZmxleDtcclxufVxyXG5cclxuLmluLWZsZXh7XHJcbiAgICBmbGV4OiAxO1xyXG59XHJcblxyXG4uYm94MXtcclxuICAgIG1pbi13aWR0aDogNjAwcHg7XHJcbn1cclxuXHJcbi5ib3gye1xyXG4gICAgbWluLXdpZHRoOiA2MDBweDtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzIwcHgpIHtcclxuICAgIC5ib3gxe1xyXG4gICAgICAgIG1pbi13aWR0aDogMzMwcHg7XHJcbiAgICB9XHJcbiAgICAubWw2MHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogMTUlO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbiAgICB9XHJcbiAgICAuYm94MntcclxuICAgICAgICBtaW4td2lkdGg6IDI1MHB4O1xyXG4gICAgfVxyXG59Il19 */");
3233
3234/***/ }),
3235
3236/***/ "./src/app/foro-entrada/foro-entrada.component.ts":
3237/*!********************************************************!*\
3238  !*** ./src/app/foro-entrada/foro-entrada.component.ts ***!
3239  \********************************************************/
3240/*! exports provided: ForoEntradaComponent */
3241/***/ (function(module, __webpack_exports__, __webpack_require__) {
3242
3243"use strict";
3244__webpack_require__.r(__webpack_exports__);
3245/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ForoEntradaComponent", function() { return ForoEntradaComponent; });
3246/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3247/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3248/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
3249/* harmony import */ var _service_foro_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/foro.service */ "./src/app/service/foro.service.ts");
3250/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
3251/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
3252/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_5__);
3253/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
3254
3255
3256
3257
3258
3259
3260
3261var ForoEntradaComponent = /** @class */ (function () {
3262    function ForoEntradaComponent(route, foroService, detalleService) {
3263        this.route = route;
3264        this.foroService = foroService;
3265        this.detalleService = detalleService;
3266        this.urlIMG = _service_config__WEBPACK_IMPORTED_MODULE_4__["imagenes"].url;
3267        this.token = localStorage.getItem("token");
3268        this.editorConfig = {
3269            editable: true,
3270            spellcheck: true,
3271            height: "135px",
3272            minHeight: "0",
3273            maxHeight: "auto",
3274            width: "100%",
3275            minWidth: "0",
3276            translate: "yes",
3277            enableToolbar: true,
3278            showToolbar: true,
3279            placeholder: "Ingresa el contenido de la entrada aqui...",
3280            defaultParagraphSeparator: "",
3281            defaultFontName: "Roboto",
3282            defaultFontSize: "3",
3283            fonts: [
3284                { class: "arial", name: "Arial" },
3285                { class: "times-new-roman", name: "Times New Roman" },
3286                { class: "calibri", name: "Calibri" },
3287                { class: "comic-sans-ms", name: "Comic Sans MS" },
3288            ],
3289            customClasses: [
3290                {
3291                    name: "quote",
3292                    class: "quote",
3293                },
3294                {
3295                    name: "redText",
3296                    class: "redText",
3297                },
3298                {
3299                    name: "titleText",
3300                    class: "titleText",
3301                    tag: "h1",
3302                },
3303            ],
3304            sanitize: true,
3305            toolbarPosition: "top",
3306            toolbarHiddenButtons: [
3307                [
3308                    "strikeThrough",
3309                    "subscript",
3310                    "superscript",
3311                    "justifyLeft",
3312                    "justifyCenter",
3313                    "justifyRight",
3314                    "justifyFull",
3315                    "indent",
3316                    "outdent",
3317                    "insertUnorderedList",
3318                    "insertOrderedList",
3319                    "heading",
3320                    "fontName",
3321                ],
3322                [
3323                    "fontSize",
3324                    "textColor",
3325                    "backgroundColor",
3326                    "customClasses",
3327                    "insertImage",
3328                    "insertVideo",
3329                    "insertHorizontalRule",
3330                    "removeFormat",
3331                    "toggleEditorMode",
3332                ],
3333            ],
3334        };
3335    }
3336    ForoEntradaComponent.prototype.eliminarEntrada = function (IDe, nombre, texto) {
3337        var _this = this;
3338        var b = {
3339            ID: IDe,
3340            nombre: nombre,
3341            texto: texto,
3342            visivle: false,
3343        };
3344        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
3345            title: "¿Seguro quieres eliminar tu entrada?",
3346            text: "no podras deshacer esto!",
3347            showCancelButton: true,
3348            confirmButtonColor: "#3085d6",
3349            cancelButtonColor: "#d33",
3350            confirmButtonText: "Si, eliminala",
3351        }).then(function (result) {
3352            if (result.value) {
3353                _this.foroService.postUpdateEntrada(b).subscribe(function (response) {
3354                    _this.refreshEntradas();
3355                });
3356                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("Eliminado!", "Tu entrada se ha eliminado.", "success");
3357            }
3358        });
3359    };
3360    ForoEntradaComponent.prototype.eliminarComment = function (IDc) {
3361        var _this = this;
3362        var b = { ID: IDc, visible: false };
3363        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
3364            title: "¿Seguro quieres eliminar tu comentario?",
3365            text: "no podras deshacer esto!",
3366            showCancelButton: true,
3367            confirmButtonColor: "#3085d6",
3368            cancelButtonColor: "#d33",
3369            confirmButtonText: "Si, eliminalo",
3370        }).then(function (result) {
3371            if (result.value) {
3372                _this.foroService.postUpdateComment(b).subscribe(function (response) {
3373                    _this.refreshEntradas();
3374                });
3375                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("Eliminado!", "Tu comentario se ha eliminado.", "success");
3376            }
3377        });
3378    };
3379    ForoEntradaComponent.prototype.subirResponse = function (IDentrada, IDrespuesta) {
3380        var _this = this;
3381        var fecha = new Date().toISOString();
3382        if (!(this.token == null || this.token == undefined || this.token == "")) {
3383            if (!(this.textoResponse == undefined || this.textoResponse == "")) {
3384                var body = {
3385                    IDentrada: IDentrada,
3386                    IDsubtema: this.IDsubtema,
3387                    IDrespuesta: IDrespuesta,
3388                    IDusuario: this.IDemail,
3389                    fecha: fecha,
3390                    texto: this.textoResponse,
3391                };
3392                console.log(body);
3393                this.foroService.postComment(body).subscribe(function (response) {
3394                    console.log(response);
3395                    _this.textoComment = "";
3396                    _this.textoResponse = "";
3397                    _this.refreshEntradas();
3398                    sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
3399                        position: "top-end",
3400                        title: "Comentario publicado",
3401                        showConfirmButton: false,
3402                        timer: 1500,
3403                        type: "success",
3404                    });
3405                });
3406            }
3407            else {
3408                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("", "Escribe tu respuesta primero", "warning");
3409            }
3410        }
3411        else {
3412            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("", "Debes registrarte para comentar", "warning");
3413        }
3414    };
3415    ForoEntradaComponent.prototype.subirComment = function (IDentrada, IDrespuesta) {
3416        var _this = this;
3417        var fecha = new Date().toISOString();
3418        if (!(this.token == null || this.token == undefined || this.token == "")) {
3419            if (!(this.textoComment == undefined || this.textoComment == "")) {
3420                var body = {
3421                    IDentrada: IDentrada,
3422                    IDsubtema: this.IDsubtema,
3423                    IDrespuesta: IDrespuesta,
3424                    IDusuario: this.IDemail,
3425                    fecha: fecha,
3426                    texto: this.textoComment,
3427                };
3428                console.log(body);
3429                this.foroService.postComment(body).subscribe(function (response) {
3430                    console.log(response);
3431                    _this.textoComment = "";
3432                    _this.textoResponse = "";
3433                    _this.refreshEntradas();
3434                    sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
3435                        position: "top-end",
3436                        title: "Comentario publicado",
3437                        showConfirmButton: false,
3438                        timer: 1500,
3439                        type: "success",
3440                    });
3441                });
3442            }
3443            else {
3444                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("", "Escribe tu respuesta primero", "warning");
3445            }
3446        }
3447        else {
3448            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("", "Debes registrarte para comentar", "warning");
3449        }
3450    };
3451    ForoEntradaComponent.prototype.subirEntrada = function () {
3452        var _this = this;
3453        var fecha = new Date().toISOString();
3454        if (!(this.token == null || this.token == undefined || this.token == "")) {
3455            if (!(this.textoCrearEntrada == undefined || this.textoCrearEntrada == "") &&
3456                !(this.tituloCrearEntrada == undefined || this.tituloCrearEntrada == "")) {
3457                var body = {
3458                    IDsubtema: this.IDsubtema,
3459                    IDusuario: this.IDemail,
3460                    nombre: this.tituloCrearEntrada,
3461                    fecha: fecha,
3462                    texto: this.textoCrearEntrada,
3463                    visible: true,
3464                };
3465                this.foroService.postEntrada(body).subscribe(function (response) {
3466                    console.log(response);
3467                    _this.tituloCrearEntrada = "";
3468                    _this.textoCrearEntrada = "";
3469                    _this.CreateEntradaAvailable = false;
3470                    _this.refreshEntradas();
3471                    sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
3472                        position: "top-end",
3473                        title: "Entrada registrada",
3474                        showConfirmButton: false,
3475                        timer: 1500,
3476                        type: "success",
3477                    });
3478                });
3479            }
3480            else {
3481                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("", "Llenar todos los campos", "warning");
3482            }
3483        }
3484        else {
3485            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire("", "Debes registrarte para subir entradas", "warning");
3486        }
3487    };
3488    ForoEntradaComponent.prototype.selectResponse = function (id, entradaIndex) {
3489        return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function () {
3490            var resText, resbtn;
3491            return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
3492                resText = document.getElementById("response-" + id);
3493                resbtn = document.getElementById("responseBtn-" + id);
3494                if (resText.classList.contains("unselected")) {
3495                    this.refreshResponses(entradaIndex);
3496                    resText.classList.remove("unselected");
3497                    resText.classList.add("selected");
3498                    resbtn.classList.remove("selected");
3499                    resbtn.classList.add("unselected");
3500                }
3501                return [2 /*return*/];
3502            });
3503        });
3504    };
3505    ForoEntradaComponent.prototype.refreshResponses = function (entradaI) {
3506        for (var i = 0; i < this.entradas.entradas[entradaI].comments.length; i++) {
3507            this.cancelResponse(this.entradas.entradas[entradaI].comments[i].ID);
3508        }
3509    };
3510    ForoEntradaComponent.prototype.cancelResponse = function (id) {
3511        var resText = document.getElementById("response-" + id);
3512        resText.classList.remove("selected");
3513        resText.classList.add("unselected");
3514        var resbtn = document.getElementById("responseBtn-" + id);
3515        resbtn.classList.remove("unselected");
3516        resbtn.classList.add("selected");
3517        this.textoResponse = "";
3518    };
3519    ForoEntradaComponent.prototype.SelectEntrada = function (IDC) {
3520        var cd = "containerEntrada-" + Number(IDC).toString();
3521        var element = document.getElementById(cd);
3522        if (element.classList.contains("unselected")) {
3523            this.refreshTemas();
3524            element.classList.remove("unselected");
3525            element.classList.add("selected");
3526        }
3527        else if (element.classList.contains("selected")) {
3528            element.classList.remove("selected");
3529            element.classList.add("unselected");
3530        }
3531        this.goTo(cd);
3532    };
3533    ForoEntradaComponent.prototype.refreshTemas = function () {
3534        for (var i = 0; i < this.entradas.entradas.length; i++) {
3535            var element = document.getElementById("containerEntrada-" + this.entradas.entradas[i].ID);
3536            element.classList.remove("selected");
3537            element.classList.add("unselected");
3538        }
3539    };
3540    ForoEntradaComponent.prototype.cancelEntrada = function () {
3541        this.CreateEntradaAvailable = false;
3542        this.textoCrearEntrada = "";
3543        this.tituloCrearEntrada = "";
3544    };
3545    ForoEntradaComponent.prototype.refreshEntradas = function () {
3546        var _this = this;
3547        this.foroService.getEntradas(this.IDsubtema).subscribe(function (response) {
3548            _this.entradas = response;
3549            console.log(_this.entradas);
3550        });
3551    };
3552    ForoEntradaComponent.prototype.goTo = function (id) {
3553        var top = document.getElementById(id);
3554        if (top !== null) {
3555            top.scrollIntoView();
3556            top = null;
3557        }
3558    };
3559    ForoEntradaComponent.prototype.ngOnInit = function () {
3560        this.IDsubtema = this.route.snapshot.paramMap.get("id");
3561        this.refreshEntradas();
3562        this.goTo("top");
3563        this.CreateEntradaAvailable = false;
3564        if (!(this.token == null || this.token == undefined || this.token == "")) {
3565            this.IDemail = localStorage.getItem("email");
3566        }
3567        this.detalleService
3568            .navegacionForo(this.token, { subtema_id: this.IDsubtema })
3569            .subscribe();
3570    };
3571    ForoEntradaComponent.ctorParameters = function () { return [
3572        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
3573        { type: _service_foro_service__WEBPACK_IMPORTED_MODULE_3__["ForoService"] },
3574        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_6__["DetalleService"] }
3575    ]; };
3576    ForoEntradaComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3577        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3578            selector: "app-foro-entrada",
3579            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./foro-entrada.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/foro-entrada/foro-entrada.component.html")).default,
3580            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./foro-entrada.component.css */ "./src/app/foro-entrada/foro-entrada.component.css")).default]
3581        })
3582    ], ForoEntradaComponent);
3583    return ForoEntradaComponent;
3584}());
3585
3586
3587
3588/***/ }),
3589
3590/***/ "./src/app/foro/foro.component.css":
3591/*!*****************************************!*\
3592  !*** ./src/app/foro/foro.component.css ***!
3593  \*****************************************/
3594/*! exports provided: default */
3595/***/ (function(module, __webpack_exports__, __webpack_require__) {
3596
3597"use strict";
3598__webpack_require__.r(__webpack_exports__);
3599/* harmony default export */ __webpack_exports__["default"] = (":host{\r\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\r\n}\r\n\r\n.marg60{\r\n    margin: 80px 0px 0px 20%;\r\n}\r\n\r\n.iconBlog{\r\n    border: 0px;\r\n    background: url('/assets/images/blogForo/Iconos_LTBlog_200px.png') no-repeat scroll 0 0 transparent;\r\n    color:black;\r\n    font-weight: 700;   \r\n    width: 200px;\r\n    height: 46px;\r\n}\r\n\r\n.searchbtn{\r\n    border: 0px;\r\n    cursor: pointer; \r\n    width: 50px;\r\n    height: 50px;\r\n    margin-left: -25px;\r\n    background-color: transparent;\r\n}\r\n\r\n.inSearch{\r\n    background-color: #FFB41A;\r\n    border: 0;\r\n    border-radius: 15px;\r\n    color:white;\r\n    font-weight: 600;\r\n    padding: 0 20px;\r\n}\r\n\r\n.divSearch{\r\n    margin: 100px 0 0 20%;\r\n}\r\n\r\n.screen{\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.screenR{\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: right;\r\n}\r\n\r\n.tema{\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n}\r\n\r\n.subtema{\r\n    color: #FFB41A;\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n}\r\n\r\n.descripcion{\r\n    line-height: 16px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n}\r\n\r\n.entradas{\r\n    display: inline-block;\r\n    margin-right: 20px;\r\n    margin-left: 7px;\r\n    font-size: 15px;\r\n    font-weight: bold;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.selected{\r\n    display: block !important;\r\n}\r\n\r\n.unselected{\r\n    display: none !important;\r\n}\r\n\r\n.bloc{\r\n    display: block;\r\n}\r\n\r\n.boton{\r\n    border: 0px;\r\n    border-bottom: 2px solid black;\r\n    /*background: url('/assets/images/background/btn151.png') no-repeat scroll 0 0 transparent;*/\r\n    cursor: pointer;\r\n    color:black;\r\n    /*background-size: 100%;*/\r\n    background-color: white;\r\n    font-weight: 600;   \r\n    width: 120px;\r\n    height: 25px;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZm9yby9mb3JvLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpREFBaUQ7QUFDckQ7O0FBRUE7SUFDSSx3QkFBd0I7QUFDNUI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsbUdBQW1HO0lBQ25HLFdBQVc7SUFDWCxnQkFBZ0I7SUFDaEIsWUFBWTtJQUNaLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsZUFBZTtJQUNmLFdBQVc7SUFDWCxZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLDZCQUE2QjtBQUNqQzs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixTQUFTO0lBQ1QsbUJBQW1CO0lBQ25CLFdBQVc7SUFDWCxnQkFBZ0I7SUFDaEIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLHFCQUFxQjtBQUN6Qjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxtQkFBbUI7SUFDbkIsdUJBQXVCO0FBQzNCOztBQUVBO0lBQ0ksV0FBVztJQUNYLG1CQUFtQjtJQUNuQixzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxjQUFjO0FBQ2xCOztBQUVBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCw4QkFBOEI7SUFDOUIsNEZBQTRGO0lBQzVGLGVBQWU7SUFDZixXQUFXO0lBQ1gseUJBQXlCO0lBQ3pCLHVCQUF1QjtJQUN2QixnQkFBZ0I7SUFDaEIsWUFBWTtJQUNaLFlBQVk7QUFDaEIiLCJmaWxlIjoic3JjL2FwcC9mb3JvL2Zvcm8uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0e1xyXG4gICAgZm9udC1mYW1pbHk6IFJvYm90bywgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBzYW5zLXNlcmlmO1xyXG59XHJcblxyXG4ubWFyZzYwe1xyXG4gICAgbWFyZ2luOiA4MHB4IDBweCAwcHggMjAlO1xyXG59XHJcblxyXG4uaWNvbkJsb2d7XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvYmxvZ0Zvcm8vSWNvbm9zX0xUQmxvZ18yMDBweC5wbmcnKSBuby1yZXBlYXQgc2Nyb2xsIDAgMCB0cmFuc3BhcmVudDtcclxuICAgIGNvbG9yOmJsYWNrO1xyXG4gICAgZm9udC13ZWlnaHQ6IDcwMDsgICBcclxuICAgIHdpZHRoOiAyMDBweDtcclxuICAgIGhlaWdodDogNDZweDtcclxufVxyXG5cclxuLnNlYXJjaGJ0bntcclxuICAgIGJvcmRlcjogMHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyOyBcclxuICAgIHdpZHRoOiA1MHB4O1xyXG4gICAgaGVpZ2h0OiA1MHB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0yNXB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XHJcbn1cclxuXHJcbi5pblNlYXJjaHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkI0MUE7XHJcbiAgICBib3JkZXI6IDA7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNXB4O1xyXG4gICAgY29sb3I6d2hpdGU7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgcGFkZGluZzogMCAyMHB4O1xyXG59XHJcblxyXG4uZGl2U2VhcmNoe1xyXG4gICAgbWFyZ2luOiAxMDBweCAwIDAgMjAlO1xyXG59XHJcblxyXG4uc2NyZWVue1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7X
3599HJcbn0gXHJcblxyXG4uc2NyZWVuUntcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGp1c3RpZnktY29udGVudDogcmlnaHQ7XHJcbn0gXHJcblxyXG4udGVtYXtcclxuICAgIGZvbnQtc2l6ZTogMjJweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XHJcbn1cclxuXHJcbi5zdWJ0ZW1he1xyXG4gICAgY29sb3I6ICNGRkI0MUE7XHJcbiAgICBmb250LXNpemU6IDI0cHg7XHJcbiAgICBmb250LXdlaWdodDogOTAwO1xyXG59XHJcblxyXG4uZGVzY3JpcGNpb257XHJcbiAgICBsaW5lLWhlaWdodDogMTZweDtcclxuICAgIGZvbnQtc2l6ZTogMTVweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuXHJcbi5lbnRyYWRhc3tcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIG1hcmdpbi1yaWdodDogMjBweDtcclxuICAgIG1hcmdpbi1sZWZ0OiA3cHg7XHJcbiAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxufVxyXG5cclxuLmNvbG9ye1xyXG4gICAgY29sb3I6ICNGRkI0MUE7XHJcbn1cclxuXHJcbi5zZWxlY3RlZHtcclxuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi51bnNlbGVjdGVke1xyXG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uYmxvY3tcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uYm90b257XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCBibGFjaztcclxuICAgIC8qYmFja2dyb3VuZDogdXJsKCcvYXNzZXRzL2ltYWdlcy9iYWNrZ3JvdW5kL2J0bjE1MS5wbmcnKSBuby1yZXBlYXQgc2Nyb2xsIDAgMCB0cmFuc3BhcmVudDsqL1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgY29sb3I6YmxhY2s7XHJcbiAgICAvKmJhY2tncm91bmQtc2l6ZTogMTAwJTsqL1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBmb250LXdlaWdodDogNjAwOyAgIFxyXG4gICAgd2lkdGg6IDEyMHB4O1xyXG4gICAgaGVpZ2h0OiAyNXB4O1xyXG59Il19 */");
3600
3601/***/ }),
3602
3603/***/ "./src/app/foro/foro.component.ts":
3604/*!****************************************!*\
3605  !*** ./src/app/foro/foro.component.ts ***!
3606  \****************************************/
3607/*! exports provided: ForoComponent */
3608/***/ (function(module, __webpack_exports__, __webpack_require__) {
3609
3610"use strict";
3611__webpack_require__.r(__webpack_exports__);
3612/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ForoComponent", function() { return ForoComponent; });
3613/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3614/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3615/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
3616/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
3617/* harmony import */ var _service_foro_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/foro.service */ "./src/app/service/foro.service.ts");
3618
3619
3620
3621
3622
3623var ForoComponent = /** @class */ (function () {
3624    function ForoComponent(detalleService, foroService) {
3625        this.detalleService = detalleService;
3626        this.foroService = foroService;
3627        this.token = localStorage.getItem('token');
3628        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_2__["Navegacion"]();
3629        this.navegacion.seccion = 25;
3630        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
3631    }
3632    ForoComponent.prototype.search = function () {
3633        var _this = this;
3634        if (this.searchTxt == "") {
3635            this.foro = this.foroRespaldo;
3636        }
3637        else {
3638            this.foroService.getSearch(this.searchTxt).subscribe(function (response) {
3639                _this.foro = response;
3640                console.log(_this.foro);
3641            });
3642        }
3643    };
3644    ForoComponent.prototype.SelectTema = function (IDC) {
3645        var cd = "container-" + Number(IDC).toString();
3646        var element = document.getElementById(cd);
3647        if (element.classList.contains("unselected")) {
3648            this.refreshTemas();
3649            element.classList.remove("unselected");
3650            element.classList.add("selected");
3651        }
3652        else {
3653            this.refreshTemas();
3654        }
3655        this.goTo("cont-" + Number(IDC).toString());
3656    };
3657    ForoComponent.prototype.refreshTemas = function () {
3658        for (var i = 0; i < this.foro.length; i++) {
3659            var element = document.getElementById('container-' + this.foro[i].ID);
3660            element.classList.remove("selected");
3661            element.classList.add("unselected");
3662        }
3663    };
3664    ForoComponent.prototype.goTo = function (id) {
3665        var top = document.getElementById(id);
3666        if (top !== null) {
3667            top.scrollIntoView();
3668            top = null;
3669        }
3670    };
3671    ForoComponent.prototype.ngOnInit = function () {
3672        var _this = this;
3673        this.foroService.getForo().subscribe(function (response) {
3674            _this.foro = response;
3675            _this.foroRespaldo = _this.foro;
3676            console.log("Foro:", _this.foro);
3677        });
3678        this.goTo("top");
3679    };
3680    ForoComponent.ctorParameters = function () { return [
3681        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__["DetalleService"] },
3682        { type: _service_foro_service__WEBPACK_IMPORTED_MODULE_4__["ForoService"] }
3683    ]; };
3684    ForoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3685        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3686            selector: 'app-foro',
3687            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./foro.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/foro/foro.component.html")).default,
3688            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./foro.component.css */ "./src/app/foro/foro.component.css")).default]
3689        })
3690    ], ForoComponent);
3691    return ForoComponent;
3692}());
3693
3694
3695
3696/***/ }),
3697
3698/***/ "./src/app/header/header.component.css":
3699/*!*********************************************!*\
3700  !*** ./src/app/header/header.component.css ***!
3701  \*********************************************/
3702/*! exports provided: default */
3703/***/ (function(module, __webpack_exports__, __webpack_require__) {
3704
3705"use strict";
3706__webpack_require__.r(__webpack_exports__);
3707/* harmony default export */ __webpack_exports__["default"] = (".modal-dialog-game {\r\n    max-width: 800px;\r\n    margin: 30px auto;\r\n}\r\n\r\n.modal-body-game {\r\n    position: relative;\r\n    padding: 0px;\r\n}\r\n\r\n.close {\r\n    position: absolute;\r\n    right: -30px;\r\n    top: 0;\r\n    z-index: 999;\r\n    font-size: 2rem;\r\n    font-weight: normal;\r\n    color: black;\r\n    opacity: 1;\r\n}\r\n\r\n.botongame{\r\n    margin-top: 10px;\r\n}\r\n\r\n.back {\r\n  float: right;\r\n}\r\n\r\n@media (max-width: 890px) {\r\n    .modal-dialog-game {\r\n    max-width: 580px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 690px) {\r\n    .modal-dialog-game {\r\n    max-width: 420px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 490px) {\r\n    .modal-dialog-game {\r\n    max-width: 250px;\r\n    margin: 126px auto;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvaGVhZGVyL2hlYWRlci5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixNQUFNO0lBQ04sWUFBWTtJQUNaLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIsWUFBWTtJQUNaLFVBQVU7QUFDZDs7QUFDQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFDQTtFQUNFLFlBQVk7QUFDZDs7QUFFQTtJQUNJO0lBQ0EsZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQjtBQUNKOztBQUVBO0lBQ0k7SUFDQSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCO0FBQ0o7O0FBRUE7SUFDSTtJQUNBLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEI7QUFDSiIsImZpbGUiOiJzcmMvYXBwL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tb2R
3707hbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDgwMHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5LWdhbWUge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgcGFkZGluZzogMHB4O1xyXG59XHJcblxyXG4uY2xvc2Uge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgcmlnaHQ6IC0zMHB4O1xyXG4gICAgdG9wOiAwO1xyXG4gICAgei1pbmRleDogOTk5O1xyXG4gICAgZm9udC1zaXplOiAycmVtO1xyXG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIG9wYWNpdHk6IDE7XHJcbn1cclxuLmJvdG9uZ2FtZXtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbn1cclxuLmJhY2sge1xyXG4gIGZsb2F0OiByaWdodDtcclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDg5MHB4KSB7XHJcbiAgICAubW9kYWwtZGlhbG9nLWdhbWUge1xyXG4gICAgbWF4LXdpZHRoOiA1ODBweDtcclxuICAgIG1hcmdpbjogMzBweCBhdXRvO1xyXG4gICAgfVxyXG59XHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogNjkwcHgpIHtcclxuICAgIC5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDQyMHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA0OTBweCkge1xyXG4gICAgLm1vZGFsLWRpYWxvZy1nYW1lIHtcclxuICAgIG1heC13aWR0aDogMjUwcHg7XHJcbiAgICBtYXJnaW46IDEyNnB4IGF1dG87XHJcbiAgICB9XHJcbn0iXX0= */");
3708
3709/***/ }),
3710
3711/***/ "./src/app/header/header.component.ts":
3712/*!********************************************!*\
3713  !*** ./src/app/header/header.component.ts ***!
3714  \********************************************/
3715/*! exports provided: HeaderComponent */
3716/***/ (function(module, __webpack_exports__, __webpack_require__) {
3717
3718"use strict";
3719__webpack_require__.r(__webpack_exports__);
3720/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeaderComponent", function() { return HeaderComponent; });
3721/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3722/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3723/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
3724/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
3725/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
3726/* harmony import */ var angular_user_idle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! angular-user-idle */ "./node_modules/angular-user-idle/fesm5/angular-user-idle.js");
3727
3728
3729
3730
3731
3732
3733var HeaderComponent = /** @class */ (function () {
3734    function HeaderComponent(router, gameService, userService, userIdle) {
3735        this.router = router;
3736        this.gameService = gameService;
3737        this.userService = userService;
3738        this.userIdle = userIdle;
3739        this.token = localStorage.getItem('token');
3740        this.email = localStorage.getItem('email');
3741    }
3742    HeaderComponent.prototype.kill = function (element, id) {
3743        $(element).modal('hide');
3744        var iframe = document.getElementById(id);
3745        var src = $(iframe).attr('src');
3746        console.log(src);
3747        $(iframe).attr('src', '').attr('src', src);
3748    };
3749    HeaderComponent.prototype.ngOnInit = function () {
3750        var _this = this;
3751        setTimeout(function () {
3752            // Second level
3753            $(".js-second-level").on('click', function (e) {
3754                e.preventDefault();
3755                $(this).next("ol").toggleClass("active");
3756                $(this).toggleClass("active");
3757            });
3758            //--- Open
3759            $("#open").click(function (e) {
3760                e.preventDefault();
3761                $(this).toggleClass("active");
3762                $(".menu").toggleClass("active");
3763            });
3764        }, 1800);
3765        this.sections = this.userService.getSecciones();
3766        //Start watching for user inactivity.
3767        this.userIdle.startWatching();
3768        // Start watching when user idle is starting.
3769        this.userIdle.onTimerStart().subscribe();
3770        // Start watch when time is up.
3771        this.userIdle.onTimeout().subscribe(function () { return _this.exit(); });
3772    };
3773    HeaderComponent.prototype.stop = function () {
3774        this.userIdle.stopTimer();
3775    };
3776    HeaderComponent.prototype.stopWatching = function () {
3777        this.userIdle.stopWatching();
3778    };
3779    HeaderComponent.prototype.startWatching = function () {
3780        this.userIdle.startWatching();
3781    };
3782    HeaderComponent.prototype.restart = function () {
3783        this.userIdle.resetTimer();
3784    };
3785    HeaderComponent.prototype.exit = function () {
3786        var token2 = localStorage.getItem('token');
3787        localStorage.removeItem('token');
3788        if (token2 != null)
3789            this.gameService.salir(token2, this.email).subscribe();
3790        this.router.navigate(['home']);
3791    };
3792    HeaderComponent.ctorParameters = function () { return [
3793        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] },
3794        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_3__["GameService"] },
3795        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_4__["UserService"] },
3796        { type: angular_user_idle__WEBPACK_IMPORTED_MODULE_5__["UserIdleService"] }
3797    ]; };
3798    HeaderComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3799        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3800            selector: 'app-header',
3801            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./header.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/header/header.component.html")).default,
3802            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./header.component.css */ "./src/app/header/header.component.css")).default]
3803        })
3804    ], HeaderComponent);
3805    return HeaderComponent;
3806}());
3807
3808
3809
3810/***/ }),
3811
3812/***/ "./src/app/header2/header2.component.css":
3813/*!***********************************************!*\
3814  !*** ./src/app/header2/header2.component.css ***!
3815  \***********************************************/
3816/*! exports provided: default */
3817/***/ (function(module, __webpack_exports__, __webpack_require__) {
3818
3819"use strict";
3820__webpack_require__.r(__webpack_exports__);
3821/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2hlYWRlcjIvaGVhZGVyMi5jb21wb25lbnQuY3NzIn0= */");
3822
3823/***/ }),
3824
3825/***/ "./src/app/header2/header2.component.ts":
3826/*!**********************************************!*\
3827  !*** ./src/app/header2/header2.component.ts ***!
3828  \**********************************************/
3829/*! exports provided: Header2Component */
3830/***/ (function(module, __webpack_exports__, __webpack_require__) {
3831
3832"use strict";
3833__webpack_require__.r(__webpack_exports__);
3834/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Header2Component", function() { return Header2Component; });
3835/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3836/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3837
3838
3839var Header2Component = /** @class */ (function () {
3840    function Header2Component() {
3841    }
3842    Header2Component.prototype.ngOnInit = function () {
3843        setTimeout(function () {
3844            // Second level
3845            $(".js-second-level").on('click', function (e) {
3846                e.preventDefault();
3847                $(this).next("ol").toggleClass("active");
3848                $(this).toggleClass("active");
3849            });
3850            //--- Open
3851            $("#open").click(function (e) {
3852                e.preventDefault();
3853                $(this).toggleClass("active");
3854                $(".menu").toggleClass("active");
3855            });
3856        }, 1800);
3857    };
3858    Header2Component = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3859        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3860            selector: 'app-header2',
3861            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./header2.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/header2/header2.component.html")).default,
3862            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./header2.component.css */ "./src/app/header2/header2.component.css")).default]
3863        })
3864    ], Header2Component);
3865    return Header2Component;
3866}());
3867
3868
3869
3870/***/ }),
3871
3872/***/ "./src/app/inicio/inicio.component.css":
3873/*!*********************************************!*\
3874  !*** ./src/app/inicio/inicio.component.css ***!
3875  \*********************************************/
3876/*! exports provided: default */
3877/***/ (function(module, __webpack_exports__, __webpack_require__) {
3878
3879"use strict";
3880__webpack_require__.r(__webpack_exports__);
3881/* harmony default export */ __webpack_exports__["default"] = (".tam__video{\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.carousel-caption{\r\n  color: black;\r\n  right: 10%;\r\n}\r\n\r\n.picsum-img-wrapper img{\r\n  width: 100%;\r\n}\r\n\r\n@media (max-width: 850px){\r\n  .carousel-caption{\r\n    position: absolute;\r\n    top: 0;\r\n    right: 5%;\r\n  }\r\n  .hero__right{\r\n    margin-top: 10%;\r\n  }\r\n  .log-module{\r\n    width: 160px;\r\n    height: 95px;\r\n    font-size: 0.8rem;\r\n  }\r\n  .btn.btn-type2 {\r\n    width: 100px;\r\n    line-height: 13px;\r\n    height: 25px;\r\n    font-size: 0.8rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 700px){\r\n  .carousel-caption{\r\n    position: relative;\r\n    left: 0;\r\n    right: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  .hero__right{\r\n    text-align: center;\r\n    justify-content: end;\r\n    display: block;    margin-top: 10%;\r\n  }\r\n  .module.adventure-block{\r\n    padding: 30px 0;\r\n  }\r\n  .log-module{\r\n    margin-right: 10%;\r\n    margin-left: 10%;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px){\r\n  .carousel-caption{\r\n    padding: 0 25px;\r\n  }\r\n  .log-module {\r\n    margin-right: 7%;\r\n    margin-left: 7%;\r\n    width: 50%;\r\n  }\r\n  .hero__right{\r\n    margin-top: 30px;\r\n  }\r\n  .picsum-img-wrapper img {\r\n    width: 150%;\r\n  }\r\n}\r\n\r\n@media (max-width: 369px){\r\n  .log-module {\r\n    width: 70%;\r\n  }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvaW5pY2lvL2luaWNpby5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsV0FBVztFQUNYLFlBQVk7QUFDZDs7QUFFQTtFQUNFLFlBQVk7RUFDWixVQUFVO0FBQ1o7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRTtJQUNFLGtCQUFrQjtJQUNsQixNQUFNO0lBQ04sU0FBUztFQUNYO0VBQ0E7SUFDRSxlQUFlO0VBQ2pCO0VBQ0E7SUFDRSxZQUFZO0lBQ1osWUFBWTtJQUNaLGlCQUFpQjtFQUNuQjtFQUNBO0lBQ0UsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixZQUFZO0lBQ1osaUJBQWlCO0VBQ25CO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGtCQUFrQjtJQUNsQixPQUFPO0lBQ1AsUUFBUTtJQUNSLGlCQUFpQjtFQUNuQjtFQUNBO0lBQ0Usa0JBQWtCO0lBQ2xCLG9CQUFvQjtJQUNwQixjQUFjLEtBQUssZUFBZTtFQUNwQztFQUNBO0lBQ0UsZUFBZTtFQUNqQjtFQUNBO0lBQ0UsaUJBQWlCO0lBQ2pCLGdCQUFnQjtFQUNsQjtBQUNGOztBQUVBO0VBQ0U7SUFDRSxlQUFlO0VBQ2pCO0VBQ0E7SUFDRSxnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLFVBQVU7RUFDWjtFQUNBO0lBQ0UsZ0JBQWdCO0VBQ2xCO0VBQ0E7SUFDRSxXQUFXO0VBQ2I7QUFDRjs7QUFFQTtFQUNFO0lBQ0UsVUFBVTtFQUNaO0FBQ0YiLCJmaWxlIjoic3JjL2FwcC9pbmljaW8vaW5pY2lvLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudGFtX192aWRlb3tcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbn1cclxuXHJcbi5jYXJvdXNlbC1jYXB0aW9ue1xyXG4gIGNvbG9yOiBibGFjaztcclxuICByaWdodDogMTAlO1xyXG59XHJcblxyXG4ucGljc3VtLWltZy13cmFwcGVyIGltZ3tcclxuICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDg1MHB4KXtcclxuICAuY2Fyb3VzZWwtY2FwdGlvbntcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIHJpZ2h0OiA1JTtcclxuICB9XHJcbiAgLmhlcm9fX3JpZ2h0e1xyXG4gICAgbWFyZ2luLXRvcDogMTAlO1xyXG4gIH1cclxuICAubG9nLW1vZHVsZXtcclxuICAgIHdpZHRoOiAxNjBweDtcclxuICAgIGhlaWdodDogOTVweDtcclxuICAgIGZvbnQtc2l6ZTogMC44cmVtO1xyXG4gIH1cclxuICAuYnRuLmJ0bi10eXBlMiB7XHJcbiAgICB3aWR0aDogMTAwcHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTNweDtcclxuICAgIGhlaWdodDogMjVweDtcclxuICAgIGZvbnQtc2l6ZTogMC44cmVtO1xyXG4gIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDcwMHB4KXtcclxuICAuY2Fyb3VzZWwtY2FwdGlvbntcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIHBhZGRpbmctYm90dG9tOiAwO1xyXG4gIH1cclxuICAuaGVyb19fcmlnaHR7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcclxuICAgIGRpc3BsYXk6IGJsb2NrOyAgICBtYXJnaW4tdG9wOiAxMCU7XHJcbiAgfVxyXG4gIC5tb2R1bGUuYWR2ZW50dXJlLWJsb2Nre1xyXG4gICAgcGFkZGluZzogMzBweCAwO1xyXG4gIH1cclxuICAubG9nLW1vZHVsZXtcclxuICAgIG1hcmdpbi1yaWdodDogMTAlO1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEwJTtcclxuICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA0ODBweCl7XHJcbiAgLmNhcm91c2VsLWNhcHRpb257XHJcbiAgICBwYWRkaW5nOiAwIDI1cHg7XHJcbiAgfVxyXG4gIC5sb2ctbW9kdWxlIHtcclxuICAgIG1hcmdpbi1yaWdodDogNyU
38817XHJcbiAgICBtYXJnaW4tbGVmdDogNyU7XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gIH1cclxuICAuaGVyb19fcmlnaHR7XHJcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xyXG4gIH1cclxuICAucGljc3VtLWltZy13cmFwcGVyIGltZyB7XHJcbiAgICB3aWR0aDogMTUwJTtcclxuICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiAzNjlweCl7XHJcbiAgLmxvZy1tb2R1bGUge1xyXG4gICAgd2lkdGg6IDcwJTtcclxuICB9XHJcbn0iXX0= */");
3882
3883/***/ }),
3884
3885/***/ "./src/app/inicio/inicio.component.ts":
3886/*!********************************************!*\
3887  !*** ./src/app/inicio/inicio.component.ts ***!
3888  \********************************************/
3889/*! exports provided: InicioComponent */
3890/***/ (function(module, __webpack_exports__, __webpack_require__) {
3891
3892"use strict";
3893__webpack_require__.r(__webpack_exports__);
3894/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InicioComponent", function() { return InicioComponent; });
3895/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3896/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3897/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
3898/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "./node_modules/@ng-bootstrap/ng-bootstrap/fesm5/ng-bootstrap.js");
3899
3900
3901
3902
3903var InicioComponent = /** @class */ (function () {
3904    function InicioComponent(_config, activatedRoute, router) {
3905        var _this = this;
3906        this._config = _config;
3907        this.activatedRoute = activatedRoute;
3908        this.router = router;
3909        this.campanias = this.activatedRoute.snapshot.params.campanias;
3910        this.activatedRoute.params.subscribe(function (params) {
3911            _this.campanias = params.campanias;
3912        });
3913    }
3914    InicioComponent.prototype.login = function () {
3915        if (this.campanias == 'taktaktak')
3916            this.router.navigate(['login/taktaktak']);
3917        else if (this.campanias == 'emgm')
3918            this.router.navigate(['login/emgm']);
3919        else
3920            this.router.navigate(['login']);
3921    };
3922    InicioComponent.prototype.register = function () {
3923        if (this.campanias == 'taktaktak')
3924            this.router.navigate(['registro/taktaktak']);
3925        else if (this.campanias == 'emgm')
3926            this.router.navigate(['registro/emgm']);
3927        else
3928            this.router.navigate(['registro']);
3929    };
3930    InicioComponent.prototype.ngOnInit = function () {
3931        setTimeout(function () {
3932            $(".js-video-play").click(function (e) {
3933                e.preventDefault();
3934                $('#video-item').addClass("active");
3935                $('#video-item').get(0).play();
3936                $(this).fadeOut();
3937            });
3938        }, 1500);
3939        var top = document.getElementById('top');
3940        if (top !== null) {
3941            top.scrollIntoView();
3942            top = null;
3943        }
3944    };
3945    InicioComponent.ctorParameters = function () { return [
3946        { type: _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbCarouselConfig"] },
3947        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
3948        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] }
3949    ]; };
3950    InicioComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
3951        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
3952            selector: 'app-inicio',
3953            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./inicio.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/inicio/inicio.component.html")).default,
3954            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./inicio.component.css */ "./src/app/inicio/inicio.component.css")).default]
3955        })
3956    ], InicioComponent);
3957    return InicioComponent;
3958}());
3959
3960
3961
3962/***/ }),
3963
3964/***/ "./src/app/item-contenido/item-contenido.component.css":
3965/*!*************************************************************!*\
3966  !*** ./src/app/item-contenido/item-contenido.component.css ***!
3967  \*************************************************************/
3968/*! exports provided: default */
3969/***/ (function(module, __webpack_exports__, __webpack_require__) {
3970
3971"use strict";
3972__webpack_require__.r(__webpack_exports__);
3973/* harmony default export */ __webpack_exports__["default"] = (".back {\r\n  float: right;\r\n}\r\n\r\n.plan_img{\r\n  width: 80px !important;\r\n  height: 80px !important;\r\n}\r\n\r\n._end{\r\n  text-align: end !important;\r\n}\r\n\r\n.btn2{ \r\n  width: 180px !important;\r\n}\r\n\r\n.button-add{\r\n  text-align: end !important;\r\n  padding: 0 7% 35px 0;\r\n}\r\n\r\n.botongame{\r\n  width: 165px !important;\r\n}\r\n\r\n.img{\r\n  width: 50%;\r\n  height: 50%;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvaXRlbS1jb250ZW5pZG8vaXRlbS1jb250ZW5pZG8uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFlBQVk7QUFDZDs7QUFFQTtFQUNFLHNCQUFzQjtFQUN0Qix1QkFBdUI7QUFDekI7O0FBQ0E7RUFDRSwwQkFBMEI7QUFDNUI7O0FBQ0E7RUFDRSx1QkFBdUI7QUFDekI7O0FBQ0E7RUFDRSwwQkFBMEI7RUFDMUIsb0JBQW9CO0FBQ3RCOztBQUVBO0VBQ0UsdUJBQXVCO0FBQ3pCOztBQUVBO0VBQ0UsVUFBVTtFQUNWLFdBQVc7QUFDYiIsImZpbGUiOiJzcmMvYXBwL2l0ZW0tY29udGVuaWRvL2l0ZW0tY29udGVuaWRvLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYmFjayB7XHJcbiAgZmxvYXQ6IHJpZ2h0O1xyXG59XHJcblxyXG4ucGxhbl9pbWd7XHJcbiAgd2lkdGg6IDgwcHggIWltcG9ydGFudDtcclxuICBoZWlnaHQ6IDgwcHggIWltcG9ydGFudDtcclxufVxyXG4uX2VuZHtcclxuICB0ZXh0LWFsaWduOiBlbmQgIWltcG9ydGFudDtcclxufVxyXG4uYnRuMnsgXHJcbiAgd2lkdGg6IDE4MHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuLmJ1dHRvbi1hZGR7XHJcbiAgdGV4dC1hbGlnbjogZW5kICFpbXBvcnRhbnQ7XHJcbiAgcGFkZGluZzogMCA3JSAzNXB4IDA7XHJcbn1cclxuXHJcbi5ib3RvbmdhbWV7XHJcbiAgd2lkdGg6IDE2NXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5pbWd7XHJcbiAgd2lkdGg6IDUwJTtcclxuICBoZWlnaHQ6IDUwJTtcclxufSJdfQ== */");
3974
3975/***/ }),
3976
3977/***/ "./src/app/item-contenido/item-contenido.component.ts":
3978/*!************************************************************!*\
3979  !*** ./src/app/item-contenido/item-contenido.component.ts ***!
3980  \************************************************************/
3981/*! exports provided: ItemContenidoComponent */
3982/***/ (function(module, __webpack_exports__, __webpack_require__) {
3983
3984"use strict";
3985__webpack_require__.r(__webpack_exports__);
3986/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ItemContenidoComponent", function() { return ItemContenidoComponent; });
3987/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
3988/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
3989/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
3990/* harmony import */ var _models_recursos__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/recursos */ "./src/app/models/recursos.ts");
3991/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
3992/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
3993/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
3994/* harmony import */ var _models_navigation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../models/navigation */ "./src/app/models/navigation.ts");
3995/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
3996/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006
4007var ItemContenidoComponent = /** @class */ (function () {
4008    function ItemContenidoComponent(_location, otrosrecursosService, activatedRoute, router, gameService, sanitizer) {
4009        var _this = this;
4010        this._location = _location;
4011        this.otrosrecursosService = otrosrecursosService;
4012        this.activatedRoute = activatedRoute;
4013        this.router = router;
4014        this.gameService = gameService;
4015        this.sanitizer = sanitizer;
4016        this.videoyt = false;
4017        this.videourl = 'https://www.youtube.com/embed/';
4018        this.otrosrecursos = new _models_recursos__WEBPACK_IMPORTED_MODULE_3__["OtrosRecursos"]();
4019        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_6__["Navegacion"]();
4020        this.navigateGame = new _models_navigation__WEBPACK_IMPORTED_MODULE_7__["Resources"]();
4021        this.token = localStorage.getItem('token');
4022        this.navegacion.seccion = 9;
4023        this.otrosrecursosService.navegacion(this.token, this.navegacion).subscribe();
4024        this.activatedRoute.params.subscribe(function (params) {
4025            _this.navigateGame.place = 4;
4026            _this.navigateGame.recurso = params.id;
4027            _this.otrosrecursosService.navegacionRecurso(_this.token, _this.navigateGame).subscribe();
4028            _this.otrosrecursosService.verDetalleRecurso(_this.token, params.id).subscribe(function (response) {
4029                console.log(response);
4030                _this.otrosrecursos.id = response.message.id;
4031                _this.otrosrecursos.nombre = response.message.nombre;
4032                _this.otrosrecursos.link = response.message.link;
4033                _this.otrosrecursos.descripcion = response.message.descripcion;
4034                _this.otrosrecursos.status = response.message.status;
4035                _this.otrosrecursos.tags = response.message.tags;
4036                _this.otrosrecursos.img = response.message.image;
4037                _this.otrosrecursos.pdf = response.message.pdf;
4038                _this.otrosrecursos.video = response.message.video;
4039                console.log(_this.otrosrecursos.pdf);
4040                if (_this.otrosrecursos.video != '')
4041                    _this.incluirvideo(_this.otrosrecursos.video);
4042                if (_this.otrosrecursos.pdf == 'Si') {
4043                    // this.PDF();
4044                }
4045                var regex = /\s*,\s*/;
4046                // this.tags = this.otrosrecursos.tags.split(regex);
4047                // this.tags = this.tags.filter((element) => {
4048                //   return element !== '';
4049                // });
4050                console.log(_this.otrosrecursos);
4051                _this.asignaturas(_this.otrosrecursos.tags);
4052                _this.niveles(_this.otrosrecursos.tags);
4053                _this.transformarLink(_this.otrosrecursos.link);
4054                // this.linkSource = sanitized.bypassSecurityTrustUrl(this.otrosrecursos.pdf);
4055            }, function (error) {
4056                console.log(error);
4057            });
4058        });
4059    }
4060    ItemContenidoComponent.prototype.transformarLink = function (links) {
4061        if (links.includes('<a')) {
4062            var link = links.replace(/<a/gi, '<a target="_blank"');
4063            this.otrosrecursos.link = link;
4064        }
4065        else if (links.includes('http') && links.includes('<p>')) {
4066            var link = links.split('<p>');
4067            var urllink = link[1].replace('</p>', ' ');
4068            this.otrosrecursos.link = '<p>' + '<a target="_blank" href="' + urllink + '" >' + urllink + '</a> </p>';
4069        }
4070    };
4071    ItemContenidoComponent.prototype.incluirvideo = function (video) {
4072        if (video.includes('youtu')) {
4073            var link1 = video.split('h?v=');
4074            var link = link1[1].split('">');
4075            this.videourl = 'https://www.youtube.com/embed/' + link[0];
4076            this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(this.videourl);
4077            this.videoyt = true;
4078        }
4079    };
4080    ItemContenidoComponent.prototype.asignaturas = function (tags) {
4081        this.asignatura = '';
4082        var materias = ['biología', 'ecología', 'física', 'geografía', 'química', 'artes visuales', 'música', 'lenguaje y comunicación', 'formación cívica y ética', 'historia', 'matemáticas', 'desarrollo socioemocional', 'desarrollo cognitivo'];
4083        for (var index = 0; index < materias.length; index++) {
4084            if (tags.includes(materias[index])) {
4085                var mat = materias[index].charAt(0).toUpperCase() + materias[index].slice(1);
4086                this.asignatura = this.asignatura + mat;
4087            }
4088        }
4089    };
4090    ItemContenidoComponent.prototype.niveles = function (tags) {
4091        this.nivel = '';
4092        if (tags.includes('primaria baja')) {
4093            this.nivel = this.nivel + 'Primaria baja';
4094        }
4095        if (tags.includes('primaria media')) {
4096            if (this.nivel != '')
4097                this.nivel = this.nivel + ', ';
4098            this.nivel = this.nivel + 'Primaria media';
4099        }
4100        if (tags.includes('primaria alta')) {
4101            if (this.nivel != '')
4102                this.nivel = this.nivel + ', ';
4103            this.nivel = this.nivel + 'Primaria alta';
4104        }
4105    };
4106    ItemContenidoComponent.prototype.ngOnInit = function () {
4107    };
4108    // recoger() {
4109    //   this.gameService.crearPlan(this.token, this.nombrePlan, this.descripcion).subscribe(
4110    //     data => {
4111    //       // console.log(data);
4112    //       if (data["message"] != null || data["message"] != "") {
4113    //         this.id_plan = data["message"];
4114    //         this.gameService.vincularRecursos(this.token, this.id_plan, localStorage.getItem("contenido")).subscribe();
4115    //         localStorage.removeItem('contenido');
4116    //         this.router.navigate(["/mis-planes"]);
4117    //       }
4118    //     }
4119    //   );
4120    // }
4121    ItemContenidoComponent.prototype.agregarPorMas = function (event) {
4122        document.getElementById('js-drop-documents').append(event["path"][2]);
4123        var URLactual = window.location;
4124        var Aux = URLactual.toString();
4125        var contenido = Aux.replace(Aux.substring(30, 0), "");
4126        localStorage.setItem("contenido", contenido);
4127    };
4128    ItemContenidoComponent.prototype.PDF = function () {
4129        var _this = this;
4130        console.log(this.otrosrecursos.id);
4131        this.otrosrecursosService.obtenerPDF(this.token, this.otrosrecursos.id).subscribe(function (response) {
4132            console.log(response);
4133            _this.otrosrecursos.pdfaux = response;
4134        });
4135        this.otrosrecursosService.obtenerPDF(this.token, this.otrosrecursos.id).subscribe(function (data) {
4136            var pdf = data.toString();
4137            var pdfWindow = window.open("");
4138            pdfWindow.document.write("<iframe width='100%' height='100%' src='" + encodeURI(pdf) + "'></iframe>");
4139        });
4140    };
4141    ItemContenidoComponent.prototype.back = function () {
4142        this._location.back();
4143    };
4144    ItemContenidoComponent.ctorParameters = function () { return [
4145        { type: _angular_common__WEBPACK_IMPORTED_MODULE_8__["Location"] },
4146        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_2__["DetalleService"] },
4147        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"] },
4148        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] },
4149        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_5__["GameService"] },
4150        { type: _angular_platform_browser__WEBPACK_IMPORTED_MODULE_9__["DomSanitizer"] }
4151    ]; };
4152    ItemContenidoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
4153        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
4154            selector: 'app-item-contenido',
4155            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./item-contenido.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/item-contenido/item-contenido.component.html")).default,
4156            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./item-contenido.component.css */ "./src/app/item-contenido/item-contenido.component.css")).default]
4157        })
4158    ], ItemContenidoComponent);
4159    return ItemContenidoComponent;
4160}());
4161
4162
4163
4164/***/ }),
4165
4166/***/ "./src/app/item-juego/item-juego.component.css":
4167/*!*****************************************************!*\
4168  !*** ./src/app/item-juego/item-juego.component.css ***!
4169  \*****************************************************/
4170/*! exports provided: default */
4171/***/ (function(module, __webpack_exports__, __webpack_require__) {
4172
4173"use strict";
4174__webpack_require__.r(__webpack_exports__);
4175/* harmony default export */ __webpack_exports__["default"] = (".noMas {\r\n    display: none;\r\n}\r\n.plan_img{\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n}\r\n._end{\r\n    text-align: end !important;\r\n}\r\n.btn2{ \r\n    width: 180px !important;\r\n}\r\n.button-add{\r\n    text-align: end !important;\r\n    padding: 0 7% 35px 0;\r\n }\r\n.botongame{\r\n    width: 145px !important;\r\n}\r\n.modal-body .level-base .root {\r\n    height: 1808px !important;\r\n}\r\n.modal-body .level-base .hijo1 {\r\n    height: 309px !important;\r\n}\r\n.modal-body .level-base .hijo2 {\r\n    height: 393px !important;\r\n}\r\n.modal-body .level-base .hijo3 {\r\n    height: 285px !important;\r\n}\r\n.modal-body .level-base .hijo4 {\r\n    height: 482px !important;\r\n}\r\n.modal-body .level-base .hijo5 {\r\n    height: 372px !important;\r\n}\r\n.fa-gamepad {\r\n    margin-right: 35px;\r\n}\r\n.fa-gamepad, .fa-question-circle {\r\n    font-size: 40px;\r\n    color: #d7e207;\r\n}\r\n.dialogo {\r\n    max-width: 800px;\r\n    margin: 30px auto;\r\n}\r\n.bodi {\r\n    position: relative;\r\n    padding: 0px;\r\n}\r\n.closes {\r\n    position: absolute;\r\n    right: -30px;\r\n    top: 0;\r\n    z-index: 999;\r\n    font-size: 2rem;\r\n    font-weight: normal;\r\n    color: #fff;\r\n    opacity: 1;\r\n}\r\ni {\r\n    margin-left: 12px;\r\n}\r\n.modal-dialog-game {\r\n    max-width: 800px;\r\n    margin: 30px auto;\r\n}\r\n.modal-body-game {\r\n    position: relative;\r\n    padding: 0px;\r\n}\r\n.close {\r\n    position: absolute;\r\n    right: -30px;\r\n    top: 0;\r\n    z-index: 999;\r\n    font-size: 2rem;\r\n    font-weight: normal;\r\n    color: black;\r\n    opacity: 1;\r\n}\r\n.botongame {\r\n    margin-top: 10px;\r\n}\r\n#crear {\r\n    width: 140px;\r\n    line-height: 18px;\r\n    color: #fff;\r\n    text-align: center;\r\n    height: 30px;\r\n    font-weight: bold;\r\n    background-size: cover;\r\n    border-radius: 0;\r\n    background: #0097ce !important;\r\n}\r\n.plan-creator .plan__name .wrapp-name {\r\n    margin-top: 0px;\r\n}\r\n.plan-creator .plan__name .wrapp-name .btn.btn-type2 {\r\n    margin-top: 15px;\r\n    width: 100%;\r\n}\r\n@media (max-width: 890px) {\r\n    .modal-dialog-game {\r\n    max-width: 580px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n@media (max-width: 690px) {\r\n    .modal-dialog-game {\r\n    max-width: 420px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n@media (max-width: 490px) {\r\n    .modal-dialog-game {\r\n    max-width: 250px;\r\n    margin: 126px auto;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvaXRlbS1qdWVnby9pdGVtLWp1ZWdvLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxzQkFBc0I7SUFDdEIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSwwQkFBMEI7QUFDOUI7QUFDQTtJQUNJLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksMEJBQTBCO0lBQzFCLG9CQUFvQjtDQUN2QjtBQUVEO0lBQ0ksdUJBQXVCO0FBQzNCO0FBR0E7SUFDSSx5QkFBeUI7QUFDN0I7QUFFQTtJQUNJLHdCQUF3QjtBQUM1QjtBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCO0FBRUE7SUFDSSx3QkFBd0I7QUFDNUI7QUFFQTtJQUNJLHdCQUF3QjtBQUM1QjtBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCO0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7QUFFQTtJQUNJLGVBQWU7SUFDZixjQUFjO0FBQ2xCO0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0FBQ3JCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtBQUNoQjtBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixNQUFNO0lBQ04sWUFBWTtJQUNaLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIsV0FBVztJQUNYLFVBQVU7QUFDZDtBQUVBO0lBQ0ksaUJBQWlCO0FBQ3JCO0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0FBQ3JCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtBQUNoQjtBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixNQUFNO0lBQ04sWUFBWTtJQUNaLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIsWUFBWTtJQUNaLFVBQVU7QUFDZDtBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCO0FBRUE7SUFDSSxZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixzQkFBc0I7SUFDdEIsZ0JBQWdCO0lBQ2hCLDhCQUE4QjtBQUNsQztBQUVBO0lBQ0ksZUFBZTtBQUNuQjtBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLFdBQVc7QUFDZjtBQUNBO0lBQ0k7SUFDQSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCO0FBQ0o7QUFFQTtJQUNJO0lBQ0EsZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQjtBQUNKO0FBRUE7SUFDSTtJQUNBLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEI7QUFDSiIsImZpbGUiOiJzcmMvYXBwL2l0ZW0tanVlZ28vaXRlbS1qdWVnby5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLm5vTWFzIHtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuLnBsYW5faW1ne1xyXG4gICAgd2lkdGg6IDgwcHggIWltcG9ydGFudDtcclxuICAgIGhlaWdodDogODBweCAhaW1wb3J0YW50O1xyXG59XHJcbi5fZW5ke1xyXG4gICAgdGV4dC1hbGlnbjogZW5kICFpbXBvcnRhbnQ7XHJcbn1cclxuLmJ0bjJ7IFxyXG4gICAgd2lkdGg6IDE4MHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuLmJ1dHRvbi1hZGR7XHJcbiAgICB0ZXh0LWFsaWduOiBlbmQgIWltcG9ydGFudDtcclxuICAgIHBhZGRpbmc6IDAgNyUgMzVweCAwO1xyXG4gfVxyXG5cclxuLmJvdG9uZ2FtZXtcclxuICAgIHdpZHRoOiAxNDVweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLnJvb3Qge1xyXG4gICAgaGVpZ2h0OiAxODA4cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam8xIHtcclxuICAgIGhlaWdodDogMzA5cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam8y
4175IHtcclxuICAgIGhlaWdodDogMzkzcHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam8zIHtcclxuICAgIGhlaWdodDogMjg1cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam80IHtcclxuICAgIGhlaWdodDogNDgycHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam81IHtcclxuICAgIGhlaWdodDogMzcycHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLmZhLWdhbWVwYWQge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAzNXB4O1xyXG59XHJcblxyXG4uZmEtZ2FtZXBhZCwgLmZhLXF1ZXN0aW9uLWNpcmNsZSB7XHJcbiAgICBmb250LXNpemU6IDQwcHg7XHJcbiAgICBjb2xvcjogI2Q3ZTIwNztcclxufVxyXG5cclxuLmRpYWxvZ28ge1xyXG4gICAgbWF4LXdpZHRoOiA4MDBweDtcclxuICAgIG1hcmdpbjogMzBweCBhdXRvO1xyXG59XHJcblxyXG4uYm9kaSB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBwYWRkaW5nOiAwcHg7XHJcbn1cclxuXHJcbi5jbG9zZXMge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgcmlnaHQ6IC0zMHB4O1xyXG4gICAgdG9wOiAwO1xyXG4gICAgei1pbmRleDogOTk5O1xyXG4gICAgZm9udC1zaXplOiAycmVtO1xyXG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgb3BhY2l0eTogMTtcclxufVxyXG5cclxuaSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTJweDtcclxufVxyXG5cclxuLm1vZGFsLWRpYWxvZy1nYW1lIHtcclxuICAgIG1heC13aWR0aDogODAwcHg7XHJcbiAgICBtYXJnaW46IDMwcHggYXV0bztcclxufVxyXG5cclxuLm1vZGFsLWJvZHktZ2FtZSB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBwYWRkaW5nOiAwcHg7XHJcbn1cclxuXHJcbi5jbG9zZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICByaWdodDogLTMwcHg7XHJcbiAgICB0b3A6IDA7XHJcbiAgICB6LWluZGV4OiA5OTk7XHJcbiAgICBmb250LXNpemU6IDJyZW07XHJcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgb3BhY2l0eTogMTtcclxufVxyXG5cclxuLmJvdG9uZ2FtZSB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcblxyXG4jY3JlYXIge1xyXG4gICAgd2lkdGg6IDE0MHB4O1xyXG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGhlaWdodDogMzBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDA7XHJcbiAgICBiYWNrZ3JvdW5kOiAjMDA5N2NlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wbGFuLWNyZWF0b3IgLnBsYW5fX25hbWUgLndyYXBwLW5hbWUge1xyXG4gICAgbWFyZ2luLXRvcDogMHB4O1xyXG59XHJcblxyXG4ucGxhbi1jcmVhdG9yIC5wbGFuX19uYW1lIC53cmFwcC1uYW1lIC5idG4uYnRuLXR5cGUyIHtcclxuICAgIG1hcmdpbi10b3A6IDE1cHg7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogODkwcHgpIHtcclxuICAgIC5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDU4MHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA2OTBweCkge1xyXG4gICAgLm1vZGFsLWRpYWxvZy1nYW1lIHtcclxuICAgIG1heC13aWR0aDogNDIwcHg7XHJcbiAgICBtYXJnaW46IDMwcHggYXV0bztcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDQ5MHB4KSB7XHJcbiAgICAubW9kYWwtZGlhbG9nLWdhbWUge1xyXG4gICAgbWF4LXdpZHRoOiAyNTBweDtcclxuICAgIG1hcmdpbjogMTI2cHggYXV0bztcclxuICAgIH1cclxufSJdfQ== */");
4176
4177/***/ }),
4178
4179/***/ "./src/app/item-juego/item-juego.component.ts":
4180/*!****************************************************!*\
4181  !*** ./src/app/item-juego/item-juego.component.ts ***!
4182  \****************************************************/
4183/*! exports provided: ItemJuegoComponent */
4184/***/ (function(module, __webpack_exports__, __webpack_require__) {
4185
4186"use strict";
4187__webpack_require__.r(__webpack_exports__);
4188/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ItemJuegoComponent", function() { return ItemJuegoComponent; });
4189/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
4190/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
4191/* harmony import */ var _models_game__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/game */ "./src/app/models/game.ts");
4192/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
4193/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
4194/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
4195/* harmony import */ var _models_planes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../models/planes */ "./src/app/models/planes.ts");
4196/* harmony import */ var src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/assets/JSON/infoGames.json */ "./src/assets/JSON/infoGames.json");
4197var src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_7___namespace = /*#__PURE__*/__webpack_require__.t(/*! src/assets/JSON/infoGames.json */ "./src/assets/JSON/infoGames.json", 1);
4198/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
4199/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
4200/* harmony import */ var _models_navigation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../models/navigation */ "./src/app/models/navigation.ts");
4201
4202
4203
4204
4205
4206
4207
4208
4209
4210
4211
4212var ItemJuegoComponent = /** @class */ (function () {
4213    function ItemJuegoComponent(gameService, activatedRoute, router, gameServices1) {
4214        var _this = this;
4215        this.gameService = gameService;
4216        this.activatedRoute = activatedRoute;
4217        this.router = router;
4218        this.gameServices1 = gameServices1;
4219        this.game = new _models_game__WEBPACK_IMPORTED_MODULE_2__["Game"]();
4220        this.gameAbility = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameAbility"]();
4221        this.gamePrograma = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GamePrograma"]();
4222        this.gameRecurso = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameRecurso"]();
4223        this.gameRuta = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameRuta"]();
4224        this.gameAsignatura = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameAsignatura"]();
4225        this.gameConceptos = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameConceptos"]();
4226        this.gameEtapas = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameEtapas"]();
4227        this.planes = new _models_planes__WEBPACK_IMPORTED_MODULE_6__["CrearPlanes"]();
4228        this.urlImg = _service_config__WEBPACK_IMPORTED_MODULE_8__["imagenes"].url;
4229        this.descripciones = [];
4230        this.habilidades = [];
4231        this.rutas = [];
4232        this.programas = [];
4233        this.otros_recursos = [];
4234        this.list2 = [];
4235        this.isFull = false;
4236        this.numRutas = 0;
4237        this.token = localStorage.getItem('token');
4238        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_9__["Navegacion"]();
4239        this.navigateGame = new _models_navigation__WEBPACK_IMPORTED_MODULE_10__["Games"]();
4240        this.navegacion.seccion = 8;
4241        this.gameService.navegacion(this.token, this.navegacion).subscribe();
4242        this.activatedRoute.params.subscribe(function (params) {
4243            _this.gameService.verDetalle(_this.token, params.slug).subscribe(function (response) {
4244                _this.game = response.game;
4245                _this.navigateGame.place = 1;
4246                _this.navigateGame.game = _this.game.id;
4247                _this.gameService.navegacionJuego(_this.token, _this.navigateGame).subscribe();
4248                _this.gameAsignatura = response.asignatura;
4249                _this.gameConceptos = response.conceptos;
4250                _this.idDescripcion = response.descripcion.id;
4251                _this.dataGame = src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_7__.info;
4252                _this.dataGame.forEach(function (element) {
4253                    if (element.name == _this.game.slug) {
4254                        _this.gameSelected = element;
4255                    }
4256                });
4257                if (response.habilidades != null) {
4258                    _this.gameAbility = response.habilidades;
4259                    var aprendizaje = JSON.parse(response.habilidades.aprendizaje);
4260                    var modelodb = JSON.parse(response.habilidades.me);
4261                    var imt = JSON.parse(response.habilidades.imt);
4262                    var fms = JSON.parse(response.habilidades.fms);
4263                    var ed = JSON.parse(response.habilidades.ed);
4264                    _this.gameAbility.modelos = {
4265                        autoconocimiento: {
4266                            conciencia: modelodb.autoconocimiento.conciencia,
4267                            autoestima: modelodb.autoconocimiento.autoestima,
4268                            aprecio: modelodb.autoconocimiento.aprecio,
4269                            bienestar: modelodb.autoconocimiento.bienestar
4270                        },
4271                        autorregulacion: {
4272                            meta: modelodb.autorregulacion.meta,
4273                            expresion: modelodb.autorregulacion.expresion,
4274                            regulacion: modelodb.autorregulacion.regulacion,
4275                            generacion: modelodb.autorregulacion.generacion,
4276                            perseverancia: modelodb.autorregulacion.perseverancia
4277                        },
4278                        autonomia: {
4279                            iniciativa: modelodb.autonomia.iniciativa,
4280                            soluciones: modelodb.autonomia.soluciones,
4281                            eficacia: modelodb.autonomia.eficacia
4282                        },
4283                        empatia: {
4284                            bienestar: modelodb.empatia.bienestar,
4285                            perspectiva: modelodb.empatia.perspectiva,
4286                            prejuicios: modelodb.empatia.prejuicios,
4287                            sensibilidad: modelodb.empatia.sensibilidad,
4288                            cuidado: modelodb.empatia.cuidado
4289                        },
4290                        colaboracion: {
4291                            comunidad: modelodb.colaboracion.comunidad,
4292                            responsabilidad: modelodb.colaboracion.responsabilidad,
4293                            inclusion: modelodb.colaboracion.inclusion,
4294                            resolucion: modelodb.colaboracion.resolucion,
4295                            interdependencia: modelodb.colaboracion.interdependencia
4296                        },
4297                        ramas: {
4298                            colaboracion: modelodb.ramas.colaboracion,
4299                            empatia: modelodb.ramas.empatia,
4300                            autonomia: modelodb.ramas.autonomia,
4301                            autorregulacion: modelodb.ramas.autorregulacion,
4302                            autoconocimiento: modelodb.ramas.autoconocimiento
4303                        },
4304                        modelo: modelodb.modelo
4305                    };
4306                    _this.gameAbility.habilidades = {
4307                        aprendizaje: {
4308                            pensamiento: aprendizaje.pensamiento,
4309                            comunicacion: aprendizaje.comunicacion,
4310                            creatividad: aprendizaje.creatividad,
4311                            colaboracion: aprendizaje.colaboracion
4312                        },
4313                        imt: {
4314                            teclado: {
4315                                nombre: imt.teclado.nombre,
4316                                porcentaje: imt.teclado.porcentaje = imt.teclado.porcentaje
4317                            },
4318                            mouse: {
4319                                nombre: imt.mouse.nombre,
4320                                porcentaje: imt.mouse.porcentaje = imt.mouse.porcentaje
4321                            },
4322                            tableta: {
4323                                nombre: imt.tableta.nombre,
4324                                porcentaje: imt.tableta.porcentaje = imt.tableta.porcentaje
4325                            }
4326                        },
4327                        fms: {
4328                            atencion: fms.atencion,
4329                            memoria: fms.memoria,
4330                            lenguaje: fms.lenguaje,
4331                            visoespacial: fms.visoespacial,
4332                            sensoriomotoras: fms.sensoriomotoras,
4333                            ejecutivas: fms.ejecutivas
4334                        },
4335                        ed: {
4336                            visual: ed.visual,
4337                            trabajo: ed.trabajo,
4338                            informacion: ed.informacion,
4339                            verbal: ed.verbal,
4340                            auditiva: ed.auditiva
4341                        },
4342                        tags: response.habilidades.tags
4343                    };
4344                }
4345                if (response.otros != null) {
4346                    _this.gameRecurso = response.otros;
4347                }
4348                if (response.programas != null) {
4349                    _this.gamePrograma = response.programas;
4350                }
4351                _this.gameEtapas = response.etapas;
4352                _this.rutasTotales = response.rutas;
4353                if (_this.idHabilidad = response.habilidades.id != null) {
4354                    _this.idHabilidad = response.habilidades.id;
4355                }
4356                if (response.otros.id != null) {
4357                    _this.idOtrosRecursos = response.otros.id;
4358                }
4359                if (response.programas.id != null) {
4360                    _this.idProgramas = response.programas.id;
4361                }
4362                _this.ngOnInit();
4363            }, function (error) {
4364                //console.log(error);
4365            });
4366        });
4367    }
4368    ItemJuegoComponent.prototype.ngOnInit = function () {
4369    };
4370    ItemJuegoComponent.prototype.kill = function (element, id) {
4371        $(element).modal('hide');
4372        var iframe = document.getElementById(id);
4373        var src = $(iframe).attr('src');
4374        console.log(src);
4375        $(iframe).attr('src', '').attr('src', src);
4376    };
4377    ItemJuegoComponent.prototype.agregarDesc = function () {
4378        this.descripciones.push({
4379            "id": this.idDescripcion.toString()
4380        });
4381        console.log(this.descripciones);
4382    };
4383    ItemJuegoComponent.prototype.agregarComp = function () {
4384        this.habilidades.push({
4385            "id": this.gameAbility["id"]
4386        });
4387        console.log(this.habilidades);
4388    };
4389    ItemJuegoComponent.prototype.agregarRuta = function () {
4390        for (var x in this.rutasTotales) {
4391            this.rutas.push({
4392                "id": this.rutasTotales[x].id
4393            });
4394        }
4395        console.log(this.rutas);
4396    };
4397    ItemJuegoComponent.prototype.agregarProgr = function () {
4398        this.programas.push({
4399            "id": this.idProgramas
4400        });
4401        console.log(this.programas);
4402    };
4403    ItemJuegoComponent.prototype.agregarOtros = function () {
4404        this.otros_recursos.push({
4405            "id": this.idOtrosRecursos
4406        });
4407        console.log(this.otros_recursos);
4408    };
4409    ItemJuegoComponent.prototype.agregarPorMasGame = function () {
4410        var imagen = document.getElementById("juegoIndi");
4411        var imagenAux = imagen["src"];
4412        this.list2.push({
4413            "id_game": this.game.id,
4414            "imagename": imagenAux.substring(48)
4415        });
4416    };
4417    ItemJuegoComponent.prototype.recoger = function () {
4418        var _this = this;
4419        this.gameServices1.crearPlan(this.token, this.planes).subscribe(function (data) {
4420            if (data["message"] != null || data["message"] != "") {
4421                _this.id_plan = data["message"];
4422                _this.list2.forEach(function (plan) {
4423                    _this.gameServices1.vincularJuego(_this.token, _this.id_plan, plan.id_game).subscribe();
4424                });
4425                if (_this.descripciones.length > 0) {
4426                    _this.descripciones.forEach(function (element) {
4427                        _this.gameServices1.vincularDescripcion(_this.token, _this.id_plan, element.id).subscribe(function (data) {
4428                            //console.log(data);
4429                        });
4430                    });
4431                }
4432                if (_this.habilidades.length > 0) {
4433                    _this.habilidades.forEach(function (element) {
4434                        _this.gameServices1.vincularHabilidad(_this.token, _this.id_plan, element.id).subscribe(function (data) {
4435                            //console.log(data);
4436                        });
4437                    });
4438                }
4439                if (_this.rutas.length > 0) {
4440                    _this.rutas.forEach(function (element) {
4441                        _this.gameServices1.vincularRuta(_this.token, _this.id_plan, element.id).subscribe(function (data) {
4442                            //console.log(data);
4443                        });
4444                    });
4445                }
4446                if (_this.programas.length > 0) {
4447                    _this.programas.forEach(function (element) {
4448                        _this.gameServices1.vincularPrograma(_this.token, _this.id_plan, element.id).subscribe(function (data) {
4449                            //console.log(data);
4450                        });
4451                    });
4452                }
4453                if (_this.otros_recursos.length > 0) {
4454                    _this.otros_recursos.forEach(function (element) {
4455                        _this.gameServices1.vincularOtrosRecursos(_this.token, _this.id_plan, element.id).subscribe(function (data) {
4456                            //console.log(data);
4457                        });
4458                    });
4459                }
4460                if (localStorage.getItem("gamesA2") != null) {
4461                    _this.juego = localStorage.getItem("gamesA2");
4462                    _this.gameService.verDetalle(_this.token, _this.juego).subscribe(function (data) {
4463                        var id_game = data["game"].id;
4464                        _this.gameServices1.vincularJuego(_this.token, _this.id_plan, id_game).subscribe();
4465                    });
4466                }
4467                localStorage.removeItem("documents");
4468                localStorage.removeItem("games");
4469                localStorage.removeItem("grupos");
4470                _this.router.navigate(["/mis-planes"]);
4471            }
4472        });
4473    };
4474    ItemJuegoComponent.prototype.ngAfterViewInit = function () {
4475        // Hack: Scrolls to top of Page after page view initialized
4476        var top = document.getElementById('top');
4477        if (top !== null) {
4478            top.scrollIntoView();
4479            top = null;
4480        }
4481    };
4482    ItemJuegoComponent.ctorParameters = function () { return [
4483        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__["DetalleService"] },
4484        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"] },
4485        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] },
4486        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_5__["GameService"] }
4487    ]; };
4488    ItemJuegoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
4489        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
4490            selector: 'app-item-juego',
4491            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./item-juego.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/item-juego/item-juego.component.html")).default,
4492            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./item-juego.component.css */ "./src/app/item-juego/item-juego.component.css")).default]
4493        })
4494    ], ItemJuegoComponent);
4495    return ItemJuegoComponent;
4496}());
4497
4498
4499
4500/***/ }),
4501
4502/***/ "./src/app/landing/landing.component.css":
4503/*!***********************************************!*\
4504  !*** ./src/app/landing/landing.component.css ***!
4505  \***********************************************/
4506/*! exports provided: default */
4507/***/ (function(module, __webpack_exports__, __webpack_require__) {
4508
4509"use strict";
4510__webpack_require__.r(__webpack_exports__);
4511/* harmony default export */ __webpack_exports__["default"] = (".rosa{\r\n    background-color: #CC3399;\r\n    background:#CC3399;\r\n    height: 50%;\r\n    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 120%, -10% 100%);\r\n    clip-path: polygon(50% 0%, 100% 0%, 100% 120%, -15% 100%);\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: flex-start;\r\n}\r\n.rosa2{\r\n    height: 100px;\r\n    width: 100%;\r\n    background-color: #CC3399;\r\n    background:#CC3399;\r\n    position: absolute;\r\n    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 140% 100%);\r\n    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 140% 100%);\r\n}\r\n.verde{\r\n    background-color: #CCCC00;\r\n    background:#CCCC00;\r\n    height: 50%;\r\n    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 82%, 0% 100%);\r\n    clip-path: polygon(0% 0%, 100% 0%, 100% 82%, 0% 100%);\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: flex-start;\r\n}\r\n.landing{\r\n    height: auto;\r\n}\r\n.tam-l3{\r\n    width: 60%;\r\n}\r\n.tam-l2{\r\n    width: 100%; \r\n    display: inline-flex;\r\n}\r\n.texto1{\r\n    width: 60%;\r\n    margin: 10% 22% 5% 22%;\r\n    font-size: 1.8rem;\r\n    text-align: center;\r\n    color: white;\r\n}\r\n.texto2{\r\n    width: 50%;\r\n    margin: 10% 0;\r\n    text-align: center;\r\n}\r\n.texto3{\r\n    color: white;\r\n    font-size: 2rem;\r\n    font-weight: 600;\r\n}\r\n.cuadro-l{\r\n    width: 100%;\r\n    padding: 0% 8%;\r\n}\r\n.center-form {\r\n    margin: 0;\r\n}\r\n.form-button{\r\n    padding: 0;\r\n}\r\n.back-form{\r\n    left: 62px;\r\n    top: -1px;\r\n    width: 83%;\r\n    height: 100%;\r\n}\r\n.form-data {\r\n    background: #fff;\r\n    padding: 30px;\r\n    border: 1px solid #333;\r\n    border-radius: 5px;\r\n    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6);\r\n}\r\n.txtvideo{\r\n    font-size: 1.2rem;\r\n    text-align: start;\r\n    margin: 0 21%;\r\n}\r\n.img-land{\r\n    /*width: 45%;\r\n    position: absolute;\r\n    margin-top: 9%;\r\n    left: 745px;\r\n    bottom: 50px;*/\r\n    width: 45%;\r\n    position: absolute;\r\n    left: 55%;\r\n    bottom: 5%;\r\n   /* width: 45%;\r\n    position: relative;\r\n    margin-top: 8%;\r\n    margin-left: 5%;*/\r\n}\r\n.img-land2{\r\n    position: absolute;\r\n    bottom: 120px;\r\n}\r\n.cerrar{\r\n    opacity: 1;\r\n    border-radius: 50%;\r\n    background: #999999;\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n    display: block;\r\n    color: #fff;\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 0px;\r\n    cursor: pointer;\r\n    z-index: 100;\r\n}\r\n.recuperar{\r\n  width:233px;\r\n}\r\n.margen{\r\n  margin-top: 237px;\r\n}\r\n@media (max-width: 992px){\r\n    .rosa2{\r\n        -webkit-clip-path: polygon(0% 0%, 100% -1%, 100% 100%, 140% 100%);\r\n        clip-path: polygon(0% 0%, 100% -1%, 100% 100%, 140% 100%);\r\n    }\r\n    .txtvideo{\r\n        font-size: 1rem;\r\n        margin: 0 14%;\r\n    }\r\n}\r\n@media (max-width: 700px){\r\n    .rosa2{\r\n        -webkit-clip-path: polygon(0% 0%, 100% -1%, 100% 100%, 140% 100%);\r\n        clip-path: polygon(0% 0%, 100% -1%, 100% 100%, 140% 100%);\r\n    }\r\n    .txtvideo{\r\n        font-size: 0.9rem;\r\n        margin: 0 0 0 10%;\r\n    }\r\n    .texto1{\r\n        width: 75%;\r\n        margin: 10% 16% 5% 10%;\r\n        font-size: 1.3rem;\r\n    }\r\n    .texto3{\r\n        font-size: 1.5rem;\r\n    }\r\n    .cuadro-l{\r\n        padding: 0% 8% 0 0;\r\n    }\r\n}\r\n@media (max-width: 500px){\r\n    .rosa{\r\n        -webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 120%, -15% 100%);\r\n        clip-path: polygon(30% 0%, 100% 0%, 100% 120%, -15% 100%);\r\n    }\r\n    .tam-l3{\r\n        width: 80%;\r\n    }\r\n    .texto2{\r\n        width: 80%;\r\n        margin: 15% 0;\r\n    }\r\n    .tam-l2{\r\n        display: inline-grid;\r\n    }\r\n    .img-land{\r\n        width: 45%;\r\n        position: relative;\r\n        left: 55%;\r\n        bottom: 45%;\r\n    } \r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbGFuZGluZy9sYW5kaW5nLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSx5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxpRUFBaUU7SUFDakUseURBQXlEO0lBQ3pELGFBQWE7SUFDYix5QkFBeUI7SUFDekIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxhQUFhO0lBQ2IsV0
4511FBVztJQUNYLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsa0JBQWtCO0lBQ2xCLGdFQUFnRTtJQUNoRSx3REFBd0Q7QUFDNUQ7QUFDQTtJQUNJLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsV0FBVztJQUNYLDZEQUE2RDtJQUM3RCxxREFBcUQ7SUFDckQsYUFBYTtJQUNiLHlCQUF5QjtJQUN6Qix1QkFBdUI7QUFDM0I7QUFDQTtJQUNJLFlBQVk7QUFDaEI7QUFDQTtJQUNJLFVBQVU7QUFDZDtBQUNBO0lBQ0ksV0FBVztJQUNYLG9CQUFvQjtBQUN4QjtBQUNBO0lBQ0ksVUFBVTtJQUNWLHNCQUFzQjtJQUN0QixpQkFBaUI7SUFDakIsa0JBQWtCO0lBQ2xCLFlBQVk7QUFDaEI7QUFDQTtJQUNJLFVBQVU7SUFDVixhQUFhO0lBQ2Isa0JBQWtCO0FBQ3RCO0FBRUE7SUFDSSxZQUFZO0lBQ1osZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0ksV0FBVztJQUNYLGNBQWM7QUFDbEI7QUFDQTtJQUNJLFNBQVM7QUFDYjtBQUNBO0lBQ0ksVUFBVTtBQUNkO0FBQ0E7SUFDSSxVQUFVO0lBQ1YsU0FBUztJQUNULFVBQVU7SUFDVixZQUFZO0FBQ2hCO0FBQ0E7SUFDSSxnQkFBZ0I7SUFDaEIsYUFBYTtJQUNiLHNCQUFzQjtJQUN0QixrQkFBa0I7SUFDbEIsd0NBQXdDO0FBQzVDO0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsaUJBQWlCO0lBQ2pCLGFBQWE7QUFDakI7QUFFQTtJQUNJOzs7O2tCQUljO0lBQ2QsVUFBVTtJQUNWLGtCQUFrQjtJQUNsQixTQUFTO0lBQ1QsVUFBVTtHQUNYOzs7cUJBR2tCO0FBQ3JCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsYUFBYTtBQUNqQjtBQUVBO0lBQ0ksVUFBVTtJQUNWLGtCQU
4511FrQjtJQUNsQixtQkFBbUI7SUFDbkIsV0FBVztJQUNYLFlBQVk7SUFDWixVQUFVO0lBQ1YsY0FBYztJQUNkLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFFBQVE7SUFDUixlQUFlO0lBQ2YsWUFBWTtBQUNoQjtBQUNBO0VBQ0UsV0FBVztBQUNiO0FBRUE7RUFDRSxpQkFBaUI7QUFDbkI7QUFFQTtJQUNJO1FBQ0ksaUVBQWlFO1FBQ2pFLHlEQUF5RDtJQUM3RDtJQUNBO1FBQ0ksZUFBZTtRQUNmLGFBQWE7SUFDakI7QUFDSjtBQUVBO0lBQ0k7UUFDSSxpRUFBaUU7UUFDakUseURBQXlEO0lBQzdEO0lBQ0E7UUFDSSxpQkFBaUI7UUFDakIsaUJBQWlCO0lBQ3JCO0lBQ0E7UUFDSSxVQUFVO1FBQ1Ysc0JBQXNCO1FBQ3RCLGlCQUFpQjtJQUNyQjtJQUNBO1FBQ0ksaUJBQWlCO0lBQ3JCO0lBQ0E7UUFDSSxrQkFBa0I7SUFDdEI7QUFDSjtBQUVBO0lBQ0k7UUFDSSxpRUFBaUU7UUFDakUseURBQXlEO0lBQzdEO0lBQ0E7UUFDSSxVQUFVO0lBQ2Q7SUFDQTtRQUNJLFVBQVU7UUFDVixhQUFhO0lBQ2pCO0lBQ0E7UUFDSSxvQkFBb0I7SUFDeEI7SUFDQTtRQUNJLFVBQVU7UUFDVixrQkFBa0I7UUFDbEIsU0FBUztRQUNULFdBQVc7SUFDZjtBQUNKIiwiZmlsZSI6InNyYy9hcHAvbGFuZGluZy9sYW5kaW5nLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucm9zYXtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNDQzMzOTk7XHJcbiAgICBiYWNrZ3JvdW5kOiNDQzMzOTk7XHJcbiAgICBoZWlnaHQ6IDUwJTtcclxuICAgIC13ZWJraXQtY2xpcC1wYXRoOiBwb2x5Z29uKDUwJSAwJSwgMTAwJSAwJSwgMTAwJSAxMjAlLCAtMTAlIDEwMCUpO1xyXG4gICAgY2xpcC1wYXRoOiBwb2x5Z29uKDUwJSAwJSwgMTAwJSAwJSwgMTAwJSAxMjAlLCAtMTUlIDEwMCUpO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XHJcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcclxufVxyXG4ucm9zYTJ7XHJcbiAgICBoZWlnaHQ6IDEwMHB4O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjQ0MzMzk5O1xyXG4gICAgYmFja2dyb3VuZDojQ0MzMzk5O1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgLXdlYmtpdC1jbGlwLXBhdGg6IHBvbHlnb24oMCUgMCUsIDEwMCUgMCUsIDEwMCUgMTAwJSwgMTQwJSAxMDAlKTtcclxuICAgIGNsaXAtcGF0aDogcG9seWdvbigwJSAwJSwgMTAwJSAwJSwgMTAwJSAxMDAlLCAxNDAlIDEwMCUpO1xyXG59XHJcbi52ZXJkZXtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNDQ0NDMDA7XHJcbiAgICBiYWNrZ3JvdW5kOiNDQ0NDMDA7XHJcbiAgICBoZWlnaHQ6IDUwJTtcclxuICAgIC13ZWJraXQtY2xpcC1wYXRoOiBwb2x5Z29uKDAlIDAlLCAxMDAlIDAlLCAxMDAlIDgyJSwgMCUgMTAwJSk7XHJcbiAgICBjbGlwLXBhdGg6IHBvbHlnb24oMCUgMCUsIDEwMCUgMCUsIDEwMCUgODIlLCAwJSAxMDAlKTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xyXG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XHJcbn1cclxuLmxhbmRpbmd7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbn1cclxuLnRhbS1sM3tcclxuICAgIHdpZHRoOiA2MCU7XHJcbn1cclxuLnRhbS1sMntcclxuICAgIHdpZHRoOiAxMDAlOyBcclxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xyXG59XHJcbi50ZXh0bzF7XHJcbiAgICB3aWR0aDogNjAlO1xyXG4gICAgbWFyZ2luOiAxMCUgMjIlIDUlIDIyJTtcclxuICAgIGZvbnQtc2l6ZTogMS44cmVtO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG59XHJcbi50ZXh0bzJ7XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gICAgbWFyZ2luOiAxMCUgMDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLnRleHRvM3tcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGZvbnQtc2l6ZTogMnJlbTtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbn1cclxuLmN1YWRyby1se1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwJSA4JTtcclxufVxyXG4uY2VudGVyLWZvcm0ge1xyXG4gICAgbWFyZ2luOiAwO1xyXG59XHJcbi5mb3JtLWJ1dHRvbntcclxuICAgIHBhZGRpbmc6IDA7XHJcbn1cclxuLmJhY2stZm9ybXtcclxuICAgIGxlZnQ6IDYycHg7XHJcbiAgICB0b3A6IC0xcHg7XHJcbiAgICB3aWR0aDogODMlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG59XHJcbi5mb3JtLWRhdGEge1xyXG4gICAgYmFja2dyb3VuZDogI2ZmZjtcclxuICAgIHBhZGRpbmc6IDMwcHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjMzMzO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgYm94LXNoYWRvdzogMCA1cHggNXB4IHJnYmEoMCwgMCwgMCwgMC42KTtcclxufVxyXG5cclxuLnR4dHZpZGVve1xyXG4gICAgZm9udC1zaXplOiAxLjJyZW07XHJcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcclxuICAgIG1hcmdpbjogMCAyMSU7XHJcbn1cclxuXHJcbi5pbWctbGFuZHtcclxuICAgIC8qd2lkdGg6IDQ1JTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIG1hcmdpbi10b3A6IDklO1xyXG4gICAgbGVmdDogNzQ1cHg7XHJcbiAgICBib3R0b206IDUwcHg7Ki9cclxuICAgIHdpZHRoOiA0NSU7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBsZWZ0OiA1NSU7XHJcbiAgICBib3R0b206IDUlO1xyXG4gICAvKiB3aWR0aDogNDUlO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgbWFyZ2luLXRvcDogOCU7XHJcbiAgICBtYXJnaW4tbGVmdDogNSU7Ki9cclxufVxyXG5cclxuLmltZy1sYW5kMntcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJvdHRvbTogMTIwcHg7XHJcbn1cclxuXHJcbi5jZXJyYXJ7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYmFja2dyb3VuZDogIzk5OTk5OTtcclxuICAgIHdpZHRoOiA0MHB4O1xyXG4gICAgaGVpZ2h0OiA0MHB4O1xyXG4gICAgcGFkZGluZzogMDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICByaWdodDogMTBweDtcclxuICAgIHRvcDogMHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgei1pbmRleDogMTAwO1xyXG59XHJcbi5yZWN1cGVyYXJ7XHJcbiAgd2lkdGg6MjMzcHg7XHJcbn1cclxuXHJcbi5tY
4511XJnZW57XHJcbiAgbWFyZ2luLXRvcDogMjM3cHg7XHJcbn0gXHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogOTkycHgpe1xyXG4gICAgLnJvc2Eye1xyXG4gICAgICAgIC13ZWJraXQtY2xpcC1wYXRoOiBwb2x5Z29uKDAlIDAlLCAxMDAlIC0xJSwgMTAwJSAxMDAlLCAxNDAlIDEwMCUpO1xyXG4gICAgICAgIGNsaXAtcGF0aDogcG9seWdvbigwJSAwJSwgMTAwJSAtMSUsIDEwMCUgMTAwJSwgMTQwJSAxMDAlKTtcclxuICAgIH1cclxuICAgIC50eHR2aWRlb3tcclxuICAgICAgICBmb250LXNpemU6IDFyZW07XHJcbiAgICAgICAgbWFyZ2luOiAwIDE0JTtcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDcwMHB4KXtcclxuICAgIC5yb3NhMntcclxuICAgICAgICAtd2Via2l0LWNsaXAtcGF0aDogcG9seWdvbigwJSAwJSwgMTAwJSAtMSUsIDEwMCUgMTAwJSwgMTQwJSAxMDAlKTtcclxuICAgICAgICBjbGlwLXBhdGg6IHBvbHlnb24oMCUgMCUsIDEwMCUgLTElLCAxMDAlIDEwMCUsIDE0MCUgMTAwJSk7XHJcbiAgICB9XHJcbiAgICAudHh0dmlkZW97XHJcbiAgICAgICAgZm9udC1zaXplOiAwLjlyZW07XHJcbiAgICAgICAgbWFyZ2luOiAwIDAgMCAxMCU7XHJcbiAgICB9XHJcbiAgICAudGV4dG8xe1xyXG4gICAgICAgIHdpZHRoOiA3NSU7XHJcbiAgICAgICAgbWFyZ2luOiAxMCUgMTYlIDUlIDEwJTtcclxuICAgICAgICBmb250LXNpemU6IDEuM3JlbTtcclxuICAgIH1cclxuICAgIC50ZXh0bzN7XHJcbiAgICAgICAgZm9udC1zaXplOiAxLjVyZW07XHJcbiAgICB9XHJcbiAgICAuY3VhZHJvLWx7XHJcbiAgICAgICAgcGFkZGluZzogMCUgOCUgMCAwO1xyXG4gICAgfVxyXG59XHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogNTAwcHgpe1xyXG4gICAgLnJvc2F7XHJcbiAgICAgICAgLXdlYmtpdC1jbGlwLXBhdGg6IHBvbHlnb24oMzAlIDAlLCAxMDAlIDAlLCAxMDAlIDEyMCUsIC0xNSUgMTAwJSk7XHJcbiAgICAgICAgY2xpcC1wYXRoOiBwb2x5Z29uKDMwJSAwJSwgMTAwJSAwJSwgMTAwJSAxMjAlLCAtMTUlIDEwMCUpO1xyXG4gICAgfVxyXG4gICAgLnRhbS1sM3tcclxuICAgICAgICB3aWR0aDogODAlO1xyXG4gICAgfVxyXG4gICAgLnRleHRvMntcclxuICAgICAgICB3aWR0aDogODAlO1xyXG4gICAgICAgIG1hcmdpbjogMTUlIDA7XHJcbiAgICB9XHJcbiAgICAudGFtLWwye1xyXG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ncmlkO1xyXG4gICAgfVxyXG4gICAgLmltZy1sYW5ke1xyXG4gICAgICAgIHdpZHRoOiA0NSU7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgIGxlZnQ6IDU1JTtcclxuICAgICAgICBib3R0b206IDQ1JTtcclxuICAgIH0gXHJcbn0iXX0= */");
4512
4513/***/ }),
4514
4515/***/ "./src/app/landing/landing.component.ts":
4516/*!**********************************************!*\
4517  !*** ./src/app/landing/landing.component.ts ***!
4518  \**********************************************/
4519/*! exports provided: LandingComponent */
4520/***/ (function(module, __webpack_exports__, __webpack_require__) {
4521
4522"use strict";
4523__webpack_require__.r(__webpack_exports__);
4524/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LandingComponent", function() { return LandingComponent; });
4525/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
4526/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
4527/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
4528/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
4529/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_3__);
4530/* harmony import */ var _models_perfil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/perfil */ "./src/app/models/perfil.ts");
4531/* harmony import */ var _models_user__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../models/user */ "./src/app/models/user.ts");
4532/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
4533
4534
4535
4536
4537
4538
4539
4540var LandingComponent = /** @class */ (function () {
4541    function LandingComponent(userService, activatedRoute, router) {
4542        this.userService = userService;
4543        this.activatedRoute = activatedRoute;
4544        this.router = router;
4545        this.newPassword = new _models_perfil__WEBPACK_IMPORTED_MODULE_4__["Password"]();
4546        this.refresh = "false";
4547        this.mensaje = "";
4548        this.isCorrect = true;
4549        this.registro = new _models_user__WEBPACK_IMPORTED_MODULE_5__["Registro"]();
4550        localStorage.clear();
4551        this.user = new _models_user__WEBPACK_IMPORTED_MODULE_5__["User"]("", "");
4552    }
4553    LandingComponent.prototype.ngOnInit = function () { };
4554    LandingComponent.prototype.onSubmit = function (form) {
4555        var _this = this;
4556        this.user.datacole = 1;
4557        this.userService.login(this.user).subscribe(function (response) {
4558            if (localStorage.getItem("token")) {
4559                localStorage.clear();
4560                _this.router.navigate(["datacole"]);
4561            }
4562            localStorage.setItem("token", response.token);
4563            console.log(response);
4564            var fechaLogin = new Date();
4565            var fechaAux = fechaLogin.toString();
4566            localStorage.setItem("fechaLogin", fechaAux);
4567            localStorage.setItem("email", _this.user.email);
4568            _this.router.navigate(["inicio"]);
4569        }, function (error) {
4570            sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
4571                type: "error",
4572                title: "Datos incorrectos",
4573                showConfirmButton: false,
4574                timer: 1500,
4575            });
4576            _this.router.navigate(["datacole"]);
4577            if (error.statusText === "Unauthorized") {
4578                _this.mensaje = "Datos incorrectos";
4579                _this.isCorrect = false;
4580                _this.user.email = "";
4581                _this.user.password = "";
4582            }
4583        });
4584    };
4585    LandingComponent.prototype.recuperar = function (form) {
4586        var _this = this;
4587        this.userService
4588            .recuperarContraseña(this.newPassword)
4589            .subscribe(function (response) {
4590            console.log(response);
4591            localStorage.clear();
4592            _this.newPassword.email = "";
4593            _this.newPassword.password = "";
4594            $("#modalEditar").modal("hide");
4595            sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
4596                type: "success",
4597                title: "Contraseña actualizada.",
4598                showConfirmButton: false,
4599                timer: 1500,
4600            });
4601        });
4602    };
4603    LandingComponent.prototype.crearUser = function (form) {
4604        var _this = this;
4605        console.log(form.value);
4606        this.registro = form.value;
4607        $("#modalRegistro").modal("hide");
4608        this.registro.colombia = 0;
4609        this.registro.fya = 0;
4610        this.registro.datacole = 1;
4611        this.registro.txt_source = "datacole";
4612        console.log("registro", this.registro);
4613        if (this.registro.email == this.registro.emailConfir &&
4614            this.registro.email != "") {
4615            if (this.registro.password != "" &&
4616                this.registro.password == this.registro.password_conf) {
4617                if (this.registro.aviso) {
4618                    console.log(this.registro);
4619                    this.userService.registro(this.registro).subscribe(function (response) {
4620                        console.log(response);
4621                        localStorage.setItem("token", response.token);
4622                        localStorage.setItem("email", _this.registro.email);
4623                        _this.router.navigate(["inicio"]);
4624                    }, function (error) {
4625                        var msj = "Usuario ya existente";
4626                        console.log(error);
4627                        sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
4628                            type: "error",
4629                            title: msj,
4630                            showConfirmButton: false,
4631                            timer: 1500,
4632                        });
4633                    });
4634                }
4635                else {
4636                    sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
4637                        type: "error",
4638                        title: "Acepta nuestro aviso de privacidad",
4639                        showConfirmButton: false,
4640                        timer: 1500,
4641                    });
4642                }
4643            }
4644            else {
4645                sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
4646                    type: "error",
4647                    title: "Verifica tu contraseña ",
4648                    showConfirmButton: false,
4649                    timer: 1500,
4650                });
4651            }
4652        }
4653        else {
4654            sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
4655                type: "error",
4656                title: "Verifica tu correo ",
4657                showConfirmButton: false,
4658                timer: 1500,
4659            });
4660        }
4661    };
4662    LandingComponent.ctorParameters = function () { return [
4663        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_6__["UserService"] },
4664        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
4665        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] }
4666    ]; };
4667    LandingComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
4668        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
4669            selector: "app-landing",
4670            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./landing.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/landing/landing.component.html")).default,
4671            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./landing.component.css */ "./src/app/landing/landing.component.css")).default]
4672        })
4673    ], LandingComponent);
4674    return LandingComponent;
4675}());
4676
4677
4678
4679/***/ }),
4680
4681/***/ "./src/app/login/login.component.css":
4682/*!*******************************************!*\
4683  !*** ./src/app/login/login.component.css ***!
4684  \*******************************************/
4685/*! exports provided: default */
4686/***/ (function(module, __webpack_exports__, __webpack_require__) {
4687
4688"use strict";
4689__webpack_require__.r(__webpack_exports__);
4690/* harmony default export */ __webpack_exports__["default"] = (".cerrar,\r\n.modal .close {\r\n    opacity: 1;\r\n    border-radius: 50%;\r\n    background: #999999;\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n    display: block;\r\n    color: #fff;\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n    cursor: pointer;\r\n    z-index: 100;\r\n}\r\n.recuperar{\r\n  width:233px;\r\n}\r\n.margen{\r\n  margin-top: 237px;\r\n}\r\n.center_text{\r\n  text-align: center;\r\n}\r\n.lic{\r\n  margin-top: 20px;\r\n}\r\n.welcome{\r\n  margin-top: 20px;\r\n  margin-bottom: 30px;;\r\n}\r\n.modal {\r\n  overflow: visible !important;\r\n}\r\n.modal .close:hover {\r\n  opacity: .5;\r\n}\r\n.ojito{\r\n  width: 27px; height: 27px;\r\n  top: 45%;\r\n  right: 5%;\r\n  position: absolute;\r\n  cursor: pointer;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbG9naW4vbG9naW4uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7SUFFSSxVQUFVO0lBQ1Ysa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixXQUFXO0lBQ1gsWUFBWTtJQUNaLFVBQVU7SUFDVixjQUFjO0lBQ2QsV0FBVztJQUNYLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsU0FBUztJQUNULGVBQWU7SUFDZixZQUFZO0FBQ2hCO0FBQ0E7RUFDRSxXQUFXO0FBQ2I7QUFFQTtFQUNFLGlCQUFpQjtBQUNuQjtBQUVBO0VBQ0Usa0JBQWtCO0FBQ3BCO0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixtQkFBbUI7QUFDckI7QUFFQTtFQUNFLDRCQUE0QjtBQUM5QjtBQUNBO0VBQ0UsV0FBVztBQUNiO0FBQ0E7RUFDRSxXQUFXLEVBQUUsWUFBWTtFQUN6QixRQUFRO0VBQ1IsU0FBUztFQUNULGtCQUFrQjtFQUNsQixlQUFlO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvbG9naW4vbG9naW4uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jZXJyYXIsXHJcbi5tb2RhbCAuY2xvc2Uge1xyXG4gICAgb3BhY2l0eTogMTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJhY2tncm91bmQ6ICM5OTk5OTk7XHJcbiAgICB3aWR0aDogNDBweDtcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgcmlnaHQ6IDEwcHg7XHJcbiAgICB0b3A6IDEwcHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICB6LWluZGV4OiAxMDA7XHJcbn1cclxuLnJlY3VwZXJhcntcclxuICB3aWR0aDoyMzNweDtcclxufVxyXG5cclxuLm1hcmdlbntcclxuICBtYXJnaW4tdG9wOiAyMzdweDtcclxufVxyXG5cclxuLmNlbnRlcl90ZXh0e1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLmxpY3tcclxuICBtYXJnaW4tdG9wOiAyMHB4O1xyXG59XHJcblxyXG4ud2VsY29tZXtcclxuICBtYXJnaW4tdG9wOiAyMHB4O1xyXG4gIG1hcmdpbi1ib3R0b206IDMwcHg7O1xyXG59XHJcblxyXG4ubW9kYWwge1xyXG4gIG92ZXJmbG93OiB2aXNpYmxlICFpbXBvcnRhbnQ7XHJcbn1cclxuLm1vZGFsIC5jbG9zZTpob3ZlciB7XHJcbiAgb3BhY2l0eTogLjU7XHJcbn1cclxuLm9qaXRve1xyXG4gIHdpZHRoOiAyN3B4OyBoZWlnaHQ6IDI3cHg7XHJcbiAgdG9wOiA0NSU7XHJcbiAgcmlnaHQ6IDUlO1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbn0iXX0= */");
4691
4692/***/ }),
4693
4694/***/ "./src/app/login/login.component.ts":
4695/*!******************************************!*\
4696  !*** ./src/app/login/login.component.ts ***!
4697  \******************************************/
4698/*! exports provided: LoginComponent */
4699/***/ (function(module, __webpack_exports__, __webpack_require__) {
4700
4701"use strict";
4702__webpack_require__.r(__webpack_exports__);
4703/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoginComponent", function() { return LoginComponent; });
4704/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
4705/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
4706/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
4707/* harmony import */ var _models_user__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/user */ "./src/app/models/user.ts");
4708/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
4709/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
4710/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_5__);
4711
4712
4713
4714
4715
4716
4717var LoginComponent = /** @class */ (function () {
4718    function LoginComponent(userService, activatedRoute, router) {
4719        this.userService = userService;
4720        this.activatedRoute = activatedRoute;
4721        this.router = router;
4722        this.emailRecover = '';
4723        this.refresh = "false";
4724        this.mensaje = "";
4725        this.isCorrect = true;
4726        this.showPassword = false;
4727        this.isDisabled = false;
4728        this.colombia = 0;
4729        this.FIFYA = 0;
4730        this.piloto = 0;
4731        this.sek = 0;
4732        this.techint = 0;
4733        this.proed = 0;
4734        this.taktaktak = 0;
4735        this.emgm = 0;
4736        localStorage.clear();
4737        this.user = new _models_user__WEBPACK_IMPORTED_MODULE_3__["User"]('', '');
4738        this.user_lic = new _models_user__WEBPACK_IMPORTED_MODULE_3__["User"]('', '');
4739    }
4740    LoginComponent.prototype.ngOnInit = function () {
4741        var _this = this;
4742        var top = document.getElementById('top');
4743        if (top !== null) {
4744            top.scrollIntoView();
4745            top = null;
4746        }
4747        this.campania = {
4748            campanias: this.activatedRoute.snapshot.params.campanias,
4749        };
4750        this.activatedRoute.params.subscribe(function (params) {
4751            _this.campania.campanias = params.campanias;
4752            if (_this.campania.campanias == 'colombia') {
4753                _this.colombia = 1;
4754            }
4755            else if (_this.campania.campanias == 'FIFYA') {
4756                _this.FIFYA = 1;
4757            }
4758            else if (_this.campania.campanias == 'piloto') {
4759                _this.piloto = 1;
4760            }
4761            else if (_this.campania.campanias == 'SEK') {
4762                _this.sek = 1;
4763            }
4764            else if (_this.campania.campanias == 'techint') {
4765                _this.techint = 1;
4766            }
4767            else if (_this.campania.campanias == 'proed') {
4768                _this.proed = 1;
4769            }
4770            else if (_this.campania.campanias == 'taktaktak') {
4771                _this.taktaktak = 1;
4772            }
4773            else if (_this.campania.campanias == 'emgm') {
4774                _this.emgm = 1;
4775            }
4776        });
4777        localStorage.setItem('refresh', this.refresh);
4778    };
4779    LoginComponent.prototype.onSubmit = function (form) {
4780        var _this = this;
4781        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.showLoading();
4782        this.isDisabled = true;
4783        this.user.colombia = this.colombia;
4784        this.user.fya = this.FIFYA;
4785        this.user.piloto = this.piloto;
4786        this.user.sek = this.sek;
4787        this.user.techint = this.techint;
4788        this.user.proed = this.proed;
4789        this.user.taktaktak = this.taktaktak;
4790        this.user.emgm = this.emgm;
4791        this.user.activar_licencia = 0;
4792        this.userService.login(this.user).subscribe(function (response) {
4793            if (localStorage.getItem('token')) {
4794                localStorage.clear();
4795                if (_this.colombia == 1) {
4796                    _this.router.navigate(['login/colombia']);
4797                }
4798                else if (_this.FIFYA == 1) {
4799                    _this.router.navigate(['login/FIFYA']);
4800                }
4801                else if (_this.piloto == 1) {
4802                    _this.router.navigate(['login/piloto']);
4803                }
4804                else if (_this.sek == 1) {
4805                    _this.router.navigate(['login/SEK']);
4806                }
4807                else if (_this.techint == 1) {
4808                    _this.router.navigate(['login/techint']);
4809                }
4810                else if (_this.proed == 1) {
4811                    _this.router.navigate(['login/proed']);
4812                }
4813                else if (_this.taktaktak == 1) {
4814                    _this.router.navigate(['login/taktaktak']);
4815                }
4816                else if (_this.emgm == 1) {
4817                    _this.router.navigate(['login/emgm']);
4818                }
4819                else
4820                    _this.router.navigate(['login']);
4821            }
4822            localStorage.setItem('token', response.token);
4823            var fechaLogin = new Date();
4824            var fechaAux = fechaLogin.toString();
4825            localStorage.setItem('fechaLogin', fechaAux);
4826            localStorage.setItem('email', _this.user.email);
4827            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.close();
4828            _this.router.navigate(['inicio']);
4829        }, function (error) {
4830            _this.isDisabled = false;
4831            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
4832                type: 'error',
4833                title: 'Datos incorrectos.',
4834                showConfirmButton: false,
4835                timer: 1500
4836            });
4837            if (_this.colombia == 1)
4838                _this.router.navigate(['login/colombia']);
4839            else if (_this.FIFYA == 1)
4840                _this.router.navigate(['login/FIFYA']);
4841            else if (_this.piloto == 1)
4842                _this.router.navigate(['login/piloto']);
4843            else if (_this.sek == 1)
4844                _this.router.navigate(['login/SEK']);
4845            else if (_this.techint == 1)
4846                _this.router.navigate(['login/techint']);
4847            else if (_this.proed == 1)
4848                _this.router.navigate(['login/proed']);
4849            else if (_this.taktaktak == 1)
4850                _this.router.navigate(['login/taktaktak']);
4851            else if (_this.emgm == 1)
4852                _this.router.navigate(['login/emgm']);
4853            else
4854                _this.router.navigate(['login']);
4855            if (error.statusText === "Unauthorized") {
4856                _this.mensaje = "Datos incorrectos";
4857                _this.isCorrect = false;
4858                _this.user.email = "";
4859                _this.user.password = "";
4860            }
4861        });
4862    };
4863    LoginComponent.prototype.onSubmitLic = function (form) {
4864        var _this = this;
4865        this.isDisabled = true;
4866        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.showLoading();
4867        this.user_lic.colombia = this.colombia;
4868        this.user_lic.fya = this.FIFYA;
4869        this.user_lic.piloto = this.piloto;
4870        this.user_lic.sek = this.sek;
4871        this.user_lic.techint = this.techint;
4872        this.user_lic.proed = this.proed;
4873        this.user_lic.taktaktak = this.taktaktak;
4874        this.user_lic.emgm = this.emgm;
4875        this.user_lic.activar_licencia = (this.user_lic.codigo != "") ? 1 : 0;
4876        if (this.user_lic.activar_licencia == 1) {
4877            this.userService.login(this.user_lic).subscribe(function (response) {
4878                if (localStorage.getItem('token')) {
4879                    localStorage.clear();
4880                    if (_this.colombia == 1) {
4881                        _this.router.navigate(['login/colombia']);
4882                    }
4883                    else if (_this.FIFYA == 1) {
4884                        _this.router.navigate(['login/FIFYA']);
4885                    }
4886                    else if (_this.piloto == 1) {
4887                        _this.router.navigate(['login/piloto']);
4888                    }
4889                    else if (_this.sek == 1) {
4890                        _this.router.navigate(['login/SEK']);
4891                    }
4892                    else if (_this.techint == 1) {
4893                        _this.router.navigate(['login/techint']);
4894                    }
4895                    else if (_this.proed == 1) {
4896                        _this.router.navigate(['login/proed']);
4897                    }
4898                    else if (_this.taktaktak == 1) {
4899                        _this.router.navigate(['login/taktaktak']);
4900                    }
4901                    else if (_this.emgm == 1) {
4902                        _this.router.navigate(['login/emgm']);
4903                    }
4904                    else
4905                        _this.router.navigate(['login']);
4906                }
4907                localStorage.setItem('token', response.token);
4908                var fechaLogin = new Date();
4909                var fechaAux = fechaLogin.toString();
4910                localStorage.setItem('fechaLogin', fechaAux);
4911                localStorage.setItem('email', _this.user.email);
4912                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.close();
4913                _this.router.navigate(['inicio']);
4914            }, function (error) {
4915                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.close();
4916                _this.isDisabled = false;
4917                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
4918                    type: 'error',
4919                    title: 'Datos incorrectos.',
4920                    showConfirmButton: false,
4921                    timer: 1500
4922                });
4923                if (_this.colombia == 1)
4924                    _this.router.navigate(['login/colombia']);
4925                else if (_this.FIFYA == 1)
4926                    _this.router.navigate(['login/FIFYA']);
4927                else if (_this.piloto == 1)
4928                    _this.router.navigate(['login/piloto']);
4929                else if (_this.sek == 1)
4930                    _this.router.navigate(['login/SEK']);
4931                else if (_this.techint == 1)
4932                    _this.router.navigate(['login/techint']);
4933                else if (_this.proed == 1)
4934                    _this.router.navigate(['login/proed']);
4935                else if (_this.taktaktak == 1)
4936                    _this.router.navigate(['login/taktaktak']);
4937                else if (_this.emgm == 1)
4938                    _this.router.navigate(['login/emgm']);
4939                else
4940                    _this.router.navigate(['login']);
4941                if (error.statusText === "Unauthorized") {
4942                    _this.mensaje = "Datos incorrectos";
4943                    _this.isCorrect = false;
4944                    _this.user.email = "";
4945                    _this.user.password = "";
4946                }
4947            });
4948        }
4949    };
4950    LoginComponent.prototype.recuperar = function (form) {
4951        var _this = this;
4952        this.userService.recuperarContraseñaEmail({ email: this.emailRecover }).subscribe(function (response) {
4953            localStorage.clear();
4954            _this.emailRecover = '';
4955            $('#modalEditar').modal('hide');
4956            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
4957                type: 'success',
4958                title: 'Revisa tu correo electrónico para reestablecer tu contraseña.',
4959                showConfirmButton: false,
4960                timer: 3000
4961            });
4962        }, function (error) {
4963            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
4964                type: 'error',
4965                title: 'El correo que ingresaste no esta registrado en Labtak.',
4966                showConfirmButton: false,
4967                timer: 4000
4968            });
4969        });
4970    };
4971    LoginComponent.ctorParameters = function () { return [
4972        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_2__["UserService"] },
4973        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"] },
4974        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] }
4975    ]; };
4976    LoginComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
4977        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
4978            selector: 'app-login',
4979            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./login.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/login/login.component.html")).default,
4980            providers: [_service_user_service__WEBPACK_IMPORTED_MODULE_2__["UserService"]],
4981            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./login.component.css */ "./src/app/login/login.component.css")).default]
4982        })
4983    ], LoginComponent);
4984    return LoginComponent;
4985}());
4986
4987
4988
4989/***/ }),
4990
4991/***/ "./src/app/modal-buscar/modal-buscar.component.css":
4992/*!*********************************************************!*\
4993  !*** ./src/app/modal-buscar/modal-buscar.component.css ***!
4994  \*********************************************************/
4995/*! exports provided: default */
4996/***/ (function(module, __webpack_exports__, __webpack_require__) {
4997
4998"use strict";
4999__webpack_require__.r(__webpack_exports__);
5000/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21vZGFsLWJ1c2Nhci9tb2RhbC1idXNjYXIuY29tcG9uZW50LmNzcyJ9 */");
5001
5002/***/ }),
5003
5004/***/ "./src/app/modal-buscar/modal-buscar.component.ts":
5005/*!********************************************************!*\
5006  !*** ./src/app/modal-buscar/modal-buscar.component.ts ***!
5007  \********************************************************/
5008/*! exports provided: ModalBuscarComponent */
5009/***/ (function(module, __webpack_exports__, __webpack_require__) {
5010
5011"use strict";
5012__webpack_require__.r(__webpack_exports__);
5013/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModalBuscarComponent", function() { return ModalBuscarComponent; });
5014/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5015/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
5016/* harmony import */ var _nuevo_plan_nuevo_plan_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../nuevo-plan/nuevo-plan.component */ "./src/app/nuevo-plan/nuevo-plan.component.ts");
5017/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
5018
5019
5020
5021
5022var ModalBuscarComponent = /** @class */ (function () {
5023    function ModalBuscarComponent(gameService) {
5024        this.gameService = gameService;
5025        this.token = localStorage.getItem('token');
5026        this.tagsFinales = "";
5027    }
5028    ModalBuscarComponent.prototype.ngOnInit = function () {
5029    };
5030    ModalBuscarComponent.prototype.ngAfterViewChecked = function () {
5031    };
5032    ModalBuscarComponent.prototype.accionBuscar = function (tags) {
5033        var _this = this;
5034        setTimeout(function () {
5035            if (tags != undefined || tags != null) {
5036                _this.tagsFinales = tags;
5037            }
5038            else {
5039                _this.tagsLocal = JSON.parse(localStorage.getItem('buscador'));
5040                _this.tagsLocal.forEach(function (tag) {
5041                    _this.tagsFinales = _this.tagsFinales + " " + tag.value;
5042                });
5043            }
5044            _this.gameService.setTags(_this.token, _this.tagsFinales).subscribe(function (data) {
5045                _this.gamesM = data["resultado"].games;
5046            });
5047            localStorage.removeItem("buscador");
5048            _this.tagsFinales = "";
5049        }, 500);
5050    };
5051    ModalBuscarComponent.ctorParameters = function () { return [
5052        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_3__["GameService"] }
5053    ]; };
5054    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5055        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])(_nuevo_plan_nuevo_plan_component__WEBPACK_IMPORTED_MODULE_2__["NuevoPlanComponent"], { static: false })
5056    ], ModalBuscarComponent.prototype, "nuevo", void 0);
5057    ModalBuscarComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5058        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
5059            selector: 'app-modal-buscar',
5060            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./modal-buscar.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/modal-buscar/modal-buscar.component.html")).default,
5061            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./modal-buscar.component.css */ "./src/app/modal-buscar/modal-buscar.component.css")).default]
5062        })
5063    ], ModalBuscarComponent);
5064    return ModalBuscarComponent;
5065}());
5066
5067
5068
5069/***/ }),
5070
5071/***/ "./src/app/modal-sesiones/modal-sesiones.component.css":
5072/*!*************************************************************!*\
5073  !*** ./src/app/modal-sesiones/modal-sesiones.component.css ***!
5074  \*************************************************************/
5075/*! exports provided: default */
5076/***/ (function(module, __webpack_exports__, __webpack_require__) {
5077
5078"use strict";
5079__webpack_require__.r(__webpack_exports__);
5080/* harmony default export */ __webpack_exports__["default"] = (".XL {\r\n    background-color: white !important;\r\n    color: black !important;\r\n}\r\n.ojito{\r\n  width: 27px; height: 27px;\r\n  top: 45%;\r\n  right: 5%;\r\n  position: absolute;\r\n  cursor: pointer;\r\n}\r\n.ojit{\r\n  width: 27px; height: 27px;\r\n  top: 35%;\r\n  right: 5%;\r\n  position: absolute;\r\n  cursor: pointer;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbW9kYWwtc2VzaW9uZXMvbW9kYWwtc2VzaW9uZXMuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGtDQUFrQztJQUNsQyx1QkFBdUI7QUFDM0I7QUFDQTtFQUNFLFdBQVcsRUFBRSxZQUFZO0VBQ3pCLFFBQVE7RUFDUixTQUFTO0VBQ1Qsa0JBQWtCO0VBQ2xCLGVBQWU7QUFDakI7QUFFQTtFQUNFLFdBQVcsRUFBRSxZQUFZO0VBQ3pCLFFBQVE7RUFDUixTQUFTO0VBQ1Qsa0JBQWtCO0VBQ2xCLGVBQWU7QUFDakIiLCJmaWxlIjoic3JjL2FwcC9tb2RhbC1zZXNpb25lcy9tb2RhbC1zZXNpb25lcy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLlhMIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxufVxyXG4ub2ppdG97XHJcbiAgd2lkdGg6IDI3cHg7IGhlaWdodDogMjdweDtcclxuICB0b3A6IDQ1JTtcclxuICByaWdodDogNSU7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLm9qaXR7XHJcbiAgd2lkdGg6IDI3cHg7IGhlaWdodDogMjdweDtcclxuICB0b3A6IDM1JTtcclxuICByaWdodDogNSU7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxufSJdfQ== */");
5081
5082/***/ }),
5083
5084/***/ "./src/app/modal-sesiones/modal-sesiones.component.ts":
5085/*!************************************************************!*\
5086  !*** ./src/app/modal-sesiones/modal-sesiones.component.ts ***!
5087  \************************************************************/
5088/*! exports provided: ModalSesionesComponent */
5089/***/ (function(module, __webpack_exports__, __webpack_require__) {
5090
5091"use strict";
5092__webpack_require__.r(__webpack_exports__);
5093/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModalSesionesComponent", function() { return ModalSesionesComponent; });
5094/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5095/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
5096/* harmony import */ var _models_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/user */ "./src/app/models/user.ts");
5097/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
5098/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
5099/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
5100/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_5__);
5101/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
5102
5103
5104
5105
5106
5107
5108
5109
5110var ModalSesionesComponent = /** @class */ (function () {
5111    function ModalSesionesComponent(userService, detalleService, router) {
5112        var _this = this;
5113        this.userService = userService;
5114        this.detalleService = detalleService;
5115        this.router = router;
5116        this.isDisabled = false;
5117        this.showPassword = false;
5118        this.showPassword1 = false;
5119        this.showPassword2 = false;
5120        //Para registrar usuarios
5121        this.registro = new _models_user__WEBPACK_IMPORTED_MODULE_2__["Registro"]();
5122        this.fya = 0;
5123        this.token = localStorage.getItem("token");
5124        this.detalleService.catPais(this.token).subscribe(function (response) {
5125            _this.paises = response;
5126        });
5127        this.detalleService.catState(this.token).subscribe(function (response) {
5128            _this.estados = response;
5129        });
5130    }
5131    ModalSesionesComponent.prototype.onSubmit = function (form) {
5132        var _this = this;
5133        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.showLoading();
5134        this.isDisabled = true;
5135        this.user.activar_licencia = 0;
5136        this.userService.login(this.user).subscribe(function (response) {
5137            if (localStorage.getItem("token")) {
5138                localStorage.clear();
5139                _this.router.navigate(["login"]);
5140            }
5141            localStorage.setItem("token", response.token);
5142            var fechaLogin = new Date();
5143            var fechaAux = fechaLogin.toString();
5144            localStorage.setItem("fechaLogin", fechaAux);
5145            localStorage.setItem("email", _this.user.email);
5146            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.close();
5147            if (_this.GoTo == "B") {
5148                _this.router.navigate(["blog"]);
5149            }
5150            else if (_this.GoTo == "T") {
5151                _this.router
5152                    .navigateByUrl("/", { skipLocationChange: true })
5153                    .then(function () { return _this.router.navigate(["tienda"]); });
5154            }
5155            else if (_this.GoTo == "H") {
5156                _this.router.navigate(["gracias_maestros"]);
5157            }
5158        }, function (error) {
5159            _this.isDisabled = false;
5160            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
5161                type: "error",
5162                title: "Datos incorrectos.",
5163                showConfirmButton: false,
5164                timer: 1500,
5165            });
5166            _this.router.navigate(["login"]);
5167            if (error.statusText === "Unauthorized") {
5168                _this.mensaje = "Datos incorrectos";
5169                _this.isCorrect = false;
5170                _this.user.email = "";
5171                _this.user.password = "";
5172            }
5173        });
5174    };
5175    ModalSesionesComponent.prototype.crearUser = function (form) {
5176        var _this = this;
5177        if (form.valid) {
5178            this.registro = form.value;
5179            this.registro.datacole = 0;
5180            this.registro.activar_licencia = 0;
5181            if (this.GoTo == "H")
5182                this.registro.txt_source = "google";
5183            //this.registro.activar_licencia = (this.registro.codigo != "") ? 1 : 0;
5184            if (this.registro.email == this.registro.emailConfir &&
5185                this.registro.email != "" &&
5186                this.registro.email.match(/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/)) {
5187                if (this.registro.password != "" &&
5188                    this.registro.password == this.registro.password_conf &&
5189                    this.registro.password.length >= 6) {
5190                    if (this.registro.aviso) {
5191                        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.showLoading();
5192                        this.isDisabled = true;
5193                        this.userService.registro(this.registro).subscribe(function (response) {
5194                            localStorage.setItem("token", response.token);
5195                            localStorage.setItem("email", _this.registro.email);
5196                            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.close();
5197                            if (_this.GoTo == "B") {
5198                                _this.router.navigate(["blog"]);
5199                            }
5200                            else if (_this.GoTo == "T") {
5201                                _this.router
5202                                    .navigateByUrl("/", { skipLocationChange: true })
5203                                    .then(function () { return _this.router.navigate(["tienda"]); });
5204                            }
5205                            else if (_this.GoTo == "H") {
5206                                _this.router.navigate(["gracias_maestros"]);
5207                            }
5208                        }, function (error) {
5209                            _this.isDisabled = false;
5210                            var msj = "Usuario ya existente";
5211                            console.log(error);
5212                            if (error["error"]["message"] == "El código es incorrecto.") {
5213                                msj = "El código de acceso es incorrecto.";
5214                            }
5215                            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
5216                                type: "error",
5217                                title: msj,
5218                                showConfirmButton: false,
5219                                timer: 1500,
5220                            });
5221                        });
5222                    }
5223                    else {
5224                        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
5225                            type: "error",
5226                            title: "Acepta nuestro aviso de privacidad",
5227                            showConfirmButton: false,
5228                            timer: 1500,
5229                        });
5230                    }
5231                }
5232                else {
5233                    sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
5234                        type: "error",
5235                        title: "Verifica tu contraseña ",
5236                        showConfirmButton: false,
5237                        timer: 1500,
5238                    });
5239                }
5240            }
5241            else {
5242                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
5243                    type: "error",
5244                    title: "Verifica tu correo ",
5245                    showConfirmButton: false,
5246                    timer: 1500,
5247                });
5248            }
5249        }
5250        else {
5251            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
5252                type: "error",
5253                title: "Verifica que todos los campos esten llenos.",
5254                showConfirmButton: false,
5255                timer: 1500,
5256            });
5257        }
5258    };
5259    ModalSesionesComponent.prototype.clickRegistrar = function () {
5260        this.logear = false;
5261        this.regyster = true;
5262    };
5263    ModalSesionesComponent.prototype.clickLogear = function () {
5264        this.logear = true;
5265        this.regyster = false;
5266    };
5267    ModalSesionesComponent.prototype.ngOnInit = function () {
5268        if (this.log == "I") {
5269            this.logear = true;
5270            this.regyster = false;
5271        }
5272        else if (this.log == "R") {
5273            this.logear = false;
5274            this.regyster = true;
5275        }
5276        this.user = new _models_user__WEBPACK_IMPORTED_MODULE_2__["User"]("", "");
5277    };
5278    ModalSesionesComponent.ctorParameters = function () { return [
5279        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_3__["UserService"] },
5280        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_6__["DetalleService"] },
5281        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] }
5282    ]; };
5283    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5284        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
5285    ], ModalSesionesComponent.prototype, "log", void 0);
5286    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5287        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
5288    ], ModalSesionesComponent.prototype, "GoTo", void 0);
5289    ModalSesionesComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5290        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
5291            selector: "app-modal-sesiones",
5292            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./modal-sesiones.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/modal-sesiones/modal-sesiones.component.html")).default,
5293            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./modal-sesiones.component.css */ "./src/app/modal-sesiones/modal-sesiones.component.css")).default]
5294        })
5295    ], ModalSesionesComponent);
5296    return ModalSesionesComponent;
5297}());
5298
5299
5300
5301/***/ }),
5302
5303/***/ "./src/app/modal-sesiones/modal-sesiones.module.ts":
5304/*!*********************************************************!*\
5305  !*** ./src/app/modal-sesiones/modal-sesiones.module.ts ***!
5306  \*********************************************************/
5307/*! exports provided: ModalsSesionesModule */
5308/***/ (function(module, __webpack_exports__, __webpack_require__) {
5309
5310"use strict";
5311__webpack_require__.r(__webpack_exports__);
5312/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModalsSesionesModule", function() { return ModalsSesionesModule; });
5313/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5314/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
5315/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
5316/* harmony import */ var _modal_sesiones_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modal-sesiones.component */ "./src/app/modal-sesiones/modal-sesiones.component.ts");
5317/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
5318
5319// src/app/modal-sesiones/modals-sesiones.module.ts
5320
5321
5322
5323
5324var ModalsSesionesModule = /** @class */ (function () {
5325    function ModalsSesionesModule() {
5326    }
5327    ModalsSesionesModule = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5328        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
5329            declarations: [_modal_sesiones_component__WEBPACK_IMPORTED_MODULE_3__["ModalSesionesComponent"]],
5330            imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_4__["FormsModule"]],
5331            exports: [_modal_sesiones_component__WEBPACK_IMPORTED_MODULE_3__["ModalSesionesComponent"]]
5332        })
5333    ], ModalsSesionesModule);
5334    return ModalsSesionesModule;
5335}());
5336
5337
5338
5339/***/ }),
5340
5341/***/ "./src/app/modal/modal.component.css":
5342/*!*******************************************!*\
5343  !*** ./src/app/modal/modal.component.css ***!
5344  \*******************************************/
5345/*! exports provided: default */
5346/***/ (function(module, __webpack_exports__, __webpack_require__) {
5347
5348"use strict";
5349__webpack_require__.r(__webpack_exports__);
5350/* harmony default export */ __webpack_exports__["default"] = (".modal {\r\n  overflow: visible !important;\r\n}\r\n\r\n.modal .modal-dialog {\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal .modal-content {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%) !important;\r\n  min-height: auto;\r\n  max-height: 90vh;\r\n  overflow-y: auto;\r\n  margin: 0;\r\n  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.modal.modal--large .modal-content {\r\n  width: 600px;\r\n}\r\n\r\n.modal.modal--medium .modal-content {\r\n  max-width: 50%;\r\n  width: 750px;\r\n}\r\n\r\n.modal.modal--medium2 .modal-content {\r\n  max-width: 50%;\r\n  width: 750px;\r\n}\r\n\r\n.modal .close {\r\n  opacity: 1;\r\n  border-radius: 50%;\r\n  background: #999999;\r\n  width: 40px;\r\n  height: 40px;\r\n  padding: 0;\r\n  display: block;\r\n  color: #fff;\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 10px;\r\n  cursor: pointer;\r\n  z-index: 100;\r\n}\r\n\r\n.modal .close:hover {\r\n  opacity: .5;\r\n}\r\n\r\n.modal-search .modal-content {\r\n  background: #76489d;\r\n  height: 500px !important;\r\n}\r\n\r\n.modal-search .modal-content:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('modal-back.png') center center no-repeat;\r\n  background-size: cover;\r\n  top: 35%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.modal-search .modal-header {\r\n  border-bottom: 0;\r\n}\r\n\r\n.modal-search .close {\r\n  background: #533170;\r\n}\r\n\r\n.modal-search .modal-body {\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.ojo{\r\n  width: 25px;\r\n  height: 25px;\r\n  float: right;\r\n}\r\n\r\n.espc{\r\n  width: 70%;\r\n  padding-left: 5%;\r\n}\r\n\r\n.button-add{\r\n  justify-content: flex-end !important;\r\n  margin: 0 5% 5% 0;\r\n}\r\n\r\n.btn2{\r\n  width: 100px !important;\r\n}\r\n\r\n.hero__search {\r\n  padding: 5% 5%;\r\n  background: white;\r\n  margin: 0 10%;\r\n  width: 80%;\r\n  border-radius: 15px;\r\n}\r\n\r\n@media (max-width: 690px) {\r\n  .modal.modal--large .modal-content{\r\n    width: 450px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 490px) {\r\n  .modal.modal--large .modal-content{\r\n    width: 300px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n  .modal.modal--large .modal-content{\r\n    width: 250px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbW9kYWwvbW9kYWwuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLDRCQUE0QjtBQUM5Qjs7QUFFQTtFQUNFLE1BQU07RUFDTixPQUFPO0VBQ1AsV0FBVztFQUNYLFlBQVk7QUFDZDs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsU0FBUztFQUNULDJDQUEyQztFQUMzQyxnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixTQUFTO0VBQ1QsMENBQTBDO0FBQzVDOztBQUVBO0VBQ0UsWUFBWTtBQUNkOztBQUVBO0VBQ0UsY0FBYztFQUNkLFlBQVk7QUFDZDs7QUFFQTtFQUNFLGNBQWM7RUFDZCxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxVQUFVO0VBQ1Ysa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsWUFBWTtFQUNaLFVBQVU7RUFDVixjQUFjO0VBQ2QsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsU0FBUztFQUNULGVBQWU7RUFDZixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsd0JBQXdCO0FBQzFCOztBQUVBO0VBQ0UsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsWUFBWTtFQUNaLHlEQUFzRjtFQUN0RixzQkFBc0I7RUFDdEIsUUFBUTtFQUNSLFNBQVM7RUFLVCxnQ0FBZ0M7QUFDbEM7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixZQUFZO0FBQ2Q7O0FBQ0E7RUFDRSxVQUFVO0VBQ1YsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0Usb0NBQW9DO0VBQ3BDLGlCQUFpQjtBQUNuQjs7QUFDQTtFQUNFLHVCQUF1QjtBQUN6Qjs7QUFFQTtFQUNFLGNBQWM7RUFDZCxpQkFBaUI7RUFDakIsYUFBYTtFQUNiLFVBQVU7
5350RUFDVixtQkFBbUI7QUFDckI7O0FBRUE7RUFDRTtJQUNFLFlBQVk7SUFDWixjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLFlBQVk7SUFDWixjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLFlBQVk7SUFDWixjQUFjO0VBQ2hCO0FBQ0YiLCJmaWxlIjoic3JjL2FwcC9tb2RhbC9tb2RhbC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLm1vZGFsIHtcclxuICBvdmVyZmxvdzogdmlzaWJsZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ubW9kYWwgLm1vZGFsLWRpYWxvZyB7XHJcbiAgdG9wOiAwO1xyXG4gIGxlZnQ6IDA7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG59XHJcblxyXG4ubW9kYWwgLm1vZGFsLWNvbnRlbnQge1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICB0b3A6IDUwJTtcclxuICBsZWZ0OiA1MCU7XHJcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSkgIWltcG9ydGFudDtcclxuICBtaW4taGVpZ2h0OiBhdXRvO1xyXG4gIG1heC1oZWlnaHQ6IDkwdmg7XHJcbiAgb3ZlcmZsb3cteTogYXV0bztcclxuICBtYXJnaW46IDA7XHJcbiAgYm94LXNoYWRvdzogMCAxMHB4IDEwcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xyXG59XHJcblxyXG4ubW9kYWwubW9kYWwtLWxhcmdlIC5tb2RhbC1jb250ZW50IHtcclxuICB3aWR0aDogNjAwcHg7XHJcbn1cclxuXHJcbi5tb2RhbC5tb2RhbC0tbWVkaXVtIC5tb2RhbC1jb250ZW50IHtcclxuICBtYXgtd2lkdGg6IDUwJTtcclxuICB3aWR0aDogNzUwcHg7XHJcbn1cclxuXHJcbi5tb2RhbC5tb2RhbC0tbWVkaXVtMiAubW9kYWwtY29udGVudCB7XHJcbiAgbWF4LXdpZHRoOiA1MCU7XHJcbiAgd2lkdGg6IDc1MHB4O1xyXG59XHJcblxyXG4ubW9kYWwgLmNsb3NlIHtcclxuICBvcGFjaXR5OiAxO1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICBiYWNrZ3JvdW5kOiAjOTk5OTk5O1xyXG4gIHdpZHRoOiA0MHB4O1xyXG4gIGhlaWdodDogNDBweDtcclxuICBwYWRkaW5nOiAwO1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gIGNvbG9yOiAjZmZmO1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICByaWdodDogMTBweDtcclxuICB0b3A6IDEwcHg7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIHotaW5kZXg6IDEwMDtcclxufVxyXG5cclxuLm1vZGFsIC5jbG9zZTpob3ZlciB7XHJcbiAgb3BhY2l0eTogLjU7XHJcbn1cclxuXHJcbi5tb2RhbC1zZWFyY2ggLm1vZGFsLWNvbnRlbnQge1xyXG4gIGJhY2tncm91bmQ6ICM3NjQ4OWQ7XHJcbiAgaGVpZ2h0OiA1MDBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ubW9kYWwtc2VhcmNoIC5tb2RhbC1jb250ZW50OmFmdGVyIHtcclxuICBjb250ZW50OiBcIlwiO1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgYmFja2dyb3VuZDogdXJsKC4uLy4uL2Fzc2V0cy9pbWFnZXMvYmFja2dyb3VuZC9tb2RhbC1iYWNrLnBuZykgY2VudGVyIGNlbnRlciBuby1yZXBlYXQ7XHJcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcclxuICB0b3A6IDM1JTtcclxuICBsZWZ0OiA1MCU7XHJcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuICAtbW96LXRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xyXG4gIC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuICAtby10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxufVxyXG5cclxuLm1vZGFsLXNlYXJjaCAubW9kYWwtaGVhZGVyIHtcclxuICBib3JkZXItYm90dG9tOiAwO1xyXG59XHJcblxyXG4ubW9kYWwtc2VhcmNoIC5jbG9zZSB7XHJcbiAgYmFja2dyb3VuZDogIzUzMzE3MDtcclxufVxyXG5cclxuLm1vZGFsLXNlYXJjaCAubW9kYWwtYm9keSB7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIHotaW5kZXg6IDEwO1xyXG59XHJcblxyXG4ub2pve1xyXG4gIHdpZHRoOiAyNXB4O1xyXG4gIGhlaWdodDogMjVweDtcclxuICBmbG9hdDogcmlnaHQ7XHJcbn1cclxuLmVzcGN7XHJcbiAgd2lkdGg6IDcwJTtcclxuICBwYWRkaW5nLWxlZnQ6IDUlO1xyXG59XHJcblxyXG4uYnV0dG9uLWFkZHtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kICFpbXBvcnRhbnQ7XHJcbiAgbWFyZ2luOiAwIDUlIDUlIDA7XHJcbn1cclxuLmJ0bjJ7XHJcbiAgd2lkdGg6IDEwMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5oZXJvX19zZWFyY2gge1xyXG4gIHBhZGRpbmc6IDUlIDUlO1xyXG4gIGJhY2tncm91bmQ6IHdoaXRlO1xyXG4gIG1hcmdpbjogMCAxMCU7XHJcbiAgd2lkdGg6IDgwJTtcclxuICBib3JkZXItcmFkaXVzOiAxNXB4O1xyXG59XHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogNjkwcHgpIHtcclxuICAubW9kYWwubW9kYWwtLWxhcmdlIC5tb2RhbC1jb250ZW50e1xyXG4gICAgd2lkdGg6IDQ1MHB4O1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgfVxyXG59XHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogNDkwcHgpIHtcclxuICAubW9kYWwubW9kYWwtLWxhcmdlIC5tb2RhbC1jb250ZW50e1xyXG4gICAgd2lkdGg6IDMwMHB4O1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgfVxyXG59XHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogMzUwcHgpIHtcclxuICAubW9kYWwubW9kYWwtLWxhcmdlIC5tb2RhbC1jb250ZW50e1xyXG4gICAgd2lkdGg6IDI1MHB4O1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgfVxyXG59XHJcbiJdfQ== */");
5351
5352/***/ }),
5353
5354/***/ "./src/app/modal/modal.component.ts":
5355/*!******************************************!*\
5356  !*** ./src/app/modal/modal.component.ts ***!
5357  \******************************************/
5358/*! exports provided: ModalComponent */
5359/***/ (function(module, __webpack_exports__, __webpack_require__) {
5360
5361"use strict";
5362__webpack_require__.r(__webpack_exports__);
5363/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModalComponent", function() { return ModalComponent; });
5364/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5365/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
5366/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
5367/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
5368/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
5369/* harmony import */ var _models_planes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../models/planes */ "./src/app/models/planes.ts");
5370/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
5371/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_6__);
5372
5373
5374
5375
5376
5377
5378
5379var ModalComponent = /** @class */ (function () {
5380    function ModalComponent(gameService, router, detalleService) {
5381        this.gameService = gameService;
5382        this.router = router;
5383        this.detalleService = detalleService;
5384        this.token = localStorage.getItem('token');
5385        this.planes = new _models_planes__WEBPACK_IMPORTED_MODULE_5__["CrearPlanes"]();
5386        this.nombrePlan = "";
5387        this.descripciones = [];
5388        this.editar = [];
5389    }
5390    ModalComponent.prototype.ngOnInit = function () {
5391        $(".modal .close").click(function () {
5392            $('.modal').fadeOut();
5393            $('.modal').removeClass('show');
5394            setTimeout(function () {
5395                // Medium
5396                $(".js-modal-group").on('click', function (e) {
5397                    e.preventDefault();
5398                    $(".modal--medium").modal("show");
5399                });
5400            }, 1000);
5401        });
5402        for (var index = 0; index < 4; index++) {
5403            this.editar[index] = false;
5404        }
5405    };
5406    ModalComponent.prototype.refresh = function () {
5407        location.reload();
5408    };
5409    ModalComponent.prototype.isEditable = function (value) {
5410        (this.editar[value]) ? this.editar[value] = false : this.editar[value] = true;
5411    };
5412    ModalComponent.prototype.planeador = function (form) {
5413        this.crear();
5414    };
5415    ModalComponent.prototype.crear = function () {
5416        var _this = this;
5417        this.planes.busc = 1;
5418        this.gameService.crearPlan(this.token, this.planes).subscribe(function (response) {
5419            _this.id_plan = response["message"];
5420            sweetalert2__WEBPACK_IMPORTED_MODULE_6___default.a.fire({
5421                type: 'success',
5422                title: 'Planeación creada',
5423                showConfirmButton: false,
5424                timer: 2000
5425            });
5426            _this.router.navigate(["/buscador", _this.id_plan]);
5427        }, function (error) {
5428            sweetalert2__WEBPACK_IMPORTED_MODULE_6___default.a.fire({
5429                type: 'error',
5430                title: '¡Algo falló! \n Intenta de nuevo',
5431                showConfirmButton: false,
5432                timer: 2000
5433            });
5434        });
5435    };
5436    ModalComponent.ctorParameters = function () { return [
5437        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_2__["GameService"] },
5438        { type: _angular_router__WEBPACK_IMPORTED_MODULE_3__["Router"] },
5439        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__["DetalleService"] }
5440    ]; };
5441    tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5442        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"])()
5443    ], ModalComponent.prototype, "params", void 0);
5444    ModalComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
5445        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
5446            selector: 'app-modal',
5447            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./modal.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/modal/modal.component.html")).default,
5448            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./modal.component.css */ "./src/app/modal/modal.component.css")).default]
5449        })
5450    ], ModalComponent);
5451    return ModalComponent;
5452}());
5453
5454
5455
5456/***/ }),
5457
5458/***/ "./src/app/models/blogComments.ts":
5459/*!****************************************!*\
5460  !*** ./src/app/models/blogComments.ts ***!
5461  \****************************************/
5462/*! exports provided: blogComment */
5463/***/ (function(module, __webpack_exports__, __webpack_require__) {
5464
5465"use strict";
5466__webpack_require__.r(__webpack_exports__);
5467/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "blogComment", function() { return blogComment; });
5468/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5469
5470var blogComment = /** @class */ (function () {
5471    function blogComment() {
5472        this.IDusuario = " ";
5473        this.texto = " ";
5474        this.visible = true;
5475    }
5476    return blogComment;
5477}());
5478
5479
5480
5481/***/ }),
5482
5483/***/ "./src/app/models/game.ts":
5484/*!********************************!*\
5485  !*** ./src/app/models/game.ts ***!
5486  \********************************/
5487/*! exports provided: Game, GameDescription, GamePrograma, GameRecurso, GameAbility, GameRuta, GameAsignatura, GameConceptos, GameEtapas */
5488/***/ (function(module, __webpack_exports__, __webpack_require__) {
5489
5490"use strict";
5491__webpack_require__.r(__webpack_exports__);
5492/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Game", function() { return Game; });
5493/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameDescription", function() { return GameDescription; });
5494/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GamePrograma", function() { return GamePrograma; });
5495/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameRecurso", function() { return GameRecurso; });
5496/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameAbility", function() { return GameAbility; });
5497/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameRuta", function() { return GameRuta; });
5498/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameAsignatura", function() { return GameAsignatura; });
5499/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameConceptos", function() { return GameConceptos; });
5500/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameEtapas", function() { return GameEtapas; });
5501/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5502
5503var Game = /** @class */ (function () {
5504    function Game() {
5505    }
5506    return Game;
5507}());
5508
5509var GameDescription = /** @class */ (function () {
5510    function GameDescription() {
5511        this.descripcion_pedagogica = '';
5512        this.descripcion_ludica = '';
5513        this.tags = '';
5514        this.peticion = '0';
5515    }
5516    return GameDescription;
5517}());
5518
5519var GamePrograma = /** @class */ (function () {
5520    function GamePrograma() {
5521        this.programas = {
5522            sep: '',
5523            BI: '',
5524            CCSS: '',
5525            tags: ''
5526        };
5527        this.peticion = '0';
5528    }
5529    return GamePrograma;
5530}());
5531
5532var GameRecurso = /** @class */ (function () {
5533    function GameRecurso() {
5534        this.khan_academy = '';
5535        this.sitios = '';
5536        this.videos = '';
5537        this.otras_actividades = '';
5538        this.tags = '';
5539        this.peticion = '0';
5540    }
5541    return GameRecurso;
5542}());
5543
5544var GameAbility = /** @class */ (function () {
5545    function GameAbility() {
5546        this.peticion = '0';
5547        this.modelos = {
5548            autoconocimiento: {
5549                conciencia: 0,
5550                autoestima: 0,
5551                aprecio: 0,
5552                bienestar: 0
5553            },
5554            autorregulacion: {
5555                meta: 0,
5556                expresion: 0,
5557                regulacion: 0,
5558                generacion: 0,
5559                perseverancia: 0
5560            },
5561            autonomia: {
5562                iniciativa: 0,
5563                soluciones: 0,
5564                eficacia: 0
5565            },
5566            empatia: {
5567                bienestar: 0,
5568                perspectiva: 0,
5569                prejuicios: 0,
5570                sensibilidad: 0,
5571                cuidado: 0
5572            },
5573            colaboracion: {
5574                comunidad: 0,
5575                responsabilidad: 0,
5576                inclusion: 0,
5577                resolucion: 0,
5578                interdependencia: 0
5579            },
5580            ramas: {
5581                colaboracion: 0,
5582                empatia: 0,
5583                autonomia: 0,
5584                autorregulacion: 0,
5585                autoconocimiento: 0
5586            },
5587            modelo: 0
5588        };
5589        this.habilidades = {
5590            aprendizaje: {
5591                pensamiento: 0,
5592                comunicacion: 0,
5593                creatividad: 0,
5594                colaboracion: 0
5595            },
5596            imt: {
5597                teclado: {
5598                    nombre: '',
5599                    porcentaje: 0
5600                },
5601                mouse: {
5602                    nombre: '',
5603                    porcentaje: 0
5604                },
5605                tableta: {
5606                    nombre: '',
5607                    porcentaje: 0
5608                }
5609            },
5610            fms: {
5611                atencion: 0,
5612                memoria: 0,
5613                lenguaje: 0,
5614                visoespacial: 0,
5615                sensoriomotoras: 0,
5616                ejecutivas: 0
5617            },
5618            ed: {
5619                visual: 0,
5620                trabajo: 0,
5621                informacion: 0,
5622                verbal: 0,
5623                auditiva: 0
5624            },
5625            tags: ''
5626        };
5627    }
5628    return GameAbility;
5629}());
5630
5631var GameRuta = /** @class */ (function () {
5632    function GameRuta() {
5633        this.peticion = '0';
5634        this.ruta = {
5635            titulo: '',
5636            subtitulo: '',
5637            argumentacion: ''
5638        };
5639        this.procesos = '';
5640        this.tags = '';
5641    }
5642    return GameRuta;
5643}());
5644
5645var GameAsignatura = /** @class */ (function () {
5646    function GameAsignatura() {
5647        this.asignature = '';
5648    }
5649    return GameAsignatura;
5650}());
5651
5652var GameConceptos = /** @class */ (function () {
5653    function GameConceptos() {
5654        this.concept = '';
5655    }
5656    return GameConceptos;
5657}());
5658
5659var GameEtapas = /** @class */ (function () {
5660    function GameEtapas() {
5661        this.name_etapa = '';
5662    }
5663    return GameEtapas;
5664}());
5665
5666
5667
5668/***/ }),
5669
5670/***/ "./src/app/models/navigate.ts":
5671/*!************************************!*\
5672  !*** ./src/app/models/navigate.ts ***!
5673  \************************************/
5674/*! exports provided: Navegacion */
5675/***/ (function(module, __webpack_exports__, __webpack_require__) {
5676
5677"use strict";
5678__webpack_require__.r(__webpack_exports__);
5679/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Navegacion", function() { return Navegacion; });
5680/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5681
5682var Navegacion = /** @class */ (function () {
5683    function Navegacion() {
5684        this.seccion = 0;
5685    }
5686    return Navegacion;
5687}());
5688
5689
5690
5691/***/ }),
5692
5693/***/ "./src/app/models/navigation.ts":
5694/*!**************************************!*\
5695  !*** ./src/app/models/navigation.ts ***!
5696  \**************************************/
5697/*! exports provided: Games, Resources, End */
5698/***/ (function(module, __webpack_exports__, __webpack_require__) {
5699
5700"use strict";
5701__webpack_require__.r(__webpack_exports__);
5702/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Games", function() { return Games; });
5703/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resources", function() { return Resources; });
5704/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "End", function() { return End; });
5705/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5706
5707var Games = /** @class */ (function () {
5708    function Games() {
5709    }
5710    return Games;
5711}());
5712
5713var Resources = /** @class */ (function () {
5714    function Resources() {
5715    }
5716    return Resources;
5717}());
5718
5719var End = /** @class */ (function () {
5720    function End() {
5721        this.end = 1;
5722    }
5723    return End;
5724}());
5725
5726
5727
5728/***/ }),
5729
5730/***/ "./src/app/models/perfil.ts":
5731/*!**********************************!*\
5732  !*** ./src/app/models/perfil.ts ***!
5733  \**********************************/
5734/*! exports provided: Perfil, Foto, Password */
5735/***/ (function(module, __webpack_exports__, __webpack_require__) {
5736
5737"use strict";
5738__webpack_require__.r(__webpack_exports__);
5739/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Perfil", function() { return Perfil; });
5740/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Foto", function() { return Foto; });
5741/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Password", function() { return Password; });
5742/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5743
5744var Perfil = /** @class */ (function () {
5745    function Perfil() {
5746        this.user_id = " ";
5747        this.email = " ";
5748        this.genero = "";
5749        this.pais_id = " ";
5750        this.state_id = " ";
5751        this.date_register = " ";
5752        this.terms = " ";
5753        this.edad = " ";
5754        this.username = " ";
5755        this.password = " ";
5756        this.name = "";
5757        this.lastname = "";
5758        this.area_id = " ";
5759        this.asignaturas = "";
5760        this.player_id = " ";
5761        this.sha_username = " ";
5762        this.status = " ";
5763        this.is_deleted = " ";
5764        this.is_full_record = " ";
5765        this.is_email_ok = " ";
5766        this.user_rol_id = " ";
5767        this.source_id = " ";
5768        this.cct_id = " ";
5769        this.cct_text = "";
5770        this.cct = " ";
5771        this.has_license = " ";
5772        this.img = " ";
5773    }
5774    return Perfil;
5775}());
5776
5777var Foto = /** @class */ (function () {
5778    function Foto() {
5779        this.picture = " ";
5780    }
5781    return Foto;
5782}());
5783
5784var Password = /** @class */ (function () {
5785    function Password() {
5786        this.email = '';
5787        this.id = '';
5788        this.password = '';
5789    }
5790    return Password;
5791}());
5792
5793
5794
5795/***/ }),
5796
5797/***/ "./src/app/models/planes.ts":
5798/*!**********************************!*\
5799  !*** ./src/app/models/planes.ts ***!
5800  \**********************************/
5801/*! exports provided: Planes, PlanesLT, UpdatePlanesLT, CrearPlanes, NuevoPlan, ModeloEducativo, Sesiones, JuegosRecursosSesion, UpdateNuevosPlanes */
5802/***/ (function(module, __webpack_exports__, __webpack_require__) {
5803
5804"use strict";
5805__webpack_require__.r(__webpack_exports__);
5806/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Planes", function() { return Planes; });
5807/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlanesLT", function() { return PlanesLT; });
5808/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UpdatePlanesLT", function() { return UpdatePlanesLT; });
5809/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CrearPlanes", function() { return CrearPlanes; });
5810/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NuevoPlan", function() { return NuevoPlan; });
5811/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModeloEducativo", function() { return ModeloEducativo; });
5812/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Sesiones", function() { return Sesiones; });
5813/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JuegosRecursosSesion", function() { return JuegosRecursosSesion; });
5814/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UpdateNuevosPlanes", function() { return UpdateNuevosPlanes; });
5815/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5816
5817var Planes = /** @class */ (function () {
5818    function Planes() {
5819        this.id = '';
5820        this.name = '';
5821        this.descripcion = '';
5822        this.date_created = '';
5823        this.slug = '';
5824        this.color = '';
5825    }
5826    return Planes;
5827}());
5828
5829var PlanesLT = /** @class */ (function () {
5830    function PlanesLT() {
5831        this.name = '';
5832        this.descripcion = '';
5833        this.is_template = 1;
5834        this.peticion = '0';
5835    }
5836    return PlanesLT;
5837}());
5838
5839var UpdatePlanesLT = /** @class */ (function () {
5840    function UpdatePlanesLT() {
5841        this.name = "";
5842        this.peticion = "1";
5843        this.lt = 1;
5844    }
5845    return UpdatePlanesLT;
5846}());
5847
5848var CrearPlanes = /** @class */ (function () {
5849    function CrearPlanes() {
5850        this.name = '';
5851        this.descripcion = '';
5852        this.color = '#ffffff';
5853        this.competencias = '';
5854        this.objetivos = '';
5855        this.secuencia = '';
5856        this.duracion = '';
5857        this.recursos = '';
5858        this.peticion = "0";
5859        this.busc = 0;
5860        this.master = 0;
5861    }
5862    return CrearPlanes;
5863}());
5864
5865var NuevoPlan = /** @class */ (function () {
5866    function NuevoPlan() {
5867        this.reforma = "";
5868        this.institucion = '';
5869        this.nombre_docente = '';
5870        this.area = '';
5871        this.cct = null;
5872        this.duracion = '';
5873        this.semana = '';
5874        this.grado = null;
5875        this.aprendizajes_clave = '';
5876        this.propositos_pedagogicos = '';
5877        this.contexto = '';
5878        this.bloque = '';
5879        this.director = '';
5880        this.fecha = '';
5881        this.ciclo = '';
5882        this.sesiones = 0;
5883        this.peticion = "0";
5884    }
5885    return NuevoPlan;
5886}());
5887
5888var ModeloEducativo = /** @class */ (function () {
5889    function ModeloEducativo() {
5890        this.id_modelo_educativo = null;
5891        this.id_mod_edu_2011 = null;
5892        this.peticion = "1";
5893    }
5894    return ModeloEducativo;
5895}());
5896
5897var Sesiones = /** @class */ (function () {
5898    function Sesiones() {
5899        this.numero = 0;
5900        this.descripcion_inicio = '';
5901        this.duracion_inicio = '';
5902        this.descripcion_desarrollo = '';
5903        this.duracion_desarrollo = '';
5904        this.descripcion_cierre = '';
5905        this.duracion_cierre = '';
5906        this.materiales_complementarios = '';
5907        this.reflexion = '';
5908        this.activacion = '';
5909        this.problematizacion = '';
5910        this.profundizacion = '';
5911        this.criterios_evaluacion = '';
5912        this.evidencias = '';
5913        this.instrumentos_evaluacion = '';
5914        this.juegos = '';
5915        this.otros_recursos = '';
5916        this.libros = "";
5917        this.peticion = "2";
5918        this.status = 1;
5919    }
5920    return Sesiones;
5921}());
5922
5923var JuegosRecursosSesion = /** @class */ (function () {
5924    function JuegosRecursosSesion() {
5925        this.juegos = "";
5926        this.otros_recursos = "";
5927        this.libros = "";
5928        this.id = 0;
5929        this.peticion = "3";
5930    }
5931    return JuegosRecursosSesion;
5932}());
5933
5934var UpdateNuevosPlanes = /** @class */ (function () {
5935    function UpdateNuevosPlanes() {
5936        this.name = '';
5937        this.descripcion = '';
5938        this.nuevoPlan = new NuevoPlan();
5939        this.modeloEducativo = new ModeloEducativo();
5940        this.sesiones = [new Sesiones()];
5941        this.peticion = "4";
5942    }
5943    return UpdateNuevosPlanes;
5944}());
5945
5946
5947
5948/***/ }),
5949
5950/***/ "./src/app/models/recursos.ts":
5951/*!************************************!*\
5952  !*** ./src/app/models/recursos.ts ***!
5953  \************************************/
5954/*! exports provided: OtrosRecursos, SearchObj */
5955/***/ (function(module, __webpack_exports__, __webpack_require__) {
5956
5957"use strict";
5958__webpack_require__.r(__webpack_exports__);
5959/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OtrosRecursos", function() { return OtrosRecursos; });
5960/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchObj", function() { return SearchObj; });
5961/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5962
5963var OtrosRecursos = /** @class */ (function () {
5964    function OtrosRecursos() {
5965        this.nombre = '';
5966        this.descripcion = '';
5967        this.link = '';
5968        this.video = '';
5969        this.tags = '';
5970        this.img = '';
5971        this.pdf = '';
5972        this.pdfaux = '';
5973    }
5974    return OtrosRecursos;
5975}());
5976
5977var SearchObj = /** @class */ (function () {
5978    function SearchObj() {
5979    }
5980    return SearchObj;
5981}());
5982
5983
5984
5985/***/ }),
5986
5987/***/ "./src/app/models/search.ts":
5988/*!**********************************!*\
5989  !*** ./src/app/models/search.ts ***!
5990  \**********************************/
5991/*! exports provided: Search, Provisional */
5992/***/ (function(module, __webpack_exports__, __webpack_require__) {
5993
5994"use strict";
5995__webpack_require__.r(__webpack_exports__);
5996/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Search", function() { return Search; });
5997/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Provisional", function() { return Provisional; });
5998/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
5999
6000var Search = /** @class */ (function () {
6001    function Search() {
6002        this.word = "";
6003    }
6004    return Search;
6005}());
6006
6007var Provisional = /** @class */ (function () {
6008    function Provisional() {
6009        this.word = "";
6010    }
6011    return Provisional;
6012}());
6013
6014
6015
6016/***/ }),
6017
6018/***/ "./src/app/models/user.ts":
6019/*!********************************!*\
6020  !*** ./src/app/models/user.ts ***!
6021  \********************************/
6022/*! exports provided: User, Registro, UserTTT, LoginTTT, RecoverTTT */
6023/***/ (function(module, __webpack_exports__, __webpack_require__) {
6024
6025"use strict";
6026__webpack_require__.r(__webpack_exports__);
6027/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "User", function() { return User; });
6028/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Registro", function() { return Registro; });
6029/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserTTT", function() { return UserTTT; });
6030/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoginTTT", function() { return LoginTTT; });
6031/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RecoverTTT", function() { return RecoverTTT; });
6032/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
6033
6034var User = /** @class */ (function () {
6035    function User(email, password, is_email, taktaktak, emgm, colombia, fya, datacole, piloto, sek, techint, proed, activar_licencia, codigo) {
6036        if (is_email === void 0) { is_email = 0; }
6037        if (taktaktak === void 0) { taktaktak = 0; }
6038        if (emgm === void 0) { emgm = 0; }
6039        if (colombia === void 0) { colombia = 0; }
6040        if (fya === void 0) { fya = 0; }
6041        if (datacole === void 0) { datacole = 0; }
6042        if (piloto === void 0) { piloto = 0; }
6043        if (sek === void 0) { sek = 0; }
6044        if (techint === void 0) { techint = 0; }
6045        if (proed === void 0) { proed = 0; }
6046        if (activar_licencia === void 0) { activar_licencia = 0; }
6047        if (codigo === void 0) { codigo = ""; }
6048        this.email = email;
6049        this.password = password;
6050        this.is_email = is_email;
6051        this.taktaktak = taktaktak;
6052        this.emgm = emgm;
6053        this.colombia = colombia;
6054        this.fya = fya;
6055        this.datacole = datacole;
6056        this.piloto = piloto;
6057        this.sek = sek;
6058        this.techint = techint;
6059        this.proed = proed;
6060        this.activar_licencia = activar_licencia;
6061        this.codigo = codigo;
6062    }
6063    return User;
6064}());
6065
6066var Registro = /** @class */ (function () {
6067    function Registro() {
6068        this.email = "";
6069        this.emailConfir = "";
6070        this.name = "";
6071        this.lastname = "";
6072        this.password = "";
6073        this.password_conf = "";
6074        this.genero = "";
6075        this.area_id = "";
6076        this.pais_id = "";
6077        this.terms = "";
6078        this.type_form = " labtak";
6079        this.user_rol_id = "";
6080        this.txt_source = "";
6081        this.captcha = "";
6082        this.state_id = "";
6083        this.invt_username = "";
6084        this.phone = "";
6085        this.aviso = "";
6086        this.colombia = 0;
6087        this.fya = 0;
6088        this.codigofya = "";
6089        this.taktaktak = 0;
6090        this.emgm = 0;
6091        this.datacole = 0;
6092        this.piloto = 0;
6093        this.sek = 0;
6094        this.techint = 0;
6095        this.proed = 0;
6096        this.activar_licencia = 0;
6097        this.codigo = "";
6098        this.codigoproed = "";
6099    }
6100    return Registro;
6101}());
6102
6103var UserTTT = /** @class */ (function () {
6104    function UserTTT() {
6105        this.edad = "";
6106        this.gender = "";
6107        this.question_id = 0;
6108        this.answer = "";
6109        this.terms = false;
6110        this.consent = false;
6111    }
6112    return UserTTT;
6113}());
6114
6115var LoginTTT = /** @class */ (function () {
6116    function LoginTTT() {
6117    }
6118    return LoginTTT;
6119}());
6120
6121var RecoverTTT = /** @class */ (function () {
6122    function RecoverTTT() {
6123        this.slc_question = 0;
6124        this.slc_answer = "";
6125        this.password = "";
6126        this.password_conf = "";
6127    }
6128    return RecoverTTT;
6129}());
6130
6131
6132
6133/***/ }),
6134
6135/***/ "./src/app/mooc/mooc.component.css":
6136/*!*****************************************!*\
6137  !*** ./src/app/mooc/mooc.component.css ***!
6138  \*****************************************/
6139/*! exports provided: default */
6140/***/ (function(module, __webpack_exports__, __webpack_require__) {
6141
6142"use strict";
6143__webpack_require__.r(__webpack_exports__);
6144/* harmony default export */ __webpack_exports__["default"] = (".pad-responsive{\r\n    padding: 0px 100px 0px 150px;\r\n    margin: 0;\r\n}\r\n\r\n.bloc{\r\n    display: block !important;\r\n}\r\n\r\n.autor{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #FFB41A;\r\n}\r\n\r\n.back {\r\n    float: right;\r\n  }\r\n\r\n.compartir{\r\n    color: dimgrey;\r\n}\r\n\r\n.alert-link-lg{\r\n    color: #e6e6e6;\r\n}\r\n\r\n.iconA{\r\n    margin: 0 5px;\r\n}\r\n\r\n.iconB{\r\n    margin: 10px;\r\n}\r\n\r\n.tags{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.inscribir{\r\n    width: auto;\r\n    height: auto;\r\n    background-color: #ffd275;\r\n    text-align: center;\r\n    float: right;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.imgRes{\r\n    width: 80%;\r\n    height: auto;\r\n}\r\n\r\n.middleIMG{\r\n    text-align: center;\r\n}\r\n\r\n.desTitulo{\r\n    font-weight: bold;\r\n    font-size: 16px ;\r\n    color: #FFB41A !important;\r\n}\r\n\r\n.color{\r\n    color: #FFB41A;\r\n}\r\n\r\n.border-buttom{\r\n    border-bottom: 3px solid #FFB41A;\r\n}\r\n\r\n.small-font{\r\n    font-size: .8rem;\r\n}\r\n\r\n.line-w{\r\n    line-height:1;\r\n}\r\n\r\n.cursor{\r\n    cursor: pointer;\r\n}\r\n\r\n.color-grey{\r\n    border-bottom-color: grey;\r\n}\r\n\r\n.btn-link {\r\n  font-weight: 400;\r\n  color: #FFB41A;\r\n  border: 2px solid #FFB41A;\r\n}\r\n\r\n.btn-link:hover {\r\n  color: #FFB41A;\r\n  text-decoration: underline;\r\n}\r\n\r\ninput[type=\"radio\"] {\r\n  display: none;\r\n}\r\n\r\nlabel {\r\n  color: grey;\r\n}\r\n\r\n.clasificacion {\r\n  direction: rtl;\r\n  unicode-bidi: bidi-override;\r\n}\r\n\r\nlabel:hover,\r\nlabel:hover ~ label {\r\n  color: orange;\r\n}\r\n\r\ninput[type=\"radio\"]:checked ~ label {\r\n  color: orange;\r\n}\r\n\r\n.candados{\r\n    justify-content: space-between;\r\n    margin-bottom: 5%;\r\n    margin-top: -5%;\r\n}\r\n\r\nhr{\r\n    border-bottom: 3px solid #FFB41A;\r\n    border-top: 0;\r\n    margin: 1% 0 1% 0;\r\n}\r\n\r\n.circulo {\r\n    width: 13px;\r\n    height: 13px;\r\n    border-radius: 50%;\r\n    background: #FFB41A;\r\n    margin: 2.7% 1.5% 0 1.5%;\r\n}\r\n\r\n.circulo-cand {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    background: #FFB41A;\r\n    margin: 2.7% 1.5% 0 1.5%;\r\n}\r\n\r\n.back-to{\r\n    opacity: 1;\r\n}\r\n\r\n.eval{\r\n    width: 180px;\r\n    font-weight: 500;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .moduloss{\r\n        margin-top: 10%;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 935px) {\r\n    .candado{\r\n        width: 30px;\r\n    }\r\n    .circulo-cand {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n    .circulo{\r\n        width: 10px;\r\n        height: 10px;\r\n        margin-top: 2.3%;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 720px) {\r\n    .pad-responsive {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .imgRes{\r\n        width: 50%;\r\n        height: auto;\r\n    }\r\n\r\n    .text-c{\r\n        text-align: center;\r\n    }\r\n\r\n    .inscribir{\r\n        float: none;\r\n        margin:auto;\r\n        margin-bottom: 25px;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbW9vYy9tb29jLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSw0QkFBNEI7SUFDNUIsU0FBUztBQUNiOztBQUVBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksWUFBWTtFQUNkOztBQUVGO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksV0FBVztJQUNYLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUNBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxjQUFjO0VBQ2QsMEJBQTBCO0FBQzVCOztBQUVBO0VBQ0UsYUFBYTtBQUNmOztBQUVBO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsY0FBYztFQUNkLDJCQUEyQjtBQUM3Qjs7QUFFQTs7RUFFRSxhQUFhO0FBQ2Y7O0FBRUE7RUFDRSxhQUFhO0FBQ2Y7O0FBQ0E7SUFDSSw4QkFBOEI7SUFDOUIsaUJBQWlCO0lBQ2pCLGVBQWU7QUFDbkI7O0FBQ0E7SUFDSSxnQ0FBZ0M7SUFDaEMsYUFBYTtJQUNiLGlCQUFpQjtBQUNyQjs7QUFDQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0lBR1osa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQix3QkFBd0I7QUFDNUI7O0FBQ0E7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUdaLGtCQUFrQjtJQUNsQixtQk
6144FBbUI7SUFDbkIsd0JBQXdCO0FBQzVCOztBQUNBO0lBQ0ksVUFBVTtBQUNkOztBQUNBO0lBQ0ksWUFBWTtJQUNaLGdCQUFnQjtJQUNoQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSTtRQUNJLGVBQWU7SUFDbkI7QUFDSjs7QUFFQTtJQUNJO1FBQ0ksV0FBVztJQUNmO0lBQ0E7UUFDSSxXQUFXO1FBQ1gsWUFBWTtJQUNoQjtJQUNBO1FBQ0ksV0FBVztRQUNYLFlBQVk7UUFDWixnQkFBZ0I7SUFDcEI7QUFDSjs7QUFFQTtJQUNJO1FBQ0ksZUFBZTtJQUNuQjs7SUFFQTtRQUNJLFVBQVU7UUFDVixZQUFZO0lBQ2hCOztJQUVBO1FBQ0ksa0JBQWtCO0lBQ3RCOztJQUVBO1FBQ0ksV0FBVztRQUNYLFdBQVc7UUFDWCxtQkFBbUI7SUFDdkI7QUFDSiIsImZpbGUiOiJzcmMvYXBwL21vb2MvbW9vYy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBhZC1yZXNwb25zaXZle1xyXG4gICAgcGFkZGluZzogMHB4IDEwMHB4IDBweCAxNTBweDtcclxuICAgIG1hcmdpbjogMDtcclxufVxyXG5cclxuLmJsb2N7XHJcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uYXV0b3J7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYmFjayB7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgfVxyXG5cclxuLmNvbXBhcnRpcntcclxuICAgIGNvbG9yOiBkaW1ncmV5O1xyXG59XHJcblxyXG4uYWxlcnQtbGluay1sZ3tcclxuICAgIGNvbG9yOiAjZTZlNmU2O1xyXG59XHJcblxyXG4uaWNvbkF7XHJcbiAgICBtYXJnaW46IDAgNXB4O1xyXG59XHJcblxyXG4uaWNvbkJ7XHJcbiAgICBtYXJnaW46IDEwcHg7XHJcbn1cclxuXHJcbi50YWdze1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBmb250LXNpemU6IDE2cHggO1xyXG4gICAgY29sb3I6ICNGRkI0MUEgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmluc2NyaWJpcntcclxuICAgIHdpZHRoOiBhdXRvO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZDI3NTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xyXG59XHJcblxyXG4uaW1nUmVze1xyXG4gICAgd2lkdGg6IDgwJTtcclxuICAgIGhlaWdodDogYXV0bztcclxufVxyXG5cclxuLm1pZGRsZUlNR3tcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLmRlc1RpdHVsb3tcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgZm9udC1zaXplOiAxNnB4IDtcclxuICAgIGNvbG9yOiAjRkZCNDFBICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5jb2xvcntcclxuICAgIGNvbG9yOiAjRkZCNDFBO1xyXG59XHJcblxyXG4uYm9yZGVyLWJ1dHRvbXtcclxuICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjRkZCNDFBO1xyXG59XHJcblxyXG4uc21hbGwtZm9udHtcclxuICAgIGZvbnQtc2l6ZTogLjhyZW07XHJcbn1cclxuXHJcbi5saW5lLXd7XHJcbiAgICBsaW5lLWhlaWdodDoxO1xyXG59XHJcblxyXG4uY3Vyc29ye1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcbi5jb2xvci1ncmV5e1xyXG4gICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogZ3JleTtcclxufVxyXG5cclxuLmJ0bi1saW5rIHtcclxuICBmb250LXdlaWdodDogNDAwO1xyXG4gIGNvbG9yOiAjRkZCNDFBO1xyXG4gIGJvcmRlcjogMnB4IHNvbGlkICNGRkI0MUE7XHJcbn1cclxuXHJcbi5idG4tbGluazpob3ZlciB7XHJcbiAgY29sb3I6ICNGRkI0MUE7XHJcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XHJcbn1cclxuXHJcbmlucHV0W3R5cGU9XCJyYWRpb1wiXSB7XHJcbiAgZGlzcGxheTogbm9uZTtcclxufVxyXG5cclxubGFiZWwge1xyXG4gIGNvbG9yOiBncmV5O1xyXG59XHJcblxyXG4uY2xhc2lmaWNhY2lvbiB7XHJcbiAgZGlyZWN0aW9uOiBydGw7XHJcbiAgdW5pY29kZS1iaWRpOiBiaWRpLW92ZXJyaWRlO1xyXG59XHJcblxyXG5sYWJlbDpob3ZlcixcclxubGFiZWw6aG92ZXIgfiBsYWJlbCB7XHJcbiAgY29sb3I6IG9yYW5nZTtcclxufVxyXG5cclxuaW5wdXRbdHlwZT1cInJhZGlvXCJdOmNoZWNrZWQgfiBsYWJlbCB7XHJcbiAgY29sb3I6IG9yYW5nZTtcclxufVxyXG4uY2FuZGFkb3N7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICBtYXJnaW4tYm90dG9tOiA1JTtcclxuICAgIG1hcmdpbi10b3A6IC01JTtcclxufVxyXG5ocntcclxuICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjRkZCNDFBO1xyXG4gICAgYm9yZGVyLXRvcDogMDtcclxuICAgIG1hcmdpbjogMSUgMCAxJSAwO1xyXG59XHJcbi5jaXJjdWxvIHtcclxuICAgIHdpZHRoOiAxM3B4O1xyXG4gICAgaGVpZ2h0OiAxM3B4O1xyXG4gICAgLW1vei1ib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJhY2tncm91bmQ6ICNGRkI0MUE7XHJcbiAgICBtYXJnaW46IDIuNyUgMS41JSAwIDEuNSU7XHJcbn1cclxuLmNpcmN1bG8tY2FuZCB7XHJcbiAgICB3aWR0aDogNTBweDtcclxuICAgIGhlaWdodDogNTBweDtcclxuICAgIC1tb3otYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBiYWNrZ3JvdW5kOiAjRkZCNDFBO1xyXG4gICAgbWFyZ2luOiAyLjclIDEuNSUgMCAxLjUlO1xyXG59XHJcbi5iYWNrLXRve1xyXG4gICAgb3BhY2l0eTogMTtcclxufVxyXG4uZXZhbHtcclxuICAgIHdpZHRoOiAxODBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xyXG4gICAgLm1vZHVsb3Nze1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEwJTtcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogOTM1cHgpIHtcclxuICAgIC5jYW5kYWRve1xyXG4gICAgICAgI
6144HdpZHRoOiAzMHB4O1xyXG4gICAgfVxyXG4gICAgLmNpcmN1bG8tY2FuZCB7XHJcbiAgICAgICAgd2lkdGg6IDMwcHg7XHJcbiAgICAgICAgaGVpZ2h0OiAzMHB4O1xyXG4gICAgfVxyXG4gICAgLmNpcmN1bG97XHJcbiAgICAgICAgd2lkdGg6IDEwcHg7XHJcbiAgICAgICAgaGVpZ2h0OiAxMHB4O1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDIuMyU7XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDcyMHB4KSB7XHJcbiAgICAucGFkLXJlc3BvbnNpdmUge1xyXG4gICAgICAgIHBhZGRpbmc6IDAgMjBweDtcclxuICAgIH1cclxuXHJcbiAgICAuaW1nUmVze1xyXG4gICAgICAgIHdpZHRoOiA1MCU7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgfVxyXG5cclxuICAgIC50ZXh0LWN7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgfVxyXG5cclxuICAgIC5pbnNjcmliaXJ7XHJcbiAgICAgICAgZmxvYXQ6IG5vbmU7XHJcbiAgICAgICAgbWFyZ2luOmF1dG87XHJcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMjVweDtcclxuICAgIH1cclxufSJdfQ== */");
6145
6146/***/ }),
6147
6148/***/ "./src/app/mooc/mooc.component.ts":
6149/*!****************************************!*\
6150  !*** ./src/app/mooc/mooc.component.ts ***!
6151  \****************************************/
6152/*! exports provided: MoocComponent */
6153/***/ (function(module, __webpack_exports__, __webpack_require__) {
6154
6155"use strict";
6156__webpack_require__.r(__webpack_exports__);
6157/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MoocComponent", function() { return MoocComponent; });
6158/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
6159/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
6160/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
6161/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
6162/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_3__);
6163/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
6164/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
6165/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
6166/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
6167/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
6168
6169
6170
6171
6172
6173
6174
6175
6176
6177var MoocComponent = /** @class */ (function () {
6178    function MoocComponent(route, userService, router, detalleService, capacitacionService) {
6179        this.route = route;
6180        this.userService = userService;
6181        this.router = router;
6182        this.detalleService = detalleService;
6183        this.capacitacionService = capacitacionService;
6184        this.token = localStorage.getItem('token');
6185        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_4__["Navegacion"]();
6186        this.dateAvaible = {};
6187        this.peticion = {
6188            id_mooc: null,
6189            buscador: null,
6190            peticion: null,
6191            id: null
6192        };
6193        this.urlMat = _service_config__WEBPACK_IMPORTED_MODULE_6__["materiales"].url;
6194        this.Arr = Array;
6195        this.micalf = 0;
6196        this.porcentaje = 30;
6197        this.modulomostrar = {};
6198    }
6199    MoocComponent.prototype.ngOnInit = function () {
6200        var _this = this;
6201        var top = document.getElementById('top');
6202        if (top !== null) {
6203            top.scrollIntoView();
6204            top = null;
6205        }
6206        this.sections = this.userService.getSecciones();
6207        this.idMooc = this.route.snapshot.paramMap.get('id');
6208        this.origen = this.route.snapshot.paramMap.get('from');
6209        this.capacitacionService.getMoocInsc(this.idMooc, this.token).subscribe(function (response) {
6210            var e_1, _a;
6211            _this.mooc = response.mooc;
6212            console.log(response);
6213            if (_this.sections.moocs.includes('' + _this.mooc.id_seccion)) {
6214                // this.navegacion.seccion = 29;
6215                // this.detalleService.navegacion(this.token, this.navegacion).subscribe();
6216                _this.setDateAvability(_this.mooc.fecha);
6217                //if (this.peticion.id==null) this.registroVisited();
6218                //else this.registroSalida();
6219                if (_this.mooc.modulos.length > 0) {
6220                    try {
6221                        for (var _b = tslib__WEBPACK_IMPORTED_MODULE_0__["__values"](_this.mooc.modulos.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
6222                            var _d = tslib__WEBPACK_IMPORTED_MODULE_0__["__read"](_c.value, 2), i = _d[0], modulo = _d[1];
6223                            if (i == 0 && !modulo.completo) {
6224                                _this.modulomostrar = modulo;
6225                                break;
6226                            }
6227                            else if (!modulo.completo) {
6228                                _this.modulomostrar = modulo;
6229                                break;
6230                            }
6231                        }
6232                    }
6233                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
6234                    finally {
6235                        try {
6236                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
6237                        }
6238                        finally { if (e_1) throw e_1.error; }
6239                    }
6240                }
6241                console.log(_this.modulomostrar);
6242            }
6243            else {
6244                _this.router.navigate(['capacitacion-docente/mooc/' + _this.idMooc]);
6245            }
6246        });
6247    };
6248    MoocComponent.prototype.setDateAvability = function (dateMooc) {
6249        var today = new Date();
6250        var dateMo = new Date(dateMooc);
6251        var diff = (dateMo - today) / 10000;
6252        if (diff < 0) {
6253            this.dateAvaible = false;
6254        }
6255        else {
6256            this.dateAvaible = true;
6257        }
6258    };
6259    MoocComponent.prototype.back = function () {
6260        if (this.origen == 0) {
6261            this.router.navigate(['capacitacion-docente/mooc/' + this.idMooc]);
6262        }
6263        if (this.origen == 1) {
6264            this.router.navigate(['mi-capacitacion']);
6265        }
6266    };
6267    MoocComponent.prototype.calificar = function (c) {
6268        var _this = this;
6269        this.micalf = c;
6270        var estrellas = '';
6271        this.Arr(c).fill(1).forEach(function (e) { (estrellas == '') ? estrellas = '★' : estrellas = estrellas + '★'; });
6272        console.log(estrellas);
6273        var calf = {
6274            id_mooc: this.idMooc,
6275            calificacion: this.micalf,
6276            comentario: ''
6277        };
6278        sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
6279            input: 'textarea',
6280            titleText: 'Tu calificación: ' + estrellas,
6281            text: 'Escribe un comentario acerca del mooc',
6282            inputPlaceholder: 'Escribe un comentario acerca del mooc:',
6283            confirmButtonText: 'Enviar',
6284            showCancelButton: true
6285        }).then(function (text) {
6286            if (text.value) {
6287                calf.comentario = text.value;
6288                console.log(calf);
6289                _this.capacitacionService.sendCalificacion(calf, _this.token).subscribe(function (response) {
6290                    sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire(" ", response.message, "success");
6291                    _this.mooc.micalificacion = _this.micalf;
6292                }, function (error) {
6293                    sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire(" ", error.error.message, "warning");
6294                });
6295            }
6296        });
6297    };
6298    MoocComponent.prototype.otherModule = function (index) {
6299        this.modulomostrar = this.mooc.modulos[index];
6300    };
6301    MoocComponent.prototype.downloadMaterial = function (material, id_mod) {
6302        var mat = {
6303            id_mooc: this.mooc.id,
6304            id_material: material.id,
6305            id_modulo: id_mod,
6306            tiempo: material.duracion
6307        };
6308        console.log(material);
6309        console.log(mat);
6310        this.capacitacionService.registrarMaterial(mat, this.token).subscribe(function (response) {
6311            console.log(response.message);
6312        });
6313    };
6314    MoocComponent.prototype.doEval = function (id_mod, tipo) {
6315        var evalu = {
6316            id_mooc: this.mooc.id,
6317            id_modulo: id_mod,
6318            tipo: tipo
6319        };
6320        console.log(eval);
6321        this.capacitacionService.registrarEvaluacion(evalu, this.token).subscribe(function (response) {
6322            console.log(response.message);
6323            sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire(" ", response.message, "success");
6324        }, function (error) {
6325            sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire("Error", error.error.message, "warning");
6326        });
6327    };
6328    MoocComponent.ctorParameters = function () { return [
6329        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
6330        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_8__["UserService"] },
6331        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] },
6332        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_7__["DetalleService"] },
6333        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_5__["CapacitacionesService"] }
6334    ]; };
6335    MoocComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
6336        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
6337            selector: 'app-mooc',
6338            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./mooc.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/mooc/mooc.component.html")).default,
6339            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./mooc.component.css */ "./src/app/mooc/mooc.component.css")).default]
6340        })
6341    ], MoocComponent);
6342    return MoocComponent;
6343}());
6344
6345
6346
6347/***/ }),
6348
6349/***/ "./src/app/new-home/new-home.component.css":
6350/*!*************************************************!*\
6351  !*** ./src/app/new-home/new-home.component.css ***!
6352  \*************************************************/
6353/*! exports provided: default */
6354/***/ (function(module, __webpack_exports__, __webpack_require__) {
6355
6356"use strict";
6357__webpack_require__.r(__webpack_exports__);
6358/* harmony default export */ __webpack_exports__["default"] = ("h5{\r\n    font-weight: normal;\r\n}\r\nh1{\r\n    font-size: 2rem !important; \r\n    font-weight: 500;\r\n}\r\nh2{\r\n    font-size: 1.8rem !important; \r\n    font-weight: 500;\r\n}\r\n.module-1{\r\n    width: 100%;\r\n}\r\n.header-ayuda{\r\n    padding-top: 25px;\r\n    padding-bottom: 25px;\r\n}\r\n.help{\r\n    bottom: 0 !important;\r\n    right: 170px !important;\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n}\r\n.helps{\r\n    bottom: 0 !important;\r\n    right: 250px !important;\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n.helpss{\r\n    bottom: 0 !important;\r\n    right: 90px !important;\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n.tool__hides,\r\n.tool__hide {\r\n    top: -60px !important;\r\n    right: 10px !important;\r\n    width: 175px;\r\n}\r\n.modal-dialog-game {\r\n    max-width: 800px;\r\n    margin: 30px auto;\r\n}\r\n.modal-body-game {\r\n    position: relative;\r\n    padding: 0px;\r\n}\r\n.carousel__cover img {\r\n    width: 220px;\r\n    height: 220px;\r\n}\r\n.carousel__txt {\r\n    padding: 20px 5px;\r\n}\r\n.carousel__item {\r\n    margin: 20px 30px 30px 30px !important;\r\n}\r\n.video-icono{\r\n    width: 20px;\r\n    margin-left: 5px;\r\n    cursor: pointer;\r\n}\r\n@media (max-width: 768px) {\r\n.carousel-block {\r\n    padding-bottom: 0 !important;\r\n  }\r\n  .module {\r\n    padding: 20px 21px !important;\r\n  }\r\n  .header-ayuda{\r\n    padding-top: 0;\r\n    padding-bottom: 50px;\r\n    }\r\n    .module-1{\r\n        padding: 0 0 0 0 !important;\r\n    }\r\n}\r\n@media (max-width: 992px){\r\n    .module-1{\r\n        padding: 0 0 0 0 !important;\r\n    }\r\n    .header-ayuda{\r\n        padding-top: 0;\r\n        padding-bottom: 100px;\r\n        }\r\n    .carousel__cover img {\r\n        width: 140px;\r\n        height: 140px;\r\n    }\r\n}\r\n@media (max-width: 890px) {\r\n    .modal-dialog-game {\r\n    max-width: 580px;\r\n    margin: 30px auto;\r\n    }\r\n    .header-ayuda{\r\n    padding-top: 0;\r\n    padding-bottom: 100px;\r\n    }\r\n}\r\n@media (max-width: 690px) {\r\n    .modal-dialog-game {\r\n    max-width: 420px;\r\n    margin: 30px auto;\r\n    }\r\n    .help{\r\n        bottom: 0 !important;\r\n        right: 165px !important;\r\n        width: 45px;\r\n        height: 45px;\r\n    \r\n    }\r\n    .helpss{\r\n        bottom: 0 !important;\r\n        right: 55px !important;\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n    .helps{\r\n        bottom: 0 !important;\r\n        right: 110px !important;\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n}\r\n@media (max-width: 490px) {\r\n    .modal-dialog-game {\r\n    max-width: 250px;\r\n    margin: 126px auto;\r\n    }\r\n}\r\n@media (max-width: 480px) {\r\n    .carousel__cover img {\r\n        width: 90px;\r\n        height: 90px;\r\n    }\r\n}\r\n@media (max-width: 700px) {\r\n    \r\n    h1{\r\n        font-size: 1.7rem !important; \r\n        margin-bottom: 5%;\r\n    }\r\n    h2{\r\n        font-size: 1.5rem !important; \r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbmV3LWhvbWUvbmV3LWhvbWUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLG1CQUFtQjtBQUN2QjtBQUNBO0lBQ0ksMEJBQTBCO0lBQzFCLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0ksNEJBQTRCO0lBQzVCLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0ksV0FBVztBQUNmO0FBQ0E7SUFDSSxpQkFBaUI7SUFDakIsb0JBQW9CO0FBQ3hCO0FBQ0E7SUFDSSxvQkFBb0I7SUFDcEIsdUJBQXVCO0lBQ3ZCLFdBQVc7SUFDWCxZQUFZOztBQUVoQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLHVCQUF1QjtJQUN2QixXQUFXO0lBQ1gsWUFBWTtBQUNoQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLHNCQUFzQjtJQUN0QixXQUFXO0lBQ1gsWUFBWTtBQUNoQjtBQUNBOztJQUVJLHFCQUFxQjtJQUNyQixzQkFBc0I7SUFDdEIsWUFBWTtBQUNoQjtBQUNBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGlCQUFpQjtBQUNyQjtBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7QUFDaEI7QUFDQTtJQUNJLFlBQVk7SUFDWixhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxpQkFBaUI7QUFDckI7QUFDQTtJQUNJLHNDQUFzQztBQUMxQztBQUNBO0lBQ0ksV0FBVztJQUNYLGdCQUFnQjtJQUNoQixlQUFlO0FBQ25CO0FBRUE7QUFDQTtJQUNJLDRCQUE0QjtFQUM5QjtFQUNBO0lBQ0UsNkJBQTZCO0VBQy9CO0VBQ0E7SUFDRSxjQUFjO0lBQ2Qsb0JBQW9CO0lBQ3BCO0lBQ0E7UUFDSSwyQkFBMkI7SUFDL0I7QUFDSjtBQUNBO0lBQ0k7UUFDSSwyQkFBMkI7SUFDL0I7SUFDQTtRQUNJLGNBQWM7UUFDZCxxQkFBcUI7UUFDckI7SUFDSjtRQUNJLFlBQVk7UUFDWixhQUFhO0lBQ2pCO0FBQ0o7QUFFQTtJQUNJO0lBQ0EsZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQjtJQUNBO0lBQ0EsY0FBYztJQUNkLHFCQUFxQjtJQUNyQjtBQUNKO0FBRUE7SUFDSTtJQUNBLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakI7SUFDQTtRQUNJLG9CQUFvQjtRQUNwQix1QkFBdUI7UUFDdkIsV0FBVztRQUNYLFlBQVk7O0lBRWhCO0lBQ0E7UUFDSSxvQkFBb0I7UUFDcEIsc0JBQXNCO1FBQ3RCLFdBQVc7UUFDWCxZQUFZO0lBQ2hCO0lBQ0E7UUFDSSxvQkFBb0I7UUFDcEIsdUJBQXVCO1FBQ3ZCLFdBQVc7UUFDWCxZQUFZO0lBQ2hCO0FBQ0o7QUFFQTtJQUNJO0lBQ0EsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQjtBQUNKO0FBQ0E7SUFDSTtRQUNJLFdBQVc7UUFDWCxZQUFZO0lBQ2hCO0FBQ0o7QUFDQTs7SUFFSTtRQUNJLDRCQUE0QjtRQUM1QixpQkFBaUI7SUFDckI7SUFDQTtRQUNJLDRCQUE0QjtJQUNoQztBQUNKIiwiZmlsZSI6InNyYy9hcHAvbmV3LWhvbWUvbmV3LWhvbWUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImg1e1xyXG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxufVxyXG5oMXtcclxuICAgIGZvbnQtc2l6ZTogMnJlbSAhaW1wb3J0YW50OyBcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuaDJ7XHJcbiAgICBmb250LXNpemU6IDEuOHJlbSAhaW1wb3J0YW50OyBcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuLm1vZHVsZS0xe1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn1cclxuLmhlYWRlci1heXVkYXtcclxuICAgIHBhZGRpbmctdG9wOiAyNXB4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDI1cHg7XHJcbn1cclxuLmhlbHB7XHJcbiAgICBib3R0b206IDAgIWltcG9ydGFudDtcclxuICAgIHJpZ2h0OiAxNzBweCAhaW1wb3J0YW50O1xyXG4gICAgd2lkdGg6IDYwcHg7XHJcbiAgICBoZWlnaHQ6IDYwcHg7XHJcblxyXG59XHJcbi5oZWxwc3tcclxuICAgIGJvdHRvbTogMCAhaW1wb3J0YW50O1xyXG4gICAgcmlnaHQ6IDI1MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB3aWR0aDogNjBweDtcclxuICAgIGhlaWdodDogNjBweDtcclxufVxyXG4uaGVscHNze1xyXG4gICAgYm90dG9tOiAwICFpbXBvcnRhbnQ7XHJcbiAgICByaWdodDogOTBweCAhaW1wb3J0YW50O1xyXG4gICAgd2lkdGg6IDYwcHg7XHJcbiAgICBoZWlnaHQ6IDYwcHg7XHJcbn1cclxuLnRvb2xfX2hpZGVzLFxyXG4udG9vbF9faGlkZSB7XHJcbiAgICB0b3A6IC02MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICByaWdodDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgd2lkdGg6IDE3NXB4O1xyXG59XHJcbi5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDgwMHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5LWdhbWUge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgcGFkZGluZzogMHB4O1xyXG59XHJcbi5jYXJvdXNlbF9fY292ZXIgaW1nIHtcclxuICAgIHdpZHRoOiAyMjBweDtcclxuICAgIGhlaWdodDogMjIwcHg7XHJcbn1cclxuLmNhcm91c2VsX190eHQge1xyXG4gICAgcGFkZGluZzogMjBweCA1cHg7XHJcbn1cclxuLmNhcm91c2VsX19pdGVtIHtcclxuICAgIG1hcmdpbjogMjBweCAzMHB4IDMwcHggMzBweCAhaW1wb3J0YW50O1xyXG59XHJcbi52aWRlby1pY29ub3tcclxuICAgIHdpZHRoOiAyMHB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XHJcbi5jYXJvdXNlbC1ibG9jayB7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMCAhaW1wb3J0YW50O1xyXG4gIH1cclxuICAubW9kdWxlIHtcclxuICAgIHBhZGRpbmc6IDIwcHggMjFweCAhaW1wb3J0YW50O1xyXG4gIH1cclxuICAuaGVhZGVyLWF5dWRhe1xyXG4gICAgcGFkZGluZy10b3A6IDA7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogNTBweDtcclxuICAgIH1cclxuICAgIC5tb2R1bGUtMXtcclxuICAgICAgICBwYWRkaW5nOiAwIDAgMCAwICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn1cclxuQG1lZGlhIChtYXgtd2lkdGg6IDk5MnB4KXtcclxuICAgIC5tb2R1bGUtMXtcclxuICAgICAgICBwYWRkaW5nOiAwIDAgMCAwICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuaGVhZGVyLWF5dWRhe1xyXG4gICAgICAgI
6358HBhZGRpbmctdG9wOiAwO1xyXG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAxMDBweDtcclxuICAgICAgICB9XHJcbiAgICAuY2Fyb3VzZWxfX2NvdmVyIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDE0MHB4O1xyXG4gICAgICAgIGhlaWdodDogMTQwcHg7XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA4OTBweCkge1xyXG4gICAgLm1vZGFsLWRpYWxvZy1nYW1lIHtcclxuICAgIG1heC13aWR0aDogNTgwcHg7XHJcbiAgICBtYXJnaW46IDMwcHggYXV0bztcclxuICAgIH1cclxuICAgIC5oZWFkZXItYXl1ZGF7XHJcbiAgICBwYWRkaW5nLXRvcDogMDtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxMDBweDtcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDY5MHB4KSB7XHJcbiAgICAubW9kYWwtZGlhbG9nLWdhbWUge1xyXG4gICAgbWF4LXdpZHRoOiA0MjBweDtcclxuICAgIG1hcmdpbjogMzBweCBhdXRvO1xyXG4gICAgfVxyXG4gICAgLmhlbHB7XHJcbiAgICAgICAgYm90dG9tOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcmlnaHQ6IDE2NXB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgd2lkdGg6IDQ1cHg7XHJcbiAgICAgICAgaGVpZ2h0OiA0NXB4O1xyXG4gICAgXHJcbiAgICB9XHJcbiAgICAuaGVscHNze1xyXG4gICAgICAgIGJvdHRvbTogMCAhaW1wb3J0YW50O1xyXG4gICAgICAgIHJpZ2h0OiA1NXB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgd2lkdGg6IDQ1cHg7XHJcbiAgICAgICAgaGVpZ2h0OiA0NXB4O1xyXG4gICAgfVxyXG4gICAgLmhlbHBze1xyXG4gICAgICAgIGJvdHRvbTogMCAhaW1wb3J0YW50O1xyXG4gICAgICAgIHJpZ2h0OiAxMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIHdpZHRoOiA0NXB4O1xyXG4gICAgICAgIGhlaWdodDogNDVweDtcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDQ5MHB4KSB7XHJcbiAgICAubW9kYWwtZGlhbG9nLWdhbWUge1xyXG4gICAgbWF4LXdpZHRoOiAyNTBweDtcclxuICAgIG1hcmdpbjogMTI2cHggYXV0bztcclxuICAgIH1cclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcclxuICAgIC5jYXJvdXNlbF9fY292ZXIgaW1nIHtcclxuICAgICAgICB3aWR0aDogOTBweDtcclxuICAgICAgICBoZWlnaHQ6IDkwcHg7XHJcbiAgICB9XHJcbn1cclxuQG1lZGlhIChtYXgtd2lkdGg6IDcwMHB4KSB7XHJcbiAgICBcclxuICAgIGgxe1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMS43cmVtICFpbXBvcnRhbnQ7IFxyXG4gICAgICAgIG1hcmdpbi1ib3R0b206IDUlO1xyXG4gICAgfVxyXG4gICAgaDJ7XHJcbiAgICAgICAgZm9udC1zaXplOiAxLjVyZW0gIWltcG9ydGFudDsgXHJcbiAgICB9XHJcbn0iXX0= */");
6359
6360/***/ }),
6361
6362/***/ "./src/app/new-home/new-home.component.ts":
6363/*!************************************************!*\
6364  !*** ./src/app/new-home/new-home.component.ts ***!
6365  \************************************************/
6366/*! exports provided: NewHomeComponent */
6367/***/ (function(module, __webpack_exports__, __webpack_require__) {
6368
6369"use strict";
6370__webpack_require__.r(__webpack_exports__);
6371/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NewHomeComponent", function() { return NewHomeComponent; });
6372/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
6373/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
6374/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
6375/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
6376/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
6377/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
6378/* harmony import */ var angular_user_idle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! angular-user-idle */ "./node_modules/angular-user-idle/fesm5/angular-user-idle.js");
6379/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
6380/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
6381/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_8__);
6382
6383
6384
6385
6386
6387
6388
6389
6390
6391var NewHomeComponent = /** @class */ (function () {
6392    function NewHomeComponent(detalleService, router, userService, gameService, userIdle) {
6393        var _this = this;
6394        this.detalleService = detalleService;
6395        this.router = router;
6396        this.userService = userService;
6397        this.gameService = gameService;
6398        this.userIdle = userIdle;
6399        this.token = localStorage.getItem("token");
6400        this.email = localStorage.getItem("email");
6401        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_4__["Navegacion"]();
6402        this.src = "";
6403        this.navegacion.seccion = 1;
6404        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
6405        this.userService.checklicense(this.token).subscribe(function (response) {
6406            if (response.message != "Ok") {
6407                sweetalert2__WEBPACK_IMPORTED_MODULE_8___default.a.fire({
6408                    html: '<br><img src="assets/images/logo/labtak_logo.svg" alt="LabTak" width="150px"><br><br><br><h3> ' +
6409                        response.message +
6410                        "</h3><br>",
6411                    showCancelButton: true,
6412                    confirmButtonColor: "#0098CE",
6413                    cancelButtonColor: "#d33",
6414                    confirmButtonText: "Actualizar",
6415                    cancelButtonText: "Cancelar",
6416                }).then(function (result) {
6417                    if (result.value) {
6418                        _this.router.navigate(["perfil"]);
6419                    }
6420                });
6421            }
6422        });
6423    }
6424    NewHomeComponent.prototype.ngOnInit = function () {
6425        var _this = this;
6426        var top = document.getElementById("top");
6427        if (top !== null) {
6428            top.scrollIntoView();
6429            top = null;
6430        }
6431        this.sections = this.userService.getSecciones();
6432        //Start watching for user inactivity.
6433        this.userIdle.startWatching();
6434        // Start watching when user idle is starting.
6435        this.userIdle.onTimerStart().subscribe();
6436        // Start watch when time is up.
6437        this.userIdle.onTimeout().subscribe(function () { return _this.exit(); });
6438    };
6439    NewHomeComponent.prototype.stop = function () {
6440        this.userIdle.stopTimer();
6441    };
6442    NewHomeComponent.prototype.stopWatching = function () {
6443        this.userIdle.stopWatching();
6444    };
6445    NewHomeComponent.prototype.startWatching = function () {
6446        this.userIdle.startWatching();
6447    };
6448    NewHomeComponent.prototype.restart = function () {
6449        this.userIdle.resetTimer();
6450    };
6451    NewHomeComponent.prototype.exit = function () {
6452        var token2 = localStorage.getItem("token");
6453        localStorage.removeItem("token");
6454        if (token2 != null)
6455            this.gameService.salir(token2, this.email).subscribe();
6456        this.router.navigate(["home"]);
6457    };
6458    NewHomeComponent.prototype.kill = function (element, id) {
6459        if (element) {
6460            $(element).modal("hide");
6461        }
6462        this.src = "";
6463    };
6464    NewHomeComponent.prototype.aviso = function () {
6465        sweetalert2__WEBPACK_IMPORTED_MODULE_8___default.a.fire({
6466            html: '<br><h3>¿Te interesa esta sección? Escríbenos a <a href="mailto:[email protected]">
6466[email protected]</a> para obtener más información y activar esta funcionalidad.</h3><br>',
6467            showCancelButton: false,
6468            showConfirmButton: false,
6469            timer: 6000,
6470        });
6471    };
6472    NewHomeComponent.ctorParameters = function () { return [
6473        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_2__["DetalleService"] },
6474        { type: _angular_router__WEBPACK_IMPORTED_MODULE_3__["Router"] },
6475        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_5__["UserService"] },
6476        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_7__["GameService"] },
6477        { type: angular_user_idle__WEBPACK_IMPORTED_MODULE_6__["UserIdleService"] }
6478    ]; };
6479    NewHomeComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
6480        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
6481            selector: "app-new-home",
6482            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./new-home.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/new-home/new-home.component.html")).default,
6483            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./new-home.component.css */ "./src/app/new-home/new-home.component.css")).default]
6484        })
6485    ], NewHomeComponent);
6486    return NewHomeComponent;
6487}());
6488
6489
6490
6491/***/ }),
6492
6493/***/ "./src/app/nuevo-plan/nuevo-plan.component.css":
6494/*!*****************************************************!*\
6495  !*** ./src/app/nuevo-plan/nuevo-plan.component.css ***!
6496  \*****************************************************/
6497/*! exports provided: default */
6498/***/ (function(module, __webpack_exports__, __webpack_require__) {
6499
6500"use strict";
6501__webpack_require__.r(__webpack_exports__);
6502/* harmony default export */ __webpack_exports__["default"] = (".button-add{\r\n  text-align: end !important;\r\n}\r\nh5 {\r\n  margin-bottom: 3%;\r\n  color: #9BA400;\r\n}\r\n.bus::-webkit-input-placeholder { \r\n  color: white;\r\n  opacity: 1;\r\n}\r\n.bus::-moz-placeholder { \r\n  color: white;\r\n  opacity: 1;\r\n}\r\n.bus::-ms-input-placeholder { \r\n  color: white;\r\n  opacity: 1;\r\n}\r\n.bus::placeholder { \r\n  color: white;\r\n  opacity: 1;\r\n}\r\np{\r\n  margin: 0;\r\n}\r\n.img{\r\n  width: 50%;\r\n  height: 50%;\r\n}\r\n.ojo{\r\n  width: 15px;\r\n  height: 15px;\r\n  margin-top: 10px;\r\n}\r\n.lupa{\r\n  width: 25px;\r\n  height: 25px;\r\n}
6502\r\n.aviso{\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n.recursos-didacticos{\r\n  background-color: white;\r\n  padding: 10px;\r\n  height: 300px;\r\n  overflow: auto;\r\n}\r\n._end{\r\n  text-align: right;\r\n}\r\n.name-plan{\r\n  color: white;\r\n  margin-left: 12px;\r\n  font-size: 13px;\r\n  color: white;\r\n  width: 60%;\r\n}\r\n.carousel_cover {\r\n  width: 75px !important;\r\n  height: 75px !important;\r\n  border: 3px solid #d7e207 !important;\r\n  border-radius: 15px !important;\r\n}\r\n.buscador{\r\n  margin-bottom: 20px;\r\n  background: #ebeb90;\r\n}\r\n.header{\r\n  margin-bottom: -25px !important;\r\n}\r\n.letter-busc{\r\n  font-size: 15px;\r\n}\r\n.juntos{\r\n  margin-bottom: -10px;\r\n}\r\n.title-busc{\r\n  margin: 0;\r\n  background-color: #d7e207;\r\n  /*color: #d7e207;*/\r\n  color: white;\r\n}\r\n.boton{\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  width: 100px !important;\r\n  height: 28px !important;\r\n  margin-bottom: 10px;\r\n}\r\n.buttons-plan {\r\n  padding: 20px 20px 0 0;\r\n}\r\n.bp{\r\n  width: 160px !important;\r\n}\r\n.letter{\r\n  padding: 0 !important;\r\n}\r\n.new2{\r\n /* background: #A61A71;*/\r\n  background: #DD2397;;\r\n  width: 100%;\r\n  height: 35px;\r\n  text-align: start;\r\n  margin-bottom: 15px;\r\n  color: #fff;\r\n  border: 0;\r\n}\r\n.plan__name .btn {\r\n  margin-top: 0 !important;\r\n}\r\n.admin{\r\n  font-size: 1.3rem;\r\n    text-align: center;\r\n    color: white;\r\n    font-weight: 500;\r\n    padding-bottom: 30px;\r\n}\r\n::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element {\r\n  opacity: 0.03 !important;\r\n  background-color: #d7e207!important;\r\n}\r\n::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {\r\n  background-color: #e533a2;\r\n}\r\nmat-checkbox ::ng-deep .mat-checkbox-inner-container {width: 13px;height: 13px;margin-top: 5px;}\r\n.custom-pagination /deep/ .ngx-pagination .current {background: #d7e207 !important;}\r\ninput.bus {\r\n  background: #d7e207;\r\n  color: black;\r\n}\r\n.plan__img{\r\n  width: 75px !important;\r\n  height: 75px !important;\r\n}\r\n.border-bottom{\r\n  border-bottom-color: #e533a2 !important;\r\n}\r\n.tags-input-wrapper {\r\n  background: #f9f9f9;\r\n  padding: 10px;\r\n  border-radius: 4px;\r\n  max-width: 400px;\r\n  border: 1px solid #ccc\r\n}\r\n.tags-input-wrapper input {\r\n  border: none;\r\n  background: transparent;\r\n  outline: none;\r\n  width: 150px;\r\n}\r\n.tags-input-wrapper .tag {\r\n  display: inline-block;\r\n  background-color: #009432;\r\n  color: white;\r\n  border-radius: 40px;\r\n  padding: 0px 3px 0px 7px;\r\n  margin-right: 5px;\r\n  margin-bottom: 5px;\r\n}\r\n.tags-input-wrapper .tag a {\r\n  margin: 0 7px 3px;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n}\r\n.noMas {\r\n  display: none;\r\n}\r\n/*\r\n.modal-content {\r\n  /* width: 110% !important; */\r\n/* left: 178px !important;} */\r\n.modal-body .level-base .root {\r\n  height: 1808px !important;\r\n}\r\n.modal-body .level-base .hijo1 {\r\n  height: 309px !important;\r\n}\r\n.modal-body .level-base .hijo2 {\r\n  height: 393px !important;\r\n}\r\n.modal-body .level-base .hijo3 {\r\n  height: 285px !important;\r\n}\r\n.modal-body .level-base .hijo4 {\r\n  height: 482px !important;\r\n}\r\n.modal-body .level-base .hijo5 {\r\n  height: 372px !important;\r\n}\r\n.fa-gamepad {\r\n  margin-right: 35px;\r\n}\r\n.fa-gamepad, .fa-question-circle {\r\n  font-size: 40px;\r\n  color: #d7e207;\r\n}\r\n.dialogo {\r\n  max-width: 800px;\r\n  margin: 30px auto;\r\n}\r\n.bodi {\r\n  position: relative;\r\n  padding: 0px;\r\n}\r\n.closes {\r\n  position: absolute;\r\n  right: -30px;\r\n  top: 0;\r\n  z-index: 999;\r\n  font-size: 2rem;\r\n  font-weight: normal;\r\n  color: #fff;\r\n  opacity: 1;\r\n}\r\ni {\r\n  margin-left: 12px;\r\n}\r\n.back {\r\n  float: right;\r\n}\r\n.recursos {\r\n  margin-left: 20px!important;\r\n  margin-right: 17px !important;\r\n  margin-top: 10px !important;\r\n}\r\n.recursosGame {\r\n  margin-left: 20px!important;\r\n  margin-right: 17px !important;\r\n  margin-top: 10px !important;\r\n}\r\n.modal-dialog-game {\r\n  max-width: 800px;\r\n  margin: 30px auto;\r\n}\r\n.modal-body-game {\r\n  position: relative;\r\n  padding: 0px;\r\n}\r\n.close {\r\n  position: absolute;\r\n  right: -30px;\r\n  top: 0;\r\n  z-index: 999;\r\n  font-size: 2rem;\r\n  font-weight: normal;\r\n  color: black;\r\n  opacity: 1;\r\n}\r\n.name {\r\n  font-size: 17px;\r\n  font-weight: bold;\r\n  margin: 0px 0px 0px !important;\r\n}\r\n.asignatura {\r\n  font-size: 15px;\r\n}\r\n.botongame {\r\n  margin-top: 10px;\r\n  width: 145px !important;\r\n}\r\n.help {\r\n  background-color: transparent !important;\r\n}\r\n.tool__hide {\r\n  top: -25px;\r\n  right: 0;\r\n  width: 162px;\r\n  position: absolute;\r\n  background: #d7e207;\r\n  border-radius: 10px;\r\n  color: #000;\r\n  padding: 7px;\r\n  font-size: 13px;\r\n  display: none;\r\n}\r\n.drop-section-games {\r\n  border: 4px #FFC12E solid;\r\n  box-sizing: content-box;\r\n}\r\n.drop-section-docs {\r\n  border: 4px #0098ce solid;\r\n  box-sizing: content-box;\r\n}\r\n.drop-section-grupos {\r\n  border: 4px #e533a2 solid;\r\n  box-sizing: content-box;\r\n}\r\n#crear {\r\n  width: auto;\r\n  line-height: 18px;\r\n  text-align: center;\r\n  height: 30px;\r\n  font-weight: bold;\r\n  background-size: cover;\r\n  border-radius: 0;\r\n}\r\n.plan-creator .plan__name .wrapp-name {\r\n  margin-top: 0px;\r\n}\r\n.plan-creator .plan__name .wrapp-name .btn.btn-type2 {\r\n  margin-top: 15px;\r\n  width: 100%;\r\n}\r\n.tags{\r\n  background: #d7e207;\r\n  border-radius: 24%;\r\n  margin-right: 7px;\r\n  height: 29px;\r\n  width: 95%;\r\n  margin-left: 3px;\r\n}\r\n.equis{\r\n  color: #76489d;\r\n  font-weight: 900;\r\n  font-size: 12px;\r\n  margin: 0px 5px 0px 0px;\r\n}
6502\r\n@media (max-width: 890px) {\r\n    .modal-dialog-game {\r\n    max-width: 580px;\r\n    margin: 30px auto;\r\n    }\r\n    \r\n  .buscador{\r\n    margin-top: 40px;\r\n  }\r\n}\r\n@media (max-width: 690px) {\r\n    .modal-dialog-game {\r\n    max-width: 420px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n@media (max-width: 992px) {\r\n    .lett{\r\n      font-size: 13px;\r\n    }\r\n}\r\n@media (max-width: 490px) {\r\n    .modal-dialog-game {\r\n    max-width: 250px;\r\n    margin: 126px auto;\r\n    }\r\n    .plan_item{\r\n      width: 50px;\r\n      height: 50px;\r\n    }\r\n    .plan__img{\r\n      width: 35px !important;\r\n      height: 35px !important;\r\n    }\r\n}\r\n\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbnVldm8tcGxhbi9udWV2by1wbGFuLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSwwQkFBMEI7QUFDNUI7QUFDQTtFQUNFLGlCQUFpQjtFQUNqQixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSxZQUFZO0VBQ1osVUFBVTtBQUNaO0FBSEE7RUFDRSxZQUFZO0VBQ1osVUFBVTtBQUNaO0FBSEE7RUFDRSxZQUFZO0VBQ1osVUFBVTtBQUNaO0FBSEE7RUFDRSxZQUFZO0VBQ1osVUFBVTtBQUNaO0FBQ0E7RUFDRSxTQUFTO0FBQ1g7QUFDQTtFQUNFLFVBQVU7
6502RUFDVixXQUFXO0FBQ2I7QUFDQTtFQUNFLFdBQVc7RUFDWCxZQUFZO0VBQ1osZ0JBQWdCO0FBQ2xCO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTtBQUNkO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTtBQUNkO0FBQ0E7RUFDRSx1QkFBdUI7RUFDdkIsYUFBYTtFQUNiLGFBQWE7RUFDYixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSxpQkFBaUI7QUFDbkI7QUFDQTtFQUNFLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsZUFBZTtFQUNmLFlBQVk7RUFDWixVQUFVO0FBQ1o7QUFFQTtFQUNFLHNCQUFzQjtFQUN0Qix1QkFBdUI7RUFDdkIsb0NBQW9DO0VBQ3BDLDhCQUE4QjtBQUNoQztBQUNBO0VBQ0UsbUJBQW1CO0VBQ25CLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UsK0JBQStCO0FBQ2pDO0FBQ0E7RUFDRSxlQUFlO0FBQ2pCO0FBQ0E7RUFDRSxvQkFBb0I7QUFDdEI7QUFDQTtFQUNFLFNBQVM7RUFDVCx5QkFBeUI7RUFDekIsa0JBQWtCO0VBQ2xCLFlBQVk7QUFDZDtBQUNBO0VBQ0UsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZix1QkFBdUI7RUFDdkIsdUJBQXVCO0VBQ3ZCLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0Usc0JBQXNCO0FBQ3hCO0FBQ0E7RUFDRSx1QkFBdUI7QUFDekI7QUFDQTtFQUNFLHFCQUFxQjtBQUN2QjtBQUNBO0NBQ0Msd0JBQXdCO0VBQ3ZCLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsWUFBWTtFQUNaLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFNBQVM7QUFDWDtBQUNBO0VBQ0Usd0JBQXdCO0FBQzFCO0FBQ0E7RUFDRSxpQkFBaUI7SUFDZixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQixvQkFBb0I7QUFDeEI7QUFDQTtFQUNFLHdCQUF3QjtFQUN4QixtQ0FBbUM7QUFDckM7QUFFQTtFQUNFLHlCQUF5QjtBQUMzQjtBQUVBLHNEQUFzRCxXQUFXLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQztBQUUvRixvREFBb0QsOEJBQThCLENBQUM7QUFFbkY7RUFDRSxtQkFBbUI7RUFDbkIsWUFBWTtBQUNkO0FBQ0E7RUFDRSxzQkFBc0I7RUFDdEIsdUJBQXVCO0FBQ3pCO0FBRUE7RUFDRSx1Q0FBdUM7QUFDekM7QUFDQTtFQUNFLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQjtBQUNGO0FBRUE7RUFDRSxZQUFZO0VBQ1osdUJBQXVCO0VBQ3ZCLGFBQWE7RUFDYixZQUFZO0FBQ2Q7QUFFQTtFQUNFLHFCQUFxQjtFQUNyQix5QkFBeUI7RUFDekIsWUFBWTtFQUNaLG1CQUFtQjtFQUNuQix3QkFBd0I7RUFDeEIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtBQUNwQjtBQUVBO0VBQ0UsaUJBQWlCO0VBQ2pCLHFCQUFxQjtFQUNyQixlQUFlO0FBQ2pCO0FBRUE7RUFDRSxhQUFhO0FBQ2Y7QUFDQTs7OEJBRThCO0FBQzVCLDZCQUE2QjtBQUcvQjtFQUNFLHlCQUF5QjtBQUMzQjtBQUVBO0VBQ0Usd0JBQXdCO0FBQzFCO0FBRUE7RUFDRSx3QkFBd0I7QUFDMUI7QUFFQTtFQUNFLHdCQUF3QjtB
6502QUMxQjtBQUVBO0VBQ0Usd0JBQXdCO0FBQzFCO0FBRUE7RUFDRSx3QkFBd0I7QUFDMUI7QUFFQTtFQUNFLGtCQUFrQjtBQUNwQjtBQUVBO0VBQ0UsZUFBZTtFQUNmLGNBQWM7QUFDaEI7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixpQkFBaUI7QUFDbkI7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0FBQ2Q7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osTUFBTTtFQUNOLFlBQVk7RUFDWixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxVQUFVO0FBQ1o7QUFFQTtFQUNFLGlCQUFpQjtBQUNuQjtBQUVBO0VBQ0UsWUFBWTtBQUNkO0FBRUE7RUFDRSwyQkFBMkI7RUFDM0IsNkJBQTZCO0VBQzdCLDJCQUEyQjtBQUM3QjtBQUVBO0VBQ0UsMkJBQTJCO0VBQzNCLDZCQUE2QjtFQUM3QiwyQkFBMkI7QUFDN0I7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixpQkFBaUI7QUFDbkI7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0FBQ2Q7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osTUFBTTtFQUNOLFlBQVk7RUFDWixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixVQUFVO0FBQ1o7QUFFQTtFQUNFLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsOEJBQThCO0FBQ2hDO0FBRUE7RUFDRSxlQUFlO0FBQ2pCO0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsdUJBQXVCO0FBQ3pCO0FBRUE7RUFDRSx3Q0FBd0M7QUFDMUM7QUFFQTtFQUNFLFVBQVU7RUFDVixRQUFRO0VBQ1IsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxZQUFZO0VBQ1osZUFBZTtFQUNmLGFBQWE7QUFDZjtBQUVBO0VBQ0UseUJBQXlCO0VBQ3pCLHVCQUF1QjtBQUN6QjtBQUVBO0VBQ0UseUJBQXlCO0VBQ3pCLHVCQUF1QjtBQUN6QjtBQUVBO0VBQ0UseUJBQXlCO0VBQ3pCLHVCQUF1QjtBQUN6QjtBQUVBO0VBQ0UsV0FBVztFQUNYLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLGlCQUFpQjtFQUNqQixzQkFBc0I7RUFDdEIsZ0JBQWdCO0FBQ2xCO0FBRUE7RUFDRSxlQUFlO0FBQ2pCO0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsV0FBVztBQUNiO0FBQ0E7RUFDRSxtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLGlCQUFpQjtFQUNqQixZQUFZO0VBQ1osVUFBVTtFQUNWLGdCQUFnQjtBQUNsQjtBQUNBO0VBQ0UsY0FBYztFQUNkLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsdUJBQXVCO0FBQ3pCO0FBRUE7SUFDSTtJQUNBLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakI7O0VBRUY7SUFDRSxnQkFBZ0I7RUFDbEI7QUFDRjtBQUVBO0lBQ0k7SUFDQSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCO0FBQ0o7QUFFQTtJQUNJO01BQ0UsZUFBZTtJQUNqQjtBQUNKO0FBRUE7SUFDSTtJQUNBLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEI7SUFDQTtNQUNFLFdBQVc7TUFDWCxZQUFZO0lBQ2Q7SUFDQTtNQUNFLHNCQUFzQjtNQUN0Qix1QkFBdUI7SUFDekI7QUFDSiIsImZpbGUiOiJzcmMvYXBwL251ZXZvLXBsYW4vbnVldm8tcGxhbi5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJ1dHRvbi1hZGR7XHJcbiAgdGV4dC1hbGlnbjogZW5kICFpbXBvcnRhbnQ7XHJcbn1cclxuaDUge1xyXG4gIG1hcmdpbi1ib3R0b206IDMlO1xyXG4gIGNvbG9yOiAjOUJBNDAwO1xyXG59XHJcbi5idXM6OnBsYWNlaG9sZGVyIHsgXHJcbiAgY29sb3I6IHdoaXRlO1xyXG4gIG9wYWNpdHk6IDE7XHJcbn1cclxucHtcclxuICBtYXJnaW46IDA7XHJcbn1cclxuLmltZ3tcclxuICB3aWR0aDogNTAlO1xyXG4gIGhlaWdodDogNTAlO1xyXG59XHJcbi5vam97XHJcbiAgd2lkdGg6IDE1cHg7XHJcbiAgaGVpZ2h0OiAxNXB4O1xyXG4gIG1hcmdpbi10b3A6IDEwcHg7XHJcbn1cclxuLmx1cGF7XHJcbiAgd2lkdGg6IDI1cHg7XHJcbiAgaGVpZ2h0OiAyNXB4O1xyXG59XHJcbi5hdmlzb3tcclxuICB3aWR0aDogNTBweDtcclxuICBoZWlnaHQ6IDUwcHg7XHJcbn1cclxuLnJlY3Vyc29zLWRpZGFjdGljb3N7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgcGFkZGluZzogMTBweDtcclxuICBoZWlnaHQ6IDMwMHB4O1xyXG4gIG92ZXJmbG93OiBhdXRvO1xyXG59XHJcbi5fZW5ke1xyXG4gIHRleHQtYWxpZ246IHJpZ2h0O1xyXG59XHJcbi5uYW1lLXBsYW57XHJcbiAgY29sb3I6IHdoaXRlO1xyXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xyXG4gIGZvbnQtc2l6ZTogMTNweDtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgd2lkdGg6IDYwJTtcclxufVxyXG5cclxuLmNhcm91c2VsX2NvdmVyIHtcclxuICB3aWR0aDogNzVweCAhaW1wb3J0YW50O1xyXG4gIGhlaWdodDogNzVweCAhaW1wb3J0YW50O1xyXG4gIGJvcmRlcjogM3B4IHNvbGlkICNkN2UyMDcgIWltcG9ydGFudDtcclxuICBib3JkZXItcmFkaXVzOiAxNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuLmJ1c2NhZG9ye1xyXG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbiAgYmFja2dyb3VuZDogI2ViZWI5MDtcclxufVxyXG4uaGVhZGVye1xyXG4gIG1hcmdpbi1ib3R0b206IC0yNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuLmxldHRlci1idXNje1xyXG4gIGZvbnQtc2l6ZTogMTVweDtcclxufVxyXG4uanVudG9ze1xyXG4gIG1hcmdpbi1ib3R0b206IC0xMHB4O1xyXG59XHJcbi50aXRsZS1idXNje1xyXG4gIG1hcmdpbjogMDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDdlMjA3O1xyXG4gIC8qY29sb3I6ICNkN2UyMDc7Ki9cclxuICBjb2xvcjogd2hpdGU7XHJcbn1cclxuLmJvdG9ue1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50O1xyXG4gIGhlaWdodDogMjhweCAhaW1wb3J0YW50O1xyXG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbn1cclxuLmJ1dHRvbnMtcGxhbiB7XHJcbiAgcGFkZGluZzogMjBweCAyMHB4IDAgMDtcclxufVxyXG4uYnB7XHJcbiAgd2lkdGg6IDE2MHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuLmxldHRlcntcclxuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbn1cclxuLm5ldzJ7XHJcbiAvKiBiYWNrZ3JvdW5kOiAjQTYxQTcxOyovXHJcbiAgYmFja2dyb3VuZDogI0REMjM5Nzs7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiAzNXB4O1xyXG4gIHRleHQtYWxpZ246IHN0YXJ0O1xyXG4gIG1hcmdpbi1ib3R0b206IDE1cHg7XHJcbiAgY29sb3I6ICNmZmY7XHJcbiAgYm9yZGVyOiAwO1xyXG59XHJcbi5wbGFuX19uYW1lIC5idG4ge1xyXG4gIG1hcmdpbi10b3A6IDAgIWltcG9ydGFudDtcclxufVxyXG4uYWRtaW57XHJcbiAgZm9udC1zaXplOiAxLjNyZW07XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7X
6502HJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgcGFkZGluZy1ib3R0b206IDMwcHg7XHJcbn1cclxuOjpuZy1kZWVwIC5tYXQtY2hlY2tib3gtY2hlY2tlZC5tYXQtYWNjZW50IC5tYXQtY2hlY2tib3gtcmlwcGxlIC5tYXQtcmlwcGxlLWVsZW1lbnQge1xyXG4gIG9wYWNpdHk6IDAuMDMgIWltcG9ydGFudDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDdlMjA3IWltcG9ydGFudDtcclxufVxyXG5cclxuOjpuZy1kZWVwIC5tYXQtY2hlY2tib3gtY2hlY2tlZC5tYXQtYWNjZW50IC5tYXQtY2hlY2tib3gtYmFja2dyb3VuZCwubWF0LWNoZWNrYm94LWluZGV0ZXJtaW5hdGUubWF0LWFjY2VudCAubWF0LWNoZWNrYm94LWJhY2tncm91bmQge1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNlNTMzYTI7XHJcbn1cclxuXHJcbm1hdC1jaGVja2JveCA6Om5nLWRlZXAgLm1hdC1jaGVja2JveC1pbm5lci1jb250YWluZXIge3dpZHRoOiAxM3B4O2hlaWdodDogMTNweDttYXJnaW4tdG9wOiA1cHg7fVxyXG5cclxuLmN1c3RvbS1wYWdpbmF0aW9uIC9kZWVwLyAubmd4LXBhZ2luYXRpb24gLmN1cnJlbnQge2JhY2tncm91bmQ6ICNkN2UyMDcgIWltcG9ydGFudDt9XHJcblxyXG5pbnB1dC5idXMge1xyXG4gIGJhY2tncm91bmQ6ICNkN2UyMDc7XHJcbiAgY29sb3I6IGJsYWNrO1xyXG59XHJcbi5wbGFuX19pbWd7XHJcbiAgd2lkdGg6IDc1cHggIWltcG9ydGFudDtcclxuICBoZWlnaHQ6IDc1cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLmJvcmRlci1ib3R0b217XHJcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogI2U1MzNhMiAhaW1wb3J0YW50O1xyXG59XHJcbi50YWdzLWlucHV0LXdyYXBwZXIge1xyXG4gIGJhY2tncm91bmQ6ICNmOWY5Zjk7XHJcbiAgcGFkZGluZzogMTBweDtcclxuICBib3JkZXItcmFkaXVzOiA0cHg7XHJcbiAgbWF4LXdpZHRoOiA0MDBweDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjXHJcbn1cclxuXHJcbi50YWdzLWlucHV0LXdyYXBwZXIgaW5wdXQge1xyXG4gIGJvcmRlcjogbm9uZTtcclxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICBvdXRsaW5lOiBub25lO1xyXG4gIHdpZHRoOiAxNTBweDtcclxufVxyXG5cclxuLnRhZ3MtaW5wdXQtd3JhcHBlciAudGFnIHtcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTQzMjtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgYm9yZGVyLXJhZGl1czogNDBweDtcclxuICBwYWRkaW5nOiAwcHggM3B4IDBweCA3cHg7XHJcbiAgbWFyZ2luLXJpZ2h0OiA1cHg7XHJcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xyXG59XHJcblxyXG4udGFncy1pbnB1dC13cmFwcGVyIC50YWcgYSB7XHJcbiAgbWFyZ2luOiAwIDdweCAzcHg7XHJcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLm5vTWFzIHtcclxuICBkaXNwbGF5OiBub25lO1xyXG59XHJcbi8qXHJcbi5tb2RhbC1jb250ZW50IHtcclxuICAvKiB3aWR0aDogMTEwJSAhaW1wb3J0YW50OyAqL1xyXG4gIC8qIGxlZnQ6IDE3OHB4ICFpbXBvcnRhbnQ7fSAqL1xyXG5cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5yb290IHtcclxuICBoZWlnaHQ6IDE4MDhweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ubW9kYWwtYm9keSAubGV2ZWwtYmFzZSAuaGlqbzEge1xyXG4gIGhlaWdodDogMzA5cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam8yIHtcclxuICBoZWlnaHQ6IDM5M3B4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5oaWpvMyB7XHJcbiAgaGVpZ2h0OiAyODVweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ubW9kYWwtYm9keSAubGV2ZWwtYmFzZSAuaGlqbzQge1xyXG4gIGhlaWdodDogNDgycHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1vZGFsLWJvZHkgLmxldmVsLWJhc2UgLmhpam81IHtcclxuICBoZWlnaHQ6IDM3MnB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5mYS1nYW1lcGFkIHtcclxuICBtYXJnaW4tcmlnaHQ6IDM1cHg7XHJcbn1cclxuXHJcbi5mYS1nYW1lcGFkLCAuZmEtcXVlc3Rpb24tY2lyY2xlIHtcclxuICBmb250LXNpemU6IDQwcHg7XHJcbiAgY29sb3I6ICNkN2UyMDc7XHJcbn1cclxuXHJcbi5kaWFsb2dvIHtcclxuICBtYXgtd2lkdGg6IDgwMHB4O1xyXG4gIG1hcmdpbjogMzBweCBhdXRvO1xyXG59XHJcblxyXG4uYm9kaSB7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIHBhZGRpbmc6IDBweDtcclxufVxyXG5cclxuLmNsb3NlcyB7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHJpZ2h0OiAtMzBweDtcclxuICB0b3A6IDA7XHJcbiAgei1pbmRleDogOTk5O1xyXG4gIGZvbnQtc2l6ZTogMnJlbTtcclxuICBmb250LXdlaWdodDogbm9ybWFsO1xyXG4gIGNvbG9yOiAjZmZmO1xyXG4gIG9wYWNpdHk6IDE7XHJcbn1cclxuXHJcbmkge1xyXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xyXG59XHJcblxyXG4uYmFjayB7XHJcbiAgZmxvYXQ6IHJpZ2h0O1xyXG59XHJcblxyXG4ucmVjdXJzb3Mge1xyXG4gIG1hcmdpbi1sZWZ0OiAyMHB4IWltcG9ydGFudDtcclxuICBtYXJnaW4tcmlnaHQ6IDE3cHggIWltcG9ydGFudDtcclxuICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5yZWN1cnNvc0dhbWUge1xyXG4gIG1hcmdpbi1sZWZ0OiAyMHB4IWltcG9ydGFudDtcclxuICBtYXJnaW4tcmlnaHQ6IDE3cHggIWltcG9ydGFudDtcclxuICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgbWF4LXdpZHRoOiA4MDBweDtcclxuICBtYXJnaW46IDMwcHggYXV0bztcclxufVxyXG5cclxuLm1vZGFsLWJvZHktZ2FtZSB7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIHBhZGRpbmc6IDBweDtcclxufVxyXG5cclxuLmNsb3NlIHtcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgcmlnaHQ6IC0zMHB4O1xyXG4gIHRvcDogMDtcclxuICB6LWluZGV4OiA5OTk7XHJcbiAgZm9udC1zaXplOiAycmVtO1xyXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcbiAgY29sb3I6IGJsYWNrO1xyXG4gIG9wYWNpdHk6IDE7XHJcbn1cclxuXHJcbi5uYW1lIHtcclxuICBmb250LXNpemU6IDE3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgbWFyZ2luOiAwcHggMHB4IDBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uYXNpZ25hdHVyYSB7XHJcbiAgZm9udC1zaXplOiAxNXB4O1xyXG59XHJcblxyXG4uYm90b25nYW1lIHtcclxuICBtYXJnaW4tdG9wOiAxMHB4O1xyXG4gIHdpZHRoOiAxNDVweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uaGVscCB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnRvb2xfX2hpZGUge1xyXG4gIHRvcDogLTI1cHg7XHJcbiAgcmlnaHQ6IDA7XHJcbiAgd2lkdGg6IDE2MnB4O1xyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBiYWNrZ3JvdW5kOiAjZDdlMjA3O1xyXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgY29sb3I6ICMwMDA7XHJcbiAgcGFkZGluZzogN3B4O1xyXG4gIGZvbnQtc2l6ZTogMTNweDtcclxuICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG4uZHJvcC1zZWN0aW9uLWdhbWVzIHtcclxuICBib3JkZXI6IDRweCAjRkZDMTJFIHNvbGlkO1xyXG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xyXG59XHJcblxyXG4uZHJvcC1zZWN0aW9uLWRvY3Mge1xyXG4gIGJvcmRlcjogNHB4ICMwMDk4Y2Ugc29saWQ7XHJcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XHJcbn1cclxuXHJcbi5kcm9wLXNlY3Rpb24tZ3J1cG9zIHtcclxuICBib3JkZXI6IDRweCAjZTUzM2EyIHNvbGlkO1xyXG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xyXG59XHJcblxyXG4jY3JlYXIge1xyXG4gIHdpZHRoOiBhdXRvO1xyXG4gIGxpbmUtaGVpZ2h0OiAxOHB4O1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBoZWlnaHQ6IDMwcHg7XHJcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcclxuICBib3JkZXItcmFkaXVzOiAwO1xyXG59XHJcblxyXG4ucGxhbi1jcmVhdG9yIC5wbGFuX19uYW1lIC53cmFwcC1uYW1lIHtcclxuICBtYXJnaW4tdG9wOiAwcHg7XHJcbn1cclxuXHJcbi5wbGFuLWNyZWF0b3IgLnBsYW5fX25hbWUgLndyYXBwLW5hbWUgLmJ0bi5idG4tdHlwZTIge1xyXG4gIG1hcmdpbi10b3A6IDE1cHg7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbn1cclxuLnRhZ3N7XHJcbiAgYmFja2dyb3VuZDogI2Q3ZTIwNztcclxuICBib3JkZXItcmFkaXVzOiAyNCU7XHJcbiAgbWFyZ2luLXJpZ2h0OiA3cHg7XHJcbiAgaGVpZ2h0OiAyOXB4O1xyXG4gIHdpZHRoOiA5NSU7XHJcbiAgbWFyZ2luLWxlZnQ6IDNweDtcclxufVxyXG4uZXF1aXN7XHJcbiAgY29sb3I6ICM3NjQ4OWQ7XHJcbiAgZm9udC13ZWlnaHQ6IDkwMDtcclxuICBmb250LXNpemU6IDEycHg7XHJcbiAgbWFyZ2luOiAwcHggNXB4IDBweCAwcHg7XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA4OTBweCkge1xyXG4gICAgLm1vZGFsLWRpYWxvZy1nYW1lIHtcclxuICAgIG1heC13aWR0aDogNTgwcHg7XHJcbiAgICBtYXJnaW46IDMwcHggYXV0bztcclxuICAgIH1cclxuICAgIFxyXG4gIC5idXNjYWRvcntcclxuICAgIG1hcmdpbi10b3A6IDQwcHg7XHJcbiAgfVxyXG59XHJcblxyXG5AbWVkaWEgKG1heC13aWR0aDogNjkwcHgpIHtcclxuICAgIC5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDQyMHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCkge1xyXG4gICAgLmxldHR7XHJcbiAgICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDQ5MHB4KSB7XHJcbiAgICAubW9kYWwtZGlhbG9nLWdhbWUge1xyXG4gICAgbWF4LXdpZHRoOiAyNTBweDtcclxuICAgIG1hcmdpbjogMTI2cHggYXV0bztcclxuICAgIH1cclxuICAgIC5wbGFuX2l0ZW17XHJcbiAgICAgIHdpZHRoOiA1MHB4O1xyXG4gICAgICBoZWlnaHQ6IDUwcHg7XHJcbiAgICB9XHJcbiAgICAucGxhbl9faW1ne1xyXG4gICAgICB3aWR0aDogMzVweCAhaW1wb3J0YW50O1xyXG4gICAgICBoZWlnaHQ6IDM1cHggIWltcG9ydGFudDtcclxuICAgIH1cclxufVxyXG4iXX0= */");
6503
6504/***/ }),
6505
6506/***/ "./src/app/nuevo-plan/nuevo-plan.component.ts":
6507/*!****************************************************!*\
6508  !*** ./src/app/nuevo-plan/nuevo-plan.component.ts ***!
6509  \****************************************************/
6510/*! exports provided: NuevoPlanComponent */
6511/***/ (function(module, __webpack_exports__, __webpack_require__) {
6512
6513"use strict";
6514__webpack_require__.r(__webpack_exports__);
6515/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NuevoPlanComponent", function() { return NuevoPlanComponent; });
6516/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
6517/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
6518/* harmony import */ var _service_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/config */ "./src/app/service/config.ts");
6519/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
6520/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
6521/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
6522/* harmony import */ var _models_recursos__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../models/recursos */ "./src/app/models/recursos.ts");
6523/* harmony import */ var _models_game__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../models/game */ "./src/app/models/game.ts");
6524/* harmony import */ var _models_planes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../models/planes */ "./src/app/models/planes.ts");
6525/* harmony import */ var src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/assets/JSON/infoGames.json */ "./src/assets/JSON/infoGames.json");
6526var src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_9___namespace = /*#__PURE__*/__webpack_require__.t(/*! src/assets/JSON/infoGames.json */ "./src/assets/JSON/infoGames.json", 1);
6527/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
6528/* harmony import */ var _models_navigation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../models/navigation */ "./src/app/models/navigation.ts");
6529/* harmony import */ var _models_search__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../models/search */ "./src/app/models/search.ts");
6530/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
6531/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
6532/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_14__);
6533/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
6534
6535
6536
6537
6538
6539
6540
6541
6542
6543
6544
6545
6546
6547
6548
6549
6550var NuevoPlanComponent = /** @class */ (function () {
6551    function NuevoPlanComponent(gameService, route, userService, router, detalleService, sanitizer) {
6552        var _this = this;
6553        this.gameService = gameService;
6554        this.route = route;
6555        this.userService = userService;
6556        this.router = router;
6557        this.detalleService = detalleService;
6558        this.sanitizer = sanitizer;
6559        this.token = localStorage.getItem('token');
6560        this.urlImg = _service_config__WEBPACK_IMPORTED_MODULE_2__["imagenes"].url;
6561        this.games = [];
6562        this.tagsFinales = "";
6563        this.recursos = [];
6564        this.libros = [];
6565        this.gamesHTML2 = [];
6566        this.gamesHTML2Aux = [];
6567        this.docsHTML2 = [];
6568        this.docsHTML2Aux = [];
6569        this.selected = 1;
6570        this.misplanes = [];
6571        this.juegosRecursos = new _models_planes__WEBPACK_IMPORTED_MODULE_8__["JuegosRecursosSesion"]();
6572        this.otrosrecursos = new _models_recursos__WEBPACK_IMPORTED_MODULE_6__["OtrosRecursos"]();
6573        this.game = new _models_game__WEBPACK_IMPORTED_MODULE_7__["Game"]();
6574        this.gameAbility = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GameAbility"]();
6575        this.gamePrograma = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GamePrograma"]();
6576        this.gameRecurso = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GameRecurso"]();
6577        this.gameRuta = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GameRuta"]();
6578        this.gameAsignatura = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GameAsignatura"]();
6579        this.gameConceptos = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GameConceptos"]();
6580        this.gameEtapas = new _models_game__WEBPACK_IMPORTED_MODULE_7__["GameEtapas"]();
6581        this.planes = new _models_planes__WEBPACK_IMPORTED_MODULE_8__["CrearPlanes"]();
6582        this.descripciones = [];
6583        this.habilidades = [];
6584        this.rutas = [];
6585        this.programas = [];
6586        this.otros_recursos = [];
6587        this.auxList2 = [];
6588        this.list2 = [];
6589        this.auxList3 = [];
6590        this.list3 = [];
6591        this.auxList4 = [];
6592        this.list4 = [];
6593        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_10__["Navegacion"]();
6594        this.navigateGame = new _models_navigation__WEBPACK_IMPORTED_MODULE_11__["Games"]();
6595        this.navigateResource = new _models_navigation__WEBPACK_IMPORTED_MODULE_11__["Resources"]();
6596        this.endNavigate = new _models_navigation__WEBPACK_IMPORTED_MODULE_11__["End"]();
6597        this.busqueda = new _models_search__WEBPACK_IMPORTED_MODULE_12__["Search"]();
6598        this.provisional = new _models_search__WEBPACK_IMPORTED_MODULE_12__["Provisional"]();
6599        this.words = [];
6600        this.resultado_busqueda = "";
6601        // loadAPI: Promise<any>;
6602        this.selected_asignatura = 0;
6603        this.selected_grado = 0;
6604        this.planselected = {};
6605        this.videoyt = false;
6606        this.videourl = 'https://www.youtube.com/embed/';
6607        this.titlegames = false;
6608        this.titlerecursos = false;
6609        this.p = 1;
6610        this.c = 1;
6611        this.l = 1;
6612        this.BuscaTagsNivel = [
6613            { tag: 'Todos', value: 0 },
6614            { tag: 'Primero de primaria', value: 1 },
6615            { tag: 'Segundo de primaria', value: 2 },
6616            { tag: 'Tercero de primaria', value: 3 },
6617            { tag: 'Cuarto de primaria', value: 4 },
6618            { tag: 'Quinto de primaria', value: 5 },
6619            { tag: 'Sexto de primaria', value: 6 },
6620        ];
6621        this.BuscaTagsAsig = [
6622            { tag: 'Todos', value: 0 },
6623            { tag: 'Química', value: 1 },
6624            { tag: 'Historia', value: 2 },
6625            { tag: 'Biología', value: 3 },
6626            { tag: 'Artes visuales', value: 4 },
6627            { tag: 'Matemáticas', value: 5 },
6628            { tag: 'Ecología', value: 6 },
6629            { tag: 'Música', value: 7 },
6630            { tag: 'Desarrollo socioemocional', value: 8 },
6631            { tag: 'Física', value: 9 },
6632            { tag: 'Lenguaje y comunicación', value: 10 },
6633            { tag: 'Desarrollo cognitivo', value: 11 },
6634            { tag: 'Geografía', value: 12 },
6635            { tag: 'Formación cívica y ética', value: 13 },
6636        ];
6637        this.BuscaTagsTipo = [
6638            { tag: 'Todos', value: 0 },
6639            { tag: 'Video', value: 1 },
6640            { tag: 'Videojuegos', value: 2 },
6641            { tag: 'PDF', value: 3 },
6642            { tag: 'Imagen', value: 4 },
6643            { tag: 'Página web', value: 5 },
6644        ];
6645        this.changePlan = function (e) {
6646            if (_this.id_plan != undefined || _this.id_plan != null) {
6647                sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
6648                    title: '',
6649                    html: '<h3>¿Estas seguro de cambiar de planeación?<br>Se eliminaran todos los cambios no guardados.</h3>',
6650                    showCancelButton: true,
6651                    confirmButtonColor: '#0098CE',
6652                    cancelButtonColor: '#d33',
6653                    confirmButtonText: 'Aceptar',
6654                    cancelButtonText: 'Cancelar'
6655                }).then(function (result) {
6656                    if (result.value) {
6657                        _this.cambiarPlan(e);
6658                    }
6659                });
6660            }
6661            else {
6662                _this.cambiarPlan(e);
6663            }
6664        };
6665        this.navegacion.seccion = 13;
6666        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
6667    }
6668    NuevoPlanComponent.prototype.agregarPorMas = function (event) {
6669        this.list2.push(event);
6670        this.games.splice(this.games.indexOf(event), 1);
6671        this.auxList2 = this.games;
6672        localStorage.setItem("games", JSON.stringify(this.auxList2));
6673    };
6674    NuevoPlanComponent.prototype.agregarPorMasCont = function (event) {
6675        this.list3.push(event);
6676        this.recursos.splice(this.recursos.indexOf(event), 1);
6677        this.auxList3 = this.recursos;
6678        localStorage.setItem("documents", JSON.stringify(this.auxList3));
6679    };
6680    NuevoPlanComponent.prototype.agregarLibro = function (event) {
6681        this.list4.push(event);
6682        this.libros.splice(this.libros.indexOf(event), 1);
6683        this.auxList4 = this.libros;
6684        //localStorage.setItem("books", JSON.stringify(this.auxList3));
6685    };
6686    NuevoPlanComponent.prototype.ngOnInit = function () {
6687        var _this = this;
6688        this.selected_grado = this.route.snapshot.params.nivel;
6689        this.selected_asignatura = this.route.snapshot.params.materia;
6690        this.sections = this.userService.getSecciones();
6691        this.gameService.mostrarRecursos(this.token).subscribe(function (data) {
6692            _this.recursosaux = data["message"];
6693        });
6694        this.detalleService.mostrarPlanes(this.token).subscribe(function (response) {
6695            _this.misplanes = response.planes;
6696            if (_this.route.snapshot.params.id != undefined) {
6697                var i = void 0;
6698                _this.id_plan = _this.route.snapshot.params.id;
6699                for (var index = 0; index < _this.misplanes.length; index++) {
6700                    if (_this.id_plan == _this.misplanes[index].id) {
6701                        _this.planselected = _this.misplanes[index];
6702                        i = index;
6703                    }
6704                }
6705                _this.slug_plan = _this.misplanes[i].slug;
6706                _this.detalleService.detallePlanes(_this.token, _this.id_plan, _this.misplanes[i].slug).subscribe(function (response) {
6707                    var e_1, _a;
6708                    _this.gamess = response.plan.games;
6709                    _this.articulos = response.plan.contenidos.articulos;
6710                    _this.recursoss = response.plan.contenidos.recursos;
6711                    _this.libross = response.plan.contenidos.libros;
6712                    _this.otros_recursos = response.plan.contenidos.otros_recursos;
6713                    _this.habilidades = response.plan.contenidos.habilidades;
6714                    _this.descripciones = response.plan.contenidos.descripciones;
6715                    _this.classrooms = response.plan.contenidos.classroom;
6716                    _this.sesionesinfo = response.plan.sesiones;
6717                    _this.info = response.plan.info;
6718                    if (_this.info.is_template == undefined) {
6719                        _this.info.is_template = "1";
6720                    }
6721                    _this.rutas = response.plan.contenidos.rutas;
6722                    _this.programas = response.plan.contenidos.programas;
6723                    var primer_valor = 0;
6724                    try {
6725                        for (var _b = tslib__WEBPACK_IMPORTED_MODULE_0__["__values"](_this.info.name), _c = _b.next(); !_c.done; _c = _b.next()) {
6726                            var x = _c.value;
6727                            if (primer_valor == 0) {
6728                                _this.letra = x;
6729                                primer_valor = 1;
6730                            }
6731                        }
6732                    }
6733                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
6734                    finally {
6735                        try {
6736                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
6737                        }
6738                        finally { if (e_1) throw e_1.error; }
6739                    }
6740                    _this.list2 = _this.gamess;
6741                    _this.list3 = _this.recursoss;
6742                    _this.list4 = _this.libross;
6743                });
6744            }
6745        });
6746        this.gameService.verJuegos(this.token).subscribe(function (data) {
6747            _this.gamesaux = data["games"];
6748        });
6749        this.gameService.mostrarLibros(this.token).subscribe(function (response) {
6750            _this.librosaux = response.message;
6751        });
6752        setTimeout(function () {
6753            // Search
6754            $(".js-modal-search").click(function (e) {
6755                e.preventDefault();
6756                $(".modal-search").modal("show");
6757            });
6758        }, 1500);
6759    };
6760    NuevoPlanComponent.prototype.back = function () {
6761        this.selected = 1;
6762    };
6763    NuevoPlanComponent.prototype.detailGame = function (slug) {
6764        var _this = this;
6765        var top = document.getElementById('top');
6766        if (top !== null) {
6767            top.scrollIntoView();
6768            top = null;
6769        }
6770        this.gameSelected = undefined;
6771        this.selected = 2;
6772        this.gameService.verDetalle(this.token, slug).subscribe(function (response) {
6773            _this.game = response.ficha.game;
6774            _this.navigateGame.game = _this.game.id;
6775            _this.navigateGame.place = 2;
6776            _this.detalleService.navegacionJuego(_this.token, _this.navigateGame).subscribe();
6777            _this.dataGame = src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_9__.info;
6778            _this.dataGame.forEach(function (element) {
6779                if (element.name == _this.game.slug) {
6780                    _this.gameSelected = element;
6781                }
6782            });
6783            _this.gameAsignatura = response.ficha.asignatura;
6784            _this.gameConceptos = response.ficha.conceptos;
6785            _this.idDescripcion = response.ficha.descripcion.id;
6786            if (response.ficha.habilidades != null) {
6787                _this.gameAbility = response.ficha.habilidades;
6788                var aprendizaje = JSON.parse(response.ficha.habilidades.aprendizaje);
6789                var modelodb = JSON.parse(response.ficha.habilidades.me);
6790                var imt = JSON.parse(response.ficha.habilidades.imt);
6791                var fms = JSON.parse(response.ficha.habilidades.fms);
6792                var ed = JSON.parse(response.ficha.habilidades.ed);
6793                _this.gameAbility.modelos = {
6794                    autoconocimiento: {
6795                        conciencia: modelodb.autoconocimiento.conciencia,
6796                        autoestima: modelodb.autoconocimiento.autoestima,
6797                        aprecio: modelodb.autoconocimiento.aprecio,
6798                        bienestar: modelodb.autoconocimiento.bienestar
6799                    },
6800                    autorregulacion: {
6801                        meta: modelodb.autorregulacion.meta,
6802                        expresion: modelodb.autorregulacion.expresion,
6803                        regulacion: modelodb.autorregulacion.regulacion,
6804                        generacion: modelodb.autorregulacion.generacion,
6805                        perseverancia: modelodb.autorregulacion.perseverancia
6806                    },
6807                    autonomia: {
6808                        iniciativa: modelodb.autonomia.iniciativa,
6809                        soluciones: modelodb.autonomia.soluciones,
6810                        eficacia: modelodb.autonomia.eficacia
6811                    },
6812                    empatia: {
6813                        bienestar: modelodb.empatia.bienestar,
6814                        perspectiva: modelodb.empatia.perspectiva,
6815                        prejuicios: modelodb.empatia.prejuicios,
6816                        sensibilidad: modelodb.empatia.sensibilidad,
6817                        cuidado: modelodb.empatia.cuidado
6818                    },
6819                    colaboracion: {
6820                        comunidad: modelodb.colaboracion.comunidad,
6821                        responsabilidad: modelodb.colaboracion.responsabilidad,
6822                        inclusion: modelodb.colaboracion.inclusion,
6823                        resolucion: modelodb.colaboracion.resolucion,
6824                        interdependencia: modelodb.colaboracion.interdependencia
6825                    },
6826                    ramas: {
6827                        colaboracion: modelodb.ramas.colaboracion,
6828                        empatia: modelodb.ramas.empatia,
6829                        autonomia: modelodb.ramas.autonomia,
6830                        autorregulacion: modelodb.ramas.autorregulacion,
6831                        autoconocimiento: modelodb.ramas.autoconocimiento
6832                    },
6833                    modelo: modelodb.modelo
6834                };
6835                _this.gameAbility.habilidades = {
6836                    aprendizaje: {
6837                        pensamiento: aprendizaje.pensamiento,
6838                        comunicacion: aprendizaje.comunicacion,
6839                        creatividad: aprendizaje.creatividad,
6840                        colaboracion: aprendizaje.colaboracion
6841                    },
6842                    imt: {
6843                        teclado: {
6844                            nombre: imt.teclado.nombre,
6845                            porcentaje: imt.teclado.porcentaje = imt.teclado.porcentaje
6846                        },
6847                        mouse: {
6848                            nombre: imt.mouse.nombre,
6849                            porcentaje: imt.mouse.porcentaje = imt.mouse.porcentaje
6850                        },
6851                        tableta: {
6852                            nombre: imt.tableta.nombre,
6853                            porcentaje: imt.tableta.porcentaje = imt.tableta.porcentaje
6854                        }
6855                    },
6856                    fms: {
6857                        atencion: fms.atencion,
6858                        memoria: fms.memoria,
6859                        lenguaje: fms.lenguaje,
6860                        visoespacial: fms.visoespacial,
6861                        sensoriomotoras: fms.sensoriomotoras,
6862                        ejecutivas: fms.ejecutivas
6863                    },
6864                    ed: {
6865                        visual: ed.visual,
6866                        trabajo: ed.trabajo,
6867                        informacion: ed.informacion,
6868                        verbal: ed.verbal,
6869                        auditiva: ed.auditiva
6870                    },
6871                    tags: response.ficha.habilidades.tags
6872                };
6873            }
6874            if (response.ficha.otros != null) {
6875                _this.gameRecurso = response.ficha.otros;
6876            }
6877            if (response.ficha.programas != null) {
6878                _this.gamePrograma = response.ficha.programas;
6879            }
6880            _this.rutasTotales = response.ficha.rutas;
6881            if (response.ficha.habilidades.id != null) {
6882                _this.idHabilidad = response.ficha.habilidades.id;
6883            }
6884            if (response.ficha.otros.id != null) {
6885                _this.idOtrosRecursos = response.ficha.otros.id;
6886            }
6887            if (response.ficha.programas.id == null) {
6888                _this.idProgramas = response.ficha.programas.id;
6889            }
6890            _this.ngOnInit();
6891        }, function (error) {
6892        });
6893    };
6894    NuevoPlanComponent.prototype.detailResource = function (id) {
6895        var _this = this;
6896        var top = document.getElementById('top');
6897        if (top !== null) {
6898            top.scrollIntoView();
6899            top = null;
6900        }
6901        this.detalleService.verDetalleRecurso(this.token, id).subscribe(function (response) {
6902            _this.navigateResource.place = 2;
6903            _this.navigateResource.recurso = response.message.id;
6904            _this.detalleService.navegacionRecurso(_this.token, _this.navigateResource).subscribe();
6905            _this.videoyt = false;
6906            _this.otrosrecursos.id = response.message.id;
6907            _this.otrosrecursos.nombre = response.message.nombre;
6908            _this.otrosrecursos.link = response.message.link;
6909            _this.otrosrecursos.descripcion = response.message.descripcion;
6910            _this.otrosrecursos.status = response.message.status;
6911            _this.otrosrecursos.tags = response.message.tags;
6912            _this.otrosrecursos.img = response.message.image;
6913            _this.otrosrecursos.pdf = response.message.pdf;
6914            _this.otrosrecursos.video = response.message.video;
6915            if (_this.otrosrecursos.video != '')
6916                _this.incluirvideo(_this.otrosrecursos.video);
6917            if (_this.otrosrecursos.pdf == 'Si') {
6918                // this.PDF();
6919            }
6920            var regex = /\s*,\s*/;
6921            _this.asignaturasCont(_this.otrosrecursos.tags);
6922            _this.niveles(_this.otrosrecursos.tags);
6923            _this.transformarLink(_this.otrosrecursos.link);
6924        }, function (error) {
6925        });
6926        this.selected = 3;
6927    };
6928    NuevoPlanComponent.prototype.PDF = function () {
6929        this.detalleService.obtenerPDF(this.token, this.otrosrecursos.id).subscribe(function (data) {
6930            var pdf = data.toString();
6931            var pdfWindow = window.open("");
6932            pdfWindow.document.write("<iframe width='100%' height='100%' src='" + encodeURI(pdf) + "'></iframe>");
6933        });
6934    };
6935    // remove(data){
6936    //   let aux:any[]=[];
6937    //   this.busqueda.word= undefined;
6938    //   let i =0;
6939    //   for(let x in  this.words){
6940    //     if(this.words[x]!= data){
6941    //       aux[i] = this.words[x];
6942    //       this.busqueda.word = this.busqueda.word +","+ this.words[x];
6943    //       i++;
6944    //     }
6945    //   }
6946    //   this.words=aux;
6947    //   if(aux.length == 0){
6948    //     this.busqueda.word= undefined;
6949    //   }
6950    // }
6951    NuevoPlanComponent.prototype.search = function () {
6952        var _this = this;
6953        this.words.forEach(function (element) {
6954            _this.tagsFinales = _this.tagsFinales + " " + _this.slugify(element);
6955            if (element != '') {
6956                _this.resultado_busqueda = _this.resultado_busqueda + element + ' | ';
6957            }
6958        });
6959        this.gameService.setTags(this.token, this.tagsFinales).subscribe(function (data) {
6960            console.log(data);
6961            _this.games = data["resultado"].games;
6962            localStorage.setItem("games", JSON.stringify(_this.games));
6963            _this.recursos = data["resultado"].recursos;
6964            localStorage.setItem("documents", JSON.stringify(_this.recursos));
6965            _this.libros = data["resultado"].libros;
6966            _this.recursos = _this.asignaturas(_this.recursos);
6967            if (_this.games.length == 0 && _this.recursos.length == 0 && _this.libros.length == 0 && _this.selected == 1) {
6968                sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
6969                    type: 'warning',
6970                    title: 'No hay coincidencias para tu búsqueda, intenta con otras variables. ',
6971                    showConfirmButton: false,
6972                    timer: 4000
6973                });
6974            }
6975        });
6976        // console.log(this.tagsFinales)
6977        this.tagsFinales = "";
6978    };
6979    NuevoPlanComponent.prototype.word = function () {
6980        var _this = this;
6981        this.p = 1;
6982        this.c = 1;
6983        this.busqueda.word = "";
6984        this.resultado_busqueda = "";
6985        this.words = [];
6986        this.games.splice(0);
6987        this.recursos.splice(0);
6988        this.libros.splice(0);
6989        if (this.selected_asignatura == 0 && this.selected_grado == 0 && this.provisional.word == "") {
6990            this.searchAllGames();
6991            this.searchAllrecursos();
6992            this.searchAllLibros();
6993        }
6994        else {
6995            if (this.selected_grado != 0) {
6996                this.BuscaTagsNivel.forEach(function (niv) {
6997                    if (niv.value == _this.selected_grado)
6998                        _this.busqueda.word = _this.busqueda.word + "," + niv.tag;
6999                });
7000            }
7001            if (this.selected_asignatura != 0) {
7002                this.BuscaTagsAsig.forEach(function (niv) {
7003                    if (niv.value == _this.selected_asignatura)
7004                        _this.busqueda.word = _this.busqueda.word + "," + niv.tag;
7005                });
7006            }
7007            var newWord = this.provisional.word;
7008            this.busqueda.word = this.busqueda.word + "," + newWord;
7009            this.words = this.busqueda.word.split(",");
7010            this.provisional.word = "";
7011            //this.selected_asignatura=0;
7012            //this.selected_grado=0;
7013            this.search();
7014        }
7015    };
7016    NuevoPlanComponent.prototype.recoger = function (select) {
7017        var _this = this;
7018        var planJuegosFiltrado = this.list2.slice();
7019        var planRecursosFiltrado = this.list3.slice();
7020        var planLibrosFiltrado = this.list4.slice();
7021        planJuegosFiltrado.forEach(function (plan) {
7022            _this.gameService.vincularJuego(_this.token, _this.id_plan, plan.id).subscribe();
7023        });
7024        planRecursosFiltrado.forEach(function (plan) {
7025            _this.gameService.vincularRecurso(_this.token, _this.id_plan, plan.id).subscribe();
7026        });
7027        planLibrosFiltrado.forEach(function (plan) {
7028            _this.gameService.vincularLibros(_this.token, _this.id_plan, plan.id).subscribe();
7029        });
7030        if (this.sesionesinfo.length > 0) {
7031            this.sesionesinfo.forEach(function (ses) {
7032                _this.juegosRecursos.juegos = ses.juegos;
7033                _this.juegosRecursos.otros_recursos = ses.otros_recursos;
7034                _this.juegosRecursos.libros = ses.libros;
7035                _this.juegosRecursos.id = ses.id;
7036                var j = _this.juegosRecursos.juegos.split(',');
7037                var r = _this.juegosRecursos.otros_recursos.split(',');
7038                var l = _this.juegosRecursos.libros.split(',');
7039                planJuegosFiltrado.forEach(function (planj) {
7040                    if (planj.id != undefined) {
7041                        if (j.includes(planj.id) == false) {
7042                            if (_this.juegosRecursos.juegos == "")
7043                                _this.juegosRecursos.juegos = planj.id;
7044                            else
7045                                _this.juegosRecursos.juegos = _this.juegosRecursos.juegos + ',' + planj.id;
7046                        }
7047                    }
7048                });
7049                planRecursosFiltrado.forEach(function (planr) {
7050                    if (planr.id != undefined) {
7051                        if (r.includes(planr.id) == false) {
7052                            if (_this.juegosRecursos.otros_recursos == "")
7053                                _this.juegosRecursos.otros_recursos = planr.id;
7054                            else
7055                                _this.juegosRecursos.otros_recursos = _this.juegosRecursos.otros_recursos + ',' + planr.id;
7056                        }
7057                    }
7058                });
7059                planLibrosFiltrado.forEach(function (planl) {
7060                    if (planl.id != undefined) {
7061                        if (l.includes(planl.id) == false) {
7062                            if (_this.juegosRecursos.libros == "")
7063                                _this.juegosRecursos.libros = planl.id;
7064                            else
7065                                _this.juegosRecursos.libros = _this.juegosRecursos.libros + ',' + planl.id;
7066                        }
7067                    }
7068                });
7069                _this.detalleService.editarJuegoRecSesiones(_this.token, _this.juegosRecursos, _this.id_plan).subscribe();
7070            });
7071        }
7072        sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7073            type: 'success',
7074            title: 'Cambios guardados',
7075            showConfirmButton: false,
7076            timer: 2500
7077        });
7078        if (select == 1)
7079            this.router.navigate(["/detalleplan", this.slug_plan, this.id_plan]);
7080        localStorage.removeItem("documents");
7081        localStorage.removeItem("games");
7082        localStorage.removeItem("books");
7083    };
7084    NuevoPlanComponent.prototype.slugify = function (str) {
7085        str = str.replace(/^\s+|\s+$/g, '');
7086        str = str.toLowerCase();
7087        var from = "ÁÄÂÀÃÅČÇĆĎÉĚËÈÊẼĔȆÍÌÎÏŇÑÓÖÒÔÕØŘŔŠŤÚŮÜÙÛÝŸŽáäâàãåčçćďéěëèêẽĕȇíìîïňñóöòôõøðřŕšťúůüùûýÿžþÞĐđ߯a·/_,:;";
7088        var to = "AAAAAACCCDEEEEEEEEIIIINNOOOOOORRSTUUUUUYYZaaaaaacccdeeeeeeeeiiiinnooooooorrstuuuuuyyzbBDdBAa------";
7089        for (var i = 0, l = from.length; i < l; i++) {
7090            str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
7091        }
7092        str = str
7093            .replace(/´/g, "-")
7094            .replace(/[^a-z0-9 -]/g, "")
7095            .replace(/\s+/g, "-")
7096            .replace(/-+/g, "-");
7097        return str;
7098    };
7099    NuevoPlanComponent.prototype.kill = function () {
7100    };
7101    // borrar(){
7102    //   this.words = undefined;
7103    //   this.busqueda.word = '';
7104    // }
7105    NuevoPlanComponent.prototype.searchAllGames = function () {
7106        this.games = this.gamesaux.slice();
7107    };
7108    NuevoPlanComponent.prototype.searchAllrecursos = function () {
7109        this.recursos = this.recursosaux.slice();
7110        this.asignaturas(this.recursos);
7111    };
7112    NuevoPlanComponent.prototype.searchAllLibros = function () {
7113        this.libros = this.librosaux.slice();
7114    };
7115    NuevoPlanComponent.prototype.asignaturas = function (tags) {
7116        var _this = this;
7117        this.asignaturarec = '';
7118        var materias = ['biología', 'ecología', 'física', 'geografía', 'química', 'artes visuales', 'música', 'lenguaje y comunicación', 'formación cívica y ética', 'historia', 'matemáticas', 'desarrollo socioemocional', 'desarrollo cognitivo'];
7119        tags.forEach(function (rec) {
7120            _this.asignaturarec = '';
7121            for (var index = 0; index < materias.length; index++) {
7122                if (rec.tags.includes(materias[index])) {
7123                    var mat = materias[index].charAt(0).toUpperCase() + materias[index].slice(1);
7124                    _this.asignaturarec = _this.asignaturarec + ' ' + mat;
7125                }
7126            }
7127            rec.asignatura = _this.asignaturarec;
7128        });
7129        tags.forEach(function (rec) {
7130            if (rec.descripcion.length > 103)
7131                rec.descripcion = rec.descripcion.substring(0, 104) + "...</p>";
7132        });
7133        return tags;
7134    };
7135    NuevoPlanComponent.prototype.asignaturasCont = function (tags) {
7136        this.asignatura = '';
7137        var materias = ['biología', 'ecología', 'física', 'geografía', 'química', 'artes visuales', 'música', 'lenguaje y comunicación', 'formación cívica y ética', 'historia', 'matemáticas', 'desarrollo socioemocional', 'desarrollo cognitivo'];
7138        for (var index = 0; index < materias.length; index++) {
7139            if (tags.includes(materias[index])) {
7140                var mat = materias[index].charAt(0).toUpperCase() + materias[index].slice(1);
7141                this.asignatura = this.asignatura + ' ' + mat;
7142            }
7143        }
7144    };
7145    NuevoPlanComponent.prototype.niveles = function (tags) {
7146        this.nivel = '';
7147        if (tags.includes('primaria baja')) {
7148            this.nivel = this.nivel + 'Primaria baja';
7149        }
7150        if (tags.includes('primaria media')) {
7151            if (this.nivel != '')
7152                this.nivel = this.nivel + ', ';
7153            this.nivel = this.nivel + 'Primaria media';
7154        }
7155        if (tags.includes('primaria alta')) {
7156            if (this.nivel != '')
7157                this.nivel = this.nivel + ', ';
7158            this.nivel = this.nivel + 'Primaria alta';
7159        }
7160    };
7161    NuevoPlanComponent.prototype.cambiarPlan = function (e) {
7162        var _this = this;
7163        this.sesionesinfo = undefined;
7164        var p = e.target.value;
7165        this.planselected = this.misplanes[p];
7166        this.id_plan = this.misplanes[p].id;
7167        this.slug_plan = this.misplanes[p].slug;
7168        this.detalleService.detallePlanes(this.token, this.misplanes[p].id, this.misplanes[p].slug).subscribe(function (response) {
7169            var e_2, _a;
7170            console.log(response);
7171            _this.gamess = response.plan.games;
7172            _this.articulos = response.plan.contenidos.articulos;
7173            _this.recursoss = response.plan.contenidos.recursos;
7174            _this.libross = response.plan.contenidos.libros;
7175            _this.otros_recursos = response.plan.contenidos.otros_recursos;
7176            _this.habilidades = response.plan.contenidos.habilidades;
7177            _this.descripciones = response.plan.contenidos.descripciones;
7178            _this.classrooms = response.plan.contenidos.classroom;
7179            _this.sesionesinfo = response.plan.sesiones;
7180            _this.info = response.plan.info;
7181            if (_this.info.is_template == undefined) {
7182                _this.info.is_template = "1";
7183            }
7184            _this.rutas = response.plan.contenidos.rutas;
7185            _this.programas = response.plan.contenidos.programas;
7186            var primer_valor = 0;
7187            try {
7188                for (var _b = tslib__WEBPACK_IMPORTED_MODULE_0__["__values"](_this.info.name), _c = _b.next(); !_c.done; _c = _b.next()) {
7189                    var x = _c.value;
7190                    if (primer_valor == 0) {
7191                        _this.letra = x;
7192                        primer_valor = 1;
7193                    }
7194                }
7195            }
7196            catch (e_2_1) { e_2 = { error: e_2_1 }; }
7197            finally {
7198                try {
7199                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
7200                }
7201                finally { if (e_2) throw e_2.error; }
7202            }
7203            _this.list2 = _this.gamess;
7204            _this.list3 = _this.recursoss;
7205            _this.list4 = _this.libross;
7206        });
7207    };
7208    NuevoPlanComponent.prototype.eliminarJuego = function (idGame, index) {
7209        var _this = this;
7210        sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7211            title: '',
7212            html: '<h3>¿Estas seguro de eliminar el juego?<br>Se eliminará de todas las sesiones del plan.</h3>',
7213            showCancelButton: true,
7214            confirmButtonColor: '#0098CE',
7215            cancelButtonColor: '#d33',
7216            confirmButtonText: 'Eliminar',
7217            cancelButtonText: 'Cancelar'
7218        }).then(function (result) {
7219            if (result.value) {
7220                if (_this.gamess[index].id_game == idGame) {
7221                    _this.detalleService.deleteGame(_this.token, _this.id_plan, idGame).subscribe(function (response) {
7222                        _this.list2.splice(index, 1);
7223                        if (_this.sesionesinfo.length > 0) {
7224                            _this.sesionesinfo.forEach(function (ses) {
7225                                _this.juegosRecursos.juegos = ses.juegos;
7226                                _this.juegosRecursos.otros_recursos = ses.otros_recursos;
7227                                _this.juegosRecursos.id = ses.id;
7228                                var j = _this.juegosRecursos.juegos.split(',');
7229                                var ind = j.indexOf(idGame.toString());
7230                                if (ind != -1) {
7231                                    j.splice(ind, 1);
7232                                    _this.juegosRecursos.juegos = "";
7233                                    for (var index_1 = 0; index_1 < j.length; index_1++) {
7234                                        if (_this.juegosRecursos.juegos == "")
7235                                            _this.juegosRecursos.juegos = j[index_1];
7236                                        else
7237                                            _this.juegosRecursos.juegos = _this.juegosRecursos.juegos + ',' + j[index_1];
7238                                    }
7239                                }
7240                                ses.juegos = _this.juegosRecursos.juegos;
7241                                console.log('sesionjuegos', _this.juegosRecursos.juegos);
7242                                console.log('sesionrec', _this.juegosRecursos.otros_recursos);
7243                                console.log('id', _this.juegosRecursos.id);
7244                                _this.detalleService.editarJuegoRecSesiones(_this.token, _this.juegosRecursos, _this.id_plan).subscribe();
7245                            });
7246                        }
7247                    });
7248                }
7249                else {
7250                    _this.list2.splice(index, 1);
7251                    _this.gamesaux.forEach(function (element) {
7252                        if (element.id == idGame)
7253                            _this.games.push(element);
7254                    });
7255                    _this.auxList2 = _this.games;
7256                }
7257                sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7258                    type: 'success',
7259                    title: 'Juego eliminado',
7260                    showConfirmButton: false,
7261                    timer: 2500
7262                });
7263            }
7264        });
7265    };
7266    NuevoPlanComponent.prototype.eliminarRecursosExternos = function (idRecurso, index) {
7267        var _this = this;
7268        sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7269            title: '',
7270            html: '<h3>¿Estas seguro de eliminar el recurso?<br>Se eliminará de todas las sesiones del plan.</h3>',
7271            showCancelButton: true,
7272            confirmButtonColor: '#0098CE',
7273            cancelButtonColor: '#d33',
7274            confirmButtonText: 'Eliminar',
7275            cancelButtonText: 'Cancelar'
7276        }).then(function (result) {
7277            if (result.value) {
7278                if (_this.recursoss[index].id_recurso == idRecurso) {
7279                    _this.detalleService.deleteRecursosExternos(_this.token, _this.id_plan, idRecurso).subscribe(function (response) {
7280                        _this.list3.splice(index, 1);
7281                        if (_this.sesionesinfo.length > 0) {
7282                            _this.sesionesinfo.forEach(function (ses) {
7283                                _this.juegosRecursos.juegos = ses.juegos;
7284                                _this.juegosRecursos.otros_recursos = ses.otros_recursos;
7285                                _this.juegosRecursos.id = ses.id;
7286                                var j = _this.juegosRecursos.otros_recursos.split(',');
7287                                var ind = j.indexOf(idRecurso.toString());
7288                                if (ind != -1) {
7289                                    j.splice(ind, 1);
7290                                    _this.juegosRecursos.otros_recursos = "";
7291                                    for (var index_2 = 0; index_2 < j.length; index_2++) {
7292                                        if (_this.juegosRecursos.otros_recursos == "")
7293                                            _this.juegosRecursos.otros_recursos = j[index_2];
7294                                        else
7295                                            _this.juegosRecursos.otros_recursos = _this.juegosRecursos.otros_recursos + ',' + j[index_2];
7296                                    }
7297                                }
7298                                ses.otros_recursos = _this.juegosRecursos.otros_recursos;
7299                                console.log('sesionjuegos', _this.juegosRecursos.juegos);
7300                                console.log('sesionrec', _this.juegosRecursos.otros_recursos);
7301                                console.log('id', _this.juegosRecursos.id);
7302                                _this.detalleService.editarJuegoRecSesiones(_this.token, _this.juegosRecursos, _this.id_plan).subscribe();
7303                            });
7304                        }
7305                    });
7306                }
7307                else {
7308                    _this.list3.splice(index, 1);
7309                    _this.recursosaux.forEach(function (element) {
7310                        if (element.id == idRecurso)
7311                            _this.recursos.push(element);
7312                    });
7313                    _this.auxList3 = _this.recursos;
7314                }
7315                sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7316                    type: 'success',
7317                    title: 'Recurso eliminado',
7318                    showConfirmButton: false,
7319                    timer: 2500
7320                });
7321            }
7322        });
7323    };
7324    NuevoPlanComponent.prototype.eliminarLibros = function (idLibro, index) {
7325        var _this = this;
7326        sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7327            title: '',
7328            html: '<h3>¿Estas seguro de eliminar el tema del libro?<br>Se eliminará de todas las sesiones del plan.</h3>',
7329            showCancelButton: true,
7330            confirmButtonColor: '#0098CE',
7331            cancelButtonColor: '#d33',
7332            confirmButtonText: 'Eliminar',
7333            cancelButtonText: 'Cancelar'
7334        }).then(function (result) {
7335            if (result.value) {
7336                if (_this.libross[index].id_libro == idLibro) {
7337                    _this.detalleService.deleteLibro(_this.token, _this.id_plan, idLibro).subscribe(function (response) {
7338                        _this.list4.splice(index, 1);
7339                        if (_this.sesionesinfo.length > 0) {
7340                            _this.sesionesinfo.forEach(function (ses) {
7341                                _this.juegosRecursos.juegos = ses.juegos;
7342                                _this.juegosRecursos.otros_recursos = ses.otros_recursos;
7343                                _this.juegosRecursos.libros = ses.libros;
7344                                _this.juegosRecursos.id = ses.id;
7345                                var j = _this.juegosRecursos.libros.split(',');
7346                                var ind = j.indexOf(idLibro.toString());
7347                                if (ind != -1) {
7348                                    j.splice(ind, 1);
7349                                    _this.juegosRecursos.libros = "";
7350                                    for (var index_3 = 0; index_3 < j.length; index_3++) {
7351                                        if (_this.juegosRecursos.libros == "")
7352                                            _this.juegosRecursos.libros = j[index_3];
7353                                        else
7354                                            _this.juegosRecursos.libros = _this.juegosRecursos.libros + ',' + j[index_3];
7355                                    }
7356                                }
7357                                ses.libros = _this.juegosRecursos.libros;
7358                                _this.detalleService.editarJuegoRecSesiones(_this.token, _this.juegosRecursos, _this.id_plan).subscribe();
7359                            });
7360                        }
7361                    });
7362                }
7363                else {
7364                    _this.list4.splice(index, 1);
7365                    _this.librosaux.forEach(function (element) {
7366                        if (element.id == idLibro)
7367                            _this.libros.push(element);
7368                    });
7369                    _this.auxList4 = _this.libros;
7370                }
7371                sweetalert2__WEBPACK_IMPORTED_MODULE_14___default.a.fire({
7372                    type: 'success',
7373                    title: 'Libro eliminado',
7374                    showConfirmButton: false,
7375                    timer: 2500
7376                });
7377            }
7378        });
7379    };
7380    NuevoPlanComponent.prototype.transformarLink = function (links) {
7381        if (links.includes('<a')) {
7382            var link = links.replace(/<a/gi, '<a target="_blank"');
7383            this.otrosrecursos.link = link;
7384        }
7385        else if (links.includes('http') && links.includes('<p>')) {
7386            var link = links.split('<p>');
7387            var urllink = link[1].replace('</p>', ' ');
7388            this.otrosrecursos.link = '<p>' + '<a target="_blank" href="' + urllink + '" >' + urllink + '</a> </p>';
7389        }
7390    };
7391    NuevoPlanComponent.prototype.incluirvideo = function (video) {
7392        if (video.includes('youtu')) {
7393            var link1 = video.split('h?v=');
7394            var link = link1[1].split('">');
7395            this.videourl = 'https://www.youtube.com/embed/' + link[0];
7396            this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(this.videourl);
7397            this.videoyt = true;
7398        }
7399    };
7400    NuevoPlanComponent.prototype.ngAfterContentInit = function () {
7401        if (this.selected_grado != undefined && this.selected_asignatura != undefined) {
7402            var top1 = document.getElementById('top-prebu');
7403            if (top1 !== null) {
7404                top1.scrollIntoView();
7405                top1 = null;
7406            }
7407            this.provisional.word = "";
7408            this.busqueda.word = "";
7409            this.word();
7410        }
7411        else {
7412            var top_1 = document.getElementById('top');
7413            if (top_1 !== null) {
7414                top_1.scrollIntoView();
7415                top_1 = null;
7416            }
7417            this.selected_asignatura = 0;
7418            this.selected_grado = 0;
7419        }
7420    };
7421    NuevoPlanComponent.prototype.newplan = function () {
7422        $(".modal-search").modal("show");
7423    };
7424    NuevoPlanComponent.ctorParameters = function () { return [
7425        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_3__["GameService"] },
7426        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"] },
7427        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_15__["UserService"] },
7428        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] },
7429        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_5__["DetalleService"] },
7430        { type: _angular_platform_browser__WEBPACK_IMPORTED_MODULE_13__["DomSanitizer"] }
7431    ]; };
7432    NuevoPlanComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7433        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
7434            selector: 'app-nuevo-plan',
7435            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./nuevo-plan.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/nuevo-plan/nuevo-plan.component.html")).default,
7436            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./nuevo-plan.component.css */ "./src/app/nuevo-plan/nuevo-plan.component.css")).default]
7437        })
7438    ], NuevoPlanComponent);
7439    return NuevoPlanComponent;
7440}());
7441
7442
7443
7444/***/ }),
7445
7446/***/ "./src/app/pipe/safe.pipe.ts":
7447/*!***********************************!*\
7448  !*** ./src/app/pipe/safe.pipe.ts ***!
7449  \***********************************/
7450/*! exports provided: SafePipe */
7451/***/ (function(module, __webpack_exports__, __webpack_require__) {
7452
7453"use strict";
7454__webpack_require__.r(__webpack_exports__);
7455/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SafePipe", function() { return SafePipe; });
7456/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7457/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7458/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
7459
7460
7461
7462var SafePipe = /** @class */ (function () {
7463    function SafePipe(sanitizer) {
7464        this.sanitizer = sanitizer;
7465    }
7466    SafePipe.prototype.transform = function (value, type) {
7467        switch (type) {
7468            case 'html': return this.sanitizer.bypassSecurityTrustHtml(value);
7469            case 'style': return this.sanitizer.bypassSecurityTrustStyle(value);
7470            case 'script': return this.sanitizer.bypassSecurityTrustScript(value);
7471            case 'url': return this.sanitizer.bypassSecurityTrustUrl(value);
7472            case 'resourceUrl': return this.sanitizer.bypassSecurityTrustResourceUrl(value);
7473            default: throw new Error("Invalid safe type specified: " + type);
7474        }
7475    };
7476    SafePipe.ctorParameters = function () { return [
7477        { type: _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__["DomSanitizer"] }
7478    ]; };
7479    SafePipe = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7480        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
7481            name: 'safe'
7482        })
7483    ], SafePipe);
7484    return SafePipe;
7485}());
7486
7487
7488
7489/***/ }),
7490
7491/***/ "./src/app/pipe/sanitizeHtml.pipe.ts":
7492/*!*******************************************!*\
7493  !*** ./src/app/pipe/sanitizeHtml.pipe.ts ***!
7494  \*******************************************/
7495/*! exports provided: SanitizeHtmlPipe */
7496/***/ (function(module, __webpack_exports__, __webpack_require__) {
7497
7498"use strict";
7499__webpack_require__.r(__webpack_exports__);
7500/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SanitizeHtmlPipe", function() { return SanitizeHtmlPipe; });
7501/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7502/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7503/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
7504
7505
7506
7507var SanitizeHtmlPipe = /** @class */ (function () {
7508    function SanitizeHtmlPipe(_sanitizer) {
7509        this._sanitizer = _sanitizer;
7510    }
7511    SanitizeHtmlPipe.prototype.transform = function (v) {
7512        return this._sanitizer.bypassSecurityTrustHtml(v);
7513    };
7514    SanitizeHtmlPipe.ctorParameters = function () { return [
7515        { type: _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__["DomSanitizer"] }
7516    ]; };
7517    SanitizeHtmlPipe = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7518        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Pipe"])({
7519            name: 'sanitizeHtml'
7520        })
7521    ], SanitizeHtmlPipe);
7522    return SanitizeHtmlPipe;
7523}());
7524
7525
7526
7527/***/ }),
7528
7529/***/ "./src/app/pipe/shared-pipes.module.ts":
7530/*!*********************************************!*\
7531  !*** ./src/app/pipe/shared-pipes.module.ts ***!
7532  \*********************************************/
7533/*! exports provided: SharedPipesModule */
7534/***/ (function(module, __webpack_exports__, __webpack_require__) {
7535
7536"use strict";
7537__webpack_require__.r(__webpack_exports__);
7538/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SharedPipesModule", function() { return SharedPipesModule; });
7539/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7540/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7541/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
7542/* harmony import */ var _safe_pipe__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./safe.pipe */ "./src/app/pipe/safe.pipe.ts");
7543
7544
7545
7546
7547var SharedPipesModule = /** @class */ (function () {
7548    function SharedPipesModule() {
7549    }
7550    SharedPipesModule = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7551        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
7552            declarations: [_safe_pipe__WEBPACK_IMPORTED_MODULE_3__["SafePipe"]],
7553            imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"]],
7554            exports: [_safe_pipe__WEBPACK_IMPORTED_MODULE_3__["SafePipe"]]
7555        })
7556    ], SharedPipesModule);
7557    return SharedPipesModule;
7558}());
7559
7560
7561
7562/***/ }),
7563
7564/***/ "./src/app/plan-compartida/plan-compartida.component.css":
7565/*!***************************************************************!*\
7566  !*** ./src/app/plan-compartida/plan-compartida.component.css ***!
7567  \***************************************************************/
7568/*! exports provided: default */
7569/***/ (function(module, __webpack_exports__, __webpack_require__) {
7570
7571"use strict";
7572__webpack_require__.r(__webpack_exports__);
7573/* harmony default export */ __webpack_exports__["default"] = ("._end{\r\n  text-align: right;\r\n}\r\n.italic{\r\n  font-weight: normal;\r\n  font-style: italic;\r\n}\r\n.boton{\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  width: 100px !important;\r\n  height: 28px !important;\r\n}\r\n.print img{\r\n  width: 35px !important;\r\n  height: 40px !important;\r\n  padding-top: 10px;\r\n}\r\n.custom-pagination /deep/ .ngx-pagination .current {background: #e533a2;}\r\n.swal2-styled.swal2-confirm  {\r\n  border-left-color: #e533a2 !important;\r\n  border-right-color: #e533a2 !important;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGxhbi1jb21wYXJ0aWRhL3BsYW4tY29tcGFydGlkYS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSxtQkFBbUI7RUFDbkIsa0JBQWtCO0FBQ3BCO0FBQ0E7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLHVCQUF1QjtFQUN2Qix1QkFBdUI7QUFDekI7QUFDQTtFQUNFLHNCQUFzQjtFQUN0Qix1QkFBdUI7RUFDdkIsaUJBQWlCO0FBQ25CO0FBRUEsb0RBQW9ELG1CQUFtQixDQUFDO0FBRXhFO0VBQ0UscUNBQXFDO0VBQ3JDLHNDQUFzQztBQUN4QyIsImZpbGUiOiJzcmMvYXBwL3BsYW4tY29tcGFydGlkYS9wbGFuLWNvbXBhcnRpZGEuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5fZW5ke1xyXG4gIHRleHQtYWxpZ246IHJpZ2h0O1xyXG59XHJcbi5pdGFsaWN7XHJcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuLmJvdG9ue1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50O1xyXG4gIGhlaWdodDogMjhweCAhaW1wb3J0YW50O1xyXG59XHJcbi5wcmludCBpbWd7XHJcbiAgd2lkdGg6IDM1cHggIWltcG9ydGFudDtcclxuICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxuICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmN1c3RvbS1wYWdpbmF0aW9uIC9kZWVwLyAubmd4LXBhZ2luYXRpb24gLmN1cnJlbnQge2JhY2tncm91bmQ6ICNlNTMzYTI7fVxyXG5cclxuLnN3YWwyLXN0eWxlZC5zd2FsMi1jb25maXJtICB7XHJcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICNlNTMzYTIgIWltcG9ydGFudDtcclxuICBib3JkZXItcmlnaHQtY29sb3I6ICNlNTMzYTIgIWltcG9ydGFudDtcclxufSJdfQ== */");
7574
7575/***/ }),
7576
7577/***/ "./src/app/plan-compartida/plan-compartida.component.ts":
7578/*!**************************************************************!*\
7579  !*** ./src/app/plan-compartida/plan-compartida.component.ts ***!
7580  \**************************************************************/
7581/*! exports provided: PlanCompartidaComponent */
7582/***/ (function(module, __webpack_exports__, __webpack_require__) {
7583
7584"use strict";
7585__webpack_require__.r(__webpack_exports__);
7586/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlanCompartidaComponent", function() { return PlanCompartidaComponent; });
7587/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7588/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7589/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
7590/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_2__);
7591/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
7592/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
7593/* harmony import */ var _service_imprimir_pub_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/imprimir-pub.service */ "./src/app/service/imprimir-pub.service.ts");
7594/* harmony import */ var _service_publicas_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/publicas.service */ "./src/app/service/publicas.service.ts");
7595
7596
7597
7598
7599
7600
7601
7602var PlanCompartidaComponent = /** @class */ (function () {
7603    function PlanCompartidaComponent(planService, detalleService, imprimirService) {
7604        this.planService = planService;
7605        this.detalleService = detalleService;
7606        this.imprimirService = imprimirService;
7607        this.token = localStorage.getItem("token");
7608        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_3__["Navegacion"]();
7609        this.ref = 0;
7610        this.planes = [];
7611        this.detallereformas = [];
7612        this.publicas = [];
7613        this.compartidas = [];
7614        this.p = 1;
7615        this.pp = 1;
7616        this.navegacion.seccion = 16;
7617        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
7618    }
7619    PlanCompartidaComponent.prototype.ngOnInit = function () {
7620        var _this = this;
7621        this.planService
7622            .misplaneacionesCompartidas(this.token)
7623            .subscribe(function (response) {
7624            console.log(response);
7625            _this.publicas = response.publicas;
7626            _this.compartidas = response.compartidas;
7627        });
7628    };
7629    PlanCompartidaComponent.prototype.generatePdf = function (slug, id) {
7630        var _this = this;
7631        sweetalert2__WEBPACK_IMPORTED_MODULE_2___default.a.showLoading();
7632        var detalleplan = [];
7633        var reforma, grado, asignatura;
7634        var autor;
7635        this.planService
7636            .detallePlanes(this.token, id, slug)
7637            .subscribe(function (response) {
7638            autor = response.autor[0];
7639            detalleplan = response.plan;
7640            reforma = response.plan.info.reforma;
7641            grado = response.plan.info.grado;
7642            if (reforma == "2011") {
7643                if (response.plan.mod_edu[0].id_mod_edu_2011 == null)
7644                    asignatura = 19;
7645                else
7646                    asignatura = response.plan.reformaonce[0].asignatura;
7647            }
7648        });
7649        setTimeout(function () {
7650            //this.imprimirService.generarPdf(detalleplan);
7651            if (reforma == "2017") {
7652                _this.detalleService
7653                    .getModedu(_this.token)
7654                    .subscribe(function (response) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
7655                    return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
7656                        this.detallereformas = response;
7657                        this.imprimirService.generarPdf(detalleplan, this.detallereformas, autor);
7658                        return [2 /*return*/];
7659                    });
7660                }); });
7661            }
7662            if (reforma == "2011") {
7663                _this.detalleService
7664                    .getReformaxGrado(_this.token, grado, asignatura)
7665                    .subscribe(function (response) {
7666                    _this.detallereformas = response;
7667                    _this.imprimirService.generarPdf(detalleplan, _this.detallereformas, autor);
7668                });
7669            }
7670            if (reforma == "libre")
7671                _this.imprimirService.generarPdf(detalleplan, "", autor);
7672        }, 3000);
7673        setTimeout(function () {
7674            sweetalert2__WEBPACK_IMPORTED_MODULE_2___default.a.close();
7675        }, 6000);
7676    };
7677    PlanCompartidaComponent.ctorParameters = function () { return [
7678        { type: _service_publicas_service__WEBPACK_IMPORTED_MODULE_6__["PublicasService"] },
7679        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__["DetalleService"] },
7680        { type: _service_imprimir_pub_service__WEBPACK_IMPORTED_MODULE_5__["ImprimirPubService"] }
7681    ]; };
7682    PlanCompartidaComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7683        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
7684            selector: "app-plan-compartida",
7685            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./plan-compartida.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/plan-compartida/plan-compartida.component.html")).default,
7686            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./plan-compartida.component.css */ "./src/app/plan-compartida/plan-compartida.component.css")).default]
7687        })
7688    ], PlanCompartidaComponent);
7689    return PlanCompartidaComponent;
7690}());
7691
7692
7693
7694/***/ }),
7695
7696/***/ "./src/app/plan-sesion/plan-sesion.component.css":
7697/*!*******************************************************!*\
7698  !*** ./src/app/plan-sesion/plan-sesion.component.css ***!
7699  \*******************************************************/
7700/*! exports provided: default */
7701/***/ (function(module, __webpack_exports__, __webpack_require__) {
7702
7703"use strict";
7704__webpack_require__.r(__webpack_exports__);
7705/* harmony default export */ __webpack_exports__["default"] = (".header__title .btn-link {\r\n    width: 100%;\r\n    padding: 10px 0px 10px 50px;\r\n}\r\n.header__title i {\r\n    right: 15px;\r\n    top: 15px;\r\n}\r\n.accordion {\r\n    margin-bottom: 0;\r\n}\r\n.accordion.active div.card {\r\n    border-left: 2px solid #cccccc !important;\r\n}\r\n.table td, .table th {\r\n    border-top: 0;\r\n    border-bottom: 1px solid #dee2e6;\r\n}\r\n.btn-group-lg>.btn, .btn-lg {\r\n    padding: .3rem 1rem;\r\n    font-size: 1rem;\r\n}\r\n.btn-circle:hover,\r\n  .btn-circle.active {\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 10px rgba(11, 138, 228, 1.0);\r\n  }\r\n.btn-circle:hover div,\r\n  .btn-circle.active div {\r\n    background: #0bcaf1;\r\n  }\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGxhbi1zZXNpb24vcGxhbi1zZXNpb24uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLFdBQVc7SUFDWCwyQkFBMkI7QUFDL0I7QUFDQTtJQUNJLFdBQVc7SUFDWCxTQUFTO0FBQ2I7QUFDQTtJQUNJLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0kseUNBQXlDO0FBQzdDO0FBQ0E7SUFDSSxhQUFhO0lBQ2IsZ0NBQWdDO0FBQ3BDO0FBQ0E7SUFDSSxtQkFBbUI7SUFDbkIsZUFBZTtBQUNuQjtBQUNBOztJQUVJLHFCQUFxQjtJQUNyQiwrQ0FBK0M7RUFDakQ7QUFDQTs7SUFFRSxtQkFBbUI7RUFDckIiLCJmaWxlIjoic3JjL2FwcC9wbGFuLXNlc2lvbi9wbGFuLXNlc2lvbi5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmhlYWRlcl9fdGl0bGUgLmJ0bi1saW5rIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgcGFkZGluZzogMTBweCAwcHggMTBweCA1MHB4O1xyXG59XHJcbi5oZWFkZXJfX3RpdGxlIGkge1xyXG4gICAgcmlnaHQ6IDE1cHg7XHJcbiAgICB0b3A6IDE1cHg7XHJcbn1cclxuLmFjY29yZGlvbiB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG59XHJcbi5hY2NvcmRpb24uYWN0aXZlIGRpdi5jYXJkIHtcclxuICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgI2NjY2NjYyAhaW1wb3J0YW50O1xyXG59XHJcbi50YWJsZSB0ZCwgLnRhYmxlIHRoIHtcclxuICAgIGJvcmRlci10b3A6IDA7XHJcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RlZTJlNjtcclxufVxyXG4uYnRuLWdyb3VwLWxnPi5idG4sIC5idG4tbGcge1xyXG4gICAgcGFkZGluZzogLjNyZW0gMXJlbTtcclxuICAgIGZvbnQtc2l6ZTogMXJlbTtcclxufVxyXG4uYnRuLWNpcmNsZTpob3ZlcixcclxuICAuYnRuLWNpcmNsZS5hY3RpdmUge1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgYm94LXNoYWRvdzogMCAxMHB4IDEwcHggcmdiYSgxMSwgMTM4LCAyMjgsIDEuMCk7XHJcbiAgfVxyXG4gIC5idG4tY2lyY2xlOmhvdmVyIGRpdixcclxuICAuYnRuLWNpcmNsZS5hY3RpdmUgZGl2IHtcclxuICAgIGJhY2tncm91bmQ6ICMwYmNhZjE7XHJcbiAgfSJdfQ== */");
7706
7707/***/ }),
7708
7709/***/ "./src/app/plan-sesion/plan-sesion.component.ts":
7710/*!******************************************************!*\
7711  !*** ./src/app/plan-sesion/plan-sesion.component.ts ***!
7712  \******************************************************/
7713/*! exports provided: PlanSesionComponent */
7714/***/ (function(module, __webpack_exports__, __webpack_require__) {
7715
7716"use strict";
7717__webpack_require__.r(__webpack_exports__);
7718/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlanSesionComponent", function() { return PlanSesionComponent; });
7719/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7720/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7721/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
7722/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
7723/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
7724
7725
7726
7727
7728
7729var PlanSesionComponent = /** @class */ (function () {
7730    function PlanSesionComponent(detalleService, router) {
7731        var _this = this;
7732        this.detalleService = detalleService;
7733        this.router = router;
7734        this.grado = false;
7735        this.token = localStorage.getItem('token');
7736        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_3__["Navegacion"]();
7737        this.planeaciones = [];
7738        this.materias = [];
7739        this.baja = [];
7740        this.media = [];
7741        this.alta = [];
7742        this.handleMostrar = function (periodo) {
7743            if (periodo == 1) {
7744                _this.grado = false;
7745            }
7746            else if (periodo == 0) {
7747                _this.grado = true;
7748                _this.nivel();
7749            }
7750        };
7751        this.navegacion.seccion = 32;
7752        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
7753        this.detalleService.getPlaneacionesxSesion(this.token).subscribe(function (response) {
7754            _this.materias = response.materias;
7755            _this.planeaciones = response.planeaciones;
7756            console.log(_this.planeaciones);
7757        });
7758    }
7759    PlanSesionComponent.prototype.ngOnInit = function () {
7760        var top = document.getElementById('top');
7761        if (top !== null) {
7762            top.scrollIntoView();
7763            top = null;
7764        }
7765        $(".modal .close").click(function () {
7766            $('.modal').fadeOut();
7767            $('.modal').removeClass('show');
7768            console.log('close modal');
7769        });
7770    };
7771    PlanSesionComponent.prototype.nivel = function () {
7772        var _this = this;
7773        this.planeaciones.forEach(function (p) {
7774            if (p.nivel.includes('baja')) {
7775                _this.baja.push(p);
7776            }
7777            if (p.nivel.includes('media')) {
7778                _this.media.push(p);
7779            }
7780            if (p.nivel.includes('alta')) {
7781                _this.alta.push(p);
7782            }
7783        });
7784    };
7785    PlanSesionComponent.prototype.registrar = function (id) {
7786        this.detalleService.navegacionPlanSes(this.token, { sesion_id: id, grado: this.grado }).subscribe();
7787    };
7788    PlanSesionComponent.ctorParameters = function () { return [
7789        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_4__["DetalleService"] },
7790        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] }
7791    ]; };
7792    PlanSesionComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7793        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
7794            selector: 'app-plan-sesion',
7795            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./plan-sesion.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/plan-sesion/plan-sesion.component.html")).default,
7796            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./plan-sesion.component.css */ "./src/app/plan-sesion/plan-sesion.component.css")).default]
7797        })
7798    ], PlanSesionComponent);
7799    return PlanSesionComponent;
7800}());
7801
7802
7803
7804/***/ }),
7805
7806/***/ "./src/app/planes/planes.component.css":
7807/*!*********************************************!*\
7808  !*** ./src/app/planes/planes.component.css ***!
7809  \*********************************************/
7810/*! exports provided: default */
7811/***/ (function(module, __webpack_exports__, __webpack_require__) {
7812
7813"use strict";
7814__webpack_require__.r(__webpack_exports__);
7815/* harmony default export */ __webpack_exports__["default"] = ("._end{\r\n  text-align: right;\r\n}\r\n.italic{\r\n  font-weight: normal;\r\n  font-style: italic;\r\n}\r\n.boton{\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  width: 100px !important;\r\n  height: 28px !important;\r\n}\r\n.print img{\r\n  width: 35px !important;\r\n  height: 40px !important;\r\n  padding-top: 10px;\r\n}\r\n.custom-pagination /deep/ .ngx-pagination .current {background: #e533a2;}\r\n.swal2-styled.swal2-confirm  {\r\n  border-left-color: #e533a2 !important;\r\n  border-right-color: #e533a2 !important;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGxhbmVzL3BsYW5lcy5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSxtQkFBbUI7RUFDbkIsa0JBQWtCO0FBQ3BCO0FBQ0E7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLHVCQUF1QjtFQUN2Qix1QkFBdUI7QUFDekI7QUFDQTtFQUNFLHNCQUFzQjtFQUN0Qix1QkFBdUI7RUFDdkIsaUJBQWlCO0FBQ25CO0FBRUEsb0RBQW9ELG1CQUFtQixDQUFDO0FBRXhFO0VBQ0UscUNBQXFDO0VBQ3JDLHNDQUFzQztBQUN4QyIsImZpbGUiOiJzcmMvYXBwL3BsYW5lcy9wbGFuZXMuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5fZW5ke1xyXG4gIHRleHQtYWxpZ246IHJpZ2h0O1xyXG59XHJcbi5pdGFsaWN7XHJcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuLmJvdG9ue1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50O1xyXG4gIGhlaWdodDogMjhweCAhaW1wb3J0YW50O1xyXG59XHJcbi5wcmludCBpbWd7XHJcbiAgd2lkdGg6IDM1cHggIWltcG9ydGFudDtcclxuICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxuICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmN1c3RvbS1wYWdpbmF0aW9uIC9kZWVwLyAubmd4LXBhZ2luYXRpb24gLmN1cnJlbnQge2JhY2tncm91bmQ6ICNlNTMzYTI7fVxyXG5cclxuLnN3YWwyLXN0eWxlZC5zd2FsMi1jb25maXJtICB7XHJcbiAgYm9yZGVyLWxlZnQtY29sb3I6ICNlNTMzYTIgIWltcG9ydGFudDtcclxuICBib3JkZXItcmlnaHQtY29sb3I6ICNlNTMzYTIgIWltcG9ydGFudDtcclxufSJdfQ== */");
7816
7817/***/ }),
7818
7819/***/ "./src/app/planes/planes.component.ts":
7820/*!********************************************!*\
7821  !*** ./src/app/planes/planes.component.ts ***!
7822  \********************************************/
7823/*! exports provided: PlanesComponent */
7824/***/ (function(module, __webpack_exports__, __webpack_require__) {
7825
7826"use strict";
7827__webpack_require__.r(__webpack_exports__);
7828/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlanesComponent", function() { return PlanesComponent; });
7829/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7830/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7831/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
7832/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
7833/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
7834/* harmony import */ var src_assets_JSON_descripcion_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/assets/JSON/descripcion.json */ "./src/assets/JSON/descripcion.json");
7835var src_assets_JSON_descripcion_json__WEBPACK_IMPORTED_MODULE_5___namespace = /*#__PURE__*/__webpack_require__.t(/*! src/assets/JSON/descripcion.json */ "./src/assets/JSON/descripcion.json", 1);
7836/* harmony import */ var _service_imprimir_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/imprimir.service */ "./src/app/service/imprimir.service.ts");
7837/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
7838/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_7__);
7839
7840
7841
7842
7843
7844
7845
7846
7847var PlanesComponent = /** @class */ (function () {
7848    function PlanesComponent(detalleService, imprimirService, router) {
7849        var _this = this;
7850        this.detalleService = detalleService;
7851        this.imprimirService = imprimirService;
7852        this.router = router;
7853        this.planes = [];
7854        this.planesLT = [];
7855        this.letra = [];
7856        this.detallereformas = [];
7857        this.p = 1;
7858        this.token = localStorage.getItem('token');
7859        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_4__["Navegacion"]();
7860        this.infoplanesLT = src_assets_JSON_descripcion_json__WEBPACK_IMPORTED_MODULE_5__.info;
7861        this.navegacion.seccion = 10;
7862        this.detalleService.navegacion(this.token, this.navegacion).subscribe();
7863        localStorage.removeItem('PlanId');
7864        localStorage.removeItem('PlanSlug');
7865        this.detalleService.mostrarPlanes(this.token).subscribe(function (response) {
7866            console.log(response);
7867            _this.planes = response.planes;
7868            _this.planesLT = response.planesLT;
7869            _this.first = _this.planes.length;
7870        });
7871    }
7872    PlanesComponent.prototype.ngOnInit = function () {
7873        $(".modal .close").click(function () {
7874            $('.modal').fadeOut();
7875            $('.modal').removeClass('show');
7876            console.log('close modal');
7877        });
7878    };
7879    PlanesComponent.prototype.nuevoplan = function () {
7880        var newSearch = "nullo";
7881        localStorage.setItem('home', 'Si');
7882        this.router.navigate(['nuevo-plan', newSearch]);
7883    };
7884    PlanesComponent.prototype.generatePdf = function (slug, id) {
7885        var _this = this;
7886        sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.showLoading();
7887        var detalleplan = [];
7888        var reforma, grado, asignatura;
7889        this.detalleService.detallePlanes(this.token, id, slug).subscribe(function (response) {
7890            detalleplan = response.plan;
7891            reforma = response.plan.info.reforma;
7892            grado = response.plan.info.grado;
7893            if (reforma == '2011') {
7894                if (response.plan.mod_edu[0].id_mod_edu_2011 == null)
7895                    asignatura = 19;
7896                else
7897                    asignatura = response.plan.reformaonce[0].asignatura;
7898            }
7899        });
7900        setTimeout(function () {
7901            //this.imprimirService.generarPdf(detalleplan);
7902            if (reforma == '2017') {
7903                _this.detalleService.getModedu(_this.token).subscribe(function (response) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
7904                    return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
7905                        this.detallereformas = response;
7906                        this.imprimirService.generarPdf(detalleplan, this.detallereformas);
7907                        return [2 /*return*/];
7908                    });
7909                }); });
7910            }
7911            if (reforma == '2011') {
7912                _this.detalleService.getReformaxGrado(_this.token, grado, asignatura).subscribe(function (response) {
7913                    _this.detallereformas = response;
7914                    _this.imprimirService.generarPdf(detalleplan, _this.detallereformas);
7915                });
7916            }
7917            if (reforma == 'libre')
7918                _this.imprimirService.generarPdf(detalleplan, '');
7919        }, 3000);
7920        setTimeout(function () { sweetalert2__WEBPACK_IMPORTED_MODULE_7___default.a.close(); }, 6000);
7921    };
7922    PlanesComponent.ctorParameters = function () { return [
7923        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_2__["DetalleService"] },
7924        { type: _service_imprimir_service__WEBPACK_IMPORTED_MODULE_6__["ImprimirService"] },
7925        { type: _angular_router__WEBPACK_IMPORTED_MODULE_3__["Router"] }
7926    ]; };
7927    PlanesComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
7928        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
7929            selector: 'app-planes',
7930            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./planes.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/planes/planes.component.html")).default,
7931            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./planes.component.css */ "./src/app/planes/planes.component.css")).default]
7932        })
7933    ], PlanesComponent);
7934    return PlanesComponent;
7935}());
7936
7937
7938
7939/***/ }),
7940
7941/***/ "./src/app/recibos-pagos/recibos-pagos.component.css":
7942/*!***********************************************************!*\
7943  !*** ./src/app/recibos-pagos/recibos-pagos.component.css ***!
7944  \***********************************************************/
7945/*! exports provided: default */
7946/***/ (function(module, __webpack_exports__, __webpack_require__) {
7947
7948"use strict";
7949__webpack_require__.r(__webpack_exports__);
7950/* harmony default export */ __webpack_exports__["default"] = (".principalBox{\r\n    border: 1px solid #999;\r\n    border-radius: 15px;\r\n    background: #f6f6f6;\r\n    margin: 2rem 0;\r\n    padding: 0px 50px 30px 50px;\r\n    box-shadow: 0px 0px 15px 2px #999;\r\n}\r\np{\r\n    padding: 0 !important;\r\n    margin: 0 !important; \r\n}\r\nli{\r\n    margin-bottom: 10px;\r\n}\r\nhr{\r\n    border: 1px solid lightgray;\r\n    width: 100%;\r\n    background: lightgray;\r\n}\r\n.space{\r\n    margin-top: 20px;\r\n}\r\n.bienvenidoBox{\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin-bottom: 50px;\r\n    margin-top: 30px;\r\n    padding: 0 30px;\r\n}\r\n.imprimirBox{\r\n    color: white;\r\n    background: black;\r\n    padding: 5px;\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n.monto{\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    color: gray;\r\n}\r\n.price{\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    padding: 18px 0 !important;\r\n}\r\n.legend{\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    color: gray;\r\n    font-weight: 500;\r\n    font-style: italic;\r\n}\r\n.title{\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n}\r\n.code{\r\n    text-align: center;\r\n    border: 6px solid lightgrey;\r\n    border-radius: 12px;\r\n    padding: 1rem 0;\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    margin: 10px 0 30px 0;\r\n    text-transform: uppercase;\r\n}\r\n@media screen and (max-width: 600px) {\r\n    .code {\r\n        font-size: 20px;\r\n    }\r\n  }\r\n.instructions{\r\n    font-size: 14px;\r\n    line-height: 1.2;\r\n    font-weight: 300;\r\n}\r\n.comments{\r\n    border: 3px solid #03AC13;\r\n    color: #03AC13;\r\n    margin: 30px 0 50px 0;\r\n    border-radius: 8px;\r\n    padding: 25px;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    letter-spacing: .5px;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcmVjaWJvcy1wYWdvcy9yZWNpYm9zLXBhZ29zLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxzQkFBc0I7SUFDdEIsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixjQUFjO0lBQ2QsMkJBQTJCO0lBQzNCLGlDQUFpQztBQUNyQztBQUNBO0lBQ0kscUJBQXFCO0lBQ3JCLG9CQUFvQjtBQUN4QjtBQUNBO0lBQ0ksbUJBQW1CO0FBQ3ZCO0FBQ0E7SUFDSSwyQkFBMkI7SUFDM0IsV0FBVztJQUNYLHFCQUFxQjtBQUN6QjtBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLGVBQWU7QUFDbkI7QUFFQTtJQUNJLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixtQkFBbUI7QUFDdkI7QUFFQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsV0FBVztBQUNmO0FBRUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLDBCQUEwQjtBQUM5QjtBQUVBO0lBQ0ksZUFBZTtJQUNmLGNBQWM7SUFDZCxXQUFXO0lBQ1gsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0QjtBQUVBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjtBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLDJCQUEyQjtJQUMzQixtQkFBbUI7SUFDbkIsZUFBZTtJQUNmLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsbUJBQW1CO0lBQ25CLHFCQUFxQjtJQUNyQix5QkFBeUI7QUFDN0I7QUFFQTtJQUNJO1FBQ0ksZUFBZTtJQUNuQjtFQUNGO0FBRUY7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtBQUNwQjtBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLGNBQWM7SUFDZCxxQkFBcUI7SUFDckIsa0JBQWtCO0lBQ2xCLGFBQWE7SUFDYixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLG9CQUFvQjtBQUN4QiIsImZpbGUiOiJzcmMvYXBwL3JlY2lib3MtcGFnb3MvcmVjaWJvcy1wYWdvcy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnByaW5jaXBhbEJveHtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICM5OTk7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxNXB4O1xyXG4gICAgYmFja2dyb3VuZDogI2Y2ZjZmNjtcclxuICAgIG1hcmdpbjogMnJlbSAwO1xyXG4gICAgcGFkZGluZzogMHB4IDUwcHggMzBweCA1MHB4O1xyXG4gICAgYm94LXNoYWRvdzogMHB4IDBweCAxNXB4IDJweCAjOTk5O1xyXG59XHJcbnB7XHJcbiAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW46IDAgIWltcG9ydGFudDsgXHJcbn1cclxubGl7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xyXG59XHJcbmhye1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kOiBsaWdodGdyYXk7XHJcbn1cclxuXHJcbi5zcGFjZXtcclxuICAgIG1hcmdpbi10b3A6IDIwcHg7XHJcbn1cclxuXHJcbi5iaWVudmVuaWRvQm94e1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDUwcHg7XHJcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xyXG4gICAgcGFkZGluZzogMCAzMHB4O1xyXG59XHJcblxyXG4uaW1wcmltaXJCb3h7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kOiBibGFjaztcclxuICAgIHBhZGRpbmc6IDVweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIG1hcmdpbi1ib3R0b206IDMwcHg7XHJcbn1cclxuXHJcbi5tb250b3tcclxuICAgIGZvbnQtc2l6ZTogMThweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBjb2xvcjogZ3JheTtcclxufVxyXG5cclxuLnByaWNle1xyXG4gICAgZm9udC1zaXplOiAzMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIHBhZGRpbmc6IDE4cHggMCAhaW
79501wb3J0YW50O1xyXG59XHJcblxyXG4ubGVnZW5ke1xyXG4gICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgbGluZS1oZWlnaHQ6IDE7XHJcbiAgICBjb2xvcjogZ3JheTtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuXHJcbi50aXRsZXtcclxuICAgIGZvbnQtc2l6ZTogMThweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuXHJcbi5jb2Rle1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYm9yZGVyOiA2cHggc29saWQgbGlnaHRncmV5O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcclxuICAgIHBhZGRpbmc6IDFyZW0gMDtcclxuICAgIGZvbnQtc2l6ZTogMzBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgICBsZXR0ZXItc3BhY2luZzogMnB4O1xyXG4gICAgbWFyZ2luOiAxMHB4IDAgMzBweCAwO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgIC5jb2RlIHtcclxuICAgICAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuLmluc3RydWN0aW9uc3tcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XHJcbiAgICBmb250LXdlaWdodDogMzAwO1xyXG59XHJcblxyXG4uY29tbWVudHN7XHJcbiAgICBib3JkZXI6IDNweCBzb2xpZCAjMDNBQzEzO1xyXG4gICAgY29sb3I6ICMwM0FDMTM7XHJcbiAgICBtYXJnaW46IDMwcHggMCA1MHB4IDA7XHJcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XHJcbiAgICBwYWRkaW5nOiAyNXB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGxldHRlci1zcGFjaW5nOiAuNXB4O1xyXG59Il19 */");
7951
7952/***/ }),
7953
7954/***/ "./src/app/recibos-pagos/recibos-pagos.component.ts":
7955/*!**********************************************************!*\
7956  !*** ./src/app/recibos-pagos/recibos-pagos.component.ts ***!
7957  \**********************************************************/
7958/*! exports provided: RecibosPagosComponent */
7959/***/ (function(module, __webpack_exports__, __webpack_require__) {
7960
7961"use strict";
7962__webpack_require__.r(__webpack_exports__);
7963/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RecibosPagosComponent", function() { return RecibosPagosComponent; });
7964/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
7965/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
7966/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
7967/* harmony import */ var html2pdf_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! html2pdf.js */ "./node_modules/html2pdf.js/dist/html2pdf.js");
7968/* harmony import */ var html2pdf_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(html2pdf_js__WEBPACK_IMPORTED_MODULE_3__);
7969
7970
7971
7972
7973var RecibosPagosComponent = /** @class */ (function () {
7974    function RecibosPagosComponent(route) {
7975        this.route = route;
7976    }
7977    RecibosPagosComponent.prototype.generatePDF = function () {
7978        var bloque = document.getElementById("formato");
7979        var options = {
7980            margin: [0.3, 3, 0, 3],
7981            filename: this.recibo.charges.data[0].order_id + ".pdf",
7982            image: { type: "png" },
7983            html2canvas: {
7984                letterRendering: false,
7985                useCORS: false,
7986            },
7987            jsPDF: { unit: "cm", orientation: "portrait" },
7988        };
7989        html2pdf_js__WEBPACK_IMPORTED_MODULE_3__().from(bloque).set(options).toPdf().get("pdf").save();
7990    };
7991    RecibosPagosComponent.prototype.ngOnInit = function () {
7992        var _this = this;
7993        this.route.queryParams.subscribe(function (params) {
7994            _this.recibo = JSON.parse(params["checkout"]);
7995            //1-Tarjeta 2-Oxxo 3-Paypal 4-Transferencia.
7996            if (_this.recibo.charges.data[0].payment_method.type == "credit" ||
7997                _this.recibo.charges.data[0].payment_method.type == "debit") {
7998                _this.formato = 1;
7999            }
8000            if (_this.recibo.charges.data[0].payment_method.type == "oxxo") {
8001                _this.formato = 2;
8002            }
8003            if (_this.recibo.charges.data[0].payment_method.type == "paypal") {
8004                _this.formato = 3;
8005            }
8006            if (_this.recibo.charges.data[0].payment_method.type == "spei") {
8007                _this.formato = 4;
8008            }
8009            console.log(_this.recibo);
8010        });
8011    };
8012    RecibosPagosComponent.ctorParameters = function () { return [
8013        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] }
8014    ]; };
8015    RecibosPagosComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
8016        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
8017            selector: "app-recibos-pagos",
8018            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./recibos-pagos.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/recibos-pagos/recibos-pagos.component.html")).default,
8019            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./recibos-pagos.component.css */ "./src/app/recibos-pagos/recibos-pagos.component.css")).default]
8020        })
8021    ], RecibosPagosComponent);
8022    return RecibosPagosComponent;
8023}());
8024
8025
8026
8027/***/ }),
8028
8029/***/ "./src/app/recupera-contra/recupera-contra.component.css":
8030/*!***************************************************************!*\
8031  !*** ./src/app/recupera-contra/recupera-contra.component.css ***!
8032  \***************************************************************/
8033/*! exports provided: default */
8034/***/ (function(module, __webpack_exports__, __webpack_require__) {
8035
8036"use strict";
8037__webpack_require__.r(__webpack_exports__);
8038/* harmony default export */ __webpack_exports__["default"] = (".recuperar{\r\n  width:233px;\r\n}\r\n\r\n.ojito{\r\n  width: 27px; height: 27px;\r\n  top: 35%;\r\n  right: 5%;\r\n  position: absolute;\r\n  cursor: pointer;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcmVjdXBlcmEtY29udHJhL3JlY3VwZXJhLWNvbnRyYS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVyxFQUFFLFlBQVk7RUFDekIsUUFBUTtFQUNSLFNBQVM7RUFDVCxrQkFBa0I7RUFDbEIsZUFBZTtBQUNqQiIsImZpbGUiOiJzcmMvYXBwL3JlY3VwZXJhLWNvbnRyYS9yZWN1cGVyYS1jb250cmEuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5yZWN1cGVyYXJ7XHJcbiAgd2lkdGg6MjMzcHg7XHJcbn1cclxuXHJcbi5vaml0b3tcclxuICB3aWR0aDogMjdweDsgaGVpZ2h0OiAyN3B4O1xyXG4gIHRvcDogMzUlO1xyXG4gIHJpZ2h0OiA1JTtcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG59Il19 */");
8039
8040/***/ }),
8041
8042/***/ "./src/app/recupera-contra/recupera-contra.component.ts":
8043/*!**************************************************************!*\
8044  !*** ./src/app/recupera-contra/recupera-contra.component.ts ***!
8045  \**************************************************************/
8046/*! exports provided: RecuperaContraComponent */
8047/***/ (function(module, __webpack_exports__, __webpack_require__) {
8048
8049"use strict";
8050__webpack_require__.r(__webpack_exports__);
8051/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RecuperaContraComponent", function() { return RecuperaContraComponent; });
8052/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8053/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
8054/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
8055/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
8056/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_3__);
8057/* harmony import */ var _models_perfil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/perfil */ "./src/app/models/perfil.ts");
8058/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
8059
8060
8061
8062
8063
8064
8065var RecuperaContraComponent = /** @class */ (function () {
8066    function RecuperaContraComponent(userService, activatedRoute, router) {
8067        var _this = this;
8068        this.userService = userService;
8069        this.activatedRoute = activatedRoute;
8070        this.router = router;
8071        this.confPass = "";
8072        this.newPassword = new _models_perfil__WEBPACK_IMPORTED_MODULE_4__["Password"]();
8073        this.showPassword = false;
8074        this.activatedRoute.params.subscribe(function (params) {
8075            _this.newPassword.id = params.id;
8076            _this.fecha = parseInt(params.fecha);
8077        });
8078    }
8079    RecuperaContraComponent.prototype.ngOnInit = function () { };
8080    RecuperaContraComponent.prototype.recuperar = function (form) {
8081        var _this = this;
8082        var ahora = new Date();
8083        var tiempo = ahora.getTime();
8084        console.log(tiempo, this.fecha);
8085        if (tiempo <= this.fecha) {
8086            if (this.newPassword.password === this.confPass) {
8087                this.userService
8088                    .recuperarContraseña(this.newPassword)
8089                    .subscribe(function (response) {
8090                    localStorage.clear();
8091                    _this.newPassword.id = "";
8092                    _this.newPassword.password = "";
8093                    sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
8094                        type: "success",
8095                        title: "Contraseña actualizada.",
8096                        showConfirmButton: false,
8097                        timer: 1500,
8098                    });
8099                    _this.router.navigate(["login"]);
8100                });
8101            }
8102            else {
8103                sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
8104                    type: "error",
8105                    title: "Las contraseñas no coinciden.",
8106                    showConfirmButton: false,
8107                    timer: 1500,
8108                });
8109            }
8110        }
8111        else {
8112            sweetalert2__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
8113                type: "error",
8114                title: "Tu tiempo para modificar tu contraseña expiró. Vuelve a solicitar tu cambio de contraseña.",
8115                showConfirmButton: false,
8116                timer: 1500,
8117            });
8118        }
8119    };
8120    RecuperaContraComponent.ctorParameters = function () { return [
8121        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_5__["UserService"] },
8122        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
8123        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] }
8124    ]; };
8125    RecuperaContraComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
8126        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
8127            selector: "app-recupera-contra",
8128            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./recupera-contra.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/recupera-contra/recupera-contra.component.html")).default,
8129            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./recupera-contra.component.css */ "./src/app/recupera-contra/recupera-contra.component.css")).default]
8130        })
8131    ], RecuperaContraComponent);
8132    return RecuperaContraComponent;
8133}());
8134
8135
8136
8137/***/ }),
8138
8139/***/ "./src/app/registro/registro.component.css":
8140/*!*************************************************!*\
8141  !*** ./src/app/registro/registro.component.css ***!
8142  \*************************************************/
8143/*! exports provided: default */
8144/***/ (function(module, __webpack_exports__, __webpack_require__) {
8145
8146"use strict";
8147__webpack_require__.r(__webpack_exports__);
8148/* harmony default export */ __webpack_exports__["default"] = (".form-check-label a{\r\n    color: black;\r\n}\r\n\r\n.codigo{\r\n    margin-top: 10px;\r\n}\r\n\r\n.ojito{\r\n  width: 27px; height: 27px;\r\n  top: 35%;\r\n  right: 5%;\r\n  position: absolute;\r\n  cursor: pointer;\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcmVnaXN0cm8vcmVnaXN0cm8uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7RUFDRSxXQUFXLEVBQUUsWUFBWTtFQUN6QixRQUFRO0VBQ1IsU0FBUztFQUNULGtCQUFrQjtFQUNsQixlQUFlO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvcmVnaXN0cm8vcmVnaXN0cm8uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb3JtLWNoZWNrLWxhYmVsIGF7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbn1cclxuXHJcbi5jb2RpZ297XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcblxyXG4ub2ppdG97XHJcbiAgd2lkdGg6IDI3cHg7IGhlaWdodDogMjdweDtcclxuICB0b3A6IDM1JTtcclxuICByaWdodDogNSU7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxufSJdfQ== */");
8149
8150/***/ }),
8151
8152/***/ "./src/app/registro/registro.component.ts":
8153/*!************************************************!*\
8154  !*** ./src/app/registro/registro.component.ts ***!
8155  \************************************************/
8156/*! exports provided: RegistroComponent */
8157/***/ (function(module, __webpack_exports__, __webpack_require__) {
8158
8159"use strict";
8160__webpack_require__.r(__webpack_exports__);
8161/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RegistroComponent", function() { return RegistroComponent; });
8162/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8163/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
8164/* harmony import */ var _models_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/user */ "./src/app/models/user.ts");
8165/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
8166/* harmony import */ var _service_user_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../service/user.service */ "./src/app/service/user.service.ts");
8167/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
8168/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_5__);
8169/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
8170
8171
8172
8173
8174
8175
8176
8177var RegistroComponent = /** @class */ (function () {
8178    function RegistroComponent(userService, detalleService, router, activatedRoute) {
8179        var _this = this;
8180        this.userService = userService;
8181        this.detalleService = detalleService;
8182        this.router = router;
8183        this.activatedRoute = activatedRoute;
8184        this.registro = new _models_user__WEBPACK_IMPORTED_MODULE_2__["Registro"]();
8185        this.showPassword = false;
8186        this.showPassword1 = false;
8187        this.isDisabled = false;
8188        this.colombia = 0;
8189        this.fya = 0;
8190        this.piloto = 0;
8191        this.sek = 0;
8192        this.techint = 0;
8193        this.proed = 0;
8194        this.taktaktak = 0;
8195        this.emgm = 0;
8196        this.token = localStorage.getItem('token');
8197        this.detalleService.catPais(this.token).subscribe(function (response) {
8198            _this.paises = response;
8199        });
8200        this.detalleService.catState(this.token).subscribe(function (response) {
8201            _this.estados = response;
8202        });
8203    }
8204    RegistroComponent.prototype.ngOnInit = function () {
8205        var _this = this;
8206        this.campania = {
8207            campanias: this.activatedRoute.snapshot.params.campanias,
8208        };
8209        this.activatedRoute.params.subscribe(function (params) {
8210            _this.campania.campanias = params.campanias;
8211            if (_this.campania.campanias == 'colombia') {
8212                _this.colombia = 1;
8213            }
8214            else if (_this.campania.campanias == 'FIFYA') {
8215                _this.fya = 1;
8216            }
8217            else if (_this.campania.campanias == 'piloto') {
8218                _this.piloto = 1;
8219            }
8220            else if (_this.campania.campanias == 'SEK') {
8221                _this.sek = 1;
8222            }
8223            else if (_this.campania.campanias == 'techint') {
8224                _this.techint = 1;
8225            }
8226            else if (_this.campania.campanias == 'proed') {
8227                _this.proed = 1;
8228            }
8229            else if (_this.campania.campanias == 'taktaktak') {
8230                _this.taktaktak = 1;
8231            }
8232            else if (_this.campania.campanias == 'emgm') {
8233                _this.emgm = 1;
8234            }
8235        });
8236    };
8237    RegistroComponent.prototype.crearUser = function (form) {
8238        var _this = this;
8239        if (form.valid) {
8240            this.registro = form.value;
8241            this.registro.colombia = this.colombia;
8242            this.registro.fya = this.fya;
8243            this.registro.datacole = 0;
8244            this.registro.piloto = this.piloto;
8245            this.registro.sek = this.sek;
8246            this.registro.techint = this.techint;
8247            this.registro.proed = this.proed;
8248            this.registro.taktaktak = this.taktaktak;
8249            this.registro.emgm = this.emgm;
8250            if (this.colombia == 1) {
8251                this.registro.txt_source = "Colombia";
8252            }
8253            else if (this.fya == 1) {
8254                this.registro.txt_source = "FIFYA";
8255                form.value.state_id = '33';
8256                if (form.value.pais_id == "" || form.value.pais_id == undefined) {
8257                    sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
8258                        type: 'error',
8259                        title: 'Verifica el país elegido',
8260                        showConfirmButton: false,
8261                        timer: 1500
8262                    });
8263                    return true;
8264                }
8265            }
8266            else if (this.piloto == 1) {
8267                this.registro.txt_source = "piloto";
8268            }
8269            else if (this.sek == 1) {
8270                this.registro.txt_source = "SEK";
8271            }
8272            else if (this.techint == 1) {
8273                this.registro.txt_source = "techint";
8274            }
8275            else if (this.proed == 1) {
8276                this.registro.txt_source = "proed";
8277            }
8278            else if (this.taktaktak == 1) {
8279                this.registro.txt_source = "taktaktak";
8280            }
8281            else if (this.emgm == 1) {
8282                this.registro.txt_source = "emgm";
8283            }
8284            this.registro.activar_licencia = (this.registro.codigo != "") ? 1 : 0;
8285            if ((this.registro.email == this.registro.emailConfir) && this.registro.email != ""
8286                && this.registro.email.match(/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/)) {
8287                if (this.registro.password != "" && (this.registro.password == this.registro.password_conf) && this.registro.password.length >= 6) {
8288                    if (this.registro.aviso) {
8289                        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.showLoading();
8290                        this.isDisabled = true;
8291                        this.userService.registro(this.registro).subscribe(function (response) {
8292                            localStorage.setItem('token', response.token);
8293                            localStorage.setItem('email', _this.registro.email);
8294                            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.close();
8295                            _this.router.navigate(['inicio']);
8296                        }, function (error) {
8297                            _this.isDisabled = false;
8298                            var msj = "Usuario ya existente";
8299                            console.log(error);
8300                            if (error["error"]["message"] == "El código es incorrecto.") {
8301                                msj = "El código de acceso es incorrecto.";
8302                            }
8303                            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
8304                                type: 'error',
8305                                title: msj,
8306                                showConfirmButton: false,
8307                                timer: 1500
8308                            });
8309                        });
8310                    }
8311                    else {
8312                        sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
8313                            type: 'error',
8314                            title: 'Acepta nuestro aviso de privacidad',
8315                            showConfirmButton: false,
8316                            timer: 1500
8317                        });
8318                    }
8319                }
8320                else {
8321                    sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
8322                        type: 'error',
8323                        title: 'Verifica tu contraseña ',
8324                        showConfirmButton: false,
8325                        timer: 1500
8326                    });
8327                }
8328            }
8329            else {
8330                sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
8331                    type: 'error',
8332                    title: 'Verifica tu correo ',
8333                    showConfirmButton: false,
8334                    timer: 1500
8335                });
8336            }
8337        }
8338        else {
8339            sweetalert2__WEBPACK_IMPORTED_MODULE_5___default.a.fire({
8340                type: 'error',
8341                title: 'Verifica que todos los campos esten llenos.',
8342                showConfirmButton: false,
8343                timer: 1500
8344            });
8345        }
8346    };
8347    RegistroComponent.ctorParameters = function () { return [
8348        { type: _service_user_service__WEBPACK_IMPORTED_MODULE_4__["UserService"] },
8349        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_6__["DetalleService"] },
8350        { type: _angular_router__WEBPACK_IMPORTED_MODULE_3__["Router"] },
8351        { type: _angular_router__WEBPACK_IMPORTED_MODULE_3__["ActivatedRoute"] }
8352    ]; };
8353    RegistroComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
8354        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
8355            selector: 'app-registro',
8356            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./registro.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/registro/registro.component.html")).default,
8357            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./registro.component.css */ "./src/app/registro/registro.component.css")).default]
8358        })
8359    ], RegistroComponent);
8360    return RegistroComponent;
8361}());
8362
8363
8364
8365/***/ }),
8366
8367/***/ "./src/app/reglas-blogy-foro/reglas-blogy-foro.component.css":
8368/*!*******************************************************************!*\
8369  !*** ./src/app/reglas-blogy-foro/reglas-blogy-foro.component.css ***!
8370  \*******************************************************************/
8371/*! exports provided: default */
8372/***/ (function(module, __webpack_exports__, __webpack_require__) {
8373
8374"use strict";
8375__webpack_require__.r(__webpack_exports__);
8376/* harmony default export */ __webpack_exports__["default"] = ("\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3JlZ2xhcy1ibG9neS1mb3JvL3JlZ2xhcy1ibG9neS1mb3JvLmNvbXBvbmVudC5jc3MifQ== */");
8377
8378/***/ }),
8379
8380/***/ "./src/app/reglas-blogy-foro/reglas-blogy-foro.component.ts":
8381/*!******************************************************************!*\
8382  !*** ./src/app/reglas-blogy-foro/reglas-blogy-foro.component.ts ***!
8383  \******************************************************************/
8384/*! exports provided: ReglasBlogyForoComponent */
8385/***/ (function(module, __webpack_exports__, __webpack_require__) {
8386
8387"use strict";
8388__webpack_require__.r(__webpack_exports__);
8389/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReglasBlogyForoComponent", function() { return ReglasBlogyForoComponent; });
8390/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8391/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
8392
8393
8394var ReglasBlogyForoComponent = /** @class */ (function () {
8395    function ReglasBlogyForoComponent() {
8396    }
8397    ReglasBlogyForoComponent.prototype.ngOnInit = function () {
8398    };
8399    ReglasBlogyForoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
8400        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
8401            selector: 'app-reglas-blogy-foro',
8402            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./reglas-blogy-foro.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/reglas-blogy-foro/reglas-blogy-foro.component.html")).default,
8403            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./reglas-blogy-foro.component.css */ "./src/app/reglas-blogy-foro/reglas-blogy-foro.component.css")).default]
8404        })
8405    ], ReglasBlogyForoComponent);
8406    return ReglasBlogyForoComponent;
8407}());
8408
8409
8410
8411/***/ }),
8412
8413/***/ "./src/app/service/blog.service.ts":
8414/*!*****************************************!*\
8415  !*** ./src/app/service/blog.service.ts ***!
8416  \*****************************************/
8417/*! exports provided: BlogService */
8418/***/ (function(module, __webpack_exports__, __webpack_require__) {
8419
8420"use strict";
8421__webpack_require__.r(__webpack_exports__);
8422/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BlogService", function() { return BlogService; });
8423/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8424/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
8425/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
8426/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
8427
8428
8429
8430
8431var BlogService = /** @class */ (function () {
8432    function BlogService(http) {
8433        this.http = http;
8434        this.url = _config__WEBPACK_IMPORTED_MODULE_3__["config"].url;
8435    }
8436    BlogService.prototype.getArticulos = function () {
8437        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8438        headers = headers.append('Content-Type', 'application/json');
8439        //headers = headers.append('Authorization', `Bearer ${token}`);
8440        return this.http.get(this.url + 'lt-blog', { headers: headers });
8441    };
8442    BlogService.prototype.getArticuloSelec = function (id) {
8443        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8444        headers = headers.append('Content-Type', 'application/json');
8445        //headers = headers.append('Authorization', `Bearer ${token}`);
8446        return this.http.get(this.url + 'lt-blog/' + id, { headers: headers });
8447    };
8448    BlogService.prototype.getSearch = function (tag) {
8449        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8450        headers = headers.append('Content-Type', 'application/json');
8451        //headers = headers.append('Authorization', `Bearer ${token}`);
8452        return this.http.get(this.url + 'lt-blog/search/' + tag, { headers: headers });
8453    };
8454    BlogService.prototype.postCommentBlog = function (body) {
8455        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8456        headers = headers.append('Content-Type', 'application/json');
8457        //headers = headers.append('Authorization', `Bearer ${token}`);
8458        return this.http.post(this.url + 'lt-blog/postComment', body, { headers: headers });
8459    };
8460    BlogService.prototype.postUpdateCommentBlog = function (body) {
8461        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8462        headers = headers.append('Content-Type', 'application/json');
8463        //headers = headers.append('Authorization', `Bearer ${token}`);
8464        return this.http.post(this.url + 'lt-blog/postUpdateComment', body, { headers: headers });
8465    };
8466    BlogService.ctorParameters = function () { return [
8467        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
8468    ]; };
8469    BlogService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
8470        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
8471            providedIn: 'root'
8472        })
8473    ], BlogService);
8474    return BlogService;
8475}());
8476
8477
8478
8479/***/ }),
8480
8481/***/ "./src/app/service/capacitaciones.service.ts":
8482/*!***************************************************!*\
8483  !*** ./src/app/service/capacitaciones.service.ts ***!
8484  \***************************************************/
8485/*! exports provided: CapacitacionesService */
8486/***/ (function(module, __webpack_exports__, __webpack_require__) {
8487
8488"use strict";
8489__webpack_require__.r(__webpack_exports__);
8490/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CapacitacionesService", function() { return CapacitacionesService; });
8491/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8492/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
8493/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
8494/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
8495
8496
8497
8498
8499var CapacitacionesService = /** @class */ (function () {
8500    function CapacitacionesService(http) {
8501        this.http = http;
8502        this.url = _config__WEBPACK_IMPORTED_MODULE_3__["config"].url;
8503    }
8504    CapacitacionesService.prototype.getTemas = function (token) {
8505        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8506        headers = headers.append('Content-Type', 'application/json');
8507        headers = headers.append('Authorization', "Bearer " + token);
8508        return this.http.get(this.url + 'capacitacion/temas', { headers: headers });
8509    };
8510    CapacitacionesService.prototype.getProximos = function (token) {
8511        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8512        headers = headers.append('Content-Type', 'application/json');
8513        headers = headers.append('Authorization', "Bearer " + token);
8514        return this.http.get(this.url + 'capacitacion/proximos-mes', { headers: headers });
8515    };
8516    CapacitacionesService.prototype.postBusqueda = function (body, token) {
8517        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8518        headers = headers.append('Content-Type', 'application/json');
8519        headers = headers.append('Authorization', "Bearer " + token);
8520        return this.http.post(this.url + 'capacitacion/buscador', body, { headers: headers });
8521    };
8522    CapacitacionesService.prototype.getWebinarInfo = function (id, token) {
8523        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8524        headers = headers.append('Content-Type', 'application/json');
8525        headers = headers.append('Authorization', "Bearer " + token);
8526        return this.http.get(this.url + 'capacitacion/webinar-info/' + id, { headers: headers });
8527    };
8528    CapacitacionesService.prototype.getOtros = function (token) {
8529        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8530        headers = headers.append('Content-Type', 'application/json');
8531        headers = headers.append('Authorization', "Bearer " + token);
8532        return this.http.get(this.url + 'capacitacion/otros-webinars', { headers: headers });
8533    };
8534    CapacitacionesService.prototype.postInscribirWebinarGratis = function (body, token) {
8535        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8536        headers = headers.append('Content-Type', 'application/json');
8537        headers = headers.append('Authorization', "Bearer " + token);
8538        return this.http.post(this.url + 'capacitacion/inscribir-webinar/gratis', body, { headers: headers });
8539    };
8540    CapacitacionesService.prototype.postInscribirWebinarCobro = function (body, token) {
8541        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8542        headers = headers.append('Content-Type', 'application/json');
8543        headers = headers.append('Authorization', "Bearer " + token);
8544        return this.http.post(this.url + 'capacitacion/inscribir-webinar/pago', body, { headers: headers });
8545    };
8546    CapacitacionesService.prototype.getMisCapacitaciones = function (token) {
8547        // Cabezeras
8548        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8549        headers = headers.append('Content-Type', 'application/json');
8550        headers = headers.append('Authorization', "Bearer " + token);
8551        // Peticion
8552        return this.http.get(this.url + "capacitacion/mis-capacitaciones", { headers: headers });
8553    };
8554    CapacitacionesService.prototype.postComment = function (body, token) {
8555        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8556        headers = headers.append('Content-Type', 'application/json');
8557        headers = headers.append('Authorization', "Bearer " + token);
8558        return this.http.post(this.url + 'capacitacion/enviar-comentario', body, { headers: headers });
8559    };
8560    CapacitacionesService.prototype.getComment = function (idWebinar, token) {
8561        // Cabezeras
8562        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8563        headers = headers.append('Content-Type', 'application/json');
8564        headers = headers.append('Authorization', "Bearer " + token);
8565        // Peticion
8566        return this.http.get(this.url + "capacitacion/webinar-comentarios/" + idWebinar, { headers: headers });
8567    };
8568    CapacitacionesService.prototype.postVisitedWebinar = function (body, token) {
8569        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8570        headers = headers.append('Content-Type', 'application/json');
8571        headers = headers.append('Authorization', "Bearer " + token);
8572        return this.http.post(this.url + 'capacitacion/visited_webinar', body, { headers: headers });
8573    };
8574    CapacitacionesService.prototype.postZoom = function (body, token) {
8575        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8576        headers = headers.append('Content-Type', 'application/json');
8577        headers = headers.append('Authorization', "Bearer " + token);
8578        return this.http.post(this.url + 'capacitacion/zoom', body, { headers: headers });
8579    };
8580    CapacitacionesService.prototype.getMooc = function (id, token) {
8581        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8582        headers = headers.append('Content-Type', 'application/json');
8583        headers = headers.append('Authorization', "Bearer " + token);
8584        return this.http.get(this.url + 'capacitacion/mooc-info/' + id, { headers: headers });
8585    };
8586    CapacitacionesService.prototype.getMoocInsc = function (id, token) {
8587        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8588        headers = headers.append('Content-Type', 'application/json');
8589        headers = headers.append('Authorization', "Bearer " + token);
8590        return this.http.get(this.url + 'capacitacion/mooc-info-ins/' + id, { headers: headers });
8591    };
8592    CapacitacionesService.prototype.postInscribirMoocGratis = function (body, token) {
8593        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8594        headers = headers.append('Content-Type', 'application/json');
8595        headers = headers.append('Authorization', "Bearer " + token);
8596        return this.http.post(this.url + 'capacitacion/inscribir-mooc/gratis', body, { headers: headers });
8597    };
8598    CapacitacionesService.prototype.postInscribirMoocCobro = function (body, token) {
8599        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8600        headers = headers.append('Content-Type', 'application/json');
8601        headers = headers.append('Authorization', "Bearer " + token);
8602        return this.http.post(this.url + 'capacitacion/inscribir-mooc/pago', body, { headers: headers });
8603    };
8604    CapacitacionesService.prototype.sendCalificacion = function (calf, token) {
8605        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8606        headers = headers.append('Content-Type', 'application/json');
8607        headers = headers.append('Authorization', "Bearer " + token);
8608        return this.http.post(this.url + 'capacitacion/calificar-mooc', calf, { headers: headers });
8609    };
8610    CapacitacionesService.prototype.registrarMaterial = function (material, token) {
8611        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8612        headers = headers.append('Content-Type', 'application/json');
8613        headers = headers.append('Authorization', "Bearer " + token);
8614        return this.http.post(this.url + 'capacitacion/registrar-material', material, { headers: headers });
8615    };
8616    CapacitacionesService.prototype.registrarEvaluacion = function (evaluacion, token) {
8617        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8618        headers = headers.append('Content-Type', 'application/json');
8619        headers = headers.append('Authorization', "Bearer " + token);
8620        return this.http.post(this.url + 'capacitacion/registrar-evaluacion', evaluacion, { headers: headers });
8621    };
8622    CapacitacionesService.ctorParameters = function () { return [
8623        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
8624    ]; };
8625    CapacitacionesService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
8626        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
8627            providedIn: 'root'
8628        })
8629    ], CapacitacionesService);
8630    return CapacitacionesService;
8631}());
8632
8633
8634
8635/***/ }),
8636
8637/***/ "./src/app/service/config.ts":
8638/*!***********************************!*\
8639  !*** ./src/app/service/config.ts ***!
8640  \***********************************/
8641/*! exports provided: config, imagenes, imagenesBlog, imagenesCapacitaciones, videosCapacitaciones, materiales, certificados */
8642/***/ (function(module, __webpack_exports__, __webpack_require__) {
8643
8644"use strict";
8645__webpack_require__.r(__webpack_exports__);
8646/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "config", function() { return config; });
8647/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "imagenes", function() { return imagenes; });
8648/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "imagenesBlog", function() { return imagenesBlog; });
8649/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "imagenesCapacitaciones", function() { return imagenesCapacitaciones; });
8650/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "videosCapacitaciones", function() { return videosCapacitaciones; });
8651/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "materiales", function() { return materiales; });
8652/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "certificados", function() { return certificados; });
8653/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8654
8655var config = {
8656    //url: 'http://api.local.labtak:88/v1/'
8657    //url: 'https://api.takflics.com/v1/'
8658    //url: 'https://api.fundacioninoma.mx/v1/'
8659    //url: 'https://api.dev.labtak.mx/v1/' 
8660    url: 'https://api.labtak.mx/v1/'
8661    //url: 'http://localhost:4000/v1/' //pruebas nodejs 
8662};
8663var imagenes = {
8664    url: 'https://taktaktak.com/assets/files/games/images/'
8665};
8666var imagenesBlog = {
8667    //url: 'http://localhost:4000/static/blog/'
8668    //url: 'https://api.dev.labtak.mx/static/blog/' 
8669    url: 'https://api.labtak.mx/static/blog/'
8670};
8671var imagenesCapacitaciones = {
8672    //url: 'http://localhost:4000/static/capacitaciones/'
8673    //url: 'https://api.dev.labtak.mx/static/capacitaciones/' 
8674    url: 'https://api.labtak.mx/static/capacitaciones/'
8675};
8676var videosCapacitaciones = {
8677    //url: 'http://localhost:4000/static/capacitaciones/video-webinars/'
8678    //url: 'https://api.dev.labtak.mx/static/capacitaciones/video-webinars/' 
8679    url: 'https://api.labtak.mx/static/capacitaciones/video-webinars/'
8680};
8681var materiales = {
8682    //url: 'http://localhost:4000/static/capacitaciones/materiales_moocs/'
8683    //url: 'https://api.dev.labtak.mx/static/capacitaciones/materiales_moocs/' 
8684    url: 'https://api.labtak.mx/static/capacitaciones/materiales_moocs/'
8685};
8686var certificados = {
8687    //url: 'https://api.dev.labtak.mx/static/certificados/' 
8688    //url: 'https://api.labtak.mx/static/certificados/' 
8689    url: 'http://localhost:4000/static/certificados/'
8690};
8691
8692
8693/***/ }),
8694
8695/***/ "./src/app/service/detalle.service.ts":
8696/*!********************************************!*\
8697  !*** ./src/app/service/detalle.service.ts ***!
8698  \********************************************/
8699/*! exports provided: DetalleService */
8700/***/ (function(module, __webpack_exports__, __webpack_require__) {
8701
8702"use strict";
8703__webpack_require__.r(__webpack_exports__);
8704/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DetalleService", function() { return DetalleService; });
8705/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
8706/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
8707/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
8708/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
8709/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
8710
8711
8712
8713
8714
8715var DetalleService = /** @class */ (function () {
8716    function DetalleService(http) {
8717        this.http = http;
8718        this.url = _config__WEBPACK_IMPORTED_MODULE_4__["config"].url;
8719    }
8720    DetalleService.prototype.verDetalle = function (token, slug) {
8721        // Cabezeras
8722        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8723        headers = headers.append('Content-Type', 'application/json');
8724        headers = headers.append('Authorization', "Bearer " + token);
8725        // Peticion
8726        return this.http.get(this.url + ("ts/game/" + slug), { headers: headers })
8727            .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (data) {
8728            return data['ficha'];
8729        }));
8730    };
8731    DetalleService.prototype.verDetalleRecurso = function (token, id) {
8732        // Cabezeras
8733        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8734        headers = headers.append('Content-Type', 'application/json');
8735        headers = headers.append('Authorization', "Bearer " + token);
8736        // Peticion
8737        var url = this.url + ("ts/recursos-externos/" + id);
8738        return this.http.get(url, { headers: headers });
8739    };
8740    DetalleService.prototype.obtenerPDF = function (token, id_ruta) {
8741        // Cabezeras
8742        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8743        headers = headers.append('Content-Type', 'application/json');
8744        headers = headers.append('Authorization', "Bearer " + token);
8745        // Peticion
8746        var url = this.url + ("ts/getPDF/" + id_ruta);
8747        return this.http.get(url, { headers: headers });
8748    };
8749    DetalleService.prototype.detallePerfil = function (token) {
8750        // Cabezeras
8751        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8752        headers = headers.append('Content-Type', 'application/json');
8753        headers = headers.append('Authorization', "Bearer " + token);
8754        // Peticion
8755        var url = this.url + "user/perfil/ ";
8756        return this.http.get(url, { headers: headers });
8757    };
8758    DetalleService.prototype.updatePerfil = function (token, data) {
8759        // Cabezeras
8760        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8761        headers = headers.append('Content-Type', 'application/json');
8762        headers = headers.append('Authorization', "Bearer " + token);
8763        // Peticion
8764        var url = this.url + "perfil/actualiza-perfil/ ";
8765        return this.http.post(url, data, { headers: headers });
8766    };
8767    DetalleService.prototype.mostrarPlanes = function (token) {
8768        // Cabezeras
8769        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8770        headers = headers.append('Content-Type', 'application/json');
8771        headers = headers.append('Authorization', "Bearer " + token);
8772        // Peticion
8773        var url = this.url + "lt-users/planeador ";
8774        return this.http.get(url, { headers: headers });
8775    };
8776    DetalleService.prototype.detallePlanes = function (token, userId, slug) {
8777        // Cabezeras
8778        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8779        headers = headers.append('Content-Type', 'application/json');
8780        headers = headers.append('Authorization', "Bearer " + token);
8781        // Peticion
8782        var url = this.url + ("lt-users/planeador/" + userId + "/" + slug + " ");
8783        return this.http.get(url, { headers: headers });
8784    };
8785    DetalleService.prototype.addPlanesLT = function (token, data) {
8786        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8787        headers = headers.append('Content-Type', 'application/json');
8788        headers = headers.append('Authorization', "Bearer " + token);
8789        // Peticion
8790        var url = this.url + "lt-users/planeador ";
8791        return this.http.post(url, data, { headers: headers });
8792    };
8793    DetalleService.prototype.eliminarPlan = function (token, id) {
8794        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8795        headers = headers.append('Content-Type', 'application/json');
8796        headers = headers.append('Authorization', "Bearer " + token);
8797        // Peticion
8798        var url = this.url + ("lt-users/planeador/" + id + " ");
8799        return this.http.delete(url, { headers: headers });
8800    };
8801    DetalleService.prototype.actualizarPlanLTeliminado = function (token, data) {
8802        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8803        headers = headers.append('Content-Type', 'application/json');
8804        headers = headers.append('Authorization', "Bearer " + token);
8805        // Peticion
8806        var url = this.url + "lt-users/planeador/";
8807        return this.http.post(url, data, { headers: headers });
8808    };
8809    DetalleService.prototype.listarALumnos = function (token, access) {
8810        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8811        headers = headers.append('Content-Type', 'application/json');
8812        headers = headers.append('Authorization', "Bearer " + token);
8813        // Peticion
8814        var url = this.url + ("lt-users/alumnos/" + access);
8815        return this.http.get(url, { headers: headers });
8816    };
8817    DetalleService.prototype.planesofGrupo = function (token, access) {
8818        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8819        headers = headers.append('Content-Type', 'application/json');
8820        headers = headers.append('Authorization', "Bearer " + token);
8821        // Peticion
8822        var url = this.url + ("lt-users/grupos/" + access);
8823        return this.http.get(url, { headers: headers });
8824    };
8825    DetalleService.prototype.addStudentToGroup = function (token, data) {
8826        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8827        headers = headers.append('Content-Type', 'application/json');
8828        headers = headers.append('Authorization', "Bearer " + token);
8829        // Peticion
8830        var url = this.url + "lt-users/alumnos/";
8831        return this.http.post(url, data, { headers: headers });
8832    };
8833    DetalleService.prototype.desvicnularStudent = function (token, access, id) {
8834        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8835        headers = headers.append('Content-Type', 'application/json');
8836        headers = headers.append('Authorization', "Bearer " + token);
8837        // Peticion
8838        var url = this.url + ("lt-users/alumnos/" + access + "/" + id);
8839        return this.http.delete(url, { headers: headers });
8840    };
8841    DetalleService.prototype.grupos = function (token) {
8842        // Cabezeras
8843        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8844        headers = headers.append('Content-Type', 'application/json');
8845        headers = headers.append('Authorization', "Bearer " + token);
8846        var url = this.url + "lt-users/grupos/";
8847        // Petición
8848        return this.http.get(url, { headers: headers });
8849    };
8850    DetalleService.prototype.vincularGrupo = function (token, plan, grupo) {
8851        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8852        headers = headers.append('Content-Type', 'application/json');
8853        headers = headers.append('Authorization', "Bearer " + token);
8854        // Peticion
8855        var url = this.url + ("lt-users/plan-to-group/" + plan + "/" + grupo);
8856        return this.http.post(url, {}, { headers: headers });
8857    };
8858    DetalleService.prototype.deleteGrupo = function (token, plan, grupo) {
8859        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8860        headers = headers.append('Content-Type', 'application/json');
8861        headers = headers.append('Authorization', "Bearer " + token);
8862        // Peticion
8863        var url = this.url + ("lt-users/plan-to-group/" + plan + "/" + grupo);
8864        return this.http.delete(url, { headers: headers });
8865    };
8866    DetalleService.prototype.planesInGroup = function (token, id) {
8867        // Cabezeras
8868        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8869        headers = headers.append('Content-Type', 'application/json');
8870        headers = headers.append('Authorization', "Bearer " + token);
8871        var url = this.url + ("lt-users/plan-to-group/" + id);
8872        // Petición
8873        return this.http.get(url, { headers: headers });
8874    };
8875    DetalleService.prototype.deleteGame = function (token, plan, game) {
8876        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8877        headers = headers.append('Content-Type', 'application/json');
8878        headers = headers.append('Authorization', "Bearer " + token);
8879        // Peticion
8880        var url = this.url + ("lt-users/game-to-plan/" + plan + "/" + game);
8881        return this.http.delete(url, { headers: headers });
8882    };
8883    DetalleService.prototype.deleteRecursosExternos = function (token, plan, recursoExterno) {
8884        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8885        headers = headers.append('Content-Type', 'application/json');
8886        headers = headers.append('Authorization', "Bearer " + token);
8887        // Peticion
8888        var url = this.url + ("lt-users/recurso-to-plan/" + plan + "/" + recursoExterno);
8889        return this.http.delete(url, { headers: headers });
8890    };
8891    DetalleService.prototype.deleteLibro = function (token, plan, libro) {
8892        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8893        headers = headers.append('Content-Type', 'application/json');
8894        headers = headers.append('Authorization', "Bearer " + token);
8895        // Peticion
8896        var url = this.url + ("lt-users/libro-to-plan/" + plan + "/" + libro);
8897        return this.http.delete(url, { headers: headers });
8898    };
8899    DetalleService.prototype.deleteHabilidad = function (token, plan, habilidad) {
8900        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8901        headers = headers.append('Content-Type', 'application/json');
8902        headers = headers.append('Authorization', "Bearer " + token);
8903        // Peticion
8904        var url = this.url + ("lt-users/habilidades-to-plan/" + plan + "/" + habilidad);
8905        return this.http.delete(url, { headers: headers });
8906    };
8907    DetalleService.prototype.deleteDescripciones = function (token, plan, descripcion) {
8908        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8909        headers = headers.append('Content-Type', 'application/json');
8910        headers = headers.append('Authorization', "Bearer " + token);
8911        // Peticion
8912        var url = this.url + ("lt-users/descripciones-to-plan/" + plan + "/" + descripcion);
8913        return this.http.delete(url, { headers: headers });
8914    };
8915    DetalleService.prototype.deleteOtrosrecursos = function (token, plan, otrorecurso) {
8916        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8917        headers = headers.append('Content-Type', 'application/json');
8918        headers = headers.append('Authorization', "Bearer " + token);
8919        // Peticion
8920        var url = this.url + ("lt-users/otros-recursos-to-plan/" + plan + "/" + otrorecurso);
8921        return this.http.delete(url, { headers: headers });
8922    };
8923    DetalleService.prototype.deleteRuta = function (token, plan, ruta) {
8924        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8925        headers = headers.append('Content-Type', 'application/json');
8926        headers = headers.append('Authorization', "Bearer " + token);
8927        // Peticion
8928        var url = this.url + ("lt-users/ruta-to-plan/" + plan + "/" + ruta);
8929        return this.http.delete(url, { headers: headers });
8930    };
8931    DetalleService.prototype.deletePrograma = function (token, plan, programa) {
8932        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8933        headers = headers.append('Content-Type', 'application/json');
8934        headers = headers.append('Authorization', "Bearer " + token);
8935        // Peticion
8936        var url = this.url + ("lt-users/programas-academicos-to-plan/" + plan + "/" + programa);
8937        return this.http.delete(url, { headers: headers });
8938    };
8939    DetalleService.prototype.editarNamePlan = function (token, data, plan) {
8940        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8941        headers = headers.append('Content-Type', 'application/json');
8942        headers = headers.append('Authorization', "Bearer " + token);
8943        // Peticion
8944        var url = this.url + ("lt-users/planeador/" + plan);
8945        return this.http.post(url, data, { headers: headers });
8946    };
8947    DetalleService.prototype.editarNuevoPlan = function (token, data, plan) {
8948        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8949        headers = headers.append('Content-Type', 'application/json');
8950        headers = headers.append('Authorization', "Bearer " + token);
8951        // Peticion
8952        var url = this.url + ("lt-users/nuevoplaneador/" + plan);
8953        return this.http.post(url, data, { headers: headers });
8954    };
8955    DetalleService.prototype.editarJuegoRecSesiones = function (token, data, plan) {
8956        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8957        headers = headers.append('Content-Type', 'application/json');
8958        headers = headers.append('Authorization', "Bearer " + token);
8959        // Peticion
8960        var url = this.url + ("lt-users/nuevoplaneador/" + plan);
8961        return this.http.post(url, data, { headers: headers });
8962    };
8963    DetalleService.prototype.editarFotoPerfil = function (token, data) {
8964        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8965        headers = headers.append('Content-Type', 'application/json');
8966        headers = headers.append('Authorization', "Bearer " + token);
8967        // Peticion
8968        var url = this.url + "perfil/update-picture";
8969        return this.http.post(url, data, { headers: headers });
8970    };
8971    DetalleService.prototype.navegacion = function (token, data) {
8972        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8973        headers = headers.append('Content-Type', 'application/json');
8974        headers = headers.append('Authorization', "Bearer " + token);
8975        // Peticion
8976        var url = this.url + "navegacion";
8977        return this.http.post(url, data, { headers: headers });
8978    };
8979    DetalleService.prototype.navegacionJuego = function (token, data) {
8980        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8981        headers = headers.append('Content-Type', 'application/json');
8982        headers = headers.append('Authorizatio
8982n', "Bearer " + token);
8983        // Peticion
8984        var url = this.url + "navegacionGames";
8985        return this.http.post(url, data, { headers: headers });
8986    };
8987    DetalleService.prototype.navegacionJuegoBoton = function (token, data) {
8988        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8989        headers = headers.append('Content-Type', 'application/json');
8990        headers = headers.append('Authorization', "Bearer " + token);
8991        // Peticion
8992        var url = this.url + "navegacionGames/botones";
8993        return this.http.post(url, data, { headers: headers });
8994    };
8995    DetalleService.prototype.navegacionRecurso = function (token, data) {
8996        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
8997        headers = headers.append('Content-Type', 'application/json');
8998        headers = headers.append('Authorization', "Bearer " + token);
8999        // Peticion
9000        var url = this.url + "navegacionRecursosExternos";
9001        return this.http.post(url, data, { headers: headers });
9002    };
9003    DetalleService.prototype.navegacionBlog = function (token, data) {
9004        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9005        headers = headers.append('Content-Type', 'application/json');
9006        headers = headers.append('Authorization', "Bearer " + token);
9007        // Peticion
9008        var url = this.url + "navegacion/blog";
9009        return this.http.post(url, data, { headers: headers });
9010    };
9011    DetalleService.prototype.navegacionBlogOther = function (token, data) {
9012        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9013        headers = headers.append('Content-Type', 'application/json');
9014        headers = headers.append('Authorization', "Bearer " + token);
9015        // Peticion
9016        var url = this.url + "navegacion/blog-other";
9017        return this.http.post(url, data, { headers: headers });
9018    };
9019    DetalleService.prototype.navegacionForo = function (token, data) {
9020        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9021        headers = headers.append('Content-Type', 'application/json');
9022        headers = headers.append('Authorization', "Bearer " + token);
9023        // Peticion
9024        var url = this.url + "navegacion/foro";
9025        return this.http.post(url, data, { headers: headers });
9026    };
9027    DetalleService.prototype.navegacionPlanSes = function (token, data) {
9028        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9029        headers = headers.append('Content-Type', 'application/json');
9030        headers = headers.append('Authorization', "Bearer " + token);
9031        // Peticion
9032        var url = this.url + "navegacion/plan-ses";
9033        return this.http.post(url, data, { headers: headers });
9034    };
9035    DetalleService.prototype.navegacionModulo = function (token, data) {
9036        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9037        headers = headers.append('Content-Type', 'application/json');
9038        headers = headers.append('Authorization', "Bearer " + token);
9039        // Peticion
9040        var url = this.url + "navegacion/modulos";
9041        return this.http.post(url, data, { headers: headers });
9042    };
9043    DetalleService.prototype.catPais = function (token) {
9044        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9045        headers = headers.append('Content-Type', 'application/json');
9046        headers = headers.append('Authorization', "Bearer " + token);
9047        // Peticion
9048        var url = this.url + "cat/paises";
9049        return this.http.get(url, { headers: headers });
9050    };
9051    DetalleService.prototype.catState = function (token) {
9052        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9053        headers = headers.append('Content-Type', 'application/json');
9054        headers = headers.append('Authorization', "Bearer " + token);
9055        // Peticion
9056        var url = this.url + "cat/estados";
9057        return this.http.get(url, { headers: headers });
9058    };
9059    DetalleService.prototype.catCCT = function (token) {
9060        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9061        headers = headers.append('Content-Type', 'application/json');
9062        headers = headers.append('Authorization', "Bearer " + token);
9063        // Peticion
9064        var url = this.url + "cat/cct";
9065        return this.http.get(url, { headers: headers });
9066    };
9067    DetalleService.prototype.catMunicipio = function (token, estado) {
9068        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9069        headers = headers.append('Content-Type', 'application/json');
9070        headers = headers.append('Authorization', "Bearer " + token);
9071        // Peticion
9072        var url = this.url + "cat/municipios/" + estado;
9073        return this.http.get(url, { headers: headers });
9074    };
9075    DetalleService.prototype.catCCTState = function (token, datos) {
9076        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9077        headers = headers.append('Content-Type', 'application/json');
9078        headers = headers.append('Authorization', "Bearer " + token);
9079        // Peticion
9080        var url = this.url + "cat/cct-state";
9081        return this.http.post(url, datos, { headers: headers });
9082    };
9083    DetalleService.prototype.addCCT = function (token, datos) {
9084        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9085        headers = headers.append('Content-Type', 'application/json');
9086        headers = headers.append('Authorization', "Bearer " + token);
9087        // Peticion
9088        var url = this.url + "adquisicion/cct-user";
9089        return this.http.post(url, datos, { headers: headers });
9090    };
9091    DetalleService.prototype.deleteCCT = function (token, datos) {
9092        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9093        headers = headers.append('Content-Type', 'application/json');
9094        headers = headers.append('Authorization', "Bearer " + token);
9095        // Peticion
9096        var url = this.url + "cat/cct-delete";
9097        return this.http.post(url, datos, { headers: headers });
9098    };
9099    DetalleService.prototype.getTags = function () {
9100        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9101        headers = headers.append("Content-Type", "application/json");
9102        var url = this.url + "ts/tags";
9103        return this.http.get(url, { headers: headers });
9104    };
9105    DetalleService.prototype.getModedu = function (token) {
9106        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9107        headers = headers.append('Content-Type', 'application/json');
9108        headers = headers.append('Authorization', "Bearer " + token);
9109        // Peticion
9110        var url = this.url + "ts/modeloeducativo";
9111        return this.http.get(url, { headers: headers });
9112    };
9113    DetalleService.prototype.getModeduPlan = function (token) {
9114        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9115        headers = headers.append('Content-Type', 'application/json');
9116        headers = headers.append('Authorization', "Bearer " + token);
9117        // Peticion
9118        var url = this.url + "planeaciones/modeloeducativo-plan";
9119        return this.http.get(url, { headers: headers });
9120    };
9121    DetalleService.prototype.getMateriaGrado = function (token) {
9122        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9123        headers = headers.append('Content-Type', 'application/json');
9124        headers = headers.append('Authorization', "Bearer " + token);
9125        // Peticion
9126        var url = this.url + "ts/gradomateria";
9127        return this.http.get(url, { headers: headers });
9128    };
9129    DetalleService.prototype.getReformaxGrado = function (token, grado, asignatura) {
9130        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9131        headers = headers.append('Content-Type', 'application/json');
9132        headers = headers.append('Authorization', "Bearer " + token);
9133        // Peticion
9134        var url = this.url + ("ts/reformagr/" + grado + "/" + asignatura);
9135        return this.http.get(url, { headers: headers });
9136    };
9137    DetalleService.prototype.getPlaneacionesxSesion = function (token) {
9138        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9139        headers = headers.append('Content-Type', 'application/json');
9140        headers = headers.append('Authorization', "Bearer " + token);
9141        // Peticion
9142        var url = this.url + "lt-users/planeaciones-sesion";
9143        return this.http.get(url, { headers: headers });
9144    };
9145    DetalleService.prototype.postVinculacionWithExcel = function (fd) {
9146        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9147        return this.http.post(this.url + 'lt-users/vinculacion-excel', fd, { headers: headers });
9148    };
9149    DetalleService.prototype.notificaciones = function (token) {
9150        // Cabezeras
9151        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9152        headers = headers.append('Content-Type', 'application/json');
9153        headers = headers.append('Authorization', "Bearer " + token);
9154        // Peticion
9155        return this.http.get(this.url + "perfil/notificaciones-perfil ", { headers: headers });
9156    };
9157    DetalleService.ctorParameters = function () { return [
9158        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
9159    ]; };
9160    DetalleService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
9161        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
9162            providedIn: 'root'
9163        })
9164    ], DetalleService);
9165    return DetalleService;
9166}());
9167
9168
9169
9170/***/ }),
9171
9172/***/ "./src/app/service/foro.service.ts":
9173/*!*****************************************!*\
9174  !*** ./src/app/service/foro.service.ts ***!
9175  \*****************************************/
9176/*! exports provided: ForoService */
9177/***/ (function(module, __webpack_exports__, __webpack_require__) {
9178
9179"use strict";
9180__webpack_require__.r(__webpack_exports__);
9181/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ForoService", function() { return ForoService; });
9182/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
9183/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
9184/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
9185/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
9186
9187
9188
9189
9190var ForoService = /** @class */ (function () {
9191    function ForoService(http) {
9192        this.http = http;
9193        this.url = _config__WEBPACK_IMPORTED_MODULE_3__["config"].url;
9194    }
9195    ForoService.prototype.getForo = function () {
9196        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9197        headers = headers.append('Content-Type', 'application/json');
9198        //headers = headers.append('Authorization', `Bearer ${token}`);
9199        return this.http.get(this.url + 'lt-foro', { headers: headers });
9200    };
9201    ForoService.prototype.getEntradas = function (ID) {
9202        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9203        headers = headers.append('Content-Type', 'application/json');
9204        //headers = headers.append('Authorization', `Bearer ${token}`);
9205        return this.http.get(this.url + 'lt-foro/' + ID, { headers: headers });
9206    };
9207    ForoService.prototype.postEntrada = function (body) {
9208        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9209        headers = headers.append('Content-Type', 'application/json');
9210        //headers = headers.append('Authorization', `Bearer ${token}`);
9211        return this.http.post(this.url + 'lt-foro/postEntrada', body, { headers: headers });
9212    };
9213    ForoService.prototype.postComment = function (body) {
9214        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9215        headers = headers.append('Content-Type', 'application/json');
9216        //headers = headers.append('Authorization', `Bearer ${token}`);
9217        return this.http.post(this.url + 'lt-foro/postComment', body, { headers: headers });
9218    };
9219    ForoService.prototype.getSearch = function (tag) {
9220        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9221        headers = headers.append('Content-Type', 'application/json');
9222        //headers = headers.append('Authorization', `Bearer ${token}`);
9223        return this.http.get(this.url + 'lt-foro/search/' + tag, { headers: headers });
9224    };
9225    ForoService.prototype.postUpdateComment = function (body) {
9226        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9227        headers = headers.append('Content-Type', 'application/json');
9228        //headers = headers.append('Authorization', `Bearer ${token}`);
9229        return this.http.post(this.url + 'lt-foro/postUpdateComment', body, { headers: headers });
9230    };
9231    ForoService.prototype.postUpdateEntrada = function (body) {
9232        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9233        headers = headers.append('Content-Type', 'application/json');
9234        //headers = headers.append('Authorization', `Bearer ${token}`);
9235        return this.http.post(this.url + 'lt-foro/postUpdateEntrada', body, { headers: headers });
9236    };
9237    ForoService.ctorParameters = function () { return [
9238        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
9239    ]; };
9240    ForoService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
9241        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
9242            providedIn: 'root'
9243        })
9244    ], ForoService);
9245    return ForoService;
9246}());
9247
9248
9249
9250/***/ }),
9251
9252/***/ "./src/app/service/game.service.ts":
9253/*!*****************************************!*\
9254  !*** ./src/app/service/game.service.ts ***!
9255  \*****************************************/
9256/*! exports provided: GameService */
9257/***/ (function(module, __webpack_exports__, __webpack_require__) {
9258
9259"use strict";
9260__webpack_require__.r(__webpack_exports__);
9261/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GameService", function() { return GameService; });
9262/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
9263/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
9264/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
9265/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
9266
9267
9268
9269
9270var GameService = /** @class */ (function () {
9271    function GameService(http) {
9272        this.http = http;
9273        this.url = _config__WEBPACK_IMPORTED_MODULE_3__["config"].url;
9274    }
9275    GameService.prototype.verJuegos = function (token) {
9276        // Cabezeras
9277        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9278        headers = headers.append('Content-Type', 'application/json');
9279        headers = headers.append('Authorization', "Bearer " + token);
9280        // Petición
9281        return this.http.get(this.url + 'ts/game/', { headers: headers });
9282    };
9283    GameService.prototype.mostrarRecursos = function (token) {
9284        // Cabezeras
9285        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9286        headers = headers.append('Content-Type', 'application/json');
9287        headers = headers.append('Authorization', "Bearer " + token);
9288        // Petición
9289        return this.http.get(this.url + 'ts/recursos-externos', { headers: headers });
9290    };
9291    GameService.prototype.getGrupos = function (token) {
9292        // Cabezeras
9293        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9294        headers = headers.append('Content-Type', 'application/json');
9295        headers = headers.append('Authorization', "Bearer " + token);
9296        // Petición
9297        return this.http.get(this.url + 'lt-users/grupos', { headers: headers });
9298    };
9299    GameService.prototype.deleteGrupo = function (token, id_grupo) {
9300        // Cabezeras
9301        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9302        headers = headers.append('Content-Type', 'application/json');
9303        headers = headers.append('Authorization', "Bearer " + token);
9304        // Petición
9305        return this.http.delete(this.url + ("lt-users/grupos/" + id_grupo), { headers: headers });
9306    };
9307    GameService.prototype.crearNewGrupo = function (token, data) {
9308        // Cabezeras
9309        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9310        headers = headers.append('Content-Type', 'application/json');
9311        headers = headers.append('Authorization', "Bearer " + token);
9312        // Petición
9313        return this.http.post(this.url + "lt-users/grupos/", data, { headers: headers });
9314    };
9315    // insertHappy(token: string, ) {
9316    //   // Cabezeras
9317    //   let headers: HttpHeaders = new HttpHeaders()
9318    //   headers = headers.append('Content-Type', 'application/json');
9319    //   headers = headers.append('Authorization', `Bearer ${token}`);
9320    //   // Petición
9321    //   return this.http.post(this.url + `/tk-users/alumnos`,
9322    //   {
9323    //   }
9324    //   ,{ headers: headers });
9325    // }  
9326    GameService.prototype.setTags = function (token, search) {
9327        // Cabezeras
9328        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9329        headers = headers.append('Content-Type', 'application/json');
9330        headers = headers.append('Authorization', "Bearer " + token);
9331        // Petición
9332        return this.http.post(this.url + "ts/takthesaurus", {
9333            "search": search
9334        }, { headers: headers });
9335    };
9336    GameService.prototype.verDetalle = function (token, slug) {
9337        // Cabezeras
9338        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9339        headers = headers.append('Content-Type', 'application/json');
9340        headers = headers.append('Authorization', "Bearer " + token);
9341        // Peticion
9342        return this.http.get(this.url + ("ts/game/" + slug), { headers: headers });
9343    };
9344    GameService.prototype.crearPlan = function (token, data) {
9345        // Cabezeras
9346        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9347        headers = headers.append('Content-Type', 'application/json');
9348        headers = headers.append('Authorization', "Bearer " + token);
9349        // Petición
9350        return this.http.post(this.url + "lt-users/planeador/", data, { headers: headers });
9351    };
9352    GameService.prototype.updatePlan = function (token, data, id) {
9353        // Cabezeras
9354        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9355        headers = headers.append('Content-Type', 'application/json');
9356        headers = headers.append('Authorization', "Bearer " + token);
9357        // Petición
9358        return this.http.post(this.url + ("lt-users/planeador/" + id), data, { headers: headers });
9359    };
9360    GameService.prototype.vincularJuego = function (token, id_plan, game_id) {
9361        // Cabezeras
9362        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9363        headers = headers.append('Content-Type', 'application/json');
9364        headers = headers.append('Authorization', "Bearer " + token);
9365        // Petición
9366        return this.http.post(this.url + ("lt-users/game-to-plan/" + id_plan), {
9367            "game_id": "" + game_id
9368        }, { headers: headers });
9369    };
9370    GameService.prototype.vincularRecurso = function (token, id_plan, recurso_id) {
9371        // Cabezeras
9372        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9373        headers = headers.append('Content-Type', 'application/json');
9374        headers = headers.append('Authorization', "Bearer " + token);
9375        // Petición
9376        return this.http.post(this.url + ("lt-users/recurso-to-plan/" + id_plan), {
9377            "recurso_id": recurso_id
9378        }, { headers: headers });
9379    };
9380    GameService.prototype.vincularLibros = function (token, id_plan, libro_id) {
9381        // Cabezeras
9382        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9383        headers = headers.append('Content-Type', 'application/json');
9384        headers = headers.append('Authorization', "Bearer " + token);
9385        // Petición
9386        return this.http.post(this.url + ("lt-users/libro-to-plan/" + id_plan), {
9387            "libro_id": libro_id
9388        }, { headers: headers });
9389    };
9390    GameService.prototype.vincularDescripcion = function (token, id_plan, id_descripcion) {
9391        // Cabezeras
9392        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9393        headers = headers.append('Content-Type', 'application/json');
9394        headers = headers.append('Authorization', "Bearer " + token);
9395        // Petición
9396        return this.http.post(this.url + ("lt-users/descripciones-to-plan/" + id_plan), {
9397            "descripcion_id": id_descripcion
9398        }, { headers: headers });
9399    };
9400    GameService.prototype.vincularPrograma = function (token, id_plan, programa) {
9401        // Cabezeras
9402        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9403        headers = headers.append('Content-Type', 'application/json');
9404        headers = headers.append('Authorization', "Bearer " + token);
9405        // Petición
9406        return this.http.post(this.url + ("lt-users/programas-academicos-to-plan/" + id_plan), {
9407            "programa": programa
9408        }, { headers: headers });
9409    };
9410    GameService.prototype.vincularRuta = function (token, id_plan, ruta) {
9411        // Cabezeras
9412        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9413        headers = headers.append('Content-Type', 'application/json');
9414        headers = headers.append('Authorization', "Bearer " + token);
9415        // Petición
9416        return this.http.post(this.url + ("lt-users/ruta-to-plan/" + id_plan), {
9417            "ruta": ruta
9418        }, { headers: headers });
9419    };
9420    GameService.prototype.vincularOtrosRecursos = function (token, id_plan, or) {
9421        // Cabezeras
9422        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9423        headers = headers.append('Content-Type', 'application/json');
9424        headers = headers.append('Authorization', "Bearer " + token);
9425        // Petición
9426        return this.http.post(this.url + ("lt-users/otros-recursos-to-plan/" + id_plan), {
9427            "otros_recursos_id": or
9428        }, { headers: headers });
9429    };
9430    GameService.prototype.vincularHabilidad = function (token, id_plan, ability) {
9431        // Cabezeras
9432        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9433        headers = headers.append('Content-Type', 'application/json');
9434        headers = headers.append('Authorization', "Bearer " + token);
9435        // Petición
9436        return this.http.post(this.url + ("lt-users/habilidades-to-plan/" + id_plan), {
9437            "ability_id": ability
9438        }, { headers: headers });
9439    };
9440    GameService.prototype.vincularRecursos = function (token, id_plan, recurso_id) {
9441        // Cabezeras
9442        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9443        headers = headers.append('Content-Type', 'application/json');
9444        headers = headers.append('Authorization', "Bearer " + token);
9445        // Petición
9446        return this.http.post(this.url + ("lt-users/recurso-to-plan/" + id_plan), {
9447            "recurso_id": recurso_id
9448        }, { headers: headers });
9449    };
9450    GameService.prototype.salir = function (token, email) {
9451        // Cabezeras
9452        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9453        headers = headers.append('Content-Type', 'application/json');
9454        headers = headers.append('Authorization', "Bearer " + token);
9455        // Petición
9456        return this.http.post(this.url + "cerrar/sesion", {
9457            "email": email
9458        }, { headers: headers });
9459    };
9460    GameService.prototype.mostrarLibros = function (token) {
9461        // Cabezeras
9462        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
9463        headers = headers.append('Content-Type', 'application/json');
9464        headers = headers.append('Authorization', "Bearer " + token);
9465        // Petición
9466        return this.http.get(this.url + 'ts/libros-texto', { headers: headers });
9467    };
9468    GameService.ctorParameters = function () { return [
9469        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
9470    ]; };
9471    GameService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
9472        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
9473            providedIn: 'root'
9474        })
9475    ], GameService);
9476    return GameService;
9477}());
9478
9479
9480
9481/***/ }),
9482
9483/***/ "./src/app/service/guard/auth-guard.service.ts":
9484/*!*****************************************************!*\
9485  !*** ./src/app/service/guard/auth-guard.service.ts ***!
9486  \*****************************************************/
9487/*! exports provided: AuthGuardService */
9488/***/ (function(module, __webpack_exports__, __webpack_require__) {
9489
9490"use strict";
9491__webpack_require__.r(__webpack_exports__);
9492/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthGuardService", function() { return AuthGuardService; });
9493/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
9494/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
9495/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
9496/* harmony import */ var _user_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../user.service */ "./src/app/service/user.service.ts");
9497
9498
9499
9500
9501var AuthGuardService = /** @class */ (function () {
9502    function AuthGuardService(auth, router) {
9503        this.auth = auth;
9504        this.router = router;
9505    }
9506    AuthGuardService.prototype.canActivate = function (next, state) {
9507        if (this.auth.isLogged()) {
9508            var section = next.data.section;
9509            if (this.auth.hasAccess(section)) {
9510                return true;
9511            }
9512            else {
9513                this.router.navigate(['/inicio']);
9514                return false;
9515            }
9516            return true;
9517        }
9518        else {
9519            this.router.navigate(['/home']);
9520            return false;
9521        }
9522    };
9523    AuthGuardService.ctorParameters = function () { return [
9524        { type: _user_service__WEBPACK_IMPORTED_MODULE_3__["UserService"] },
9525        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] }
9526    ]; };
9527    AuthGuardService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
9528        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
9529            providedIn: 'root'
9530        })
9531    ], AuthGuardService);
9532    return AuthGuardService;
9533}());
9534
9535
9536
9537/***/ }),
9538
9539/***/ "./src/app/service/imprimir-pub.service.ts":
9540/*!*************************************************!*\
9541  !*** ./src/app/service/imprimir-pub.service.ts ***!
9542  \*************************************************/
9543/*! exports provided: ImprimirPubService */
9544/***/ (function(module, __webpack_exports__, __webpack_require__) {
9545
9546"use strict";
9547__webpack_require__.r(__webpack_exports__);
9548/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImprimirPubService", function() { return ImprimirPubService; });
9549/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
9550/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
9551/* harmony import */ var _models_planes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/planes */ "./src/app/models/planes.ts");
9552/* harmony import */ var pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! pdfmake/build/pdfmake */ "./node_modules/pdfmake/build/pdfmake.js");
9553/* harmony import */ var pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3__);
9554/* harmony import */ var pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! pdfmake/build/vfs_fonts */ "./node_modules/pdfmake/build/vfs_fonts.js");
9555/* harmony import */ var pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4__);
9556/* harmony import */ var _detalle_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./detalle.service */ "./src/app/service/detalle.service.ts");
9557
9558
9559
9560
9561
9562
9563pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3___default.a.vfs = pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4___default.a.pdfMake.vfs;
9564var ImprimirPubService = /** @class */ (function () {
9565    function ImprimirPubService(detalleService) {
9566        this.detalleService = detalleService;
9567        this.token = localStorage.getItem('token');
9568        this.updatePlan = new _models_planes__WEBPACK_IMPORTED_MODULE_2__["UpdateNuevosPlanes"]();
9569        this.ccts = [];
9570        this.Grados = [
9571            { grado: 'Primero de primaria', id: 1 },
9572            { grado: 'Segundo de primaria', id: 2 },
9573            { grado: 'Tercero de primaria', id: 3 },
9574            { grado: 'Cuarto de primaria', id: 4 },
9575            { grado: 'Quinto de primaria', id: 5 },
9576            { grado: 'Sexto de primaria', id: 6 },
9577        ];
9578    }
9579    ImprimirPubService.prototype.generarPdf = function (plan, detallePlan, autor) {
9580        return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function () {
9581            var pdf, gradotxt, games, recursos, libros, columnaizq, columnader, campo_1, asignatura_1, eje_1, tema_1, aprendizajesselected_1, aprenselectedid_1, columnas, aprendizajesp_1, competenciaesp_1, aprenselectedid_2, comptselectedid_1, parte_1, contenido_1, sesion_1, objetivo_1, columnas, bloque_1, asig_1, bloques_1, ambito_1, ttxt_1, psl_1, eje_2, tema_2, eje_3, tema_3, lenguaje_1, eje_4, eje_5, columnas, columnas, columna1izq, columna1der, columnas1, i_1, margen, reporte;
9582            var _this = this;
9583            return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
9584                pdf = [];
9585                gradotxt = '';
9586                games = plan.games;
9587                recursos = plan.contenidos.recursos;
9588                libros = plan.contenidos.libros;
9589                if (plan.info.slug != '' || plan.info.slug != null) {
9590                    /* Primera parte - Nombre */
9591                    pdf.push({ text: "Planeación: " + plan.info.name + "\n", style: 'header', alignment: 'center' }, { text: plan.info.descripcion + "\n", style: 'subheader', alignment: 'center' }, { text: "Autor: " + autor.user_name + " " + autor.user_lastname + "\n\n", style: 'subheader', alignment: 'center' });
9592                    /* Segunda parte - Modelo Educativo */
9593                    this.Grados.forEach(function (g) {
9594                        if (plan.info.grado == g.id)
9595                            gradotxt = g.grado;
9596                    });
9597                    pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
9598                    columnaizq = [];
9599                    columnader = [];
9600                    if (plan.info.reforma == "2017") { /* 2017 */
9601                        campo_1 = '', asignatura_1 = '', eje_1 = '', tema_1 = '';
9602                        aprendizajesselected_1 = [];
9603                        aprenselectedid_1 = plan.mod_edu[0].id_aprendizajes.split(',');
9604                        detallePlan.modedu.forEach(function (me) {
9605                            if (me.idModEdu == plan.mod_edu[0].id_modelo_educativo) {
9606                                campo_1 = me.formacionAcademica;
9607                                asignatura_1 = me.asignatura;
9608                                eje_1 = me.descripcion;
9609                                tema_1 = me.practicas_temas;
9610                            }
9611                        });
9612                        detallePlan.aprendizajes.forEach(function (ap) {
9613                            aprenselectedid_1.forEach(function (aprenid) {
9614                                if (ap.id == aprenid)
9615                                    aprendizajesselected_1.push(ap.aprendizajes);
9616                            });
9617                        });
9618                        columnaizq.push({ text: 'Sistema Educativo', style: 'titles' }, { text: 'México - Reforma educativa 2017' + '\n\n', style: 'answer' });
9619                        columnader.push({ text: 'Grado', style: 'titles' }, { text: gradotxt + '\n\n', style: 'answer' });
9620                        columnaizq.push({ text: 'Campos de formación académica y áreas de desarrollo', style: 'titles' }, { text: campo_1 + '\n\n', style: 'answer' });
9621                        columnader.push({ text: 'Asignatura', style: 'titles' }, { text: asignatura_1 + '\n\n', style: 'answer' });
9622                        if (asignatura_1 == 'Lengua Materna')
9623                            columnaizq.push({ text: 'Ambito', style: 'titles' }, { text: eje_1 + '\n\n', style: 'answer' });
9624                        else
9625                            columnaizq.push({ text: 'Eje', style: 'titles' }, { text: eje_1 + '\n\n', style: 'answer' });
9626                        columnader.push({ text: 'Tema', style: 'titles' }, { text: tema_1 + '\n\n', style: 'answer' });
9627                        columnas = [columnaizq, columnader];
9628                        pdf.push({ columns: columnas });
9629                        pdf.push({ text: 'Aprendizajes esperados', style: 'titles' }, { ul: aprendizajesselected_1, style: 'answer' });
9630                        pdf.push({ text: '\n\n' });
9631                    }
9632                    else if (plan.info.reforma == "2011") { /* 2011 */
9633                        aprendizajesp_1 = [];
9634                        competenciaesp_1 = [];
9635                        aprenselectedid_2 = plan.mod_edu[0].id_apren_2011.split(',');
9636                        comptselectedid_1 = plan.mod_edu[0].id_comp_2011.split(',');
9637                        columnaizq.push({ text: 'Sistema Educativo', style: 'titles' }, { text: 'México - Reforma educativa 2011' + '\n\n', style: 'answer' });
9638                        columnader.push({ text: 'Grado', style: 'titles' }, { text: gradotxt + '\n\n', style: 'answer' });
9639                        if (plan.mod_edu[0].vida_saludable != null) {
9640                            parte_1 = '', contenido_1 = '', sesion_1 = '', objetivo_1 = '';
9641                            detallePlan.reforma.vida_saludable.forEach(function (vs) {
9642                                if (vs.id == plan.mod_edu[0].vida_saludable) {
9643                                    parte_1 = vs.partes;
9644                                    contenido_1 = vs.contenido;
9645                                    sesion_1 = vs.sesion;
9646                                    objetivo_1 = vs.objetivos;
9647                                }
9648                            });
9649                            columnaizq.push({ text: 'Materia', style: 'titles' }, { text: 'Vida saludable' + '\n\n', style: 'answer' });
9650                            columnader.push({ text: 'Parte', style: 'titles' }, { text: parte_1 + '\n\n', style: 'answer' });
9651                            columnaizq.push({ text: 'Contenido', style: 'titles' }, { text: contenido_1 + '\n\n', style: 'answer' });
9652                            columnader.push({ text: 'Sesión', style: 'titles' }, { text: sesion_1 + '\n\n', style: 'answer' });
9653                            columnaizq.push({ text: 'Objetivo', style: 'titles' }, { text: objetivo_1 + '\n\n', style: 'answer' });
9654                            columnas = [columnaizq, columnader];
9655                            pdf.push({ columns: columnas });
9656                        }
9657                        else {
9658                            bloque_1 = '', asig_1 = '';
9659                            bloques_1 = [
9660                                { bloque: 'Bloque 1', id: 1 },
9661                                { bloque: 'Bloque 2', id: 2 },
9662                                { bloque: 'Bloque 3', id: 3 },
9663                                { bloque: 'Bloque 4', id: 4 },
9664                                { bloque: 'Bloque 5', id: 5 },
9665                            ];
9666                            if (plan.reformaonce[0].asignatura == 11) {
9667                                ambito_1 = '', ttxt_1 = '', psl_1 = '';
9668                                detallePlan.reforma.forEach(function (r) {
9669                                    if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
9670                                        ambito_1 = r.descripcion;
9671                                        ttxt_1 = r.tipo_texto;
9672                                        psl_1 = r.practica_social_lenguaje;
9673                                        asig_1 = r.asignatura;
9674                                        bloques_1.forEach(function (b) {
9675                                            if (r.bloque == b.id)
9676                                                bloque_1 = b.bloque;
9677                                        });
9678                                    }
9679                                });
9680                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
9681                                columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
9682                                columnaizq.push({ text: 'Ambito', style: 'titles' }, { text: ambito_1 + '\n\n', style: 'answer' });
9683                                columnader.push({ text: 'Tipo de texto', style: 'titles' }, { text: ttxt_1 + '\n\n', style: 'answer' });
9684                                columnaizq.push({ text: 'Practica social del lenguaje', style: 'titles' }, { text: psl_1 + '\n\n', style: 'answer' });
9685                            }
9686                            else if (plan.reformaonce[0].asignatura == 2) {
9687                                eje_2 = '', tema_2 = '';
9688                                detallePlan.reforma.forEach(function (r) {
9689                                    if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
9690                                        eje_2 = r.descripcion;
9691                                        tema_2 = r.practicas_temas;
9692                                        asig_1 = r.asignatura;
9693                                        bloques_1.forEach(function (b) {
9694                                            if (r.bloque == b.id)
9695                                                bloque_1 = b.bloque;
9696                                        });
9697                                    }
9698                                });
9699                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
9700                                columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
9701                                columnaizq.push({ text: 'Eje', style: 'titles' }, { text: eje_2 + '\n\n', style: 'answer' });
9702                                columnader.push({ text: 'Tema', style: 'titles' }, { text: tema_2 + '\n\n', style: 'answer' });
9703                            }
9704                            else if (plan.reformaonce[0].asignatura == 15) {
9705                                eje_3 = '', tema_3 = '', lenguaje_1 = '';
9706                                detallePlan.reforma.forEach(function (r) {
9707                                    if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
9708                                        eje_3 = r.descripcion;
9709                                        tema_3 = r.practicas_temas;
9710                                        lenguaje_1 = r.lenguaje_artistico;
9711                                        asig_1 = r.asignatura;
9712                                        bloques_1.forEach(function (b) {
9713                                            if (r.bloque == b.id)
9714                                                bloque_1 = b.bloque;
9715                                        });
9716                                    }
9717                                });
9718                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
9719                                columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
9720                                columnaizq.push({ text: 'Lenguaje artístico', style: 'titles' }, { text: lenguaje_1 + '\n\n', style: 'answer' });
9721                                columnader.push({ text: 'Eje', style: 'titles' }, { text: eje_3 + '\n\n', style: 'answer' });
9722                                columnaizq.push({ text: 'Tema', style: 'titles' }, { text: tema_3 + '\n\n', style: 'answer' });
9723                            }
9724                            else if (plan.reformaonce[0].asignatura == 14) {
9725                                eje_4 = '';
9726                                detallePlan.reforma.forEach(function (r) {
9727                                    if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
9728                                        eje_4 = r.descripcion;
9729                                        asig_1 = r.asignatura;
9730                                        bloques_1.forEach(function (b) {
9731                                            if (r.bloque == b.id)
9732                                                bloque_1 = b.bloque + ' - ' + r.nombre_bloque;
9733                                        });
9734                                    }
9735                                });
9736                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
9737                                columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
9738                                columnaizq.push({ text: 'Ambito', style: 'titles' }, { text: eje_4 + '\n\n', style: 'answer' });
9739                            }
9740                            else if (plan.reformaonce[0].asignatura == 17) {
9741                                eje_5 = '';
9742                                detallePlan.reforma.forEach(function (r) {
9743                                    if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
9744                                        eje_5 = r.descripcion;
9745                                        asig_1 = r.asignatura;
9746                                        bloques_1.forEach(function (b) {
9747                                            if (r.bloque == b.id)
9748                                                bloque_1 = b.bloque + ' - ' + r.nombre_bloque;
9749                                        });
9750                                    }
9751                                });
9752                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
9753                                columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
9754                                columnaizq.push({ text: 'Eje Tematico', style: 'titles' }, { text: eje_5 + '\n\n', style: 'answer' });
9755                            }
9756                            else {
9757                                detallePlan.reforma.forEach(function (r) {
9758                                    if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
9759                                        asig_1 = r.asignatura;
9760                                        bloques_1.forEach(function (b) {
9761                                            if (r.bloque == b.id)
9762                                                bloque_1 = b.bloque + ' - ' + r.nombre_bloque;
9763                                        });
9764                                    }
9765                                });
9766                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
9767                                columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
9768                            }
9769                            columnas = [columnaizq, columnader];
9770                            pdf.push({ columns: columnas });
9771                            detallePlan.competencias.forEach(function (cp) {
9772                                if (cp.mod_edu_2011 == plan.mod_edu[0].id_mod_edu_2011) {
9773                                    comptselectedid_1.forEach(function (compid) {
9774                                        if (cp.idcomp == compid)
9775                                            competenciaesp_1.push(cp.competencias);
9776                                    });
9777                                }
9778                            });
9779                            detallePlan.aprendizajes.forEach(function (ap) {
9780                                if (ap.mod_edu_2011 == plan.mod_edu[0].id_mod_edu_2011) {
9781                                    aprenselectedid_2.forEach(function (aprenid) {
9782                                        if (ap.idapren == aprenid)
9783                                            aprendizajesp_1.push(ap.aprendizajes);
9784                                    });
9785                                }
9786                            });
9787                            pdf.push({ text: 'Competencias que se favorecen', style: 'titles' }, { ul: competenciaesp_1, style: 'answer' });
9788                            pdf.push({ text: '\n' });
9789                            pdf.push({ text: 'Aprendizajes esperados', style: 'titles' }, { ul: aprendizajesp_1, style: 'answer' });
9790                            pdf.push({ text: '\n\n' });
9791                        }
9792                    }
9793                    else if (plan.info.reforma == "libre") { /* Libre */
9794                        columnaizq.push({ text: 'Sistema Educativo', style: 'titles' }, { text: 'Planeación libre' + '\n\n', style: 'answer' });
9795                        columnader.push({ text: 'Grado', style: 'titles' }, { text: gradotxt + '\n\n', style: 'answer' });
9796                        columnas = [columnaizq, columnader];
9797                        pdf.push({ columns: columnas });
9798                        if (plan.mod_edu[0].formacion != '/')
9799                            pdf.push({ text: 'Campos de formación académica y áreas de desarrollo', style: 'titles' }, { text: plan.mod_edu[0].formacion + '\n\n', style: 'answer' });
9800                        if (plan.mod_edu[0].asignatura != '/')
9801                            pdf.push({ text: 'Asignatura', style: 'titles' }, { text: plan.mod_edu[0].asignatura + '\n\n', style: 'answer' });
9802                        if (plan.mod_edu[0].eje != '/')
9803                            pdf.push({ text: 'Eje', style: 'titles' }, { text: plan.mod_edu[0].eje + '\n\n', style: 'answer' });
9804                        if (plan.mod_edu[0].tema != '/')
9805                            pdf.push({ text: 'Tema', style: 'titles' }, { text: plan.mod_edu[0].tema + '\n\n', style: 'answer' });
9806                        if (plan.mod_edu[0].aprendizajes_esperados != '/')
9807                            pdf.push({ text: 'Aprendizajes esperados', style: 'titles' }, { text: plan.mod_edu[0].aprendizajes_esperados + '\n\n', style: 'answer' });
9808                    }
9809                    pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
9810                    columna1izq = [];
9811                    columna1der = [];
9812                    // if(plan.info.nombre_docente!='/'){
9813                    //   columna1izq.push( {text: 'Nombre del docente ' , style: 'titles'}, {text: plan.info.nombre_docente + '\n\n', style: 'answer'});
9814                    // }
9815                    if (plan.sesiones.length > 0) {
9816                        columna1izq.push({ text: 'Número de sesiones de la planeación', style: 'titles' }, { text: plan.info.sesiones + '\n\n', style: 'answer' });
9817                    }
9818                    if (plan.info.duracion != '/') {
9819                        columna1der.push({ text: 'Periodo (tiempo)', style: 'titles' }, { text: plan.info.duracion + '\n\n', style: 'answer' });
9820                    }
9821                    columnas1 = [columna1izq, columna1der];
9822                    pdf.push({ columns: columnas1 });
9823                    pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
9824                    /* Cuarta parte - Escuela */
9825                    if (plan.info.aprendizajes_clave != '/') {
9826                        pdf.push({ text: 'Aprendizajes clave', style: 'titles' }, { text: plan.info.aprendizajes_clave + '\n\n', style: 'answer' });
9827                    }
9828                    if (plan.info.propositos_pedagogicos != '/') {
9829                        pdf.push({ text: 'Propósitos pedagógicos', style: 'titles' }, { text: plan.info.propositos_pedagogicos + '\n\n', style: 'answer' });
9830                    }
9831                    if (plan.info.contexto != '/') {
9832                        pdf.push({ text: 'Contexto', style: 'titles' }, { text: plan.info.contexto + '\n\n', style: 'answer' });
9833                    }
9834                    if (plan.info.bloque != '/' && plan.info.reforma != '2011') {
9835                        pdf.push({ text: 'Bloque', style: 'titles' }, { text: plan.info.bloque + '\n\n', style: 'answer' });
9836                    }
9837                    pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
9838                    /* Quinta parte - Sesiones */
9839                    if (plan.sesiones.length > 0) {
9840                        pdf.push({ text: 'Actividades\n\n', pageBreak: 'before', style: 'titles' });
9841                        i_1 = 0;
9842                        plan.sesiones.forEach(function (sesion, k) {
9843                            var number = k + 1;
9844                            if (sesion.status == 1) {
9845                                if (i_1 != 0)
9846                                    pdf.push({ text: ' ', pageBreak: 'before', style: 'titles' });
9847                                var evaluaciones = sesion.instrumentos_evaluacion.split(',');
9848                                var materiales = sesion.materiales_complementarios.split(',');
9849                                var juegossesion_1 = sesion.juegos.split(',');
9850                                var recursosesion_1 = sesion.otros_recursos.split(',');
9851                                var librosesion_1 = sesion.libros.split(',');
9852                                //let columnasesionizq = []; 
9853                                var columnasesionder_1 = [];
9854                                recursos.forEach(function (recurso) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
9855                                    return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
9856                                        if (recursosesion_1.includes(recurso.id_recurso.toString())) {
9857                                            //columnasesionizq.push( {image: await this.getBase64ImageFromURL('assets/images/icon/recursos.png'), width: 40, height: 40});
9858                                            columnasesionder_1.push({ text: '\n' + recurso.nombre, style: 'titles' }, { text: 'Contenido digital', style: 'answer', italics: true });
9859                                            columnasesionder_1.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 120, y2: 5, lineWidth: 1, color: '#0098CE' }] });
9860                                        }
9861                                        return [2 /*return*/];
9862                                    });
9863                                }); });
9864                                games.forEach(function (game) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
9865                                    return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
9866                                        if (juegossesion_1.includes(game.id_game.toString())) {
9867                                            //let url = 'assets/images/avataresgames/' + game.imagename;
9868                                            //columnasesionizq.push( {image: await this.getBase64ImageFromURL(url), width: 40, height: 40});
9869                                            columnasesionder_1.push({ text: '\n' + game.title, style: 'titles' }, { text: 'Videojuego', italics: true, style: 'answer' });
9870                                            columnasesionder_1.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 120, y2: 5, lineWidth: 1, color: '#FCB619' }] });
9871                                        }
9872                                        return [2 /*return*/];
9873                                    });
9874                                }); });
9875                                libros.forEach(function (libro) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
9876                                    return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
9877                                        if (librosesion_1.includes(libro.id_libro.toString())) {
9878                                            columnasesionder_1.push({ text: '\n' + libro.tema, style: 'titles' }, { text: libro.libro + '-' + libro.grado + '\n' + libro.bloque + '- Página: ' + libro.pag + '\nLink del libro: ' + libro.linktx, style: 'answer', italics: true });
9879                                            columnasesionder_1.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 120, y2: 5, lineWidth: 1, color: '#00729B' }] });
9880                                        }
9881                                        return [2 /*return*/];
9882                                    });
9883                                }); });
9884                                columnasesionder_1.push({ text: '\n\n', style: 'titles' });
9885                                var columnassesiones = [{ text: '', width: 20 }, columnasesionder_1];
9886                                pdf.push({ table: { widths: [70, '*', 100],
9887                                        body: [
9888                                            [{ text: 'Sesión ' + number, style: 'titles' }, { text: 'Descripción', style: 'titles' }, { text: 'Duración', style: 'titles' }],
9889                                            [{ text: 'Inicio ', style: 'titles' }, { text: sesion.descripcion_inicio, style: 'answer' }
9889, { text: sesion.duracion_inicio, style: 'answer' }],
9890                                            [{ text: 'Desarrollo ', style: 'titles' }, { text: sesion.descripcion_desarrollo, style: 'answer' }, { text: sesion.duracion_desarrollo, style: 'answer' }],
9891                                            [{ text: 'Cierre ', style: 'titles' }, { text: sesion.descripcion_cierre, style: 'answer' }, { text: sesion.duracion_cierre, style: 'answer' }],
9892                                            (sesion.materiales_complementarios == '/') ? [{ text: 'Recursos didácticos', border: [true, false, true, false], style: 'titles', colSpan: 3 }]
9893                                                : [{ text: 'Recursos didácticos', border: [true, false, true, false], style: 'titles', colSpan: 2 }, {}, { text: 'Materiales complementarios\n', border: [true, false, true, false], style: 'titles' }],
9894                                            (sesion.materiales_complementarios == '/') ? [{ columns: columnassesiones, border: [true, false, true, true], style: 'answer', colSpan: 3 }]
9895                                                : [{ columns: columnassesiones, border: [true, false, true, true], style: 'answer', colSpan: 2 }, {}, { ul: materiales, border: [true, false, true, true], style: 'answer' }],
9896                                            (sesion.reflexion != '/') ? [{ text: 'Preguntas para la reflexión\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9897                                            (sesion.reflexion != '/') ? [{ text: sesion.reflexion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9898                                            (sesion.activacion != '/') ? [{ text: 'Actividades para la activación de conocimientos y saberes previos\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9899                                            (sesion.activacion != '/') ? [{ text: sesion.activacion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9900                                            (sesion.problematizacion != '/') ? [{ text: 'Actividades para la problematización del conocimiento\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9901                                            (sesion.problematizacion != '/') ? [{ text: sesion.problematizacion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9902                                            (sesion.profundizacion != '/') ? [{ text: 'Actividades para profundización y reconstrucción de conocimiento\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9903                                            (sesion.profundizacion != '/') ? [{ text: sesion.profundizacion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
9904                                            [{ text: 'Evaluación ' + number, style: 'titles', rowSpan: 5 }, { table: { widths: [70, '*'], border: [false, false, false, false], body: [
9905                                                            [{ text: 'Instrumento de evaluación', border: [false, false, true, false], style: 'titles' }, { ul: evaluaciones, border: [false, false, false, false] }]
9906                                                        ] }, border: [false, false, false, true] }, { text: ' ', border: [false, true, true, true] }],
9907                                            (sesion.criterios_evaluacion != '/') ? [{}, { text: 'Criterios de evaluación\n', border: [true, false, true, false], style: 'titles', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
9908                                            (sesion.criterios_evaluacion != '/') ? [{}, { text: sesion.criterios_evaluacion, border: [true, false, true, true], style: 'answer', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
9909                                            (sesion.evidencias != '/') ? [{}, { text: 'Evidencias\n', border: [true, false, true, false], style: 'titles', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
9910                                            (sesion.evidencias != '/') ? [{}, { text: sesion.evidencias, border: [true, false, true, true], style: 'answer', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
9911                                        ]
9912                                    }
9913                                }, '\n\n');
9914                                i_1++;
9915                            }
9916                        });
9917                        pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
9918                    }
9919                } // end if
9920                margen = [40, 50, 40, 50];
9921                reporte = {
9922                    //pageMargins: margen,
9923                    info: {
9924                        title: 'Planeacion.pdf',
9925                    },
9926                    content: pdf,
9927                    styles: {
9928                        header: {
9929                            fontSize: 14,
9930                            bold: true,
9931                        },
9932                        subheader: {
9933                            fontSize: 13,
9934                        },
9935                        titles: {
9936                            fontSize: 12,
9937                            bold: true,
9938                        },
9939                        answer: {
9940                            fontSize: 12,
9941                        }
9942                    },
9943                    footer: function (currentPage, pageCount) {
9944                        return {
9945                            table: {
9946                                body: [
9947                                    [
9948                                        { text: "LabTak® \n Página " + currentPage.toString() + ' de ' + page
9948Count,
9949                                            alignment: 'center', color: '#00bae0', margin: [250, -20, 0, 250] }
9950                                    ],
9951                                ]
9952                            },
9953                            layout: 'noBorders'
9954                        };
9955                    },
9956                };
9957                pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3___default.a.createPdf(reporte).download();
9958                return [2 /*return*/];
9959            });
9960        });
9961    };
9962    ImprimirPubService.ctorParameters = function () { return [
9963        { type: _detalle_service__WEBPACK_IMPORTED_MODULE_5__["DetalleService"] }
9964    ]; };
9965    ImprimirPubService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
9966        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
9967            providedIn: 'root'
9968        })
9969    ], ImprimirPubService);
9970    return ImprimirPubService;
9971}());
9972
9973
9974
9975/***/ }),
9976
9977/***/ "./src/app/service/imprimir.service.ts":
9978/*!*********************************************!*\
9979  !*** ./src/app/service/imprimir.service.ts ***!
9980  \*********************************************/
9981/*! exports provided: ImprimirService */
9982/***/ (function(module, __webpack_exports__, __webpack_require__) {
9983
9984"use strict";
9985__webpack_require__.r(__webpack_exports__);
9986/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImprimirService", function() { return ImprimirService; });
9987/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
9988/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
9989/* harmony import */ var _models_planes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/planes */ "./src/app/models/planes.ts");
9990/* harmony import */ var pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! pdfmake/build/pdfmake */ "./node_modules/pdfmake/build/pdfmake.js");
9991/* harmony import */ var pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3__);
9992/* harmony import */ var pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! pdfmake/build/vfs_fonts */ "./node_modules/pdfmake/build/vfs_fonts.js");
9993/* harmony import */ var pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4__);
9994/* harmony import */ var _detalle_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./detalle.service */ "./src/app/service/detalle.service.ts");
9995
9996
9997
9998
9999
10000
10001pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3___default.a.vfs = pdfmake_build_vfs_fonts__WEBPACK_IMPORTED_MODULE_4___default.a.pdfMake.vfs;
10002var ImprimirService = /** @class */ (function () {
10003    function ImprimirService(detalleService) {
10004        var _this = this;
10005        this.detalleService = detalleService;
10006        this.token = localStorage.getItem('token');
10007        this.updatePlan = new _models_planes__WEBPACK_IMPORTED_MODULE_2__["UpdateNuevosPlanes"]();
10008        this.ccts = [];
10009        this.Grados = [
10010            { grado: 'Primero de primaria', id: 1 },
10011            { grado: 'Segundo de primaria', id: 2 },
10012            { grado: 'Tercero de primaria', id: 3 },
10013            { grado: 'Cuarto de primaria', id: 4 },
10014            { grado: 'Quinto de primaria', id: 5 },
10015            { grado: 'Sexto de primaria', id: 6 },
10016        ];
10017        this.detalleService.detallePerfil(this.token).subscribe(function (response) {
10018            _this.ccts = response.cct_info;
10019        });
10020    }
10021    ImprimirService.prototype.generarPdf = function (plan, detallePlan) {
10022        return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function () {
10023            var pdf, gradotxt, games, recursos, libros, columnaizq, columnader, campo_1, asignatura_1, eje_1, tema_1, aprendizajesselected_1, aprenselectedid_1, columnas, aprendizajesp_1, competenciaesp_1, aprenselectedid_2, comptselectedid_1, parte_1, contenido_1, sesion_1, objetivo_1, columnas, bloque_1, asig_1, bloques_1, ambito_1, ttxt_1, psl_1, eje_2, tema_2, eje_3, tema_3, lenguaje_1, eje_4, eje_5, columnas, columnas, columna1izq, columna1der, cct_1, columnas1, i_1, grupos, _a, _b, _c, _d, margen, reporte;
10024            var _this = this;
10025            return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_e) {
10026                switch (_e.label) {
10027                    case 0:
10028                        pdf = [];
10029                        gradotxt = '';
10030                        games = plan.games;
10031                        recursos = plan.contenidos.recursos;
10032                        libros = plan.contenidos.libros;
10033                        if (!(plan.info.slug != '' || plan.info.slug != null)) return [3 /*break*/, 2];
10034                        /* Primera parte - Nombre */
10035                        pdf.push({ text: "Planeación: " + plan.info.name + "\n", style: 'header', alignment: 'center' }, { text: plan.info.descripcion + "\n\n", style: 'subheader', alignment: 'center' });
10036                        /* Segunda parte - Modelo Educativo */
10037                        this.Grados.forEach(function (g) {
10038                            if (plan.info.grado == g.id)
10039                                gradotxt = g.grado;
10040                        });
10041                        pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
10042                        columnaizq = [];
10043                        columnader = [];
10044                        if (plan.info.reforma == "2017") { /* 2017 */
10045                            campo_1 = '', asignatura_1 = '', eje_1 = '', tema_1 = '';
10046                            aprendizajesselected_1 = [];
10047                            aprenselectedid_1 = plan.mod_edu[0].id_aprendizajes.split(',');
10048                            detallePlan.modedu.forEach(function (me) {
10049                                if (me.idModEdu == plan.mod_edu[0].id_modelo_educativo) {
10050                                    campo_1 = me.formacionAcademica;
10051                                    asignatura_1 = me.asignatura;
10052                                    eje_1 = me.descripcion;
10053                                    tema_1 = me.practicas_temas;
10054                                }
10055                            });
10056                            detallePlan.aprendizajes.forEach(function (ap) {
10057                                aprenselectedid_1.forEach(function (aprenid) {
10058                                    if (ap.id == aprenid)
10059                                        aprendizajesselected_1.push(ap.aprendizajes);
10060                                });
10061                            });
10062                            columnaizq.push({ text: 'Sistema Educativo', style: 'titles' }, { text: 'México - Reforma educativa 2017' + '\n\n', style: 'answer' });
10063                            columnader.push({ text: 'Grado', style: 'titles' }, { text: gradotxt + '\n\n', style: 'answer' });
10064                            columnaizq.push({ text: 'Campos de formación académica y áreas de desarrollo', style: 'titles' }, { text: campo_1 + '\n\n', style: 'answer' });
10065                            columnader.push({ text: 'Asignatura', style: 'titles' }, { text: asignatura_1 + '\n\n', style: 'answer' });
10066                            if (asignatura_1 == 'Lengua Materna')
10067                                columnaizq.push({ text: 'Ambito', style: 'titles' }, { text: eje_1 + '\n\n', style: 'answer' });
10068                            else
10069                                columnaizq.push({ text: 'Eje', style: 'titles' }, { text: eje_1 + '\n\n', style: 'answer' });
10070                            columnader.push({ text: 'Tema', style: 'titles' }, { text: tema_1 + '\n\n', style: 'answer' });
10071                            columnas = [columnaizq, columnader];
10072                            pdf.push({ columns: columnas });
10073                            pdf.push({ text: 'Aprendizajes esperados', style: 'titles' }, { ul: aprendizajesselected_1, style: 'answer' });
10074                            pdf.push({ text: '\n\n' });
10075                        }
10076                        else if (plan.info.reforma == "2011") { /* 2011 */
10077                            aprendizajesp_1 = [];
10078                            competenciaesp_1 = [];
10079                            aprenselectedid_2 = plan.mod_edu[0].id_apren_2011.split(',');
10080                            comptselectedid_1 = plan.mod_edu[0].id_comp_2011.split(',');
10081                            columnaizq.push({ text: 'Sistema Educativo', style: 'titles' }, { text: 'México - Reforma educativa 2011' + '\n\n', style: 'answer' });
10082                            columnader.push({ text: 'Grado', style: 'titles' }, { text: gradotxt + '\n\n', style: 'answer' });
10083                            if (plan.mod_edu[0].vida_saludable != null) {
10084                                parte_1 = '', contenido_1 = '', sesion_1 = '', objetivo_1 = '';
10085                                detallePlan.reforma.vida_saludable.forEach(function (vs) {
10086                                    if (vs.id == plan.mod_edu[0].vida_saludable) {
10087                                        parte_1 = vs.partes;
10088                                        contenido_1 = vs.contenido;
10089                                        sesion_1 = vs.sesion;
10090                                        objetivo_1 = vs.objetivos;
10091                                    }
10092                                });
10093                                columnaizq.push({ text: 'Materia', style: 'titles' }, { text: 'Vida saludable' + '\n\n', style: 'answer' });
10094                                columnader.push({ text: 'Parte', style: 'titles' }, { text: parte_1 + '\n\n', style: 'answer' });
10095                                columnaizq.push({ text: 'Contenido', style: 'titles' }, { text: contenido_1 + '\n\n', style: 'answer' });
10096                                columnader.push({ text: 'Sesión', style: 'titles' }, { text: sesion_1 + '\n\n', style: 'answer' });
10097                                columnaizq.push({ text: 'Objetivo', style: 'titles' }, { text: objetivo_1 + '\n\n', style: 'answer' });
10098                                columnas = [columnaizq, columnader];
10099                                pdf.push({ columns: columnas });
10100                            }
10101                            else {
10102                                bloque_1 = '', asig_1 = '';
10103                                bloques_1 = [
10104                                    { bloque: 'Bloque 1', id: 1 },
10105                                    { bloque: 'Bloque 2', id: 2 },
10106                                    { bloque: 'Bloque 3', id: 3 },
10107                                    { bloque: 'Bloque 4', id: 4 },
10108                                    { bloque: 'Bloque 5', id: 5 },
10109                                ];
10110                                if (plan.reformaonce[0].asignatura == 11) {
10111                                    ambito_1 = '', ttxt_1 = '', psl_1 = '';
10112                                    detallePlan.reforma.forEach(function (r) {
10113                                        if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
10114                                            ambito_1 = r.descripcion;
10115                                            ttxt_1 = r.tipo_texto;
10116                                            psl_1 = r.practica_social_lenguaje;
10117                                            asig_1 = r.asignatura;
10118                                            bloques_1.forEach(function (b) {
10119                                                if (r.bloque == b.id)
10120                                                    bloque_1 = b.bloque;
10121                                            });
10122                                        }
10123                                    });
10124                                    columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
10125                                    columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
10126                                    columnaizq.push({ text: 'Ambito', style: 'titles' }, { text: ambito_1 + '\n\n', style: 'answer' });
10127                                    columnader.push({ text: 'Tipo de texto', style: 'titles' }, { text: ttxt_1 + '\n\n', style: 'answer' });
10128                                    columnaizq.push({ text: 'Practica social del lenguaje', style: 'titles' }, { text: psl_1 + '\n\n', style: 'answer' });
10129                                }
10130                                else if (plan.reformaonce[0].asignatura == 2) {
10131                                    eje_2 = '', tema_2 = '';
10132                                    detallePlan.reforma.forEach(function (r) {
10133                                        if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
10134                                            eje_2 = r.descripcion;
10135                                            tema_2 = r.practicas_temas;
10136                                            asig_1 = r.asignatura;
10137                                            bloques_1.forEach(function (b) {
10138                                                if (r.bloque == b.id)
10139                                                    bloque_1 = b.bloque;
10140                                            });
10141                                        }
10142                                    });
10143                                    columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
10144                                    columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
10145                                    columnaizq.push({ text: 'Eje', style: 'titles' }, { text: eje_2 + '\n\n', style: 'answer' });
10146                                    columnader.push({ text: 'Tema', style: 'titles' }, { text: tema_2 + '\n\n', style: 'answer' });
10147                                }
10148                                else if (plan.reformaonce[0].asignatura == 15) {
10149                                    eje_3 = '', tema_3 = '', lenguaje_1 = '';
10150                                    detallePlan.reforma.forEach(function (r) {
10151                                        if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
10152                                            eje_3 = r.descripcion;
10153                                            tema_3 = r.practicas_temas;
10154                                            lenguaje_1 = r.lenguaje_artistico;
10155                                            asig_1 = r.asignatura;
10156                                            bloques_1.forEach(function (b) {
10157                                                if (r.bloque == b.id)
10158                                                    bloque_1 = b.bloque;
10159                                            });
10160                                        }
10161                                    });
10162                                    columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
10163                                    columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
10164                                    columnaizq.push({ text: 'Lenguaje artístico', style: 'titles' }, { text: lenguaje_1 + '\n\n', style: 'answer' });
10165                                    columnader.push({ text: 'Eje', style: 'titles' }, { text: eje_3 + '\n\n', style: 'answer' });
10166                                    columnaizq.push({ text: 'Tema', style: 'titles' }, { text: tema_3 + '\n\n', style: 'answer' });
10167                                }
10168                                else if (plan.reformaonce[0].asignatura == 14) {
10169                                    eje_4 = '';
10170                                    detallePlan.reforma.forEach(function (r) {
10171                                        if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
10172                                            eje_4 = r.descripcion;
10173                                            asig_1 = r.asignatura;
10174                                            bloques_1.forEach(function (b) {
10175                                                if (r.bloque == b.id)
10176                                                    bloque_1 = b.bloque + ' - ' + r.nombre_bloque;
10177                                            });
10178                                        }
10179                                    });
10180                                    columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
10181                                    columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
10182                                    columnaizq.push({ text: 'Ambito', style: 'titles' }, { text: eje_4 + '\n\n', style: 'answer' });
10183                                }
10184                                else if (plan.reformaonce[0].asignatura == 17) {
10185                                    eje_5 = '';
10186                                    detallePlan.reforma.forEach(function (r) {
10187                                        if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
10188                                            eje_5 = r.descripcion;
10189                                            asig_1 = r.asignatura;
10190                                            bloques_1.forEach(function (b) {
10191                                                if (r.bloque == b.id)
10192                                                    bloque_1 = b.bloque + ' - ' + r.nombre_bloque;
10193                                            });
10194                                        }
10195                                    });
10196                                    columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
10197                                    columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
10198                                    columnaizq.push({ text: 'Eje Tematico', style: 'titles' }, { text: eje_5 + '\n\n', style: 'answer' });
10199                                }
10200                                else {
10201                                    detallePlan.reforma.forEach(function (r) {
10202                                        if (r.id == plan.mod_edu[0].id_mod_edu_2011) {
10203                                            asig_1 = r.asignatura;
10204                                            bloques_1.forEach(function (b) {
10205                                                if (r.bloque == b.id)
10206                                                    bloque_1 = b.bloque + ' - ' + r.nombre_bloque;
10207                                            });
10208                                        }
10209                                    });
10210                                    columnaizq.push({ text: 'Materia', style: 'titles' }, { text: asig_1 + '\n\n', style: 'answer' });
10211                                    columnader.push({ text: 'Bloque', style: 'titles' }, { text: bloque_1 + '\n\n', style: 'answer' });
10212                                }
10213                                columnas = [columnaizq, columnader];
10214                                pdf.push({ columns: columnas });
10215                                detallePlan.competencias.forEach(function (cp) {
10216                                    if (cp.mod_edu_2011 == plan.mod_edu[0].id_mod_edu_2011) {
10217                                        comptselectedid_1.forEach(function (compid) {
10218                                            if (cp.idcomp == compid)
10219                                                competenciaesp_1.push(cp.competencias);
10220                                        });
10221                                    }
10222                                });
10223                                detallePlan.aprendizajes.forEach(function (ap) {
10224                                    if (ap.mod_edu_2011 == plan.mod_edu[0].id_mod_edu_2011) {
10225                                        aprenselectedid_2.forEach(function (aprenid) {
10226                                            if (ap.idapren == aprenid)
10227                                                aprendizajesp_1.push(ap.aprendizajes);
10228                                        });
10229                                    }
10230                                });
10231                                pdf.push({ text: 'Competencias que se favorecen', style: 'titles' }, { ul: competenciaesp_1, style: 'answer' });
10232                                pdf.push({ text: '\n' });
10233                                pdf.push({ text: 'Aprendizajes esperados', style: 'titles' }, { ul: aprendizajesp_1, style: 'answer' });
10234                                pdf.push({ text: '\n\n' });
10235                            }
10236                        }
10237                        else if (plan.info.reforma == "libre") { /* Libre */
10238                            columnaizq.push({ text: 'Sistema Educativo', style: 'titles' }, { text: 'Planeación libre' + '\n\n', style: 'answer' });
10239                            columnader.push({ text: 'Grado', style: 'titles' }, { text: gradotxt + '\n\n', style: 'answer' });
10240                            columnas = [columnaizq, columnader];
10241                            pdf.push({ columns: columnas });
10242                            if (plan.mod_edu[0].formacion != '/')
10243                                pdf.push({ text: 'Campos de formación académica y áreas de desarrollo', style: 'titles' }, { text: plan.mod_edu[0].formacion + '\n\n', style: 'answer' });
10244                            if (plan.mod_edu[0].asignatura != '/')
10245                                pdf.push({ text: 'Asignatura', style: 'titles' }, { text: plan.mod_edu[0].asignatura + '\n\n', style: 'answer' });
10246                            if (plan.mod_edu[0].eje != '/')
10247                                pdf.push({ text: 'Eje', style: 'titles' }, { text: plan.mod_edu[0].eje + '\n\n', style: 'answer' });
10248                            if (plan.mod_edu[0].tema != '/')
10249                                pdf.push({ text: 'Tema', style: 'titles' }, { text: plan.mod_edu[0].tema + '\n\n', style: 'answer' });
10250                            if (plan.mod_edu[0].aprendizajes_esperados != '/')
10251                                pdf.push({ text: 'Aprendizajes esperados', style: 'titles' }, { text: plan.mod_edu[0].aprendizajes_esperados + '\n\n', style: 'answer' });
10252                        }
10253                        pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
10254                        columna1izq = [];
10255                        columna1der = [];
10256                        if (plan.info.institucion != '/') {
10257                            columna1izq.push({ text: 'Nombre de la institución educativa', style: 'titles' }, { text: plan.info.institucion + '\n\n', style: 'answer' });
10258                        }
10259                        if (plan.info.nombre_docente != '/') {
10260                            columna1izq.push({ text: 'Nombre del docente ', style: 'titles' }, { text: plan.info.nombre_docente + '\n\n', style: 'answer' });
10261                        }
10262                        if (plan.info.ciclo != '/') {
10263                            columna1izq.push({ text: 'Ciclo escolar', style: 'titles' }, { text: plan.info.ciclo + '\n\n', style: 'answer' });
10264                        }
10265                        if (plan.sesiones.length > 0) {
10266                            columna1izq.push({ text: 'Número de sesiones de la planeación', style: 'titles' }, { text: plan.info.sesiones + '\n\n', style: 'answer' });
10267                        }
10268                        if (plan.info.cct != 0) {
10269                            this.ccts.forEach(function (c) {
10270                                if (c.id == plan.info.cct)
10271                                    cct_1 = c.cct;
10272                            });
10273                            columna1der.push({ text: 'Clave del centro de trabajo (CCT)', style: 'titles' }, { text: cct_1 + '\n\n', style: 'answer' });
10274                        }
10275                        if (plan.info.area != '/') {
10276                            columna1der.push({ text: 'Área', style: 'titles' }, { text: plan.info.area + '\n\n', style: 'answer' });
10277                        }
10278                        if (plan.info.duracion != '/') {
10279                            columna1der.push({ text: 'Periodo (tiempo)', style: 'titles' }, { text: plan.info.duracion + '\n\n', style: 'answer' });
10280                        }
10281                        if (plan.info.semana != '/') {
10282                            columna1der.push({ text: 'Fecha de aplicación', style: 'titles' }, { text: plan.info.semana + '\n\n', style: 'answer' });
10283                        }
10284                        columnas1 = [columna1izq, columna1der];
10285                        pdf.push({ columns: columnas1 });
10286                        pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
10287                        /* Cuarta parte - Escuela */
10288                        if (plan.info.aprendizajes_clave != '/') {
10289                            pdf.push({ text: 'Aprendizajes clave', style: 'titles' }, { text: plan.info.aprendizajes_clave + '\n\n', style: 'answer' });
10290                        }
10291                        if (plan.info.propositos_pedagogicos != '/') {
10292                            pdf.push({ text: 'Propósitos pedagógicos', style: 'titles' }, { text: plan.info.propositos_pedagogicos + '\n\n', style: 'answer' });
10293                        }
10294                        if (plan.info.contexto != '/') {
10295                            pdf.push({ text: 'Contexto', style: 'titles' }, { text: plan.info.contexto + '\n\n', style: 'answer' });
10296                        }
10297                        if (plan.info.bloque != '/' && plan.info.reforma != '2011') {
10298                            pdf.push({ text: 'Bloque', style: 'titles' }, { text: plan.info.bloque + '\n\n', style: 'answer' });
10299                        }
10300                        pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
10301                        /* Quinta parte - Sesiones */
10302                        if (plan.sesiones.length > 0) {
10303                            pdf.push({ text: 'Actividades\n\n', pageBreak: 'before', style: 'titles' });
10304                            i_1 = 0;
10305                            plan.sesiones.forEach(function (sesion, k) {
10306                                var number = k + 1;
10307                                if (sesion.status == 1) {
10308                                    if (i_1 != 0)
10309                                        pdf.push({ text: ' ', pageBreak: 'before', style: 'titles' });
10310                                    var evaluaciones = sesion.instrumentos_evaluacion.split(',');
10311                                    var materiales = sesion.materiales_complementarios.split(',');
10312                                    var juegossesion_1 = sesion.juegos.split(',');
10313                                    var recursosesion_1 = sesion.otros_recursos.split(',');
10314                                    var librosesion_1 = sesion.libros.split(',');
10315                                    //let columnasesionizq = []; 
10316                                    var columnasesionder_1 = [];
10317                                    recursos.forEach(function (recurso) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
10318                                        return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
10319                                            if (recursosesion_1.includes(recurso.id_recurso.toString())) {
10320                                                //columnasesionizq.push( {image: await this.getBase64ImageFromURL('assets/images/icon/recursos.png'), width: 40, height: 40});
10321                                                columnasesionder_1.push({ text: '\n' + recurso.nombre, style: 'titles' }, { text: 'Contenido digital', style: 'answer', italics: true });
10322                                                columnasesionder_1.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 120, y2: 5, lineWidth: 1, color: '#0098CE' }] });
10323                                            }
10324                                            return [2 /*return*/];
10325                                        });
10326                                    }); });
10327                                    games.forEach(function (game) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
10328                                        return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
10329                                            if (juegossesion_1.includes(game.id_game.toString())) {
10330                                                //let url = 'assets/images/avataresgames/' + game.imagename;
10331                                                //columnasesionizq.push( {image: await this.getBase64ImageFromURL(url), width: 40, height: 40});
10332                                                columnasesionder_1.push({ text: '\n' + game.title, style: 'titles' }, { text: 'Videojuego', italics: true, style: 'answer' });
10333                                                columnasesionder_1.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 120, y2: 5, lineWidth: 1, color: '#FCB619' }] });
10334                                            }
10335                                            return [2 /*return*/];
10336                                        });
10337                                    }); });
10338                                    libros.forEach(function (libro) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](_this, void 0, void 0, function () {
10339                                        return tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"](this, function (_a) {
10340                                            if (librosesion_1.includes(libro.id_libro.toString())) {
10341                                                columnasesionder_1.push({ text: '\n' + libro.tema, style: 'titles' }, { text: libro.libro + '-' + libro.grado + '\n' + libro.bloque + '- Página: ' + libro.pag + '\nLink del libro: ' + libro.linktx, style: 'answer', italics: true });
10342                                                columnasesionder_1.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 120, y2: 5, lineWidth: 1, color: '#00729B' }] });
10343                                            }
10344                                            return [2 /*return*/];
10345                                        });
10346                                    }); });
10347                                    columnasesionder_1.push({ text: '\n\n', style: 'titles' });
10348                                    var columnassesiones = [{ text: '', width: 20 }, columnasesionder_1];
10349                                    pdf.push({ table: { widths: [70, '*', 100],
10350                                            body: [
10351                                                [{ text: 'Sesión ' + number, style: 'titles' }, { text: 'Descripción', style: 'titles' }, { text: 'Duración', style: 'titles' }],
10352                                                [{ text: 'Inicio ', style: 'titles' }, { text: sesion.descripcion_inicio, style: 'answer' }, { text: sesion.duracion_inicio, style: 'answer' }],
10353                                                [{ text: 'Desarrollo ', style: 'titles' }, { text: sesion.descripcion_desarrollo, style: 'answer' }, { text: sesion.duracion_desarrollo, style: 'answer' }],
10354                                                [{ text: 'Cierre ', style: 'titles' }, { text: sesion.descripcion_cierre, style: 'answer' }, { text: sesion.duracion_cierre, style: 'answer' }],
10355                                                (sesion.materiales_complementarios == '/') ? [{ text: 'Recursos didácticos', border: [true, false, true, false], style: 'titles', colSpan: 3 }]
10356                                                    : [{ text: 'Recursos didácticos', border: [true, false, true, false], style: 'titles', colSpan: 2 }, {}, { text: 'Materiales complementarios\n', border: [true, false, true, false], style: 'titles' }],
10357                                                (sesion.materiales_complementarios == '/') ? [{ columns: columnassesiones, border: [true, false, true, true], style: 'answer', colSpan: 3 }]
10358                                                    : [{ columns: columnassesiones, border: [true, false, true, true], style: 'answer', colSpan: 2 }, {}, { ul: materiales, border: [true, false, true, true], style: 'answer' }],
10359                                                (sesion.reflexion != '/') ? [{ text: 'Preguntas para la reflexión\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10360                                                (sesion.reflexion != '/') ? [{ text: sesion.reflexion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10361                                                (sesion.activacion != '/') ? [{ text: 'Actividades para la activación de conocimientos y saberes previos\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10362                                                (sesion.activacion != '/') ? [{ text: sesion.activacion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10363                                                (sesion.problematizacion != '/') ? [{ text: 'Actividades para la problematización del conocimiento\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10364                                                (sesion.problematizacion != '/') ? [{ text: sesion.problematizacion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10365                                                (sesion.profundizacion != '/') ? [{ text: 'Actividades para profundización y reconstrucción de conocimiento\n', border: [true, false, true, false], style: 'titles', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10366                                                (sesion.profundizacion != '/') ? [{ text: sesion.profundizacion, border: [true, false, true, true], style: 'answer', colSpan: 3 }] : [{ text: '', border: [true, false, true, false], colSpan: 3 }],
10367                                                [{ text: 'Evaluación ' + number, style: 'titles', rowSpan: 5 }
10367, { table: { widths: [70, '*'], border: [false, false, false, false], body: [
10368                                                                [{ text: 'Instrumento de evaluación', border: [false, false, true, false], style: 'titles' }, { ul: evaluaciones, border: [false, false, false, false] }]
10369                                                            ] }, border: [false, false, false, true] }, { text: ' ', border: [false, true, true, true] }],
10370                                                (sesion.criterios_evaluacion != '/') ? [{}, { text: 'Criterios de evaluación\n', border: [true, false, true, false], style: 'titles', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
10371                                                (sesion.criterios_evaluacion != '/') ? [{}, { text: sesion.criterios_evaluacion, border: [true, false, true, true], style: 'answer', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
10372                                                (sesion.evidencias != '/') ? [{}, { text: 'Evidencias\n', border: [true, false, true, false], style: 'titles', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
10373                                                (sesion.evidencias != '/') ? [{}, { text: sesion.evidencias, border: [true, false, true, true], style: 'answer', colSpan: 2 }] : [{}, { text: '', border: [true, false, true, false], colSpan: 2 }],
10374                                            ]
10375                                        }
10376                                    }, '\n\n');
10377                                    i_1++;
10378                                }
10379                            });
10380                            pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
10381                        }
10382                        /* Sexta parte - Director */
10383                        //Si sesiones es > 0 hacer el break
10384                        pdf.push({ text: ' ', pageBreak: 'before', style: 'titles' });
10385                        if (plan.info.director != '/' && plan.info.fecha != '/') {
10386                            pdf.push({ table: { widths: ['*', '*'], heights: [50, 50, 50],
10387                                    body: [
10388                                        [[{ text: 'Nombre del director(a)\n', style: 'titles' }, { text: plan.info.director, style: 'answer' }], { text: 'Firma', style: 'titles', rowSpan: 2, }],
10389                                        [{ text: 'Sello', style: 'titles', rowSpan: 2, }, ''],
10390                                        ['', [{ text: 'Fecha\n', style: 'titles' }, { text: plan.info.fecha, style: 'answer' }]],
10391                                    ]
10392                                }
10393                            }, '\n\n');
10394                        }
10395                        if (plan.info.director == '/' && plan.info.fecha != '/') {
10396                            pdf.push({ table: { widths: ['*', '*'], heights: [50, 10, 50],
10397                                    body: [
10398                                        [{ text: 'Sello', style: 'titles', rowSpan: 3 }, { text: 'Firma', style: 'titles', rowSpan: 2 }],
10399                                        ['', ''],
10400                                        ['', [{ text: 'Fecha\n', style: 'titles' }, { text: plan.info.fecha, style: 'answer' }]]
10401                                    ]
10402                                }
10403                            }, '\n\n');
10404                        }
10405                        if (plan.info.director != '/' && plan.info.fecha == '/') {
10406                            pdf.push({ table: { widths: ['*', '*'], heights: [50, 10, 50],
10407                                    body: [
10408                                        [[{ text: 'Nombre del director(a)\n', style: 'titles' }, { text: plan.info.director, style: 'answer' }], { text: 'Firma', style: 'titles', rowSpan: 3, }],
10409                                        [{ text: 'Sello', style: 'titles', rowSpan: 2, }, ''],
10410                                        ['', ''],
10411                                    ]
10412                                }
10413                            }, '\n\n');
10414                        }
10415                        if (plan.info.director == '/' && plan.info.fecha == '/') {
10416                            pdf.push({ table: { widths: ['*', '*'], heights: [100],
10417                                    body: [
10418                                        [{ text: 'Sello', style: 'titles' }, { text: 'Firma', style: 'titles' }],
10419                                    ]
10420                                }
10421                            }, '\n\n');
10422                        }
10423                        pdf.push({ canvas: [{ type: 'line', x1: 0, y1: 5, x2: 595 - 2 * 40, y2: 5, lineWidth: 1, color: '#e533a2' }] }, "\n");
10424                        if (!(plan.contenidos.classroom.length > 0)) return [3 /*break*/, 2];
10425                        grupos = '';
10426                        plan.contenidos.classroom.forEach(function (g, index) {
10427                            if (index == plan.contenidos.classroom.length - 1)
10428                                grupos = grupos + g.grado + g.grupo;
10429                            else
10430                                grupos = grupos + g.grado + g.grupo + ',';
10431                        });
10432                        _b = (_a = pdf).push;
10433                        _c = {};
10434                        _d = {};
10435                        return [4 /*yield*/, this.getBase64ImageFromURL('assets/images/icon/grupos_home.png')];
10436                    case 1:
10437                        _b.apply(_a, [(_c.columns = [
10438                                (_d.image = _e.sent(), _d.width = 90, _d.height = 90, _d),
10439                                { width: 20, text: '' },
10440                                [{ text: "Grupos vinculados a la planeación\n\n", style: 'header' }, { text: grupos + "\n\n", style: 'subheader' }]
10441                            ], _c)]);
10442                        _e.label = 2;
10443                    case 2:
10444                        margen = [40, 50, 40, 50];
10445                        reporte = {
10446                            //pageMargins: margen,
10447                            info: {
10448                                title: 'Planeacion',
10449                            },
10450                            content: pdf,
10451                            styles: {
10452                                header: {
10453                                    fontSize: 14,
10454                                    bold: true,
10455                                },
10456                                subheader: {
10457                                    fontSize: 13,
10458                                },
10459                                titles: {
10460                                    fontSize: 12,
10461                                    bold: true,
10462                                },
10463                                answer: {
10464                                    fontSize: 12,
10465                                }
10466                            },
10467                            footer: function (currentPage, pageCount) {
10468                                return {
10469                                    table: {
10470                                        body: [
10471                                            [
10472                                                { text: "LabTak® \n Página " + currentPage.toString() + ' de ' + page
10472Count,
10473                                                    alignment: 'center', color: '#00bae0', margin: [250, -20, 0, 250] }
10474                                            ],
10475                                        ]
10476                                    },
10477                                    layout: 'noBorders'
10478                                };
10479                            },
10480                        };
10481                        pdfmake_build_pdfmake__WEBPACK_IMPORTED_MODULE_3___default.a.createPdf(reporte).download();
10482                        return [2 /*return*/];
10483                }
10484            });
10485        });
10486    };
10487    ImprimirService.prototype.getBase64ImageFromURL = function (url) {
10488        return new Promise(function (resolve, reject) {
10489            var img = new Image();
10490            img.setAttribute("crossOrigin", "Anonymous");
10491            img.onload = function () {
10492                var canvas = document.createElement("canvas");
10493                canvas.width = img.width;
10494                canvas.height = img.height;
10495                var ctx = canvas.getContext("2d");
10496                ctx.drawImage(img, 0, 0);
10497                var dataURL = canvas.toDataURL("image/png");
10498                resolve(dataURL);
10499            };
10500            img.onerror = function (error) {
10501                reject(error);
10502            };
10503            img.src = url;
10504        });
10505    };
10506    ImprimirService.ctorParameters = function () { return [
10507        { type: _detalle_service__WEBPACK_IMPORTED_MODULE_5__["DetalleService"] }
10508    ]; };
10509    ImprimirService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
10510        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
10511            providedIn: 'root'
10512        })
10513    ], ImprimirService);
10514    return ImprimirService;
10515}());
10516
10517
10518
10519/***/ }),
10520
10521/***/ "./src/app/service/publicas.service.ts":
10522/*!*********************************************!*\
10523  !*** ./src/app/service/publicas.service.ts ***!
10524  \*********************************************/
10525/*! exports provided: PublicasService */
10526/***/ (function(module, __webpack_exports__, __webpack_require__) {
10527
10528"use strict";
10529__webpack_require__.r(__webpack_exports__);
10530/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PublicasService", function() { return PublicasService; });
10531/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
10532/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
10533/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
10534/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
10535
10536
10537
10538
10539var PublicasService = /** @class */ (function () {
10540    function PublicasService(http) {
10541        this.http = http;
10542        this.url = _config__WEBPACK_IMPORTED_MODULE_3__["config"].url;
10543    }
10544    PublicasService.prototype.publicarPlaneacion = function (token, data) {
10545        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10546        headers = headers.append('Content-Type', 'application/json');
10547        headers = headers.append('Authorization', "Bearer " + token);
10548        // Peticion
10549        return this.http.post(this.url + "planeaciones/plan-publica", data, { headers: headers });
10550    };
10551    PublicasService.prototype.planeacionesPublicas = function (token) {
10552        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10553        headers = headers.append('Content-Type', 'application/json');
10554        headers = headers.append('Authorization', "Bearer " + token);
10555        // Peticion
10556        return this.http.get(this.url + "planeaciones/publicas-all", { headers: headers });
10557    };
10558    PublicasService.prototype.misplaneacionesCompartidas = function (token) {
10559        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10560        headers = headers.append('Content-Type', 'application/json');
10561        headers = headers.append('Authorization', "Bearer " + token);
10562        // Peticion
10563        return this.http.get(this.url + "planeaciones/mis-compartidas", { headers: headers });
10564    };
10565    PublicasService.prototype.compartirPlaneacion = function (token, data) {
10566        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10567        headers = headers.append('Content-Type', 'application/json');
10568        headers = headers.append('Authorization', "Bearer " + token);
10569        // Peticion
10570        return this.http.post(this.url + "planeaciones/compartir-plan", data, { headers: headers });
10571    };
10572    PublicasService.prototype.detallePlanes = function (token, id_plan, slug) {
10573        // Cabezeras
10574        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10575        headers = headers.append('Content-Type', 'application/json');
10576        headers = headers.append('Authorization', "Bearer " + token);
10577        // Peticion
10578        var url = this.url + ("planeaciones/planeador-detalle/" + id_plan + "/" + slug + " ");
10579        return this.http.get(url, { headers: headers });
10580    };
10581    PublicasService.prototype.agregarPlanPublica = function (token, data) {
10582        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10583        headers = headers.append('Content-Type', 'application/json');
10584        headers = headers.append('Authorization', "Bearer " + token);
10585        // Peticion
10586        return this.http.post(this.url + "planeaciones/add-plan-publica", data, { headers: headers });
10587    };
10588    PublicasService.prototype.getAsignaturasLibre = function (token) {
10589        // Cabezeras
10590        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10591        headers = headers.append('Content-Type', 'application/json');
10592        headers = headers.append('Authorization', "Bearer " + token);
10593        // Peticion
10594        return this.http.get(this.url + "planeaciones/asignaturas-libre", { headers: headers });
10595    };
10596    PublicasService.prototype.getplanesLibre = function (token, data) {
10597        // Cabezeras
10598        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10599        headers = headers.append('Content-Type', 'application/json');
10600        headers = headers.append('Authorization', "Bearer " + token);
10601        // Peticion
10602        return this.http.post(this.url + "planeaciones/planes-libre", data, { headers: headers });
10603    };
10604    PublicasService.prototype.getplanesOnce = function (token, data) {
10605        // Cabezeras
10606        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10607        headers = headers.append('Content-Type', 'application/json');
10608        headers = headers.append('Authorization', "Bearer " + token);
10609        // Peticion
10610        return this.http.post(this.url + "planeaciones/planes-refonce", data, { headers: headers });
10611    };
10612    PublicasService.prototype.getplanesSiete = function (token, data) {
10613        // Cabezeras
10614        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10615        headers = headers.append('Content-Type', 'application/json');
10616        headers = headers.append('Authorization', "Bearer " + token);
10617        // Peticion
10618        return this.http.post(this.url + "planeaciones/planes-refsiete", data, { headers: headers });
10619    };
10620    PublicasService.ctorParameters = function () { return [
10621        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
10622    ]; };
10623    PublicasService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
10624        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
10625            providedIn: 'root'
10626        })
10627    ], PublicasService);
10628    return PublicasService;
10629}());
10630
10631
10632
10633/***/ }),
10634
10635/***/ "./src/app/service/tienda.service.ts":
10636/*!*******************************************!*\
10637  !*** ./src/app/service/tienda.service.ts ***!
10638  \*******************************************/
10639/*! exports provided: TiendaService */
10640/***/ (function(module, __webpack_exports__, __webpack_require__) {
10641
10642"use strict";
10643__webpack_require__.r(__webpack_exports__);
10644/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TiendaService", function() { return TiendaService; });
10645/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
10646/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
10647/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
10648/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
10649
10650
10651
10652
10653var TiendaService = /** @class */ (function () {
10654    function TiendaService(http) {
10655        this.http = http;
10656        this.url = _config__WEBPACK_IMPORTED_MODULE_3__["config"].url;
10657    }
10658    TiendaService.prototype.postOrden = function (token, orden) {
10659        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10660        headers = headers.append('Content-Type', 'application/json');
10661        headers = headers.append('Authorization', "Bearer " + token);
10662        return this.http.post(this.url + 'adquisicion/tienda', orden, { headers: headers });
10663    };
10664    TiendaService.prototype.getLicencia = function (token) {
10665        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10666        headers = headers.append('Content-Type', 'application/json');
10667        headers = headers.append('Authorization', "Bearer " + token);
10668        // Peticion
10669        return this.http.get(this.url + 'adquisicion/tienda', { headers: headers });
10670    };
10671    TiendaService.prototype.postPago = function (token, orden) {
10672        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10673        headers = headers.append('Content-Type', 'application/json');
10674        headers = headers.append('Authorization', "Bearer " + token);
10675        return this.http.post(this.url + 'adquisicion/tienda-pago', orden, { headers: headers });
10676    };
10677    TiendaService.ctorParameters = function () { return [
10678        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
10679    ]; };
10680    TiendaService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
10681        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
10682            providedIn: 'root'
10683        })
10684    ], TiendaService);
10685    return TiendaService;
10686}());
10687
10688
10689
10690/***/ }),
10691
10692/***/ "./src/app/service/user.service.ts":
10693/*!*****************************************!*\
10694  !*** ./src/app/service/user.service.ts ***!
10695  \*****************************************/
10696/*! exports provided: UserService */
10697/***/ (function(module, __webpack_exports__, __webpack_require__) {
10698
10699"use strict";
10700__webpack_require__.r(__webpack_exports__);
10701/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserService", function() { return UserService; });
10702/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
10703/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
10704/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
10705/* harmony import */ var jwt_decode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! jwt-decode */ "./node_modules/jwt-decode/build/jwt-decode.esm.js");
10706/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./config */ "./src/app/service/config.ts");
10707
10708
10709
10710
10711
10712var UserService = /** @class */ (function () {
10713    function UserService(http) {
10714        this.http = http;
10715        this.url = _config__WEBPACK_IMPORTED_MODULE_4__["config"].url;
10716    }
10717    /**
10718     * Login Service
10719     */
10720    UserService.prototype.login = function (user) {
10721        // Cabezeras
10722        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]().set('Content-Type', 'application/json');
10723        // Parámetros
10724        var params = user;
10725        // Petición
10726        return this.http.post(this.url + 'register/login', params, { headers: headers });
10727    };
10728    /**
10729     * Auth Service
10730     */
10731    UserService.prototype.isLogged = function () {
10732        var token = localStorage.getItem('token');
10733        if (token && token != 'undefined') {
10734            return true;
10735        }
10736        else {
10737            return false;
10738        }
10739    };
10740    UserService.prototype.registro = function (data) {
10741        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10742        headers = headers.append('Content-Type', 'application/json');
10743        if (data.state_id == '') {
10744            data.state_id = '33';
10745        }
10746        // Peticion
10747        var url = this.url + "register/register";
10748        return this.http.post(url, {
10749            "email": data.email,
10750            "name": data.name,
10751            "lastname": " ",
10752            "password": data.password,
10753            "password_conf": data.password_conf,
10754            "genero": 1,
10755            "area_id": 0,
10756            "pais_id": data.pais_id,
10757            "terms": data.aviso,
10758            "type_form": "labtak",
10759            "user_rol_id": data.user_role_id,
10760            "txt_source": data.txt_source,
10761            "captcha": 1,
10762            "state_id": data.state_id,
10763            "invt_username": 0,
10764            "phone": " ",
10765            "colombia": data.colombia,
10766            "fya": data.fya,
10767            "codigofya": data.codigofya,
10768            "datacole": data.datacole,
10769            "piloto": data.piloto,
10770            "sek": data.sek,
10771            "techint": data.techint,
10772            "activar_licencia": data.activar_licencia,
10773            "codigo": data.codigo,
10774            "codigoproed": data.codigoproed,
10775            "proed": data.proed,
10776            "taktaktak": data.taktaktak,
10777            "emgm": data.emgm
10778        }, { headers: headers });
10779    };
10780    UserService.prototype.recuperarContraseña = function (data) {
10781        // Cabezeras
10782        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10783        headers = headers.append('Content-Type', 'application/json');
10784        // Peticion
10785        var url = this.url + "recuperar/password";
10786        return this.http.post(url, data, { headers: headers });
10787    };
10788    UserService.prototype.recuperarContraseñaEmail = function (data) {
10789        // Cabezeras
10790        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10791        headers = headers.append('Content-Type', 'application/json');
10792        // Peticion
10793        var url = this.url + "recuperar/passwordEmail";
10794        return this.http.post(url, data, { headers: headers });
10795    };
10796    UserService.prototype.hasAccess = function (section) {
10797        var token = localStorage.getItem('token');
10798        var token_decoded = Object(jwt_decode__WEBPACK_IMPORTED_MODULE_3__["default"])(token);
10799        var licencias_adqui = token_decoded.licencias_adqui;
10800        //console.log(licencias_adqui);
10801        if (Object.keys(licencias_adqui).includes(section)) {
10802            return (licencias_adqui[section]) ? true : false;
10803        }
10804        else {
10805            return false;
10806        }
10807    };
10808    UserService.prototype.getSecciones = function () {
10809        var token = localStorage.getItem('token');
10810        var token_decoded = Object(jwt_decode__WEBPACK_IMPORTED_MODULE_3__["default"])(token);
10811        return token_decoded.licencias_adqui;
10812    };
10813    UserService.prototype.checklicense = function (token) {
10814        // Cabezeras
10815        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10816        headers = headers.append('Content-Type', 'application/json');
10817        headers = headers.append('Authorization', "Bearer " + token);
10818        // Peticion
10819        return this.http.get(this.url + "register/checklicense ", { headers: headers });
10820    };
10821    UserService.prototype.getCopy = function (section) {
10822        // Cabezeras
10823        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpHeaders"]();
10824        headers = headers.append('Content-Type', 'application/json');
10825        // Peticion
10826        var url = this.url + "cat/areas-educacion/page-landing" + section;
10827        return this.http.get(url, { headers: headers });
10828    };
10829    UserService.ctorParameters = function () { return [
10830        { type: _angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"] }
10831    ]; };
10832    UserService = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
10833        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])({
10834            providedIn: 'root'
10835        })
10836    ], UserService);
10837    return UserService;
10838}());
10839
10840
10841
10842/***/ }),
10843
10844/***/ "./src/app/shared/shared.module.ts":
10845/*!*****************************************!*\
10846  !*** ./src/app/shared/shared.module.ts ***!
10847  \*****************************************/
10848/*! exports provided: SharedModule */
10849/***/ (function(module, __webpack_exports__, __webpack_require__) {
10850
10851"use strict";
10852__webpack_require__.r(__webpack_exports__);
10853/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SharedModule", function() { return SharedModule; });
10854/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
10855/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
10856/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
10857/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
10858/* harmony import */ var _header_header_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../header/header.component */ "./src/app/header/header.component.ts");
10859/* harmony import */ var _footer_footer_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../footer/footer.component */ "./src/app/footer/footer.component.ts");
10860/* harmony import */ var _header2_header2_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../header2/header2.component */ "./src/app/header2/header2.component.ts");
10861
10862
10863
10864
10865
10866
10867
10868var SharedModule = /** @class */ (function () {
10869    function SharedModule() {
10870    }
10871    SharedModule = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
10872        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
10873            declarations: [_header_header_component__WEBPACK_IMPORTED_MODULE_4__["HeaderComponent"], _footer_footer_component__WEBPACK_IMPORTED_MODULE_5__["FooterComponent"], _header2_header2_component__WEBPACK_IMPORTED_MODULE_6__["Header2Component"]],
10874            imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"]],
10875            exports: [_header_header_component__WEBPACK_IMPORTED_MODULE_4__["HeaderComponent"], _footer_footer_component__WEBPACK_IMPORTED_MODULE_5__["FooterComponent"], _header2_header2_component__WEBPACK_IMPORTED_MODULE_6__["Header2Component"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"]],
10876        })
10877    ], SharedModule);
10878    return SharedModule;
10879}());
10880
10881
10882
10883/***/ }),
10884
10885/***/ "./src/app/tienda/tienda.component.css":
10886/*!*********************************************!*\
10887  !*** ./src/app/tienda/tienda.component.css ***!
10888  \*********************************************/
10889/*! exports provided: default */
10890/***/ (function(module, __webpack_exports__, __webpack_require__) {
10891
10892"use strict";
10893__webpack_require__.r(__webpack_exports__);
10894/* harmony default export */ __webpack_exports__["default"] = (".iconTienda{\r\n    border: 0px;\r\n    background: url('/assets/images/tienda/tienda.svg') no-repeat scroll 0 0 transparent;\r\n    background-size: 100% 100%;\r\n    color:white;\r\n    font-weight: 700;\r\n    width: 200px;\r\n    height: 46px;\r\n}\r\n\r\n.question{\r\n    margin-bottom: 20px;\r\n    color: #744a9e;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    /* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */\r\n}\r\n\r\n.orden{\r\n    background-color: #744a9e;\r\n    border-radius: 3px;\r\n    padding: 20px;\r\n    color: #cfda00;\r\n}\r\n\r\n.cart{\r\n    width: 30px;\r\n}\r\n\r\n.cart_header{\r\n    align-content: center;\r\n    padding: 0px 10px 10px 10px;\r\n    text-align: center;\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n    border-bottom: 2px solid #cfda00;\r\n}\r\n\r\n.title_order{\r\n    color: white;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */\r\n    margin-top: 20px;\r\n}\r\n\r\n.checked{\r\n    font-size: 22px;\r\n    color: #cddb00;\r\n}\r\n\r\n.subtitle{\r\n    margin-top: -10px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.b_inactive{\r\n    width: -webkit-fit-content;\r\n    width: -moz-fit-content;\r\n    width: fit-content;\r\n    min-width: -webkit-max-content;\r\n    min-width: -moz-max-content;\r\n    min-width: max-content;\r\n    background-color: #999999;\r\n    border-radius: 3px;\r\n    padding: 6px 25px 6px 25px;\r\n    margin: 6px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n}\r\n\r\n.b_active{\r\n    width: -webkit-fit-content;\r\n    width: -moz-fit-content;\r\n    width: fit-content;\r\n    min-width: -webkit-fit-content;\r\n    min-width: -moz-fit-content;\r\n    min-width: fit-content;\r\n    min-width: -webkit-max-content;\r\n    min-width: -moz-max-content;\r\n    min-width: max-content;\r\n    background-color: #cfda00;\r\n    border-radius: 3px;\r\n    padding: 6px 25px 6px 25px;\r\n    margin: 6px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n}\r\n\r\n.b_paquetes_a{\r\n    width: auto;\r\n    height: 40px;\r\n    border: 3px solid #744a9e;\r\n    border-radius: 4px 4px 0 0;\r\n    color: #744a9e;\r\n    background-color: #fff;\r\n    border-bottom: none;\r\n    font-weight: bold;\r\n    padding: 7px 15px 6px 15px;\r\n    margin-right: 20px;\r\n}\r\n\r\n.b_paquetes_i{\r\n    width: auto;\r\n    height: 40px;\r\n    border: 3px solid #744a9e;\r\n    border-radius: 4px 4px 0 0;\r\n    color: #fff;\r\n    background-color: #744a9e;\r\n    border-bottom: none;\r\n    font-weight: 500;\r\n    padding: 7px 15px 6px 15px;\r\n    margin-right: 20px;\r\n}\r\n\r\n.paquetes{\r\n    border: 3px solid #744a9e;\r\n    border-radius: 4px;\r\n    padding: 50px 25px 25px 25px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.sec{\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.ahorra{\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    margin-left: 25px;\r\n}\r\n\r\n.desc{\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n}\r\n\r\n.title{\r\n    font-weight: 500;\r\n}\r\n\r\n.description{\r\n    font-size: 14px;\r\n    margin: 5px 30px 0px 30px;\r\n    line-height: 1.1;\r\n}\r\n\r\n.help_tienda{\r\n    margin-top: 40px;\r\n    text-align: center;\r\n}\r\n\r\n.help_question{\r\n    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */\r\n    color: #744a9e;\r\n    font-weight: 600;\r\n}\r\n\r\n.help_contact{\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n}\r\n\r\n.disable{\r\n    color: #999999;\r\n}\r\n\r\n.remove{\r\n    background: url('/assets/images/tienda/remove.png');\r\n    background-size: 100% 100%;\r\n    width: 17px;\r\n    height: 17px;\r\n    float: right;\r\n    cursor: pointer;\r\n}\r\n\r\n.b_light{\r\n    width: -webkit-fit-content;\r\n    width: -moz-fit-content;\r\n    width: fit-content;\r\n    min-width: -webkit-fit-content;\r\n    min-width: -moz-fit-content;\r\n    min-width: fit-content;\r\n    min-width: -webkit-max-content;\r\n    min-width: -moz-max-content;\r\n    min-width: max-content;\r\n    background-color: #e6ea7c;\r\n    border-radius: 3px;\r\n    padding: 6px 25px 6px 25px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #000;\r\n}\r\n\r\n._end{\r\n    text-align: end;\r\n}\r\n\r\n.compra{\r\n    margin: 20px 0px 20px 0px;\r\n    text-align: center;\r\n}\r\n\r\n.cart_icon{\r\n    background: url('/assets/images/tienda/cart.png');\r\n    background-size: 100% 100%;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: inline-block;\r\n}\r\n\r\n.header_orden{\r\n    position: relative;\r\n    top: -5px;\r\n    margin-left: 10px;\r\n    display: inline;\r\n}\r\n\r\n.right{\r\n    float: right;\r\n}\r\n\r\n.bot{\r\n    border-bottom: 1px solid #cfda00;\r\n}\r\n\r\n.text{\r\n    font-size: 14px;\r\n}\r\n\r\n.block{\r\n    position: fixed;\r\n    height: 150%;\r\n    width: 100%;\r\n    text-align: center;\r\n    word-wrap: break-word;\r\n    background-color: rgba(0,0,0,.8);;\r\n    z-index: 1000;\r\n    color:white;\r\n    padding: 15%;\r\n    margin-top: -100px;\r\n    overflow: scroll;\r\n}\r\n\r\n.inputs{\r\n    border-radius: 5px;\r\n    padding: 3px;\r\n}\r\n\r\n.formulario{\r\n    text-align: center;\r\n    padding: 8px;\r\n    background-color: #51336E;\r\n    border: solid 3px #cfda00;\r\n    border-radius: 8px;\r\n}\r\n\r\n@media (max-width: 760px) {\r\n    .b_paquetes_i{\r\n        margin-right: 0px !important;\r\n    }\r\n    .b_paquetes_a{\r\n        margin-right: 0px !important;\r\n    }\r\n    .title_paq{\r\n        display: grid;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdGllbmRhL3RpZW5kYS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksV0FBVztJQUNYLG9GQUFvRjtJQUNwRiwwQkFBMEI7SUFDMUIsV0FBVztJQUNYLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osWUFBWTtBQUNoQjs7QUFFQTtJQUNJLG1CQUFtQjtJQUNuQixjQUFjO0lBQ2QsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixrRkFBa0Y7QUFDdEY7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLGFBQWE7SUFDYixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksV0FBVztBQUNmOztBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLDJCQUEyQjtJQUMzQixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixnQ0FBZ0M7QUFDcEM7O0FBRUE7SUFDSSxZQUFZO0lBQ1osZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixtRkFBbUY7SUFDbkYsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksMEJBQWtCO0lBQWxCLHVCQUFrQjtJQUFsQixrQkFBa0I7SUFDbEIsOEJBQXNCO0lBQXRCLDJCQUFzQjtJQUF0QixzQkFBc0I7SUFDdEIseUJBQXlCO0lBQ3pCLGtCQUFrQjtJQUNsQiwwQkFBMEI7SUFDMUIsV0FBVztJQUNYLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSwwQkFBa0I7SUFBbEIsdUJBQWtCO0lBQWxCLGtCQUFrQjtJQUNsQiw4QkFBc0I7SUFBdEIsMkJBQXNCO0lBQXRCLHNCQUFzQjtJQUN0Qiw4QkFBc0I7SUFBdEIsMkJBQXNCO0lBQXRCLHNCQUFzQjtJQUN0Qix5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLDBCQUEwQjtJQUMxQixXQUFXO0lBQ1gsa0JBQWtCO0lBQ2xCLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLDBCQUEwQjtJQUMxQixjQUFjO0lBQ2Qsc0JBQXNCO0lBQ3RCLG1CQUFtQjtJQUNuQixpQkFBaUI7SUFDakIsMEJBQTBCO0lBQzFCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLDBCQUEwQjtJQUMxQixXQUFXO0lBQ1gseUJBQXlCO0lBQ3pCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsMEJBQTBCO0lBQzFCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLHlCQU
10894F5QjtJQUN6QixrQkFBa0I7SUFDbEIsNEJBQTRCO0lBQzVCLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLG1GQUFtRjtJQUNuRixjQUFjO0lBQ2QsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxtREFBbUQ7SUFDbkQsMEJBQTBCO0lBQzFCLFdBQVc7SUFDWCxZQUFZO0lBQ1osWUFBWTtJQUNaLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSwwQkFBa0I7SUFBbEIsdUJBQWtCO0lBQWxCLGtCQUFrQjtJQUNsQiw4QkFBc0I7SUFBdEIsMkJBQXNCO0lBQXRCLHNCQUFzQjtJQUN0Qiw4QkFBc0I7SUFBdEIsMkJBQXNCO0lBQXRCLHNCQUFzQjtJQUN0Qix5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLDBCQUEwQjtJQUMxQixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixXQUFXO0FBQ2Y7O0FBQ0E7SUFDSSxlQUFlO0FBQ25COztBQUNBO0lBQ0kseUJBQXlCO0lBQ3pCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGlEQUFpRDtJQUNqRCwwQkFBMEI7SUFDMUIsV0FBVztJQUNYLFlBQVk7SUFDWixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsU0FBUztJQUNULGlCQUFpQjtJQUNqQixlQUFlO0FBQ25COztBQUVBO0lBQ0ksWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsWUFBWTtJQUNaLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIscUJBQXFCO0lBQ3JCLGdDQUFnQztJQUNoQyxhQUFhO0lBQ2IsV0FBVztJQUNYLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLHlCQUF5QjtJQUN6Qix5QkFBeUI7SUFDekIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0k7UUFDSSw0QkFBNEI7SUFDaEM7SUFDQTtRQUNJLDRCQUE0QjtJQUNoQztJQUNBO1FBQ0ksYUFBYTtJQUNqQjtBQUNKIiwiZmlsZSI6InNyYy9hcHAvdGllbmRhL3RpZW5kYS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmljb25UaWVuZGF7XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvdGllbmRhL3RpZW5kYS5zdmcnKSBuby1yZXBlYXQgc2Nyb2xsIDAgMCB0cmFuc3BhcmVudDtcclxuICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlO1xyXG4gICAgY29sb3I6d2hpdGU7XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG4gICAgd2lkdGg6IDIwMHB4O1xyXG4gICAgaGVpZ2h0OiA0NnB4O1xyXG59XHJcblxyXG4ucXVlc3Rpb257XHJcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xyXG4gICAgY29sb3I6ICM3NDRhOWU7XHJcbiAgICBmb250LXNpemU6IDIycHg7XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG4gICAgLyogZm9udC1mYW1pbHk6J0dpbGwgU2FucycsICdHaWxsIFNhbnMgTVQnLCBDYWxpYnJpLCAnVHJlYnVjaGV0IE1TJywgc2Fucy1zZXJpZjsgKi9cclxufVxyXG5cclxuLm9yZGVue1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzc0NGE5ZTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgIHBhZGRpbmc6IDIwcHg7XHJcbiAgICBjb2xvcjogI2NmZGEwMDtcclxufVxyXG5cclxuLmNhcnR7XHJcbiAgICB3aWR0aDogMzBweDtcclxufVxyXG5cclxuLmNhcnRfaGVhZGVye1xyXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xyXG4gICAgcGFkZGluZzogMHB4IDEwcHggMTBweCAxMHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgZm9udC1zaXplOiAyNXB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjY2ZkYTAwO1xyXG59XHJcblxyXG4udGl0bGVfb3JkZXJ7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgLyogZm9udC1mYW1pbHk6ICdHaWxsIFNhbnMnLCAnR2lsbCBTYW5zIE1UJywgQ2FsaWJyaSwgJ1RyZWJ1Y2hldCBNUycsIHNhbnMtc2VyaWY7ICovXHJcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xyXG59XHJcblxyXG4uY2hlY2tlZHtcclxuICAgIGZvbnQtc2l6ZTogMjJweDtcclxuICAgIGNvbG9yOiAjY2RkYjAwO1xyXG59XHJcblxyXG4uc3VidGl0bGV7XHJcbiAgICBtYXJnaW4tdG9wOiAtMTBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDMwcHg7XHJcbn1cclxuXHJcbi5iX2luYWN0aXZle1xyXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xyXG4gICAgbWluLXdpZHRoOiBtYXgtY29udGVudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM5OTk5OTk7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBwYWRkaW5nOiA2cHggMjVweCA2cHggMjVweDtcclxuICAgIG1hcmdpbjogNnB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLmJfYWN0aXZle1xyXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xyXG4gICAgbWluLXdpZHRoOiBmaXQtY29udGVudDtcclxuICAgIG1pbi13aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2ZkYTAwO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgcGFkZGluZzogNnB4IDI1cHggNnB4IDI1cHg7XHJcbiAgICBtYXJnaW46IDZweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7X
10894HJcbn1cclxuXHJcbi5iX3BhcXVldGVzX2F7XHJcbiAgICB3aWR0aDogYXV0bztcclxuICAgIGhlaWdodDogNDBweDtcclxuICAgIGJvcmRlcjogM3B4IHNvbGlkICM3NDRhOWU7XHJcbiAgICBib3JkZXItcmFkaXVzOiA0cHggNHB4IDAgMDtcclxuICAgIGNvbG9yOiAjNzQ0YTllO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICAgIGJvcmRlci1ib3R0b206IG5vbmU7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIHBhZGRpbmc6IDdweCAxNXB4IDZweCAxNXB4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xyXG59XHJcblxyXG4uYl9wYXF1ZXRlc19pe1xyXG4gICAgd2lkdGg6IGF1dG87XHJcbiAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICBib3JkZXI6IDNweCBzb2xpZCAjNzQ0YTllO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwIDA7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM3NDRhOWU7XHJcbiAgICBib3JkZXItYm90dG9tOiBub25lO1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIHBhZGRpbmc6IDdweCAxNXB4IDZweCAxNXB4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xyXG59XHJcblxyXG4ucGFxdWV0ZXN7XHJcbiAgICBib3JkZXI6IDNweCBzb2xpZCAjNzQ0YTllO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgcGFkZGluZzogNTBweCAyNXB4IDI1cHggMjVweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbn1cclxuXHJcbi5zZWN7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzNXB4O1xyXG59XHJcblxyXG4uYWhvcnJhe1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIG1hcmdpbi1sZWZ0OiAyNXB4O1xyXG59XHJcblxyXG4uZGVzY3tcclxuICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuXHJcbi50aXRsZXtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuXHJcbi5kZXNjcmlwdGlvbntcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIG1hcmdpbjogNXB4IDMwcHggMHB4IDMwcHg7XHJcbiAgICBsaW5lLWhlaWdodDogMS4xO1xyXG59XHJcblxyXG4uaGVscF90aWVuZGF7XHJcbiAgICBtYXJnaW4tdG9wOiA0MHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4uaGVscF9xdWVzdGlvbntcclxuICAgIC8qIGZvbnQtZmFtaWx5OiAnR2lsbCBTYW5zJywgJ0dpbGwgU2FucyBNVCcsIENhbGlicmksICdUcmVidWNoZXQgTVMnLCBzYW5zLXNlcmlmOyAqL1xyXG4gICAgY29sb3I6ICM3NDRhOWU7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG59XHJcblxyXG4uaGVscF9jb250YWN0e1xyXG4gICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxufVxyXG5cclxuLmRpc2FibGV7XHJcbiAgICBjb2xvcjogIzk5OTk5OTtcclxufVxyXG5cclxuLnJlbW92ZXtcclxuICAgIGJhY2tncm91bmQ6IHVybCgnL2Fzc2V0cy9pbWFnZXMvdGllbmRhL3JlbW92ZS5wbmcnKTtcclxuICAgIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlO1xyXG4gICAgd2lkdGg6IDE3cHg7XHJcbiAgICBoZWlnaHQ6IDE3cHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbi5iX2xpZ2h0e1xyXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xyXG4gICAgbWluLXdpZHRoOiBmaXQtY29udGVudDtcclxuICAgIG1pbi13aWR0aDogbWF4LWNvbnRlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTZlYTdjO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgcGFkZGluZzogNnB4IDI1cHggNnB4IDI1cHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgY29sb3I6ICMwMDA7XHJcbn1cclxuLl9lbmR7XHJcbiAgICB0ZXh0LWFsaWduOiBlbmQ7XHJcbn1cclxuLmNvbXByYXtcclxuICAgIG1hcmdpbjogMjBweCAwcHggMjBweCAwcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuXHJcbi5jYXJ0X2ljb257XHJcbiAgICBiYWNrZ3JvdW5kOiB1cmwoJy9hc3NldHMvaW1hZ2VzL3RpZW5kYS9jYXJ0LnBuZycpO1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIGhlaWdodDogMzBweDtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxufVxyXG5cclxuLmhlYWRlcl9vcmRlbntcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIHRvcDogLTVweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG4gICAgZGlzcGxheTogaW5saW5lO1xyXG59XHJcblxyXG4ucmlnaHR7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn1cclxuXHJcbi5ib3R7XHJcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2NmZGEwMDtcclxufVxyXG5cclxuLnRleHR7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbn1cclxuXHJcbi5ibG9ja3tcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIGhlaWdodDogMTUwJTtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgd29yZC13cmFwOiBicmVhay13b3JkO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLDAsMCwuOCk7O1xyXG4gICAgei1pbmRleDogMTAwMDtcclxuICAgIGNvbG9yOndoaXRlO1xyXG4gICAgcGFkZGluZzogMTUlO1xyXG4gICAgbWFyZ2luLXRvcDogLTEwMHB4O1xyXG4gICAgb3ZlcmZsb3c6IHNjcm9sbDtcclxufVxyXG5cclxuLmlucHV0c3tcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIHBhZGRpbmc6IDNweDtcclxufVxyXG5cclxuLmZvcm11bGFyaW97XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiA4cHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTEzMzZFO1xyXG4gICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZGEwMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDc2MHB4KSB7XHJcbiAgICAuYl9wYXF1ZXRlc19pe1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuYl9wYXF1ZXRlc19he1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAudGl0bGVfcGFxe1xyXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XHJcbiAgICB9XHJcbn0iXX0= */");
10895
10896/***/ }),
10897
10898/***/ "./src/app/tienda/tienda.component.ts":
10899/*!********************************************!*\
10900  !*** ./src/app/tienda/tienda.component.ts ***!
10901  \********************************************/
10902/*! exports provided: TiendaComponent */
10903/***/ (function(module, __webpack_exports__, __webpack_require__) {
10904
10905"use strict";
10906__webpack_require__.r(__webpack_exports__);
10907/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TiendaComponent", function() { return TiendaComponent; });
10908/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
10909/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
10910/* harmony import */ var _service_tienda_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../service/tienda.service */ "./src/app/service/tienda.service.ts");
10911/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
10912/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! sweetalert2 */ "./node_modules/sweetalert2/dist/sweetalert2.all.js");
10913/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_4__);
10914/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
10915
10916
10917
10918
10919
10920
10921var TiendaComponent = /** @class */ (function () {
10922    function TiendaComponent(tiendaService, router, detalleService) {
10923        this.tiendaService = tiendaService;
10924        this.router = router;
10925        this.detalleService = detalleService;
10926        this.sections = [];
10927        this.orden = [];
10928        this.orden_show = [];
10929        this.orden_data = [];
10930        this.botones_pago = ["p1", "p2", "p3"];
10931        this.token = localStorage.getItem("token");
10932        this.validacionForm = "";
10933        this.RoI = "";
10934        this.GoTo = "";
10935        Conekta.setPublicKey("key_FrdDyz2MvcYZByyxzyA31iA");
10936        Conekta.setLanguage("es");
10937    }
10938    TiendaComponent.prototype.adquirir = function () {
10939        this.orden.paquete = this.plan_selected;
10940        if (this.plan_selected == "basico") {
10941            this.orden_show.paquete = "Paquete básico";
10942        }
10943        if (this.plan_selected == "premium") {
10944            this.orden_show.paquete = "Paquete premium";
10945        }
10946        this.reset_data();
10947    };
10948    TiendaComponent.prototype.setFreemium = function () {
10949        document.getElementById("freemium").setAttribute("class", "b_paquetes_a");
10950        document.getElementById("basico").setAttribute("class", "b_paquetes_i");
10951        document.getElementById("premium").setAttribute("class", "b_paquetes_i");
10952        this.plan_selected = "freemium";
10953    };
10954    TiendaComponent.prototype.setBasic = function () {
10955        document.getElementById("freemium").setAttribute("class", "b_paquetes_i");
10956        document.getElementById("basico").setAttribute("class", "b_paquetes_a");
10957        document.getElementById("premium").setAttribute("class", "b_paquetes_i");
10958        this.plan_selected = "basico";
10959    };
10960    TiendaComponent.prototype.setPremium = function () {
10961        document.getElementById("freemium").setAttribute("class", "b_paquetes_i");
10962        document.getElementById("basico").setAttribute("class", "b_paquetes_i");
10963        document.getElementById("premium").setAttribute("class", "b_paquetes_a");
10964        this.plan_selected = "premium";
10965    };
10966    TiendaComponent.prototype.setVigencia = function (event) {
10967        var vigencia = parseInt(event.target.attributes.name.value);
10968        if ([12, 24].includes(vigencia)) {
10969            this.orden.vigencia = vigencia;
10970            this.orden_show.vigencia = vigencia + " meses";
10971            if (vigencia == 12) {
10972                document.getElementById("v1").setAttribute("class", "b_active");
10973                document.getElementById("v2").setAttribute("class", "b_inactive");
10974            }
10975            else {
10976                document.getElementById("v1").setAttribute("class", "b_inactive");
10977                document.getElementById("v2").setAttribute("class", "b_active");
10978            }
10979        }
10980        this.reset_data();
10981    };
10982    TiendaComponent.prototype.setPago = function (event) {
10983        var pago = event.target.attributes.name.value;
10984        var id = event.target.attributes.id.value;
10985        if (["Tarjeta", "Oxxo", "Transferencia"].includes(pago)) {
10986            this.orden.tipo_pago = pago;
10987            this.orden_show.tipo_pago = pago;
10988            this.botones_pago.forEach(function (boton) {
10989                document.getElementById(boton).setAttribute("class", "b_inactive");
10990            });
10991            document.getElementById(id).setAttribute("class", "b_active");
10992        }
10993        this.reset_data();
10994    };
10995    TiendaComponent.prototype.removePago = function () {
10996        this.orden.tipo_pago = "";
10997        this.orden_show.tipo_pago = "";
10998        this.reset_data();
10999    };
11000    TiendaComponent.prototype.removeVigencia = function () {
11001        this.orden.vigencia = "";
11002        this.orden_show.vigencia = "";
11003        this.reset_data();
11004    };
11005    TiendaComponent.prototype.removePaquete = function () {
11006        this.orden.paquete = "";
11007        this.orden_show.paquete = "";
11008        this.reset_data();
11009    };
11010    TiendaComponent.prototype.comprar = function () {
11011        var _this = this;
11012        if (this.orden.tipo_pago != "" &&
11013            this.orden.paquete != "" &&
11014            this.orden.tipo_pago != "") {
11015            sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.showLoading();
11016            var inicio = new Date();
11017            var expiracion = new Date(inicio.getFullYear(), this.orden.vigencia + Number(inicio.getMonth()), inicio.getDate(), inicio.getHours(), inicio.getMinutes(), inicio.getSeconds());
11018            this.orden.fecha_inicio =
11019                "" +
11020                    inicio.getFullYear() +
11021                    "-" +
11022                    (1 + Number(inicio.getMonth())) +
11023                    "-" +
11024                    inicio.getDate();
11025            this.orden.fecha_expiracion =
11026                "" +
11027                    expiracion.getFullYear() +
11028                    "-" +
11029                    (1 + Number(expiracion.getMonth())) +
11030                    "-" +
11031                    expiracion.getDate();
11032            this.orden.id_secciones =
11033                this.orden.paquete == "basico"
11034                    ? 2
11035                    : this.orden.paquete == "premium"
11036                        ? 3
11037                        : "";
11038            console.log(this.orden);
11039            this.tiendaService.postOrden(this.token, this.orden).subscribe(function (response) {
11040                if (response.message == "Ok") {
11041                    _this.orden.id_license = response.id_license;
11042                    console.log(response);
11043                    sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.close();
11044                }
11045            }, function (error) {
11046                sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire({
11047                    type: "error",
11048                    title: error.error.message,
11049                    showConfirmButton: false,
11050                    timer: 4000,
11051                });
11052            });
11053            this.formCompra = true;
11054        }
11055    };
11056    TiendaComponent.prototype.ValidateSetCompra = function () {
11057        this.validacionForm = "";
11058        if (this.orden_data.nombre.length == 0) {
11059            this.validacionForm += "*Falta escribir el nombre. <br>";
11060        }
11061        if (!this.orden_data.correo.match(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)) {
11062            this.validacionForm += "*Correo no valido. <br>";
11063        }
11064        if (this.orden_data.telefono.length < 10) {
11065            this.validacionForm +=
11066                "*El número telefónico debe ser de 10 dígitos. <br>";
11067        }
11068        if (this.pais_id == 24 &&
11069            (this.orden_data.RFC.length < 10 || this.orden_data.RFC.length > 13)) {
11070            this.validacionForm += "*RFC no valido. <br>";
11071        }
11072        if (this.orden_show.tipo_pago == "Tarjeta") {
11073            if (this.cardParams.card.name.length == 0) {
11074                this.validacionForm += "*Falta escribir el nombre del titular. <br>";
11075            }
11076            if (!this.cardParams.card.number.match(/^([0-9])*$/)) {
11077                this.validacionForm += "*Número de tarjeta no valido. <br>";
11078            }
11079            if (!this.cardParams.card.cvc.match(/^([0-9])*$/) ||
11080                this.cardParams.card.cvc.length < 3 ||
11081                this.cardParams.card.cvc.length > 4) {
11082                this.validacionForm += "*CVC no valido. <br>";
11083            }
11084            if (!this.cardParams.card.exp_month.match(/^([0-9])*$/) ||
11085                this.cardParams.card.exp_month.length != 2 ||
11086                this.cardParams.card.exp_month > 12) {
11087                this.validacionForm += "*Mes no valido. <br>";
11088            }
11089            if (!this.cardParams.card.exp_year.match(/^([0-9])*$/) ||
11090                this.cardParams.card.exp_year.length != 4) {
11091                this.validacionForm += "*Año no valido. <br>";
11092            }
11093        }
11094        if (this.validacionForm == "") {
11095            this.setCompra();
11096        }
11097    };
11098    TiendaComponent.prototype.setCompra = function () {
11099        var _this = this;
11100        sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.showLoading();
11101        var successHandler = function (token) {
11102            console.log(token);
11103            localStorage.setItem("conekta_id", token.id);
11104        };
11105        var errorHandler = function (err) {
11106            console.log(err);
11107            sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire("Error con la tarjeta", err.message_to_purchaser, "error");
11108        };
11109        this.orden_data.RFC = this.pais_id != 24 ? " " : this.orden_data.RFC;
11110        this.orden.datos_us = this.orden_data;
11111        if (this.orden.tipo_pago == "Tarjeta") {
11112            Conekta.Token.create(this.cardParams, successHandler, errorHandler);
11113        }
11114        setTimeout(function () {
11115            _this.enviar();
11116        }, 2000);
11117    };
11118    TiendaComponent.prototype.enviar = function () {
11119        var _this = this;
11120        var tok_id;
11121        if (this.orden.tipo_pago == "Tarjeta") {
11122            tok_id = localStorage.getItem("conekta_id");
11123            localStorage.removeItem("conekta_id");
11124            this.orden.conektaId = tok_id;
11125        }
11126        console.log(this.orden);
11127        //  console.log(this.orden_data);
11128        //  console.log(this.cardParams);
11129        this.tiendaService.postPago(this.token, this.orden).subscribe(function (response) {
11130            if (response.message == "Ok") {
11131                console.log(response);
11132                localStorage.removeItem("token");
11133                localStorage.setItem("token", response.token);
11134                sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire({
11135                    title: "Compra realizada",
11136                    showConfirmButton: false,
11137                    timer: 2000,
11138                    type: "success",
11139                });
11140                setTimeout(function () {
11141                    //una vez validado los datos con Conekta y regresado e JSON con la info, redigir a recibo
11142                    _this.router.navigate(["recibo-de-pago"], {
11143                        queryParams: { checkout: JSON.stringify(response.pago) },
11144                    });
11145                }, 2000);
11146            }
11147        }, function (error) {
11148            sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire({
11149                type: "error",
11150                title: error.error.message,
11151                showConfirmButton: false,
11152                timer: 4000,
11153            });
11154        });
11155    };
11156    TiendaComponent.prototype.reset_data = function () {
11157        localStorage.removeItem("conekta_id");
11158        this.formCompra = false;
11159        this.cardParams = {
11160            card: {
11161                number: "",
11162                name: "",
11163                exp_year: "",
11164                exp_month: "",
11165                cvc: "",
11166                address: {
11167                    street1: "",
11168                    street2: "",
11169                    city: "",
11170                    state: "",
11171                    zip: "",
11172                    country: "",
11173                },
11174            },
11175        };
11176        this.orden_data = {
11177            nombre: "",
11178            correo: "",
11179            telefono: "",
11180            factura: false,
11181            RFC: "",
11182        };
11183    };
11184    TiendaComponent.prototype.ngOnInit = function () {
11185        var _this = this;
11186        var top = document.getElementById("top");
11187        this.GoTo = "T";
11188        if (top !== null) {
11189            top.scrollIntoView();
11190            top = null;
11191        }
11192        this.showBlock = false;
11193        this.orden = {
11194            id_license: 0,
11195            id_secciones: 1,
11196            paquete: "",
11197            vigencia: "",
11198            tipo_pago: "",
11199            fecha_inicio: "",
11200            fecha_expiracion: "",
11201            cantidad: 100,
11202            datos_us: {},
11203            conektaId: "",
11204        };
11205        this.orden_show = {
11206            paquete: "",
11207            vigencia: "",
11208            tipo_pago: "",
11209        };
11210        this.formCompra = false;
11211        if (this.token == null || this.token == undefined || this.token == "") {
11212            this.nontoken = true;
11213        }
11214        else {
11215            this.nontoken = false;
11216            this.tiendaService.getLicencia(this.token).subscribe(function (response) {
11217                _this.pais_id = response.pais_id;
11218                if (response.licencias && response.licencias.length > 0) {
11219                    sweetalert2__WEBPACK_IMPORTED_MODULE_4___default.a.fire({
11220                        html: "<h3> Ya cuentas con una compra pendiente de pago, ¿deseas volver a crear la orden de pago?</h3>",
11221                        showCancelButton: true,
11222                        confirmButtonColor: "#0098CE",
11223                        cancelButtonColor: "#d33",
11224                        confirmButtonText: "Continuar",
11225                        cancelButtonText: "Cancelar",
11226                    }).then(function (result) {
11227                        if (result.value) {
11228                            var year = new Date().getFullYear();
11229                            _this.orden = response.licencias[0];
11230                            _this.orden.id_license = response.licencias[0].id;
11231                            _this.orden.paquete =
11232                                response.licencias[0].licencia == "Paquete basico"
11233                                    ? "basico"
11234                                    : "premium";
11235                            _this.orden.vigencia =
11236                                year + 1 ==
11237                                    response.licencias[0].fecha_expiracion.substring(0, 4)
11238                                    ? 12
11239                                    : 24;
11240                            _this.orden_show.paquete =
11241                                _this.orden.paquete == "basico"
11242                                    ? "Paquete básico"
11243                                    : "Paquete premium";
11244                            _this.orden_show.vigencia = _this.orden.vigencia + " meses";
11245                            _this.orden_show.tipo_pago = _this.orden.tipo_pago;
11246                            _this.orden_data.nombre = response.dat_fact[0].razon_social;
11247                            _this.orden_data.correo = response.dat_fact[0].email;
11248                            _this.orden_data.telefono = response.dat_fact[0].telefono;
11249                            _this.orden_data.RFC = response.dat_fact[0].rfc;
11250                            _this.formCompra = true;
11251                        }
11252                    });
11253                }
11254            });
11255        }
11256        this.reset_data();
11257        this.plan_selected = "freemium";
11258        this.sections = [
11259            {
11260                title: "Videojuegos TAK-TAK-TAK",
11261                description: "Accede al contenido descriptivo de cada uno de los  videojuegos de TAKTAKTAK. <br> \n        Encontrar\u00E1s: <br> \n        - fichas pedag\u00F3gicas de cada videojuego <br> \n        - habilidades y competencias que apoya <br> \n        - propuestas de rutinas did\u00E1cticas para utilizarlo en clase <br> \n        - video tutorial para conocer el videojuego sin necesidad de jugarlo.",
11262                plan: "freemium",
11263            },
11264            {
11265                title: "Blog",
11266                description: "Participa en nuestra comunidad y aprovecha los contenidos y noticias sobre diferentes temas relacionados con la educaci\u00F3n y tu pr\u00E1ctica docente. ",
11267                plan: "freemium",
11268            },
11269            {
11270                title: "Buscador de recursos digitales",
11271                description: "Encuentra recursos digitales de calida
11271d para tu planeaci\u00F3n did\u00E1ctica. Seleccionados y organizados por nivel escolar, por conceptos que manejan y asignaturas que apoyan. <br> \n        Desde videos, audios, y art\u00EDculos, hasta v\u00EDnculos a otro sitios de actividades y contenidos gratuitos.",
11272                plan: "basico",
11273            },
11274            {
11275                title: "Formato de planeación libre",
11276                description: "Realiza tu planeación didáctica utilizando los formatos digitales de LabTak. Listos para descargarse como archivo PDF o para imprimirse.",
11277                plan: "basico",
11278            },
11279            {
11280                title: "Formato de planeación SEP",
11281                description: "Utiliza el formato digital alineado al programa curricular de la SEP Reforma 2011 y SEP Reforma 2017",
11282                plan: "basico",
11283            },
11284            {
11285                title: "Módulos TAK-TAK-TAK",
11286                description: "Aprovecha los M\u00F3dulos TAKTAKTAK de actividades que apoyan los diferentes campos de formaci\u00F3n para desarrollar habilidades de: <br> \n        - Pensamiento cr\u00EDtico y resoluci\u00F3n de problemas <br> \n        - Creatividad <br> \n        - Investigaci\u00F3n <br> \n        - Innovaci\u00F3n y tecnolog\u00EDa  <br> \n        - Educaci\u00F3n socioemocional. <br> \n        Los m\u00F3dulos contienen 8 actividades que se realizan en 2 sesiones, con duraci\u00F3n de 50 min. cada una. Se combinan actividades presenciales con los videjuegos de TAK-TAK-TAK. <br> \n        Son actividades creativas y l\u00FAdicas donde el videojuego es el detonador de aprendizajes.",
11287                plan: "basico",
11288            },
11289            {
11290                title: "Planeaciones por sesión SEP",
11291                description: "Utiliza  las planeaciones dise\u00F1adas por el equipo educativo LabTak con actividades puntuales para una sesi\u00F3n de clase de 45min de duraci\u00F3n. <br> \n        Actividades alineadas al programa de educaci\u00F3n SEP que apoyan diferentes aprendizajes clave en las asignaturas de: <br> \n        - Matem\u00E1ticas <br> \n        - Espa\u00F1ol <br> \n        - Ciencias <br> \n        - Educaci\u00F3n art\u00EDstica <br> \n        - Educaci\u00F3n socioemocional <br> \n        entre otras.",
11292                plan: "premium",
11293            },
11294            {
11295                title: "Planeaciones por sesión especializadas",
11296                description: "Aprovecha la oportunidad de ense\u00F1ar utilizando  los M\u00F3dulos de actividades desarrollados con materiales y recursos educativos de instituciones culturales como museos y organizaciones educativas aliadas: <br> \n          M\u00FAsica en M\u00E9xico <br> \n          APAC <br> \n          Museo Carrillo Gil <br> \n          entre otras.",
11297                plan: "premium",
11298            },
11299            {
11300                title: "Reportes de uso de videojuegos TakTakTak (ReporTak)",
11301                description: "Enriquece tu labor docente utilizando los Reportes sobre la actividad de tus alumnos al jugar con TAKTAKTAK. <br> \n          Ofrecen informaci\u00F3n relativa a los videojuegos utilizados como tiempos, sesiones, y  niveles alcanzados. As\u00ED como la vinculaci\u00F3n de la actividad de los videojuegos con las asignaturas que apoyan. <br> \n          Puedes descargar los reportes como archivos PDF o para impresi\u00F3n. ",
11302                plan: "basico",
11303            },
11304            {
11305                title: "Creación de grupos",
11306                description: "Crea las listas de tus alumnos para el mejor control de nombres y usuarios que utilizan los videojuegos de TAK-TAK-TAK. ",
11307                plan: "basico",
11308            },
11309            {
11310                title: "Foro",
11311                description: "Colabora en los Foros para intercambiar ideas, opiniones, contenidos y experiencias con otros maestros, padres de familia y personas dedicadas a la educaci\u00F3n.",
11312                plan: "basico",
11313            },
11314            {
11315                title: "Webinars",
11316                description: "Participa en conferencias, webinars, conversatorios sobre diferentes temas educativos y de tecnolog\u00EDa aprovechando la presencia de especialistas y expertos invitados.",
11317                plan: "premium",
11318            },
11319            {
11320                title: "Capacitación docente básica",
11321                description: "Complementa tu formaci\u00F3n docente con los cursos de capacitaci\u00F3n que ofrecemos en diferentes temas sobre educaci\u00F3n y tecnolog\u00EDa.",
11322                plan: "premium",
11323            },
11324            {
11325                title: "Cursos especializados en educación y tecnología",
11326                description: "  <br>  ",
11327                plan: "premium",
11328            },
11329        ];
11330    };
11331    TiendaComponent.ctorParameters = function () { return [
11332        { type: _service_tienda_service__WEBPACK_IMPORTED_MODULE_2__["TiendaService"] },
11333        { type: _angular_router__WEBPACK_IMPORTED_MODULE_3__["Router"] },
11334        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_5__["DetalleService"] }
11335    ]; };
11336    TiendaComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
11337        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
11338            selector: "app-tienda",
11339            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./tienda.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/tienda/tienda.component.html")).default,
11340            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./tienda.component.css */ "./src/app/tienda/tienda.component.css")).default]
11341        })
11342    ], TiendaComponent);
11343    return TiendaComponent;
11344}());
11345
11346
11347
11348/***/ }),
11349
11350/***/ "./src/app/ver-juego/ver-juego.component.css":
11351/*!***************************************************!*\
11352  !*** ./src/app/ver-juego/ver-juego.component.css ***!
11353  \***************************************************/
11354/*! exports provided: default */
11355/***/ (function(module, __webpack_exports__, __webpack_require__) {
11356
11357"use strict";
11358__webpack_require__.r(__webpack_exports__);
11359/* harmony default export */ __webpack_exports__["default"] = (".noMas {\r\n    display: none;\r\n}\r\n.button-add{\r\n    padding: 8% 0 0 3%;\r\n }\r\n.botongame{\r\n    width: 145px !important;\r\n}\r\n.plan_img{\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n}\r\n.modal-body .level-base .root {\r\n    height: 1808px !important;\r\n}\r\n.modal-body .level-base .hijo1 {\r\n    height: 309px !important;\r\n}\r\n.modal-body .level-base .hijo2 {\r\n    height: 393px !important;\r\n}\r\n.modal-body .level-base .hijo3 {\r\n    height: 285px !important;\r\n}\r\n.modal-body .level-base .hijo4 {\r\n    height: 482px !important;\r\n}\r\n.modal-body .level-base .hijo5 {\r\n    height: 372px !important;\r\n}\r\n.fa-gamepad {\r\n    margin-right: 35px;\r\n}\r\n.fa-gamepad, .fa-question-circle {\r\n    font-size: 40px;\r\n    color: #d7e207;\r\n}\r\n.dialogo {\r\n    max-width: 800px;\r\n    margin: 30px auto;\r\n}\r\n.bodi {\r\n    position: relative;\r\n    padding: 0px;\r\n}\r\n.closes {\r\n    position: absolute;\r\n    right: -30px;\r\n    top: 0;\r\n    z-index: 999;\r\n    font-size: 2rem;\r\n    font-weight: normal;\r\n    color: #fff;\r\n    opacity: 1;\r\n}\r\ni {\r\n    margin-left: 12px;\r\n}\r\n.modal-dialog-game {\r\n    max-width: 800px;\r\n    margin: 30px auto;\r\n}\r\n.modal-body-game {\r\n    position: relative;\r\n    padding: 0px;\r\n}\r\n.close {\r\n    position: absolute;\r\n    right: -30px;\r\n    top: 0;\r\n    z-index: 999;\r\n    font-size: 2rem;\r\n    font-weight: normal;\r\n    color: black;\r\n    opacity: 1;\r\n}\r\n.botongame{\r\n    margin-top: 10px;\r\n}\r\n.back {\r\n  float: right;\r\n}\r\n@media (max-width: 890px) {\r\n    .modal-dialog-game {\r\n    max-width: 580px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n@media (max-width: 690px) {\r\n    .modal-dialog-game {\r\n    max-width: 420px;\r\n    margin: 30px auto;\r\n    }\r\n}\r\n@media (max-width: 490px) {\r\n    .modal-dialog-game {\r\n    max-width: 250px;\r\n    margin: 126px auto;\r\n    }\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdmVyLWp1ZWdvL3Zlci1qdWVnby5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksa0JBQWtCO0NBQ3JCO0FBRUE7SUFDRyx1QkFBdUI7QUFDM0I7QUFDQztJQUNHLHNCQUFzQjtJQUN0Qix1QkFBdUI7QUFDM0I7QUFDQTtJQUNJLHlCQUF5QjtBQUM3QjtBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCO0FBRUE7SUFDSSx3QkFBd0I7QUFDNUI7QUFFQTtJQUNJLHdCQUF3QjtBQUM1QjtBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCO0FBRUE7SUFDSSx3QkFBd0I7QUFDNUI7QUFFQTtJQUNJLGtCQUFrQjtBQUN0QjtBQUVBO0lBQ0ksZUFBZTtJQUNmLGNBQWM7QUFDbEI7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixpQkFBaUI7QUFDckI7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixZQUFZO0FBQ2hCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLE1BQU07SUFDTixZQUFZO0lBQ1osZUFBZTtJQUNmLG1CQUFtQjtJQUNuQixXQUFXO0lBQ1gsVUFBVTtBQUNkO0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixpQkFBaUI7QUFDckI7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixZQUFZO0FBQ2hCO0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLE1BQU07SUFDTixZQUFZO0lBQ1osZUFBZTtJQUNmLG1CQUFtQjtJQUNuQixZQUFZO0lBQ1osVUFBVTtBQUNkO0FBQ0E7SUFDSSxnQkFBZ0I7QUFDcEI7QUFDQTtFQUNFLFlBQVk7QUFDZDtBQUNBO0lBQ0k7SUFDQSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCO0FBQ0o7QUFFQTtJQUNJO0lBQ0EsZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQjtBQUNKO0FBRUE7SUFDSTtJQUNBLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEI7QUFDSiIsImZpbGUiOiJzcmMvYXBwL3Zlci1qdWVnby92ZXItanVlZ28uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ub01hcyB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59XHJcbi5idXR0b24tYWRke1xyXG4gICAgcGFkZGluZzogOCUgMCAwIDMlO1xyXG4gfVxyXG5cclxuIC5ib3RvbmdhbWV7XHJcbiAgICB3aWR0aDogMTQ1cHggIWltcG9ydGFudDtcclxufVxyXG4gLnBsYW5faW1ne1xyXG4gICAgd2lkdGg6IDgwcHggIWltcG9ydGFudDtcclxuICAgIGhlaWdodDogODBweCAhaW1wb3J0YW50O1xyXG59XHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5yb290IHtcclxuICAgIGhlaWdodDogMTgwOHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5oaWpvMSB7XHJcbiAgICBoZWlnaHQ6IDMwOXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5oaWpvMiB7XHJcbiAgICBoZWlnaHQ6IDM5M3B4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5oaWpvMyB7XHJcbiAgICBoZWlnaHQ6IDI4NXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5oaWpvNCB7XHJcbiAgICBoZWlnaHQ6IDQ4MnB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5IC5sZXZlbC1iYXNlIC5oaWpvNSB7XHJcbiAgICBoZWlnaHQ6IDM3MnB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5mYS1nYW1lcGFkIHtcclxuICAgIG1hcmdpbi1yaWdodDogMzVweDtcclxufVxyXG5cclxuLmZhLWdhbWVwYWQsIC5mYS1xdWVzdGlvbi1jaXJjbGUge1xyXG4gICAgZm9udC1zaXplOiA0MHB4O1xyXG4gICAgY29sb3I6ICNkN2UyMDc7XHJcbn1cclxuXHJcbi5kaWFsb2dvIHtcclxuICAgIG1heC13aWR0aDogODAwcHg7XHJcbiAgICBtYXJnaW46IDMwcHggYXV0bztcclxufVxyXG5cclxuLmJvZGkge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgcGFkZGluZzogMHB4O1xyXG59XHJcblxyXG4uY2xvc2VzIHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHJpZ2h0OiAtMzBweDtcclxuICAgIHRvcDogMDtcclxuICAgIHotaW5kZXg6IDk5OTtcclxuICAgIGZvbnQtc2l6ZTogMnJlbTtcclxuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICAgIG9wYWNpdHk6IDE7XHJcbn1cclxuXHJcbmkge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEycHg7XHJcbn1cclxuXHJcbi5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDgwMHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbn1cclxuXHJcbi5tb2RhbC1ib2R5LWdhbWUge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgcGFkZGluZzogMHB4O1xyXG59XHJcblxyXG4uY2xvc2Uge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgcmlnaHQ6IC0zMHB4O1xyXG4gICAgdG9wOiAwO1xyXG4gICAgei1pbmRleDogOTk5O1xyXG4gICAgZm9udC1zaXplOiAycmVtO1xyXG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIG9wYWNpdHk6IDE7XHJcbn1cclxuLmJvdG9uZ2FtZXtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbn1cclxuLmJhY2sge1xyXG4gIGZsb2F0OiByaWdodDtcclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogODkwcHgpIHtcclxuICAgIC5tb2RhbC1kaWFsb2ctZ2FtZSB7XHJcbiAgICBtYXgtd2lkdGg6IDU4MHB4O1xyXG4gICAgbWFyZ2luOiAzMHB4IGF1dG87XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA2OTBweCkge1xyXG4gICAgLm1vZGFsLWRpYWxvZy1nYW1lIHtcclxuICAgIG1heC13aWR0aDogNDIwcHg7XHJcbiAgICBtYXJnaW46IDMwcHggYXV0bztcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDQ5MHB4KSB7XHJcbiAgICAubW9kYWwtZGlhbG9nLWdhbWUge1xyXG4gICAgbWF4LXdpZHRoOiAyNTBweDtcclxuICAgIG1hcmdpbjogMTI2cHggYXV0bztcclxuICAgIH1cclxufSJdfQ== */");
11360
11361/***/ }),
11362
11363/***/ "./src/app/ver-juego/ver-juego.component.ts":
11364/*!**************************************************!*\
11365  !*** ./src/app/ver-juego/ver-juego.component.ts ***!
11366  \**************************************************/
11367/*! exports provided: VerJuegoComponent */
11368/***/ (function(module, __webpack_exports__, __webpack_require__) {
11369
11370"use strict";
11371__webpack_require__.r(__webpack_exports__);
11372/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VerJuegoComponent", function() { return VerJuegoComponent; });
11373/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
11374/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
11375/* harmony import */ var _models_game__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/game */ "./src/app/models/game.ts");
11376/* harmony import */ var _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/detalle.service */ "./src/app/service/detalle.service.ts");
11377/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
11378/* harmony import */ var _service_game_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../service/game.service */ "./src/app/service/game.service.ts");
11379/* harmony import */ var src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/assets/JSON/infoGames.json */ "./src/assets/JSON/infoGames.json");
11380var src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_6___namespace = /*#__PURE__*/__webpack_require__.t(/*! src/assets/JSON/infoGames.json */ "./src/assets/JSON/infoGames.json", 1);
11381/* harmony import */ var _models_navigate__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../models/navigate */ "./src/app/models/navigate.ts");
11382/* harmony import */ var _models_navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../models/navigation */ "./src/app/models/navigation.ts");
11383/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
11384
11385
11386
11387
11388
11389
11390
11391
11392
11393
11394var VerJuegoComponent = /** @class */ (function () {
11395    function VerJuegoComponent(gameService, activatedRoute, router, gameServices1, _location) {
11396        var _this = this;
11397        this.gameService = gameService;
11398        this.activatedRoute = activatedRoute;
11399        this.router = router;
11400        this.gameServices1 = gameServices1;
11401        this._location = _location;
11402        this.game = new _models_game__WEBPACK_IMPORTED_MODULE_2__["Game"]();
11403        this.gameAbility = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameAbility"]();
11404        this.gamePrograma = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GamePrograma"]();
11405        this.gameRecurso = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameRecurso"]();
11406        this.gameRuta = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameRuta"]();
11407        this.gameAsignatura = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameAsignatura"]();
11408        this.gameConceptos = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameConceptos"]();
11409        this.gameEtapas = new _models_game__WEBPACK_IMPORTED_MODULE_2__["GameEtapas"]();
11410        this.gamesHTML2 = [];
11411        this.gamesHTML2Aux = [];
11412        this.isFull = false;
11413        this.numRutas = 0;
11414        this.token = localStorage.getItem("token");
11415        this.navegacion = new _models_navigate__WEBPACK_IMPORTED_MODULE_7__["Navegacion"]();
11416        this.navigateGame = new _models_navigation__WEBPACK_IMPORTED_MODULE_8__["Games"]();
11417        this.navegacion.seccion = 9;
11418        this.gameService.navegacion(this.token, this.navegacion).subscribe();
11419        this.activatedRoute.params.subscribe(function (params) {
11420            _this.gameService.verDetalle(_this.token, params.slug).subscribe(function (response) {
11421                _this.game = response.game;
11422                _this.navigateGame.place = 4;
11423                _this.navigateGame.game = _this.game.id;
11424                _this.gameService
11425                    .navegacionJuego(_this.token, _this.navigateGame)
11426                    .subscribe();
11427                _this.gameAsignatura = response.asignatura;
11428                _this.dataGame = src_assets_JSON_infoGames_json__WEBPACK_IMPORTED_MODULE_6__.info;
11429                console.log(_this.gameSelected);
11430                _this.dataGame.forEach(function (element) {
11431                    if (element.name == _this.game.slug) {
11432                        _this.gameSelected = element;
11433                    }
11434                });
11435                console.log(_this.gameSelected);
11436                _this.gameConceptos = response.conceptos;
11437                _this.idDescripcion = response.descripcion.id;
11438                if (response.habilidades != null) {
11439                    _this.gameAbility = response.habilidades;
11440                    var aprendizaje = JSON.parse(response.habilidades.aprendizaje);
11441                    var modelodb = JSON.parse(response.habilidades.me);
11442                    var imt = JSON.parse(response.habilidades.imt);
11443                    var fms = JSON.parse(response.habilidades.fms);
11444                    var ed = JSON.parse(response.habilidades.ed);
11445                    _this.gameAbility.modelos = {
11446                        autoconocimiento: {
11447                            conciencia: modelodb.autoconocimiento.conciencia,
11448                            autoestima: modelodb.autoconocimiento.autoestima,
11449                            aprecio: modelodb.autoconocimiento.aprecio,
11450                            bienestar: modelodb.autoconocimiento.bienestar,
11451                        },
11452                        autorregulacion: {
11453                            meta: modelodb.autorregulacion.meta,
11454                            expresion: modelodb.autorregulacion.expresion,
11455                            regulacion: modelodb.autorregulacion.regulacion,
11456                            generacion: modelodb.autorregulacion.generacion,
11457                            perseverancia: modelodb.autorregulacion.perseverancia,
11458                        },
11459                        autonomia: {
11460                            iniciativa: modelodb.autonomia.iniciativa,
11461                            soluciones: modelodb.autonomia.soluciones,
11462                            eficacia: modelodb.autonomia.eficacia,
11463                        },
11464                        empatia: {
11465                            bienestar: modelodb.empatia.bienestar,
11466                            perspectiva: modelodb.empatia.perspectiva,
11467                            prejuicios: modelodb.empatia.prejuicios,
11468                            sensibilidad: modelodb.empatia.sensibilidad,
11469                            cuidado: modelodb.empatia.cuidado,
11470                        },
11471                        colaboracion: {
11472                            comunidad: modelodb.colaboracion.comunidad,
11473                            responsabilidad: modelodb.colaboracion.responsabilidad,
11474                            inclusion: modelodb.colaboracion.inclusion,
11475                            resolucion: modelodb.colaboracion.resolucion,
11476                            interdependencia: modelodb.colaboracion.interdependencia,
11477                        },
11478                        ramas: {
11479                            colaboracion: modelodb.ramas.colaboracion,
11480                            empatia: modelodb.ramas.empatia,
11481                            autonomia: modelodb.ramas.autonomia,
11482                            autorregulacion: modelodb.ramas.autorregulacion,
11483                            autoconocimiento: modelodb.ramas.autoconocimiento,
11484                        },
11485                        modelo: modelodb.modelo,
11486                    };
11487                    _this.gameAbility.habilidades = {
11488                        aprendizaje: {
11489                            pensamiento: aprendizaje.pensamiento,
11490                            comunicacion: aprendizaje.comunicacion,
11491                            creatividad: aprendizaje.creatividad,
11492                            colaboracion: aprendizaje.colaboracion,
11493                        },
11494                        imt: {
11495                            teclado: {
11496                                nombre: imt.teclado.nombre,
11497                                porcentaje: (imt.teclado.porcentaje = imt.teclado.porcentaje),
11498                            },
11499                            mouse: {
11500                                nombre: imt.mouse.nombre,
11501                                porcentaje: (imt.mouse.porcentaje = imt.mouse.porcentaje),
11502                            },
11503                            tableta: {
11504                                nombre: imt.tableta.nombre,
11505                                porcentaje: (imt.tableta.porcentaje = imt.tableta.porcentaje),
11506                            },
11507                        },
11508                        fms: {
11509                            atencion: fms.atencion,
11510                            memoria: fms.memoria,
11511                            lenguaje: fms.lenguaje,
11512                            visoespacial: fms.visoespacial,
11513                            sensoriomotoras: fms.sensoriomotoras,
11514                            ejecutivas: fms.ejecutivas,
11515                        },
11516                        ed: {
11517                            visual: ed.visual,
11518                            trabajo: ed.trabajo,
11519                            informacion: ed.informacion,
11520                            verbal: ed.verbal,
11521                            auditiva: ed.auditiva,
11522                        },
11523                        tags: response.habilidades.tags,
11524                    };
11525                }
11526                if (response.otros != null) {
11527                    _this.gameRecurso = response.otros;
11528                }
11529                if (response.programas != null) {
11530                    _this.gamePrograma = response.programas;
11531                }
11532                _this.gameEtapas = response.etapas;
11533                _this.rutasTotales = response.rutas;
11534                console.log(response);
11535                _this.idHabilidad = response.habilidades.id;
11536                _this.idOtrosRecursos = response.otros.id;
11537                _this.idProgramas = response.programas.id;
11538                _this.ngOnInit();
11539            }, function (error) {
11540                console.log(error);
11541            });
11542        });
11543    }
11544    VerJuegoComponent.prototype.ngOnInit = function () { };
11545    VerJuegoComponent.prototype.agregarADrop = function (event) {
11546        var cuadro = event["path"][2];
11547        document.getElementById("js-drop-documents").append(cuadro);
11548        var prueba = document
11549            .getElementById("js-drop-documents")
11550            .getElementsByClassName("square__add");
11551        [].forEach.call(prueba, function (a) {
11552            a.classList.add("noMas");
11553        });
11554    };
11555    VerJuegoComponent.prototype.agregarDesc = function (event) {
11556        this.agregarADrop(event);
11557        localStorage.setItem("descripcion_id", this.idDescripcion.toString());
11558    };
11559    VerJuegoComponent.prototype.agregarComp = function (event) {
11560        this.agregarADrop(event);
11561        localStorage.setItem("Habilidad", this.idHabilidad.toString());
11562    };
11563    VerJuegoComponent.prototype.agregarRuta = function (event) {
11564        var auxarray = [];
11565        this.agregarADrop(event);
11566        for (var x in this.rutasTotales) {
11567            console.log(x);
11568            auxarray.push(this.rutasTotales[x].id);
11569        }
11570        console.log(auxarray);
11571        localStorage.setItem("Ruta", auxarray.toString());
11572    };
11573    VerJuegoComponent.prototype.agregarProgr = function (event) {
11574        this.agregarADrop(event);
11575        localStorage.setItem("programa", this.idProgramas.toString());
11576    };
11577    VerJuegoComponent.prototype.agregarOtros = function (event) {
11578        this.agregarADrop(event);
11579        localStorage.setItem("Recursos", this.idOtrosRecursos.toString());
11580    };
11581    VerJuegoComponent.prototype.agregarPorMas = function (event) {
11582        var _this = this;
11583        document.getElementById("js-drop-games").append(event["path"][2]);
11584        this.gamesHTML2Aux.push(event["path"][2]);
11585        this.gamesHTML2Aux.forEach(function (element) {
11586            _this.gamesHTML2.push(element.outerHTML);
11587        });
11588        localStorage.setItem("gamesHTML2", JSON.stringify(this.gamesHTML2));
11589        var URLactual = window.location;
11590        var Aux = URLactual.toString();
11591        var gamesA2 = Aux.replace(Aux.substring(28, 0), "");
11592        localStorage.setItem("gamesA2", gamesA2);
11593    };
11594    VerJuegoComponent.prototype.back = function () {
11595        this._location.back();
11596    };
11597    VerJuegoComponent.prototype.kill = function (element, id) {
11598        $(element).modal("hide");
11599        var iframe = document.getElementById(id);
11600        var src = $(iframe).attr("src");
11601        console.log(src);
11602        $(iframe).attr("src", "").attr("src", src);
11603    };
11604    VerJuegoComponent.prototype.ngAfterViewInit = function () {
11605        // Hack: Scrolls to top of Page after page view initialized
11606        var top = document.getElementById("top");
11607        if (top !== null) {
11608            top.scrollIntoView();
11609            top = null;
11610        }
11611    };
11612    VerJuegoComponent.ctorParameters = function () { return [
11613        { type: _service_detalle_service__WEBPACK_IMPORTED_MODULE_3__["DetalleService"] },
11614        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"] },
11615        { type: _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"] },
11616        { type: _service_game_service__WEBPACK_IMPORTED_MODULE_5__["GameService"] },
11617        { type: _angular_common__WEBPACK_IMPORTED_MODULE_9__["Location"] }
11618    ]; };
11619    VerJuegoComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
11620        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
11621            selector: "app-ver-juego",
11622            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./ver-juego.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/ver-juego/ver-juego.component.html")).default,
11623            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./ver-juego.component.css */ "./src/app/ver-juego/ver-juego.component.css")).default]
11624        })
11625    ], VerJuegoComponent);
11626    return VerJuegoComponent;
11627}());
11628
11629
11630
11631/***/ }),
11632
11633/***/ "./src/app/zoom/zoom.component.css":
11634/*!*****************************************!*\
11635  !*** ./src/app/zoom/zoom.component.css ***!
11636  \*****************************************/
11637/*! exports provided: default */
11638/***/ (function(module, __webpack_exports__, __webpack_require__) {
11639
11640"use strict";
11641__webpack_require__.r(__webpack_exports__);
11642/* harmony default export */ __webpack_exports__["default"] = ("#wc-footer {\r\n    padding: 0 !important;\r\n}\r\n\r\n.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {\r\n    top: auto;\r\n    bottom: 100%;\r\n    margin-bottom: 1px;\r\n}\r\n\r\n.open > .dropdown-menu {\r\n    display: block;\r\n}\r\n\r\n.dropdown-menu {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    z-index: 1000;\r\n    display: none;\r\n    float: left;\r\n    min-width: 160px;\r\n    padding: 5px 0;\r\n    margin: 2px 0 0;\r\n    font-size: 14px;\r\n    list-style: none;\r\n    background-color: #fff;\r\n    background-clip: padding-box;\r\n    border: 1px solid #ccc;\r\n    border: 1px solid rgba(0, 0, 0, .15);\r\n    border-radius: 4px;\r\n    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);\r\n}\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvem9vbS96b29tLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxTQUFTO0lBQ1QsWUFBWTtJQUNaLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsU0FBUztJQUNULE9BQU87SUFDUCxhQUFhO0lBQ2IsYUFBYTtJQUNiLFdBQVc7SUFDWCxnQkFBZ0I7SUFDaEIsY0FBYztJQUNkLGVBQWU7SUFDZixlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLHNCQUFzQjtJQUN0Qiw0QkFBNEI7SUFDNUIsc0JBQXNCO0lBQ3RCLG9DQUFvQztJQUNwQyxrQkFBa0I7SUFDbEIsdUNBQXVDO0FBQzNDIiwiZmlsZSI6InNyYy9hcHAvem9vbS96b29tLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjd2MtZm9vdGVyIHtcclxuICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmRyb3B1cCAuZHJvcGRvd24tbWVudSwgLm5hdmJhci1maXhlZC1ib3R0b20gLmRyb3Bkb3duIC5kcm9wZG93bi1tZW51IHtcclxuICAgIHRvcDogYXV0bztcclxuICAgIGJvdHRvbTogMTAwJTtcclxuICAgIG1hcmdpbi1ib3R0b206IDFweDtcclxufVxyXG5cclxuLm9wZW4gPiAuZHJvcGRvd24tbWVudSB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxufVxyXG5cclxuLmRyb3Bkb3duLW1lbnUge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAxMDAlO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHotaW5kZXg6IDEwMDA7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG4gICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICBtaW4td2lkdGg6IDE2MHB4O1xyXG4gICAgcGFkZGluZzogNXB4IDA7XHJcbiAgICBtYXJnaW46IDJweCAwIDA7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBsaXN0LXN0eWxlOiBub25lO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICAgIGJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAuMTUpO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgYm94LXNoYWRvdzogMCA2cHggMTJweCByZ2IoMCAwIDAgLyAxOCUpO1xyXG59Il19 */");
11643
11644/***/ }),
11645
11646/***/ "./src/app/zoom/zoom.component.ts":
11647/*!****************************************!*\
11648  !*** ./src/app/zoom/zoom.component.ts ***!
11649  \****************************************/
11650/*! exports provided: ZoomComponent */
11651/***/ (function(module, __webpack_exports__, __webpack_require__) {
11652
11653"use strict";
11654__webpack_require__.r(__webpack_exports__);
11655/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ZoomComponent", function() { return ZoomComponent; });
11656/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
11657/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
11658/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
11659/* harmony import */ var _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service/capacitaciones.service */ "./src/app/service/capacitaciones.service.ts");
11660
11661
11662
11663// import { ZoomMtg } from '@zoomus/websdk';
11664
11665// ZoomMtg.preLoadWasm();
11666// ZoomMtg.prepareJssdk();
11667// ZoomMtg.i18n.load('es-ES');
11668// ZoomMtg.i18n.reload('es-ES');
11669var ZoomComponent = /** @class */ (function () {
11670    function ZoomComponent(capacitacionService, route, router) {
11671        this.capacitacionService = capacitacionService;
11672        this.route = route;
11673        this.router = router;
11674        this.token = localStorage.getItem('token');
11675        this.ak = localStorage.getItem('ak');
11676        this.mn = localStorage.getItem('mn');
11677        this.ps = localStorage.getItem('ps');
11678    }
11679    ZoomComponent.prototype.ngOnInit = function () {
11680        var _this = this;
11681        this.route.queryParams.subscribe(function (params) {
11682            _this.meeting = JSON.parse(params['checkout']);
11683            console.log(_this.meeting);
11684        });
11685        if (this.ak == null || this.mn == null || this.ps == null) {
11686            var cdw = this.meeting.leaveUrl.split('/');
11687            this.router.navigate(['capacitacion-docente/webinar/' + cdw[6]]);
11688        }
11689        else {
11690            var dataZoom = {
11691                "meetingNumber": this.mn,
11692                "role": 0
11693            };
11694            console.log(dataZoom);
11695            this.capacitacionService.postZoom(dataZoom, this.token).toPromise().then(function (data) {
11696                if (data.signature) {
11697                    console.log(data.signature);
11698                    _this.startMeeting(data.signature);
11699                }
11700                else {
11701                    console.log(data);
11702                }
11703            }).catch(function (error) {
11704                console.log(error);
11705            });
11706        }
11707    };
11708    ZoomComponent.prototype.startMeeting = function (signature) {
11709        var zoomMeeting = document.getElementById('zmmtg-root').style.display = 'block';
11710        var startmeet = document.getElementById('zmmtg-root').style.zIndex = "999";
11711        // ZoomMtg.init({
11712        //   leaveUrl: this.meeting.leaveUrl,
11713        //   isSupportAV: true,
11714        //   success: (success) => {
11715        //     console.log(success);
11716        //     ZoomMtg.join({
11717        //       signature: signature,
11718        //       meetingNumber: this.mn,
11719        //       userName: this.meeting.name,
11720        //       apiKey: this.ak,
11721        //       userEmail: this.meeting.email,
11722        //       passWord: this.ps,
11723        //       success: (success) => {
11724        //         console.log(success);
11725        //         const footer = document.getElementById('wc-footer').style.padding = "0";
11726        //         var bot = Array.from(document.getElementsByClassName('meeting-info-icon__icon--encryption') as HTMLCollectionOf<HTMLElement>)
11727        //         bot[0].style.display= 'none';
11728        //         var bot2 = Array.from(document.getElementsByClassName('meeting-info-icon__icon-wrap') as HTMLCollectionOf<HTMLElement>)
11729        //         bot2[0].style.display= 'none';
11730        //         var displ = Array.from(document.getElementsByClassName('dropdown-menu') as HTMLCollectionOf<HTMLElement>)[0].style.display='block';
11731        //       },
11732        //       error: (error) => {
11733        //         console.log(error);
11734        //       }
11735        //     })
11736        //   },
11737        //   error: (error) => {
11738        //     console.log(error);
11739        //   }
11740        // })
11741    };
11742    ZoomComponent.ctorParameters = function () { return [
11743        { type: _service_capacitaciones_service__WEBPACK_IMPORTED_MODULE_3__["CapacitacionesService"] },
11744        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
11745        { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"] }
11746    ]; };
11747    ZoomComponent = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
11748        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
11749            selector: 'app-zoom',
11750            template: tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! raw-loader!./zoom.component.html */ "./node_modules/raw-loader/dist/cjs.js!./src/app/zoom/zoom.component.html")).default,
11751            styles: [tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"](__webpack_require__(/*! ./zoom.component.css */ "./src/app/zoom/zoom.component.css")).default]
11752        })
11753    ], ZoomComponent);
11754    return ZoomComponent;
11755}());
11756
11757
11758
11759/***/ }),
11760
11761/***/ "./src/assets/JSON/descripcion.json":
11762/*!******************************************!*\
11763  !*** ./src/assets/JSON/descripcion.json ***!
11764  \******************************************/
11765/*! exports provided: info, default */
11766/***/ (function(module) {
11767
11768module.exports = JSON.parse("{\"info\":[{\"name\":\"InnovaTAK\",\"descripcion\":\" Pensamiento Matemático. Desarrollo habilidades de ánalisis y procesamiento de la información. \"},{\"name\":\"ComunicaTAK\",\"descripcion\":\"Lenguaje y Comunicación. Apoyo vocabulario y lectura de comprensión.\"},{\"name\":\"ExperimenTAK\",\"descripcion\":\"Exploración y Comprensión del Mundo Natural. Desarrollo del pensamiento crítico a través de las ciencias.\"},{\"name\":\"EmotiTAK\",\"descripcion\":\"Desarrollo socioemocional. Perseverancia, tolerancia a la frustración, respeto, empatía, motivación del logro y manejo del estrés.\"},{\"name\":\"LogiTAK\",\"descripcion\":\"Pensamiento Matemático. Desarrollo de habilidades cognitivas.\"},{\"name\":\"ArtTAK\",\"descripcion\":\"Expresión artística. Desarrollo de la creatividad y la imaginación  a través de las artes.\"},{\"name\":\"CreaTAK\",\"descripcion\":\"Pensamiento Matemático y Lenguaje y Comunicación. Desarrollo de la creatividad a través de las artes para la resolución de problemas.\"}]}");
11769
11770/***/ }),
11771
11772/***/ "./src/assets/JSON/infoGames.json":
11773/*!****************************************!*\
11774  !*** ./src/assets/JSON/infoGames.json ***!
11775  \****************************************/
11776/*! exports provided: info, default */
11777/***/ (function(module) {
11778
11779module.exports = JSON.parse("{\"info\":[{\"name\":\"acrobacias-de-chan-pi\",\"pdf\":\"FP_AcrobaciasChanPi_TTT_Agosto19_v1\",\"tutorial\":\"PH8bekRYZXM\"},{\"name\":\"atrapame\",\"pdf\":\"FP_Atrapame_TTT_Agosto19_v1\",\"tutorial\":\"h5D9fwsTjew\"},{\"name\":\"amicu\",\"pdf\":\"FP_Amicu_TTT_Agosto19_v1\",\"tutorial\":\"wR-1IgqiFwg\"},{\"name\":\"arbolramon\",\"pdf\":\"FP_ArbolRamon_TTT_Agosto19_v1\",\"tutorial\":\"BMe_YX4Ki04\"},{\"name\":\"las-aventuras-del-hombre-bala\",\"pdf\":\"FP_AventurasHombreBala_TTT_Agosto19_v1\",\"tutorial\":\"QKN1aw4NpIY\"},{\"name\":\"basediez\",\"pdf\":\"FP_Base10_TTT_Agosto19_v1\",\"tutorial\":\"tR82krZcD7U\"},{\"name\":\"beni\",\"pdf\":\"FP_Benni_TTT_Agosto19_v1\",\"tutorial\":\"QRm680RL7ZA\"},{\"name\":\"bolo\",\"pdf\":\"FP_Bolo_TTT_Agosto19_v1\",\"tutorial\":\"f2ImbopDkk0\"},{\"name\":\"boris\",\"pdf\":\"FP_Boris_TTT_Agosto19_v1\",\"tutorial\":\"PIEBs1ycNGM\"},{\"name\":\"calle-k\",\"pdf\":\"FP_CalleK_TTT_Agosto19_v1\",\"tutorial\":\"oVvpemvqJU8\"},{\"name\":\"canon-tortuga\",\"pdf\":\"FP_CanonTortuga_TTT_Agosto19_v1\",\"tutorial\":\"XfP5tV6rJXE\"},{\"name\":\"caracol\",\"pdf\":\"FP_Caracol_TTT_Agosto19_v1\",\"tutorial\":\"WjxomjzIFQg\"},{\"name\":\"chanpikart\",\"pdf\":\"FP_ChanPiKart_TTT_Agosto19_v1\",\"tutorial\":\"QinWXC-JsVc\"},{\"name\":\"conjuro-magico\",\"pdf\":\"FP_ConjuroMagico_TTT_Agosto19_v1\",\"tutorial\":\"y41XhbtAkRs\"},{\"name\":\"conviertete-en-fortacho\",\"pdf\":\"FP_ConvierteteFortacho_TTT_Agosto19_v1\",\"tutorial\":\"PWAtcY3XtgQ\"},{\"name\":\"corre-cheto\",\"pdf\":\"FP_CorreCheto_TTT_Agosto19_v1\",\"tutorial\":\"MpdiyNmP3q8\"},{\"name\":\"cucarachilandia\",\"pdf\":\"FP_Cucarachilandia_TTT_Agosto19_v1\",\"tutorial\":\"5i3aK9qnc6A\"},{\"name\":\"delimonster\",\"pdf\":\"FP_DeliMonster_TTT_Agosto19_v1\",\"tutorial\":\"PWxsCgQtwq4\"},{\"name\":\"desactiva-la-bomba\",\"pdf\":\"FP_DesactivaBomba_TTT_Agosto19_v1\",\"tutorial\":\"L7B0dV-oZxc\"},{\"name\":\"despachamoco\",\"pdf\":\"FP_Despachamoco_TTT_Agosto19_v1\",\"tutorial\":\"xv9YDLdjAcg\"},{\"name\":\"duelo-de-espadas\",\"pdf\":\"FP_DueloEspadas_TTT_Agosto19_v1\",\"tutorial\":\"04FVT8UnJpo\"},{\"name\":\"electrolab-y\",\"pdf\":\"FP_ElectrolabY_TTT_Agosto19_v1\",\"tutorial\":\"jd5RsYpRvbc\"},{\"name\":\"gancho-tortuga\",\"pdf\":\"FP_GanchoTortuga_TTT_Agosto19_v1\",\"tutorial\":\"aJvIqKgAE2g\"},{\"name\":\"las-golosinas-secretas\",\"pdf\":\"FP_GolosinasSecretas_TTT_Agosto19_v1\",\"tutorial\":\"OOWjJEq2C8c\"},{\"name\":\"huye-del-tejon\",\"pdf\":\"FP_HuyeTejon_TTT_Agosto19_v1\",\"tutorial\":\"kqqBrPITMxE\"},{\"name\":\"imagenes-de-la-patria\",\"pdf\":\"FP_ImagenesPatria_TTT_Agosto19_v1\",\"tutorial\":\"BCrpTPcYWPw\"},{\"name\":\"inspectorpok\",\"pdf\":\"FP_InspectorPok_TTT_Agosto19_v1\",\"tutorial\":\"WQK_MNFIJwc\"},{\"name\":\"ioio\",\"pdf\":\"FP_IOIO_TTT_Agosto19_v1\",\"tutorial\":\"1C-JqRHc1_w\"},{\"name\":\"islatortuga\",\"pdf\":\"FP_IslaTortuga_TTT_Agosto19_v1\",\"tutorial\":\"2pBq3FWcb0g\"},{\"name\":\"kilometrus\",\"pdf\":\"FP_Kilometrus_TTT_Agosto19_v1\",\"tutorial\":\"3ABQDNhJlys\"},{\"name\":\"llevele-llevele\",\"pdf\":\"FP_LleveleLlevele_TTT_Agosto19_v1\",\"tutorial\":\"by9qHc0yzQY\"},{\"name\":\"lombrices-para-todos\",\"pdf\":\"FP_Lombrices_TTT_Agosto19_v1\",\"tutorial\":\"c9VSRhIdvdI\"},{\"name\":\"lumilab-x\",\"pdf\":\"FP_LumilabX_TTT_Agosto19_v1\",\"tutorial\":\"cPpOYSd2hBo\"},{\"name\":\"la-maquina-analitica\",\"pdf\":\"FP_MaquinaAnalitica_TTT_Agosto19_v1\",\"tutorial\":\"MfI6JbzPTGE\"},{\"name\":\"mascota-extraviada\",\"pdf\":\"FP_MascotaExtraviada_TTT_Agosto19_v1\",\"tutorial\":\"QGkjz0dkLKU\"},{\"name\":\"mateo\",\"pdf\":\"FP_Mateo_TTT_Agosto19_v1\",\"tutorial\":\"gOIb5EAwFS4\"},{\"name\":\"materia\",\"pdf\":\"FP_Materia_TTT_Agosto19_v1\",\"tutorial\":\"CEpfqXT3qJk\"},{\"name\":\"melodines\",\"pdf\":\"FP_Melodines_TTT_Agosto19_v1\",\"tutorial\":\"hwhLCp8o5Wg\"},{\"name\":\"meteorama\",\"pdf\":\"FP_Meteorama_TTT_Agosto19_v1\",\"tutorial\":\"ZXOMSOrv9oo\"},{\"name\":\"micros\",\"pdf\":\"FP_Micros_TTT_Agosto19_v1\",\"tutorial\":\"h2sw46bhehU\"},{\"name\":\"moles\",\"pdf\":\"FP_Moles_TTT_Agosto19_v1\",\"tutorial\":\"7ZxtPH344ow\"},{\"name\":\"mundialanimal\",\"pdf\":\"FP_MundialAnimal_TTT_Agosto19_v1\",\"tutorial\":\"qWT3EBiHb4c\"},{\"name\":\"octavio-paz\",\"pdf\":\"FP_OctavioPaz_TTT_Agosto19_v1\",\"tutorial\":\"my6xk09V28s\"}
11779,{\"name\":\"ojo-rojo\",\"pdf\":\"FP_OjoRojo_TTT_Agosto19_v1\",\"tutorial\":\"jRWSdkhMja0\"},{\"name\":\"painani\",\"pdf\":\"FP_Painani_TTT_Agosto19_v1\",\"tutorial\":\"Zpm3RDCCvoo\"},{\"name\":\"pim-poom\",\"pdf\":\"FP_PimPoom_TTT_Agosto19_v1\",\"tutorial\":\"wocLVh9J5l8\"},{\"name\":\"pinta-la-carpa\",\"pdf\":\"FP_PintaCarpa_TTT_Agosto19_v1\",\"tutorial\":\"UwdpVysQDUE\"},{\"name\":\"pizza-emobile\",\"pdf\":\"FP_PizzaEMobile_TTT_Agosto19_v1\",\"tutorial\":\"2wfz6OQM4QQ\"},{\"name\":\"planeta-miedo-20\",\"pdf\":\"FP_PlanetaMiedo_TTT_Agosto19_v1\",\"tutorial\":\"BCQPSf-wTF4\"},{\"name\":\"popolbuuuu\",\"pdf\":\"FP_PopolBuuu_TTT_Agosto19_v1\",\"tutorial\":\"6mHKeD1OjTs\"},{\"name\":\"pueblo-chinampa\",\"pdf\":\"FP_PuebloChinampa_TTT_Agosto19_v1\",\"tutorial\":\"6GSD4tnfm8M\"},{\"name\":\"rescate-minino\",\"pdf\":\"FP_RescateMinino_TTT_Agosto19_v1\",\"tutorial\":\"YZCGoescMjA\"},{\"name\":\"reto-top\",\"pdf\":\"FP_RetoTop_TTT_Agosto19_v1\",\"tutorial\":\"4mZltT_SKrg\"},{\"name\":\"ritmo\",\"pdf\":\"FP_Ritmo_TTT_Agosto19_v1\",\"tutorial\":\"33Ulo70QJgY\"},{\"name\":\"sheepy\",\"pdf\":\"FP_Sheepy_TTT_Agosto19_v1\",\"tutorial\":\"Q2m__2q694Y\"},{\"name\":\"robotanque\",\"pdf\":\"FP_Robotanque_TTT_Agosto19_v1\",\"tutorial\":\"oPx8tZ4-5UE\"},{\"name\":\"super-sumas\",\"pdf\":\"FP_SuperSumas_TTT_Agosto19_v1\",\"tutorial\":\"mkTzhn4MTCc\"},{\"name\":\"tesoro-ciber\",\"pdf\":\"FP_TesoroCiber_TTT_Agosto19_v1\",\"tutorial\":\"Kl41Vkqpjhk\"},{\"name\":\"tirin-tirin\",\"pdf\":\"FP_TirinTirin_TTT_Agosto19_v1\",\"tutorial\":\"x8j9Fwzr1q8\"},{\"name\":\"topo-canon\",\"pdf\":\"FP_TopoCanon_TTT_Agosto19_v1\",\"tutorial\":\"Ieq7Dfx5ooA\"},{\"name\":\"troglones\",\"pdf\":\"FP_Troglones_TTT_Agosto19_v1\",\"tutorial\":\"kunqy4fYuQc\"},{\"name\":\"el-viaje-de-kaori\",\"pdf\":\"FP_ViajeKaori_TTT_Agosto19_v1\",\"tutorial\":\"S4YOP9J6sj8\"},{\"name\":\"wayna\",\"pdf\":\"FP_Wayna_TTT_Agosto19_v1\",\"tutorial\":\"affcAuc-RPg\"},{\"name\":\"donde-esta-gomita\",\"pdf\":\"FP_DondeEstaGomita_TTT_Agosto19_v1\",\"tutorial\":\"tDpkiT0Xuf4\"},{\"name\":\"guau-guau\",\"pdf\":\"FP_GuauGuau_TTT_Agosto19_v1\",\"tutorial\":\"CTkwaBUdjg0\"},{\"name\":\"mansion-alien\",\"pdf\":\"FP_MansionAlien_TTT_Agosto19_v1\",\"tutorial\":\"NTHA8WSArn0\"},{\"name\":\"dragon\",\"pdf\":\"FP_MaestroDragon_TTT_Agosto19_v1\",\"tutorial\":\"BOU9LmgcEeA\"},{\"name\":\"extratelia\",\"pdf\":\"FP_Extratelia_TTT_Abril21_v1\",\"tutorial\":\"q6kYR7txjso\"},{\"name\":\"banda-chanpi\",\"pdf\":\"FP_BandaChanPi_TTT_Abril21_v1\",\"tutorial\":\"EDJ-EWgm1fk\"},{\"name\":\"laboratorio-de-topo\",\"pdf\":\"FP_LaboratorioTopo_TTT_Octubre21_v1\",\"tutorial\":\"kmtEO_IVi0I\"},{\"name\":\"bombas-locas\",\"pdf\":\"FP_BombasLocas_TTT_Octubre21_v1\",\"tutorial\":\"OfKE4dB8lBw\"},{\"name\":\"sheepy-vs-dragones\",\"pdf\":\"FP_SheepyVsDragones_TTT_Noviembre21_v1\",\"tutorial\":\"FnETrDoIvk8\"},{\"name\":\"juguetes-peque\",\"pdf\":\"FP_JuguetesDePeque_TTT_Noviembre21_v1\",\"tutorial\":\"WsUQvIJLjss\"},{\"name\":\"plantae\",\"pdf\":\"FP_Plantae_TTT_Enero23_v1\",\"tutorial\":\"GKz0DyQraaI\"},{\"name\":\"verboom\",\"pdf\":\"FP_Verboom_TTT_Febrero23_v1\",\"tutorial\":\"v5-ySJ2m5q0\"},{\"name\":\"fruteria-gori\",\"pdf\":\"FP_FruteriaGori_TTT_Febrero23_v1\",\"tutorial\":\"rtkmTjdo07k\"},{\"name\":\"merlin-sheepy\",\"pdf\":\"FP_ConjurosMerlinSheepy_TTT_Marzo23_v1\",\"tutorial\":\"k0rNBojUl_0\"},{\"name\":\"globos\",\"pdf\":\"FP_Globos2.0_TTT_Mayo23_v1\",\"tutorial\":\"\"},{\"name\":\"ribeki\",\"pdf\":\"FP_Ribeki_TTT_Agosto22_v1\",\"tutorial\":\"\"}]}");
11780
11781/***/ }),
11782
11783/***/ "./src/environments/environment.ts":
11784/*!*****************************************!*\
11785  !*** ./src/environments/environment.ts ***!
11786  \*****************************************/
11787/*! exports provided: environment */
11788/***/ (function(module, __webpack_exports__, __webpack_require__) {
11789
11790"use strict";
11791__webpack_require__.r(__webpack_exports__);
11792/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "environment", function() { return environment; });
11793/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
11794// This file can be replaced during build by using the `fileReplacements` array.
11795// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
11796// The list of file replacements can be found in `angular.json`.
11797
11798var environment = {
11799    production: false
11800};
11801/*
11802 * For easier debugging in development mode, you can import the following file
11803 * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
11804 *
11805 * This import should be commented out in production mode because it will have a negative impact
11806 * on performance if an error is thrown.
11807 */
11808// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
11809
11810
11811/***/ }),
11812
11813/***/ "./src/main.ts":
11814/*!*********************!*\
11815  !*** ./src/main.ts ***!
11816  \*********************/
11817/*! no exports provided */
11818/***/ (function(module, __webpack_exports__, __webpack_require__) {
11819
11820"use strict";
11821__webpack_require__.r(__webpack_exports__);
11822/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
11823/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
11824/* harmony import */ var _angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser-dynamic */ "./node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js");
11825/* harmony import */ var _app_app_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app/app.module */ "./src/app/app.module.ts");
11826/* harmony import */ var _environments_environment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./environments/environment */ "./src/environments/environment.ts");
11827
11828
11829
11830
11831
11832if (_environments_environment__WEBPACK_IMPORTED_MODULE_4__["environment"].production) {
11833    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["enableProdMode"])();
11834}
11835Object(_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_2__["platformBrowserDynamic"])().bootstrapModule(_app_app_module__WEBPACK_IMPORTED_MODULE_3__["AppModule"])
11836    .catch(function (err) { return console.error(err); });
11837
11838
11839/***/ })
11839,
11840
11841/***/ 0:
11842/*!***************************!*\
11843  !*** multi ./src/main.ts ***!
11844  \***************************/
11845/*! no static exports found */
11846/***/ (function(module, exports, __webpack_require__) {
11847
11848module.exports = __webpack_require__(/*! C:\Users\tecno\Documents\Adriana\GitLab\LT2 New Produccion\lt2-fe\src\main.ts */"./src/main.ts");
11849
11850
11851/***/ })
11852
11853},[[0,"runtime","vendor"]]]);
11854//# sourceMappingURL=main.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.