Responsable{responsables.length > 0 && \"s\"}:
\r\n\r\n {responsables.map((item) =>\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n {/* \r\n
*/}\r\n Establecimiento{establecimientos.length > 0 && \"s\"} Seleccionado{establecimientos.length > 0 && \"s\"}:
\r\n {establecimientos.map((item, i) =>\r\n\r\n {i + 1}.
\r\n
\r\n {/*Información Relacionada al Establecimiento*/}\r\n {(item.hermano || item.familiar || item.inscAsociada) &&\r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default PrimerPaso;","import React from 'react';\r\n//ICONO CON TOOLTIP\r\nimport IconInfo from '../../../Comun/IconInfo/IconInfo';\r\n//ICONOS\r\nimport { AccountBalanceOutlined, RoomOutlined, QueryBuilder } from '@material-ui/icons'\r\n\r\nconst SegundoPaso = (props) => {\r\n const { establecimientos } = props;\r\n return (\r\n <>\r\n {establecimientos.length === 0 &&\r\n \r\n No salió sorteado en ninguna de las opciones seleccionadas.\r\n \r\n }\r\n {establecimientos.length === 1 &&\r\n El aspirante ha sido asignado en la siguiente opción:\r\n }\r\n {establecimientos.length > 1 &&\r\n El aspirante ha sido asignado en las siguientes opciones:\r\n }\r\n {establecimientos.length > 0 &&\r\n establecimientos.map((item, i) =>\r\n {i + 1}.
\r\n \r\n
\r\n\r\n \r\n {/*Información Relacionada al Establecimiento*/}\r\n {(item.hermano || item.familiar || item.inscAsociada) &&\r\n
\r\n {item.hermano &&
\r\n /*:\r\n \r\n {i + 1}.
\r\n
\r\n )\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default SegundoPaso;","import React from 'react'\r\n\r\nconst TercerPaso = ({estado}) => {\r\n return (\r\n <>\r\n {estado !== '3' ? (\r\n <>\r\n {i + 1}.
\r\n \r\n
\r\n Prioridad de Inscripción: {item.prioridad}.
*/}\r\n Número de orden asigando por sorteo: {item.nroOrdenEnElSorteo}
\r\n {/*El proceso de asignación de vacantes se realizará el 28/12/2023.
\r\nUna vez terminado el sorteo será informado de los resultados.
\r\nPor favor, sepa entender que estamos haciendo lo posible para lograr un sorteo justo para todos.
\r\n \r\n ) : ( \r\n <>\r\nEl proceso de asignación de vacantes correspondiente al primer llamado se realizó el 26/11/2024.
\r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default TercerPaso;","import React, { useState } from 'react'\r\nimport { Stepper, Step, StepLabel, StepContent, Typography, Button as ButtonUI } from '@material-ui/core';\r\nimport moment from 'moment';\r\nimport {Row, Col} from 'react-bootstrap';\r\n\r\n\r\n//TRAIGO LOS COMPONENTES DE LOS PASOS\r\nimport PrimerPaso from './PrimerPaso';\r\nimport SegundoPaso from './SegundoPaso';\r\nimport TercerPaso from './TercerPaso';\r\n//import CuartoPaso from './CuartoPaso';\r\n\r\n//MATERIAL UI CARD \r\nimport { Card, CardContent } from '@material-ui/core';\r\n\r\nimport ErrorIcon from '@material-ui/icons/Error';\r\n\r\n\r\nconst Pasos = (props) => {\r\n //Obtengo el prop con la info de los pasos\r\n const { data } = props;\r\n\r\n //ESTADOS\r\n const [activeStep, setActiveStep] = useState(data && data.estado !== '3' ? 0 : 2);\r\n\r\n function handleNext() {\r\n setActiveStep(prevActiveStep => prevActiveStep + 1);\r\n };\r\n\r\n function handleBack() {\r\n setActiveStep(prevActiveStep => prevActiveStep - 1);\r\n };\r\n\r\n // const handleReset = () => {\r\n // setActiveStep(0);\r\n // };\r\n\r\n \r\n\r\n if (data) {\r\n //SACO LOS ESTABLECIMIENTOS APROBADOS PARA EL SORTEO\r\n const establecimientosAprobados = data.establecimientosSeleccionados.filter(filtrado => filtrado.ingreso);\r\n //ARRAY DE PASOS USADOS PARA EL MAPEO EN EL JSX\r\n const steps = [\r\n { nombre: 'Registro del Aspirante', paso:\r\n {/*
\r\n {data.estado !== '3' &&\r\n Información del Aspirante
*/}\r\n{data.aspirante.apellido}, {data.aspirante.nombre}
\r\nDNI: {data.aspirante.dni}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n IMPORTANTE\r\n
\r\n Esta inscripción aún no se sorteó, debe esperar a la próxima fecha de sorteo
\r\n\r\n
\r\n \r\n Llamado: {(segundoLlamado.diff(creacion, 'days') <= 0) ? \"2\" : \"1\"}
\r\nNúmero de Sorteo: {data.nroSorteo}
\r\nNivel Seleccionado: {data.nivel} - {data.curso}
\r\n \r\nFecha de Inscripción: {moment(data.fechaCreacion).format(\"DD/MM/YYYY - HH:mm\")} Hs.
\r\n \r\n{item.nombre}
\r\n {activeStep > 0 &&\r\n \r\n Atras\r\n \r\n }\r\n {activeStep < 2 &&\r\n \r\n Siguiente\r\n \r\n }\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nexport default Pasos;","import React from 'react'\r\n//MATERIAL UI CARD\r\nimport { Card, CardContent } from \"@material-ui/core\";\r\n\r\nconst MesaAyuda = () => {\r\n return (\r\n Información del Aspirante No Encontrada
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default MesaAyuda;","import React, { useMemo } from 'react';\r\nimport { useDispatch, shallowEqual, useSelector } from \"react-redux\";\r\nimport { useHistory } from 'react-router-dom'\r\n\r\n\r\n//REDUX DEL DETALLE DE LA INSCRIPCION\r\nimport * as actionsDetalleInscripcion from './_redux/DetalleInscripcion/DetalleInscripcionActions';\r\n\r\nimport { Card, CardHeader, CardHeaderToolbar, CardBody, } from \"../../../../_metronic/_partials/controls\";\r\nimport { Button } from 'react-bootstrap';\r\n\r\n//COMPONONETE FORMULARIO PARA BUSCAR LA INSCRIPCION\r\nimport BuscarInscripcion from './Form/BuscarInscripcion';\r\n\r\n//COMPONONETE QUE MUESTRAN TODOS LOS PASOS CON LOS DATOS DE LA INSCRIPCION\r\nimport Pasos from './Steps/Pasos';\r\n\r\n//INFORMACION DE MESA DE AYUDA\r\nimport MesaAyuda from '../../../modules/Comun/Cards/MesaAyuda';\r\n\r\n\r\nimport objectPath from \"object-path\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../../../../_metronic/layout/_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { Header } from \"../../../../_metronic/layout/components/header/Header\";\r\nimport { HeaderMobile } from \"../../../../_metronic/layout/components/header-mobile/HeaderMobile\";\r\n// import {Aside} from \"./aside/Aside\";\r\nimport { Footer } from \"../../../../_metronic/layout/components/footer/Footer\";\r\n//import {LayoutInit} from \"./LayoutInit\";\r\n//import {SubHeader} from \"../../../../_metronic/layout/components/subheader/SubHeader\";\r\n// import {QuickPanel} from \"./extras/offcanvas/QuickPanel\";\r\n// import {QuickUser} from \"./extras/offcanvas/QuickUser\";\r\n// import {ScrollTop} from \"./extras/ScrollTop\";\r\n// import {StickyToolbar} from \"./extras/StickyToolbar\";\r\n\r\n\r\nconst DetalleInscripcion = () => {\r\n const history = useHistory();\r\n //DISPATCH\r\n const dispatch = useDispatch();\r\n\r\n const { detalleInscripcionInformacion } = useSelector(\r\n state => state.detalleInscripcion,\r\n shallowEqual\r\n );\r\n\r\n function reiniciarDatos() {\r\n dispatch(actionsDetalleInscripcion.stateLimpiar());\r\n };\r\n\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n stickyToolbarDisplay: objectPath.get(uiService.config, \"extras.toolbar.display\"),\r\n desktopHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.self.fixed.desktop\"\r\n ),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n
\r\n Ante cualquier inconveniente, no dude en llamarnos.
\r\n\r\n Mesa de ayuda al teléfono: \r\n (0379) - \r\n 4469755 - \r\n 4464558 - \r\n 4428990 / \r\n 0800-888-2790\r\n
\r\n\r\n WhatsApp: \r\n +54 9 379 450-4093 / \r\n +54 9 379 484-6860 / \r\n +54 9 379 424-5444\r\n
\r\n\r\n {/*begin::Page*/}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default DetalleInscripcion;","import React, { useState } from 'react'\r\nimport { Link } from 'react-router-dom';\r\nimport { Button, IconButton, makeStyles, Drawer, List, ListItem, ListItemIcon, ListItemText, Divider } from '@material-ui/core';\r\n\r\n//IMAGENES\r\nimport Logo from './Logo-GobiernoCorrientes-300x52.png';\r\n//import Teclado from './pcteclado_01.jpg'\r\n\r\n//ICONOS\r\nimport DescriptionIcon from '@material-ui/icons/Description';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\r\nimport WhatsAppIcon from '@material-ui/icons/WhatsApp';\r\nimport PhoneIcon from '@material-ui/icons/Phone';\r\n//import HelpOutlineIcon from '@material-ui/icons/HelpOutline';\r\n\r\nimport parse from \"html-react-parser\";\r\n\r\nconst useStyles = makeStyles({\r\n //ESTILOS PARA BOTONES DEL HEADER\r\n buttonHeader: {\r\n fontSize: 15,\r\n '&:hover': {\r\n color: 'white'\r\n }\r\n },\r\n //ESTILOS PARA LOS BOTONES DE REDIRECCION ARRIBA DEL VIDEO 1ºER Y EN EL 1ER VIDE\r\n buttonRedirect: {\r\n color: '#1abc9c',\r\n '&:hover': {\r\n color: 'black'\r\n }\r\n },\r\n //ESTILOS PARA LOS BOTONES QUE VISUALIZAN PDF\r\n buttonPDF: {\r\n color: '#232f20cf',\r\n fontSize: 20,\r\n '&:hover': {\r\n color: 'black',\r\n fontWeight: 'bold',\r\n }\r\n },\r\n //ESTILO PARA LOS BOTONES LINK DEL FOOTER\r\n linkFooter: {\r\n color: '#5D615F',\r\n fontSize: 16,\r\n '&:hover': {\r\n color: 'white'\r\n }\r\n },\r\n //ESTILO PARA TITULOS DE SITIOS DE INTERES\r\n titleFooter: {\r\n color: '#969998',\r\n },\r\n iconPhone: {\r\n color: 'green',\r\n marginBottom: 1,\r\n marginRight: 1\r\n }\r\n});\r\n\r\n\r\n\r\nconst Landing = () => {\r\n const classes = useStyles();\r\n //ESTADOS\r\n const [verMenu, setVerMenu] = useState(false);\r\n //CERRAR MENU IZQUIERDA\r\n const toggleDrawer = (event) => {\r\n if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n return;\r\n }\r\n setVerMenu(false);\r\n };\r\n return (\r\n <>\r\n \r\n {/* {layoutProps.asideDisplay && ()} */}\r\n {/*begin::Wrapper*/}\r\n
\r\n {/*end::Page*/}\r\n \r\n
\r\n {/*end::Wrapper*/}\r\n \r\n {/* {layoutProps.subheaderDisplay &&
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n {/*end::Entry*/}\r\n \r\n\r\n \r\n \r\n \r\n {detalleInscripcionInformacion ?\r\n \r\n :\r\n \r\n }\r\n \r\n \r\n \r\n {detalleInscripcionInformacion ?\r\n \r\n \r\n
\r\n {/*end::Container*/}\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*\r\n \r\n */}\r\n
\r\n \r\n setVerMenu(true)}>\r\n \r\n \r\n \r\n
\r\n - \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
Inscripciones online
\r\nCiclo Lectivo {process.env.REACT_APP_CicloLectivoActual}
\r\n\r\n
\r\n {/*\r\n Para saber el resultado de la inscripción consulte el estado aquí
\r\n\r\n Las inscripciones estarán habilitadas en las siguientes fechas:
\r\n Para el Nivel Inicial {parse(process.env.REACT_APP_NivelInicialPeriodo)}
\r\n Para el Nivel Primario {parse(process.env.REACT_APP_NivelPrimarioPeriodo)}
\r\n Para el Nivel Secundario {parse(process.env.REACT_APP_NivelSecundarioPeriodo)}\r\n
*/}\r\n {/* Los establecimientos que NO se encuentren en los siguientes listados es porque no poseen lugares disponibles.*/}\r\n {/* Los alumnos que ya tengan una vacante asignada por el proceso de inscripción anterior no podrán realizar una nueva inscripción. */}\r\n {/*
*/}\r\n\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n \r\n {/*
*/}\r\n {/*
*/}\r\n {/*
\r\n
\r\n
\r\n \r\n\r\n {/*
*/}\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n
\r\n
\r\n */}\r\n {/* Instructivo: Inscripción Online {process.env.REACT_APP_CicloLectivoActual}*/}\r\n {/* Establecimientos con vacantes para llamado Febrero*/}\r\n {/*
*/}\r\n\r\n\r\nVACANTES A CONFIRMAR CON LOS ESTABLECIMIENTOS
\r\n {/**/}\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n
\r\n
\r\n ¿Cómo registrarse en la página inscripciones.mec.gob.ar?\r\n
\r\n \r\n {/**/}\r\n {/* ¿Cómo realizar la inscripción desde la Página Web?*/}\r\n {/*
*/}\r\n {/**/}\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Landing;","export function validacionDNIS(AlumnoDNI, TutorDNI, reCaptchaToken) {\r\n if (AlumnoDNI === \"1234567\" && TutorDNI === \"1234567\" && reCaptchaToken.length > 0) {\r\n return { estado: true, mensaje: \"documento\" };\r\n } else if (AlumnoDNI === \"12345678\" && TutorDNI === \"1234567\" && reCaptchaToken.length > 0) {\r\n return { estado: true, mensaje: \"tracking\" };\r\n } else {\r\n return { estado: false, mensaje: \"Los valores ingresados no son validos\" };\r\n };\r\n};\r\n\r\nexport function verificarEntero(entero) {\r\n if (entero.length > 0) {\r\n const enteroSoloNumeros = parseInt(entero, 10);//TRANSFORMO A ENTERO (SOLO NúMEROS)\r\n if (isNaN(enteroSoloNumeros)) {\r\n return { estado: false, valor: \"\" };\r\n } else {\r\n return { estado: true, valor: enteroSoloNumeros.toString() };\r\n };\r\n } else {\r\n return { estado: true, valor: \"\" };\r\n };\r\n};\r\n\r\nexport function validarLongitudEntero(longitud, min = 1, max = 15) {\r\n if (longitud > 0 && longitud < min) {\r\n return { estado: false, mensaje: \"Los caracteres debern ser igual o mayor a \", min };\r\n } else if (longitud >= min && longitud <= max) {\r\n return { estado: true, mensaje: \"Cumple longitudes\" };\r\n } else if (longitud > max) {\r\n return { estado: false, mensaje: \"Los caracteres debern ser igual o menor a \", max };\r\n } else {\r\n return { estado: false, mensaje: \"\" };\r\n };\r\n};","import data from './data.json';\n\n\nexport default function Countries(){\n //const countries=JSON.parse(data);\n\n return data;\n};\n\n\n","import React, { createContext, useReducer, useState, useEffect } from 'react';\r\nimport { shallowEqual, useSelector } from \"react-redux\";\r\nimport * as _ from \"lodash\";\r\nimport { verificarEntero } from '../funciones/validacionDNIS';\r\n//ISO PAISES/PROVINCIAS\r\nimport Countries from '../../../../_metronic/countries/Countries';\r\nexport const PreInscripcionUIContext = createContext();\r\n\r\nexport const PreInscripcionUIConsumer = PreInscripcionUIContext.Consumer;\r\n\r\n\r\n//Formateo loas paises a array\r\nconst paises = Countries();\r\n\r\n//SE FEFINE EL OBJETO DOMICILIO PARA INCLUIR DENTRO DE PERSONA Y DIFERENCIAR LUGAR DE NACIMIENTO\r\nfunction Domicilio(calle = \"\", numero = \"\", piso = \"\", dpto = \"\", departamento = \"\", localidad = \"\", domicilioId = 0) {\r\n this.calle = calle;\r\n this.numero = numero;\r\n this.piso = piso;\r\n this.dpto = dpto;\r\n this.departamento = departamento;\r\n this.localidad = localidad;\r\n this.domicilioId = domicilioId;\r\n};\r\n\r\n//SE DEFINE EL OBJETO DOCUMENTACION\r\nfunction Documentacion(sexo = \"\", documentoNumero = \"\") {\r\n this.sexo = sexo;\r\n this.documentoNumero = documentoNumero;\r\n};\r\n\r\n//SE DEFINE EL OBJETO DATOS PERSONALES\r\nfunction DatosPersonales(nombre = \"\", apellido = \"\", fechaNacimiento = new Date(), pais = 10, provincia = 6, localidad = \"\") {\r\n this.nombre = nombre;\r\n this.apellido = apellido;\r\n this.fechaNacimiento = fechaNacimiento;\r\n this.pais = pais;\r\n this.provincia = provincia;\r\n this.localidad = localidad;\r\n};\r\n\r\n//SE DEFINE EL OBJETO PERSONA\r\nfunction Persona(id = null, sexo = \"\", documentoNumero = \"\", nombre = \"\", apellido = \"\",\r\n fechaNacimiento = new Date(), edad = \"\", pais = 10, provincia = 6, localidad = \"\",\r\n registroCivilvalidacion = false, validadoPorElRegistroCivil = false, domicilio = new Domicilio(),\r\n vinculo = \"\", vinculoId = 0, email = \"\", telefono = \"\", personaRegistroCivilId = 0) {\r\n Documentacion.call(this, sexo, documentoNumero);\r\n DatosPersonales.call(this, nombre, apellido, fechaNacimiento, pais, provincia, localidad)\r\n this.domicilio = domicilio;\r\n this.registroCivilvalidacion = registroCivilvalidacion;\r\n this.validadoPorElRegistroCivil = validadoPorElRegistroCivil;\r\n this.id = id;\r\n this.vinculo = vinculo;\r\n this.vinculoId = vinculoId;\r\n this.email = email;\r\n this.telefono = telefono;\r\n this.personaRegistroCivilId = personaRegistroCivilId;\r\n this.edad = edad;\r\n};\r\n\r\n//SE FEFINE EL OBJETO APISRANTE HEREDANDO PROPIEDADES DE PERSONA\r\nfunction Aspirante(id = null, inscripcionVinculadaId = null, inscripcionVinculadaNumero = \"\", sexo = \"\", documentoNumero = \"\", nombre = \"\", apellido = \"\", \r\n fechaNacimiento = new Date(), edad = \"\", pais = 10, provincia = 6, localidad = \"\", registroCivilvalidacion = false,\r\n domicilio = new Domicilio(), vinculo = \"\", vinculoId = 0, email = \"\", telefono = \"\",\r\n personaRegistroCivilId = 0, inscripcionNumero = \"\", inscripcionId = 0, validadoPorElRegistroCivil = false) {\r\n Persona.call(this, id, sexo, documentoNumero, nombre, apellido, fechaNacimiento, edad, pais, provincia, localidad, registroCivilvalidacion,\r\n validadoPorElRegistroCivil, domicilio, vinculo, vinculoId, email, telefono, personaRegistroCivilId);\r\n\r\n this.inscripcionNumero = inscripcionNumero;\r\n this.inscripcionId = inscripcionId;\r\n this.inscripcionVinculadaNumero = inscripcionVinculadaNumero;\r\n this.inscripcionVinculadaId = inscripcionVinculadaId;\r\n};\r\n\r\n//SE FEFINE EL OBJETO RESPONSABLE HEREDANDO PROPIEDADES DE PERSONA\r\nfunction Responsable(id = null, aspiranteResponsableId = null, sexo = \"\", documentoNumero = \"\",\r\n nombre = \"\", apellido = \"\", fechaNacimiento = new Date(), edad = \"\",\r\n pais = 10, provincia = 6, localidad = \"\", registroCivilvalidacion = false, validadoPorElRegistroCivil = false, domicilio = new Domicilio(),\r\n vinculo = \"\", vinculoId = 0, email = \"\", telefono = \"\", personaRegistroCivilId = 0\r\n) {\r\n Persona.call(this, id, sexo, documentoNumero, nombre, apellido, fechaNacimiento, edad, pais, provincia, localidad, registroCivilvalidacion, validadoPorElRegistroCivil,\r\n domicilio, vinculo, vinculoId, email, telefono, personaRegistroCivilId);\r\n this.aspiranteResponsableId = aspiranteResponsableId;\r\n};\r\n\r\n//SE DEFINE EL OBJETO NIVEL DE ENSEÑANZA\r\nfunction NivelEnseñanza(nivel = \"\", grado = \"\") {\r\n this.nivel = nivel;\r\n this.grado = grado;\r\n};\r\n\r\n//SE DEFINE EL OBJETO EXTRAS\r\nfunction Extras(fueEstatal = false, fueAbanderaro = false, establecimientoBandera = \"\", establecimientoEstatal = \"\") {\r\n this.fueEstatal = fueEstatal;\r\n this.fueAbanderaro = fueAbanderaro;\r\n this.establecimientoBandera = establecimientoBandera;\r\n this.establecimientoEstatal = establecimientoEstatal;\r\n};\r\n\r\n//SE DEFINE EL OBJETO ESTABLECIMIENTO\r\n/*NO SE USA DE MOMENTO\r\nfunction Establecimiento(nombre = \"\", direccion = \"\", barrio = \"\", telefono = \"\", vacantes = \"\", listaEspera = \"\") {\r\n this.nombre = nombre;\r\n this.direccion = direccion;\r\n this.barrio = barrio;\r\n this.telefono = telefono;\r\n this.vacantes = vacantes;\r\n this.listaEspera = listaEspera;\r\n};\r\n*/\r\n\r\n//VARIABLES PARA REDUCER DATOS INSCRIPCIONES\r\nconst inscripcionesBaseReducer = [];\r\nconst InscripcionesReducer = (state, action) => {\r\n switch (action.type) {\r\n case 'guardarInscripcion':\r\n state.push(action.payload);\r\n return state;\r\n\r\n case 'reiniciarDatos':\r\n state = inscripcionesBaseReducer;\r\n return state;\r\n\r\n case 'cargarInscripciones':\r\n state = action.payload;\r\n return state;\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n//VARIABLES PARA REDUCER DATOS PERSONALES\r\nconst aspirante = new Aspirante();\r\nconst responsables = [];\r\nconst nivelEnseñanza = new NivelEnseñanza();\r\nconst establecimientos = [];\r\nconst numeroVinculacion = \"\";\r\nconst extras = new Extras();\r\nconst responsablePrincipalPosicion = 0;\r\n\r\n\r\nconst datosPersonalesBaseReducer = {\r\n //OBJETO QUE GUARDARA PROPIEDADES DEL ASPIRANTE\r\n aspirante,\r\n //ARRAY DE OBJETOS QUE GUARDARA UNA LISTA DE RESPONSABLES CON SUS PROPIEDADES\r\n responsables,\r\n //LA POSICION DEL RESPONSABLE PRINCIPAL EN EL ARRRAY DE RESPONSABLES\r\n responsablePrincipalPosicion,\r\n //OBJETO QUE GUARDA EL NIVEL SELECCIONADO PARA INSCRIPCION\r\n nivelEnseñanza,\r\n //ARRAY DE OBJETOS QUE GUARDA LOS ESTABLECIMIENTOS DE INSCRIPCION\r\n establecimientos,\r\n //NUMERO PARA VINCULAR OTRA INSCRIPCION\r\n numeroVinculacion,\r\n //OBJETO QUE GUARDA INFORMACION EXTRA\r\n extras\r\n};\r\n\r\n\r\nconst DatosPersonalesReducer = (state, action) => {\r\n //NO SE USA Object.assign XQ SI VIENEN VALORES NO DESEADOS LOS GUARDA.\r\n switch (action.type) {\r\n\r\n /*GUARDAR INFO*/\r\n case 'guardarAspiranteDocumentacion':\r\n state.aspirante.sexo = action.payload.sexo;\r\n state.aspirante.documentoNumero = action.payload.documentoNumero;\r\n state.aspirante.registroCivilvalidacion = action.payload.registroCivilvalidacion;\r\n state.aspirante.personaRegistroCivilId = action.payload.personaRegistroCivilId;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarAspiranteDatosPersonales':\r\n state.aspirante.nombre = action.payload.nombre;\r\n state.aspirante.apellido = action.payload.apellido;\r\n state.aspirante.fechaNacimiento = action.payload.fechaNacimiento;\r\n state.aspirante.pais = action.payload.pais;\r\n state.aspirante.provincia = action.payload.provincia;\r\n state.aspirante.localidad = action.payload.localidad;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarAspiranteDomicilio':\r\n state.aspirante.domicilio.calle = action.payload.calle;\r\n state.aspirante.domicilio.numero = action.payload.numero;\r\n state.aspirante.domicilio.piso = action.payload.piso;\r\n state.aspirante.domicilio.dpto = action.payload.dpto;\r\n state.aspirante.domicilio.departamento = action.payload.departamento;\r\n state.aspirante.domicilio.localidad = action.payload.localidad;\r\n state.aspirante.domicilio.domicilioId = action.payload.domicilioId;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'mismoDomicilioAspirante':\r\n state.responsables[action.payload.posicion].domicilio = state.aspirante.domicilio;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarResponsableDocumentacion':\r\n if (state.responsables.length < action.payload.posicion + 1) {\r\n const responsable = new Responsable();\r\n state.responsables[action.payload.posicion] = responsable;\r\n };\r\n if (state.responsables.length === 1) {\r\n state.responsables[0].principal = true;\r\n };\r\n\r\n state.responsables[action.payload.posicion].sexo = action.payload.sexo;\r\n state.responsables[action.payload.posicion].documentoNumero = action.payload.documentoNumero;\r\n state.responsables[action.payload.posicion].registroCivilvalidacion = action.payload.registroCivilvalidacion;\r\n state.responsables[action.payload.posicion].personaRegistroCivilId = action.payload.personaRegistroCivilId;\r\n state.responsables[action.payload.posicion].validadoPorElRegistroCivil = action.payload.validadoPorElRegistroCivil;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarResponsableDatosPersonales':\r\n state.responsables[action.payload.posicion].nombre = action.payload.nombre;\r\n state.responsables[action.payload.posicion].apellido = action.payload.apellido;\r\n state.responsables[action.payload.posicion].vinculo = action.payload.vinculo;\r\n state.responsables[action.payload.posicion].vinculoId = action.payload.vinculoId;\r\n state.responsables[action.payload.posicion].fechaNacimiento = action.payload.fechaNacimiento;\r\n state.responsables[action.payload.posicion].pais = action.payload.pais;\r\n state.responsables[action.payload.posicion].provincia = action.payload.provincia;\r\n state.responsables[action.payload.posicion].localidad = action.payload.localidad;\r\n state.responsables[action.payload.posicion].email = action.payload.email;\r\n state.responsables[action.payload.posicion].telefono = action.payload.telefono;\r\n state.responsables[action.payload.posicion].id = action.payload.id;\r\n state.responsables[action.payload.posicion].aspiranteResponsableId = action.payload.aspiranteResponsableId;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarResponsableDomicilio':\r\n state.responsables[action.payload.posicion].domicilio.calle = action.payload.calle;\r\n state.responsables[action.payload.posicion].domicilio.numero = action.payload.numero;\r\n state.responsables[action.payload.posicion].domicilio.piso = action.payload.piso;\r\n state.responsables[action.payload.posicion].domicilio.dpto = action.payload.dpto;\r\n state.responsables[action.payload.posicion].domicilio.departamento = action.payload.departamento;\r\n state.responsables[action.payload.posicion].domicilio.localidad = action.payload.localidad;\r\n state.responsables[action.payload.posicion].domicilio.domicilioId = action.payload.domicilioId;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarResponsablePrincipalPosicion':\r\n state.responsablePrincipalPosicion = action.payload.posicion;\r\n return state;\r\n\r\n case 'guardarNivelEnseñanza':\r\n state.nivelEnseñanza.nivel = action.payload.nivel;\r\n state.nivelEnseñanza.grado = action.payload.grado;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarEstablecimientos':\r\n state.establecimientos = action.payload.establecimientos;\r\n //console.log(state);\r\n return state;\r\n\r\n case 'guardarExtras':\r\n state.extras.fueEstatal = action.payload.fueEstatal;\r\n state.extras.fueAbanderaro = action.payload.fueAbanderaro;\r\n state.extras.establecimientoBandera = action.payload.establecimientoBandera;\r\n state.extras.establecimientoEstatal = action.payload.establecimientoEstatal;\r\n //console.log(state);\r\n return state;\r\n /*GUARDAR INFO*/\r\n\r\n /*OTRAS ACCIONES*/\r\n case 'quitarResponsable':\r\n state.responsables.splice(action.payload.posicion, 1);\r\n //console.log(state);\r\n return state;\r\n case 'verResponsables':\r\n return state.responsables;\r\n\r\n case 'reiniciarDatos':\r\n state = {\r\n aspirante: new Aspirante(),\r\n responsables: [],\r\n responsablePrincipalPosicion: 0,\r\n nivelEnseñanza: new NivelEnseñanza(),\r\n establecimientos: [],\r\n numeroVinculacion: \"\",\r\n extras: new Extras()\r\n };\r\n return state;\r\n case 'reiniciarDatosResponsable':\r\n state = {\r\n responsables: []\r\n };\r\n return state;\r\n case 'calcularEdad':\r\n state.aspirante.edad = calcularEdad(state.aspirante.fechaNacimiento);\r\n return state;\r\n /*OTRAS ACCIONES*/\r\n\r\n default:\r\n return state;\r\n };\r\n};\r\n\r\nconst calcularEdad = (dateString) => {\r\n const fechaNacimiento = new Date(dateString);\r\n const hoy = new Date();\r\n let edad = hoy.getFullYear() - fechaNacimiento.getFullYear();\r\n const diferenciaMeses = hoy.getMonth() - fechaNacimiento.getMonth();\r\n if (\r\n diferenciaMeses < 0 ||\r\n (diferenciaMeses === 0 && hoy.getDate() < fechaNacimiento.getDate())\r\n ) {\r\n edad--;\r\n };\r\n if (edad < 0) {\r\n return 0;\r\n } else {\r\n return edad;\r\n }\r\n};\r\n\r\n//VALORES MAXIMOS DE CAMPOS DE ENTRADA\r\nconst\r\n maxNombre = 200,\r\n maxApellido = 200,\r\n maxVinculo = 50,\r\n maxDocumentoNumero = 20,\r\n maxEmail = 50,\r\n maxTelefono = 10,\r\n maxCalle = 100,\r\n maxNumero = 10,\r\n maxPiso = 50,\r\n maxDepartamento = 50,\r\n maxLocalidad = 50;\r\n//VINCULOS\r\nconst vinculos = [\r\n { nombre: \"Madre\", vinculoId: 1 },\r\n { nombre: \"Padre\", vinculoId: 2 },\r\n { nombre: \"Tutor\", vinculoId: 3 },\r\n { nombre: \"Abuela/o\", vinculoId: 4 }\r\n]\r\n//NIVELES\r\nconst niveles = [\r\n { nivel: \"Inicial\", grados: [\"Sala de 4\", \"Sala de 5\"] },\r\n { nivel: \"Primario\", grados: [\"1º\"] },\r\n { nivel: \"Secundario\", grados: [\"1º\"] },\r\n];\r\nfunction getPais(nombre) {\r\n let pos = 10;\r\n if (nombre) {\r\n paises.forEach((item, i) => {\r\n if (item.countryName === nombre) {\r\n pos = i;\r\n };\r\n });\r\n };\r\n return pos;\r\n};\r\nfunction getProvincia(nombre, pais) {\r\n let pos = 6;\r\n if (nombre) {\r\n paises[pais].regions.forEach((item, i) => {\r\n if (item.name === nombre) {\r\n pos = i;\r\n };\r\n });\r\n };\r\n return pos;\r\n};\r\nexport const InscripcionUIProvider = ({ InscripcionUIEvents, children }) => {\r\n\r\n const [stateDatosPersonales, dispatchDatosPeronales] = useReducer(DatosPersonalesReducer, datosPersonalesBaseReducer);\r\n const [stateInscripciopnes, dispatchInscripciones] = useReducer(InscripcionesReducer, inscripcionesBaseReducer);\r\n //const [ultimoPaso, setUltimoPaso] = useState(1);\r\n const [posicion, setPosicion] = useState(0);\r\n \r\n const { aspirante } = useSelector(\r\n (state) => ({ aspirante: state.aspirante }),\r\n shallowEqual\r\n );\r\n const { aspiranteInformacion } = aspirante;\r\n\r\n const { pasoUno } = useSelector(\r\n (state) => ({ pasoUno: state.pasoUno }),\r\n shallowEqual\r\n );\r\n const { inscripcionId: inscripcionIdPasoUno, responsables: responsablesPasoUno, /*id: idPasoUno,*/ inscripcionNumero: inscripcionNumeroPasoUno } = pasoUno;\r\n\r\n const { inscripcion } = useSelector(\r\n (state) => ({ inscripcion: state.inscripcion }),\r\n shallowEqual\r\n );\r\n const {\r\n entities,\r\n listLoading,\r\n //actionsLoading,\r\n //error\r\n } = inscripcion;\r\n\r\n useEffect(() => {\r\n if (aspiranteInformacion) {\r\n const {\r\n id,\r\n nroDocumento: documentoNumero, sexo, nombre,\r\n apellido, fechaNacimiento, localidadNacimiento, paisNacimiento, provinciaNacimiento,\r\n domicilioId, domicilioCalle, domicilioDepartamento, domicilioLocalidad, domicilioNumero, domicilioPiso, domicilioDpto,\r\n personaRegistroCivilId, inscripcionNumero, inscripcionId, validadoPorElRegistroCivil,\r\n inscripcionVinculadaNumero, inscripcionVinculadaId\r\n } = aspiranteInformacion;\r\n const pais = getPais(paisNacimiento);\r\n stateDatosPersonales.aspirante = {\r\n id: id ? id : 0,\r\n documentoNumero,\r\n sexo,\r\n registroCivilvalidacion: true,\r\n validadoPorElRegistroCivil: validadoPorElRegistroCivil ? validadoPorElRegistroCivil : false,\r\n apellido,\r\n nombre,\r\n fechaNacimiento: new Date(fechaNacimiento),\r\n edad: calcularEdad(new Date(fechaNacimiento)),\r\n localidad: localidadNacimiento ? localidadNacimiento : stateDatosPersonales.aspirante.localidad,\r\n pais,\r\n provincia: getProvincia(provinciaNacimiento, pais),\r\n personaRegistroCivilId: personaRegistroCivilId ? personaRegistroCivilId : stateDatosPersonales.aspirante.personaRegistroCivilId,\r\n inscripcionNumero: inscripcionNumero ? inscripcionNumero : stateDatosPersonales.aspirante.inscripcionNumero,\r\n inscripcionId: inscripcionId ? inscripcionId : stateDatosPersonales.aspirante.inscripcionId,\r\n inscripcionVinculadaNumero: inscripcionVinculadaNumero ? inscripcionVinculadaNumero : stateDatosPersonales.aspirante.inscripcionVinculadaNumero,\r\n inscripcionVinculadaId: inscripcionVinculadaId ? inscripcionVinculadaId : stateDatosPersonales.aspirante.inscripcionVinculadaId,\r\n };\r\n stateDatosPersonales.aspirante.domicilio = {\r\n domicilioId: domicilioId ? domicilioId : 0,\r\n calle: domicilioCalle ? domicilioCalle : \"\",\r\n departamento: domicilioDepartamento ? domicilioDepartamento : \"\",\r\n localidad: domicilioLocalidad ? domicilioLocalidad : \"\",\r\n numero: domicilioNumero ? domicilioNumero : \"\",\r\n piso: domicilioPiso ? domicilioPiso : \"\",\r\n dpto: domicilioDpto ? domicilioDpto : \"\",\r\n };\r\n } else {\r\n dispatchDatosPeronales({ type: 'reiniciarDatos' });\r\n };\r\n /*console.log('ESTO ES LO QUE ESTA EN EL STATE ASPIRANTE:');\r\n console.log(aspiranteInformacion);\r\n console.log(\"ESTADO\");\r\n console.log(stateDatosPersonales);*/\r\n }, [aspiranteInformacion])\r\n\r\n useEffect(() => {\r\n if (responsablesPasoUno) {\r\n stateDatosPersonales.aspirante.inscripcionId = inscripcionIdPasoUno ? inscripcionIdPasoUno : stateDatosPersonales.aspirante.inscripcionId;\r\n stateDatosPersonales.aspirante.inscripcionNumero = inscripcionNumeroPasoUno ? inscripcionNumeroPasoUno : stateDatosPersonales.aspirante.inscripcionNumero;\r\n responsablesPasoUno.forEach((item, i) => {\r\n if (!stateDatosPersonales.responsables[i]) {\r\n stateDatosPersonales.responsables[i] = new Responsable();\r\n };\r\n const { id, aspiranteResponsableId,\r\n nroDocumento: documentoNumero, sexo, nombre,\r\n apellido, fechaNacimiento, localidadNacimiento, paisNacimiento, provinciaNacimiento,\r\n domicilioId, domicilioCalle, domicilioDepartamento, domicilioLocalidad, domicilioNumero, \r\n domicilioPiso, domicilioDpto,\r\n personaRegistroCivilId, validadoPorElRegistroCivil,\r\n vinculo, vinculoId, email, telefono\r\n } = item;\r\n const pais = getPais(paisNacimiento);\r\n dispatchDatosPeronales({\r\n type: 'guardarResponsableDocumentacion', \r\n payload: {\r\n documentoNumero, sexo, posicion: i, personaRegistroCivilId, validadoPorElRegistroCivil, registroCivilvalidacion: true\r\n }\r\n });\r\n dispatchDatosPeronales({\r\n type: 'guardarResponsableDatosPersonales', \r\n payload: {\r\n id: id ? id : 0,\r\n aspiranteResponsableId: aspiranteResponsableId ? aspiranteResponsableId : 0,\r\n nombre,\r\n apellido,\r\n fechaNacimiento: new Date(fechaNacimiento),\r\n edad: calcularEdad(new Date(fechaNacimiento)),\r\n pais,\r\n provincia: getProvincia(provinciaNacimiento, pais),\r\n localidad: localidadNacimiento ? localidadNacimiento : stateDatosPersonales.responsables[i].localidad,\r\n vinculo: vinculo ? vinculo : stateDatosPersonales.responsables[i].vinculo,\r\n vinculoId: vinculoId ? vinculoId : stateDatosPersonales.responsables[i].vinculoId,\r\n email: email ? email : stateDatosPersonales.responsables[i].email,\r\n telefono: telefono ? telefono : stateDatosPersonales.responsables[i].telefono,\r\n posicion: i\r\n }\r\n });\r\n const { domId, calle, numero, piso, dpto, departamento, localidad } = stateDatosPersonales.responsables[i].domicilio;\r\n dispatchDatosPeronales({\r\n type: 'guardarResponsableDomicilio', payload: {\r\n domicilioId: domicilioId ? domicilioId : domId,\r\n calle: domicilioCalle ? domicilioCalle : calle,\r\n numero: domicilioNumero ? domicilioNumero : numero,\r\n piso: domicilioPiso ? domicilioPiso : piso,\r\n dpto: domicilioDpto ? domicilioDpto : dpto,\r\n departamento: domicilioDepartamento ? domicilioDepartamento : departamento,\r\n localidad: domicilioLocalidad ? domicilioLocalidad : localidad,\r\n posicion: i\r\n }\r\n });\r\n })\r\n } else {\r\n dispatchDatosPeronales({ type: 'reiniciarDatosResponsable' });\r\n };\r\n /*console.log(\"ESTADO REDUX\");\r\n console.log(responsablesPasoUno);\r\n console.log(\"ESTADO DESPUES DE CARGAR UN RESP\");\r\n console.log(stateDatosPersonales);*/\r\n }, [responsablesPasoUno, inscripcionIdPasoUno, inscripcionNumeroPasoUno])\r\n\r\n useEffect(() => {\r\n if (!listLoading && entities) {\r\n let aux = entities.map(data => {\r\n return {\r\n id: data.id ? data.id : 0,\r\n inscripcionId: data.inscripcionId,\r\n inscripcionNumero: data.numero,\r\n nombre: data.aspiranteNombre,\r\n apellido: data.aspiranteApellido,\r\n documentoNumero: data.aspiranteNroDocumento,\r\n nivelEnsenanza: data.nivelEnsenanza,\r\n nivelEnsenanzaId: data.nivelEnsenanzaId,\r\n finalizada: data.finalizada,\r\n llamado: data.llamado,\r\n ultimoPasoEditado: data.ultimoPasoEditado,\r\n }\r\n });\r\n dispatchInscripciones({ type: 'cargarInscripciones', payload: aux })\r\n };\r\n }, [entities, listLoading]);\r\n\r\n const recomendacionInscripcion = () => {\r\n const fechaNacimiento = new Date(stateDatosPersonales.aspirante.fechaNacimiento);\r\n const hoy = new Date();\r\n if (fechaNacimiento === \"\") {\r\n return \"\";\r\n }\r\n if ((new Date(hoy.getFullYear() - 4, 6, 1) <= fechaNacimiento) && (fechaNacimiento < new Date(hoy.getFullYear() - 3, 6, 1))) {\r\n return \"Nivel Inicial - Sala de 4\";\r\n } else if ((new Date(hoy.getFullYear() - 5, 6, 1) <= fechaNacimiento) && (fechaNacimiento < new Date(hoy.getFullYear() - 4, 6, 1))) {\r\n return \"Nivel Inicial - Sala de 5\";\r\n } else if ((new Date(hoy.getFullYear() - 6, 6, 1) <= fechaNacimiento) && (fechaNacimiento < new Date(hoy.getFullYear() - 5, 6, 1))) {\r\n return \"Nivel Primario\";\r\n } else if (fechaNacimiento < new Date(hoy.getFullYear() - 11, 6, 1)) {\r\n return \"Nivel Secundario\";\r\n };\r\n };\r\n\r\n const nivelSeleccionado = () => {\r\n return stateDatosPersonales.nivelEnseñanza;\r\n };\r\n\r\n const validacionRegistroCivil = (p_tipo = \"aspirante\", p_posicion = 0) => {\r\n if (p_tipo === \"aspirante\") {\r\n return !!stateDatosPersonales.aspirante.personaRegistroCivilId && stateDatosPersonales.aspirante.personaRegistroCivilId > 0;\r\n } else {\r\n return !!stateDatosPersonales.responsables[p_posicion].personaRegistroCivilId && stateDatosPersonales.responsables[p_posicion].personaRegistroCivilId > 0;\r\n };\r\n };\r\n\r\n const cantidadResponsables = () => {\r\n let cantidad = 0;\r\n cantidad = stateDatosPersonales.responsables.length;\r\n return cantidad;\r\n };\r\n const obtenerResponsablePrincipal = () => {\r\n const i = stateDatosPersonales.responsablePrincipalPosicion;\r\n return stateDatosPersonales.responsables[i].apellido + \", \" + stateDatosPersonales.responsables[i].nombre + \" (\" + stateDatosPersonales.responsables[i].vinculo + \")\";\r\n };\r\n\r\n const responsablePrincipalPosicion = () => {\r\n return stateDatosPersonales.responsablePrincipalPosicion;\r\n };\r\n const verResponsables = () => {\r\n return stateDatosPersonales.responsables;\r\n };\r\n const verResponsable = (i) => {\r\n return stateDatosPersonales.responsables[i];\r\n };\r\n //OBTENCION DE VALORES\r\n const valoresDocumentacionResponsable = (i) => {\r\n if (cantidadResponsables() > i) {\r\n const valores = {\r\n sexo: stateDatosPersonales.responsables[i].sexo,\r\n documentoNumero: stateDatosPersonales.responsables[i].documentoNumero,\r\n personaRegistroCivilId: stateDatosPersonales.responsables[i].personaRegistroCivilId\r\n };\r\n return valores;\r\n } else {\r\n return new Documentacion();\r\n };\r\n };\r\n\r\n\r\n function valoresDatosPersonalesResponsable(i) {\r\n if (cantidadResponsables() > i) {\r\n const valores = {\r\n id: stateDatosPersonales.responsables[i].id,\r\n aspiranteResponsableId: stateDatosPersonales.responsables[i].aspiranteResponsableId,\r\n nombre: stateDatosPersonales.responsables[i].nombre,\r\n apellido: stateDatosPersonales.responsables[i].apellido,\r\n pais: stateDatosPersonales.responsables[i].pais,\r\n provincia: stateDatosPersonales.responsables[i].provincia,\r\n localidad: stateDatosPersonales.responsables[i].localidad,\r\n fechaNacimiento: stateDatosPersonales.responsables[i].fechaNacimiento,\r\n vinculo: stateDatosPersonales.responsables[i].vinculo,\r\n vinculoId: stateDatosPersonales.responsables[i].vinculoId,\r\n email: stateDatosPersonales.responsables[i].email,\r\n telefono: stateDatosPersonales.responsables[i].telefono,\r\n };\r\n return valores;\r\n } else {\r\n return new DatosPersonales();\r\n };\r\n };\r\n\r\n const valoresDomicilioResponsable = (i) => {\r\n if (cantidadResponsables() > i) {\r\n const valores = {\r\n domicilioId: stateDatosPersonales.responsables[i].domicilio.domicilioId,\r\n calle: stateDatosPersonales.responsables[i].domicilio.calle,\r\n numero: stateDatosPersonales.responsables[i].domicilio.numero,\r\n piso: stateDatosPersonales.responsables[i].domicilio.piso,\r\n dpto: stateDatosPersonales.responsables[i].domicilio.dpto,\r\n departamento: stateDatosPersonales.responsables[i].domicilio.departamento,\r\n localidad: stateDatosPersonales.responsables[i].domicilio.localidad,\r\n };\r\n return valores;\r\n } else {\r\n return new Domicilio();\r\n };\r\n };\r\n\r\n const valoresDocumentacionAspirante = () => {\r\n const { sexo, documentoNumero, personaRegistroCivilId, registroCivilvalidacion } = stateDatosPersonales.aspirante\r\n return { sexo, documentoNumero, personaRegistroCivilId, registroCivilvalidacion };\r\n };\r\n const valoresDatosPersonalesAspirante = () => {\r\n const { nombre, apellido, pais, provincia, localidad, fechaNacimiento } = stateDatosPersonales.aspirante;\r\n return { nombre, apellido, pais, provincia, localidad, fechaNacimiento };\r\n };\r\n\r\n const valoresDomicilioAspirante = () => {\r\n const { domicilioId, calle, numero, piso, dpto, departamento, localidad } = stateDatosPersonales.aspirante.domicilio;\r\n return { domicilioId, calle, numero, piso, dpto, departamento, localidad };\r\n };\r\n const valoresExtrasAspirante = () => {\r\n const { \r\n id, personaRegistroCivilId, inscripcionNumero, inscripcionId, registroCivilvalidacion,\r\n inscripcionVinculadaNumero, inscripcionVinculadaId \r\n } = stateDatosPersonales.aspirante;\r\n return { \r\n id, personaRegistroCivilId, inscripcionNumero, inscripcionId, registroCivilvalidacion, \r\n inscripcionVinculadaNumero, inscripcionVinculadaId \r\n };\r\n };\r\n const valoresEstablecimientos = () => {\r\n return stateDatosPersonales.establecimientos;\r\n };\r\n const valoresExtras = () => {\r\n const { fueEstatal, fueAbanderaro, establecimientoBandera, establecimientoEstatal, inscripcionId } = stateDatosPersonales.extras;\r\n return { fueEstatal, fueAbanderaro, establecimientoBandera, establecimientoEstatal, inscripcionId };\r\n };\r\n\r\n const detalleAspirante = () => {\r\n return stateDatosPersonales.aspirante;\r\n };\r\n\r\n const detalleEstablecimientos = () => {\r\n return stateDatosPersonales.establecimientos;\r\n };\r\n const detalleNumeroVinculacion = () => {\r\n return stateDatosPersonales.numeroVinculacion;\r\n };\r\n const detalleExtras = () => {\r\n return stateDatosPersonales.extras;\r\n };\r\n\r\n // const confirmarInscripcion = () => {\r\n // const { apellido, nombre, documentoNumero } = stateDatosPersonales.aspirante;\r\n // //dispatchInscripciones({ type: 'guardarInscripcion', payload: { apellido, nombre, documentoNumero, inscripcionNumero: \"325\", estado: \"Completa\" } })\r\n // };\r\n const verInscripciones = () => {\r\n return stateInscripciopnes;\r\n };\r\n const verInscripcionesPorLlamado = () => {\r\n return stateInscripciopnes && _.groupBy(stateInscripciopnes, function (o) { return o.llamado; });\r\n };\r\n const cantidadInscripciones = () => {\r\n return stateInscripciopnes.length;\r\n };\r\n const verificarDNIS = (dni, sexo, posicion) => {\r\n let respuesta = false;\r\n if (stateDatosPersonales.aspirante.documentoNumero === dni && stateDatosPersonales.aspirante.sexo === sexo) {\r\n respuesta = true;\r\n };\r\n stateDatosPersonales.responsables.forEach((item, i) => {\r\n if (item.documentoNumero === dni && item.sexo === sexo && i !== posicion) {\r\n respuesta = true;\r\n };\r\n });\r\n return respuesta;\r\n };\r\n\r\n\r\n\r\n const value = {\r\n //REDUCERS\r\n stateDatosPersonales, dispatchDatosPeronales,\r\n stateInscripciopnes, dispatchInscripciones,\r\n\r\n //FUNCIONES\r\n validacionRegistroCivil,\r\n calcularEdad,\r\n verificarEntero,\r\n recomendacionInscripcion,\r\n cantidadResponsables,\r\n responsablePrincipalPosicion,\r\n obtenerResponsablePrincipal,\r\n\r\n verResponsables,\r\n verResponsable,\r\n nivelSeleccionado,\r\n //confirmarInscripcion,\r\n verInscripciones,\r\n verInscripcionesPorLlamado,\r\n cantidadInscripciones,\r\n setPosicion,\r\n posicion,\r\n verificarDNIS,\r\n //VALORES NIVELES\r\n niveles,\r\n\r\n\r\n //VALORES INICIALES PARA FORMIK\r\n valoresDocumentacionResponsable,\r\n valoresDatosPersonalesResponsable,\r\n valoresDomicilioResponsable,\r\n valoresDocumentacionAspirante,\r\n valoresDatosPersonalesAspirante,\r\n valoresDomicilioAspirante,\r\n valoresExtrasAspirante,\r\n valoresEstablecimientos,\r\n valoresExtras,\r\n\r\n //DETALLES DE LA INSCRIPCION PARA RESUMEN\r\n detalleAspirante,\r\n detalleEstablecimientos,\r\n detalleNumeroVinculacion,\r\n detalleExtras,\r\n\r\n //SEGUIMIENTO DE PASOS\r\n //ultimoPaso,\r\n //setUltimoPaso,\r\n //VALORES HARDCODEADOS\r\n vinculos,\r\n\r\n //VALORES MAXIMOS\r\n maxNombre,\r\n maxApellido,\r\n maxVinculo,\r\n maxDocumentoNumero,\r\n maxEmail,\r\n maxCalle,\r\n maxTelefono,\r\n maxNumero,\r\n maxPiso,\r\n maxDepartamento,\r\n maxLocalidad\r\n }\r\n\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Sitios de Interés Nacional
\r\n \r\n\r\n
\r\n\r\n Sitios de Interés Provincial
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n Mesas de Ayuda
\r\n
\r\n (0379) - 4469755
\r\n (0379) - 4464558
\r\n 0800-888-2790
\r\n \r\n
\r\n +54 9 379 450-4093
\r\n +54 9 379 484-6860
\r\n +54 9 379 424-5444
\r\n Ministerio de Educación de Corrientes
\r\n\r\n
\r\n \r\n AGUARDE UN MOMENTO\r\n
\r\n \r\n ) : (\r\n !!valoresExtrasAspirante && valoresExtrasAspirante.inscripcionVinculadaId && valoresExtrasAspirante.inscripcionVinculadaId > 0\r\n ? <>\r\n Estamos procesando los datos ingresados.
\r\n \r\n \r\n\r\n
\r\n \r\n IMPORTANTE!\r\n
\r\n \r\n : !verDatosPersonales \r\n ? <>\r\n El aspirante ingresado ya se ha encontrado en otra inscripción. Por favor comuniquese con mesa de ayuda!
\r\n Código de la inscripción: {valoresExtrasAspirante.inscripcionVinculadaNumero}\r\n\r\n
\r\n \r\n AVISO\r\n
\r\n \r\n : !!datosPersonales.personaRegistroCivilId && datosPersonales.personaRegistroCivilId > 0\r\n ? <>\r\n Ingresá los datos para ser corroborados en el registro civil
\r\n \r\n \r\n\r\n
\r\n \r\n PERFECTO!\r\n
\r\n \r\n : <>\r\n El DNI ingresado ha sido validado por el registro de las personas
\r\n\r\n
\r\n \r\n IMPORTANTE!\r\n
\r\n \r\n )}\r\n No hemos podido validar los datos con el registro de las personas. De todas maneras podes continuar con el proceso.
\r\n\r\n
\r\n DATOS DEL {tipo.toUpperCase()}\r\n
\r\n\r\n
\r\n Documentación
\r\n(*)Campos Obligatorios
\r\n\r\n
\r\n Datos personales
\r\n(*)Campos Obligatorios
\r\n\r\n
\r\n Domicilio de Residencia
\r\n(*)Campos Obligatorios
\r\nEliminar {title}
\r\n¿Agregar otro responsable?
\r\n\r\n \r\n \r\n \r\n
\r\n :\r\n \r\n \r\n {value.obtenerResponsablePrincipal()} \r\n {value.cantidadResponsables() > 1 &&\r\n \r\n }\r\n \r\n
\r\n }\r\n \r\n }\r\n Reponsable Principal:
\r\nResponsables ({value.cantidadResponsables()} de 3):
\r\n {eliminarResponsable && value.cantidadResponsables() > 0 && value.verResponsables().map((responsable, i) =>\r\n\r\n
\r\n {errorPaso2 && NIVEL
\r\n\r\n
\r\n {!nivelesFromState || !valoresIniciales ?\r\n \r\n
\r\n Edad del aspirante: {value.stateDatosPersonales.aspirante.edad} años
\r\nNivel Recomendado: {value.recomendacionInscripcion()}
\r\n(*)Campos Obligatorios
\r\n Obteniendo su información
\r\n :\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default EstablecimientoCard;","import React, { useEffect } from 'react';\r\nimport { useDispatch, useSelector, shallowEqual } from \"react-redux\";\r\nimport * as actionsDepartamento from \"./_redux/dptoActions\";\r\nimport * as actionsLocalidad from \"../Localidad/_redux/localidadActions\";\r\nimport Select from 'react-select';\r\n\r\nconst SelectorDepartamento = (props) => {\r\n const {setLocalidadesChild, setDepartamentoChild,setLocalidadChild, soloConOfertas}=props;\r\n const { departamento } = useSelector(\r\n (state) => ({ departamento: state.departamento }),\r\n shallowEqual\r\n );\r\n\r\n const {\r\n entities:entitiesDepartamentos,\r\n listLoading:listLoadingDepartamentos,\r\n error:errorDepartamentos\r\n } = departamento;\r\n\r\n const { localidad } = useSelector(\r\n (state) => ({ localidad: state.localidad }),\r\n shallowEqual\r\n );\r\n\r\n const {\r\n entities:entitiesLocalidades,\r\n listLoading:listLoadingLocalidades,\r\n error:errorLocalidades\r\n } = localidad;\r\n\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n if (!listLoadingDepartamentos && !entitiesDepartamentos && !errorDepartamentos) {\r\n dispatch(actionsDepartamento.fetchDepartamentos({soloConOfertas}));\r\n };\r\n if (!listLoadingLocalidades && !entitiesLocalidades && !errorLocalidades) {\r\n dispatch(actionsLocalidad.fetchLocalidades({soloConOfertas}));\r\n };\r\n }, []);\r\n\r\n return (\r\n \r\n {i > 0 &&\r\n permutarArriba(i)}>\r\n }\r\n permutarAbajo(i)} >\r\n }\r\n
\r\n \r\n \r\n {i + 1}\r\n \r\n
\r\n {i < ultimoEstablecimiento - 1 &&\r\n Prioridad
\r\n\r\n
\r\n \r\n
\r\n {item.establecimiento}
\r\n\r\n
\r\n Dirección: {item.direccion}
\r\n\r\n
\r\n \r\n Departamento: {item.departamento} \r\n Localidad: {item.localidad} \r\n {/*
\r\n Email: {item.email}
*/}\r\nDirección: {item.direccion}
\r\n Departamento: {item.departamento}\r\n Localidad: {item.localidad}\r\n {/*{item.email}
*/}\r\n\r\n
\r\n \r\n
\r\n Turno: {item.turno} {!!item.curso && item.curso.toUpperCase() === 'PLURISALA' ? ' - PLURISALA' : ''}
\r\n\r\n
\r\n ¿Tiene hermana/o aquí? {item.hermano || item.hermanoId > 0 ? \"SI\" : \"NO\"}
\r\n¿Tiene familiar trabajando aquí? {item.familiar || item.familiarId > 0 ? \"SI\" : \"NO\"}
\r\n¿Tiene una inscripión vinculada aquí? {item.codigoInscripcionVinculada ? \"SI\" : \"NO\"}
\r\n\r\n
\r\n \r\n
\r\n VACANTES: {item.vacantes}
\r\n {/*LISTA DE ESPERA: {item.listaEspera}
*/}\r\nVACANTES: {item.vacantes}
\r\n {/*LISTA DE ESPERA: {item.listaEspera}
*/}\r\n\r\n Quitar este establecimiento}>\r\n quitarEstablecimiento(item)}>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n IMPORTANTE\r\n
\r\n Usted podrá optar hasta 5 (cinco) opciones correspondientes a instituciones educativas de su preferencia. Puede ordernarlas por prioridad
\r\n\r\n
SELECCIÓN DE ESTABLECIMIENTO
\r\n\r\n
\r\n Seleccionar Institución Educativa
\r\n(*)Campos Obligatorios
\r\n\r\n \r\n
\r\n Solo encontrará establecimientos con vacantes disponibles
\r\n\r\n
\r\n\r\n {!listLoadingEstablecimientos ?\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n ofertaId}\r\n getOptionLabel={({ \r\n cueAnexo, \r\n establecimiento, \r\n direccion, \r\n departamento, \r\n localidad, \r\n turno, \r\n curso }) => `${establecimiento} - Turno: ${turno} ${!!curso && curso.toUpperCase() === 'PLURISALA' ? ' - PLURISALA' : ''}`}\r\n onChange={seleccionarEstablecimiendo}\r\n onBlur={() => setTocoSearch(true)}\r\n isDisabled={preguntas || !(departamento && localidad)}\r\n isSearchable\r\n noOptionsMessage={() => \"No hay mas establecimientos\"}\r\n />\r\n
\r\n {tocoSearch && seleccionados.length < cantidadMaxima &&\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n Aguarde unos segundos, los establecimientos están siendo buscados...
\r\n }\r\n\r\n {preguntas ?\r\n \r\n
\r\n \r\n }\r\n {errorPaso3 && \r\n
\r\n \r\n IMPORTANTE\r\n
\r\n Estas preguntas te permitirán agregar información valiosa para la asignación de vacante, por favor léelas con atención.
\r\n\r\n
EXTRAS
\r\n\r\n
\r\n\r\n Datos Relevantes
\r\n(*)Campos Obligatorios
\r\nRESÚMEN
\r\n Inscripción {value.valoresExtrasAspirante().inscripcionNumero}\r\n\r\n
\r\n \r\n DATOS DEL ASPIRANTE
\r\n\r\n {value.detalleAspirante().apellido}, {value.detalleAspirante().nombre}\r\n DNI {value.detalleAspirante().documentoNumero}\r\n
\r\n Datos personales
\r\n\r\n
\r\n \r\n
\r\n Fecha de nacimiento
\r\n {value.detalleAspirante().fechaNacimiento.getDate()}/{value.detalleAspirante().fechaNacimiento.getMonth() + 1}/{value.detalleAspirante().fechaNacimiento.getFullYear()}\r\n\r\n
\r\n Edad
\r\n {value.detalleAspirante().edad}\r\n\r\n
\r\n \r\n
\r\n País
\r\n {paises[parseInt(value.detalleAspirante().pais)].countryName}\r\n\r\n
\r\n \r\n
\r\n Provincia
\r\n {paises[parseInt(value.detalleAspirante().pais)].regions[parseInt(value.detalleAspirante().provincia)].name}\r\n\r\n
\r\n Localidad
\r\n {value.detalleAspirante().localidad}\r\n\r\n
\r\n Domicilio
\r\n\r\n
\r\n \r\n
\r\n Calle
\r\n {value.detalleAspirante().domicilio.calle}\r\n\r\n
\r\n Número
\r\n {value.detalleAspirante().domicilio.numero}\r\n\r\n
\r\n \r\n
\r\n Piso
\r\n {value.detalleAspirante().domicilio.piso}\r\n\r\n
\r\n Departamento
\r\n {value.detalleAspirante().domicilio.departamento}\r\n\r\n
\r\n \r\n
\r\n Localidad
\r\n {value.detalleAspirante().domicilio.localidad}\r\n\r\n
\r\n \r\n \r\n
\r\n DATOS DEL RESPONSABLE
\r\n {i === value.responsablePrincipalPosicion() &&\r\n PRINCIPAL\r\n }\r\n\r\n {item.apellido}, {item.nombre} ({item.vinculo})\r\n DNI {item.documentoNumero}\r\n
\r\n Datos personales
\r\n\r\n
\r\n \r\n
\r\n Fecha de nacimiento
\r\n {item.fechaNacimiento.getDate()}/{item.fechaNacimiento.getMonth() + 1}/{item.fechaNacimiento.getFullYear()}\r\n\r\n
\r\n Correo
\r\n {item.email}\r\n\r\n
\r\n \r\n
\r\n País
\r\n {paises[parseInt(item.pais)].countryName}\r\n\r\n
\r\n \r\n
\r\n Provincia
\r\n {paises[parseInt(item.pais)].regions[parseInt(item.provincia)].name}\r\n\r\n
\r\n Localidad
\r\n {item.localidad}\r\n\r\n
\r\n Domicilio
\r\n\r\n
\r\n \r\n
\r\n Calle
\r\n {item.domicilio.calle}\r\n\r\n
\r\n Número
\r\n {item.domicilio.numero}\r\n\r\n
\r\n \r\n
\r\n Piso
\r\n {item.domicilio.piso}\r\n\r\n
\r\n Departamento
\r\n {item.domicilio.departamento}\r\n\r\n
\r\n \r\n
\r\n Localidad
\r\n {item.domicilio.localidad}\r\n\r\n
\r\n \r\n ESTABLECIMIENTOS
\r\n\r\n NIVEL: {value.nivelSeleccionado().nivel}\r\n GRADO/AÑO: {value.nivelSeleccionado().grado}\r\n
\r\n Escuelas Seleccionadas
\r\n {value.detalleEstablecimientos().map((item, i) =>\r\n\r\n
\r\n )}\r\n \r\n
\r\n Datos Relevantes\r\n \r\n
\r\n {item.nombre}
\r\n {/*{item.direcion} Email: {item.email}
*/}\r\n\r\n
\r\n {item.hermano &&\r\n <>\r\n \r\n
\r\n ¿Tiene hermana/o que curse en el establecimiento?
\r\n {item.hermano ? \"SI\" : \"NO\"}\r\n\r\n
\r\n \r\n
\r\n Nombre del hermana/o
\r\n {item.hermano.apellido}, {item.hermano.nombre}\r\n\r\n
\r\n \r\n }\r\n \r\n
\r\n Número de documento
\r\n {item.hermano.nroDocumento}\r\n\r\n
\r\n Grado/Año
\r\n {item.nivelCursoAnio}\r\n\r\n
\r\n {item.familiar &&\r\n <>\r\n \r\n
\r\n ¿Tiene familiar que trabaje en el establecimiento?
\r\n {item.familiar ? \"SI\" : \"NO\"}\r\n\r\n
\r\n \r\n
\r\n Nombre del familiar
\r\n {item.familiar.apellido}, {item.familiar.nombre}\r\n\r\n
\r\n \r\n }\r\n \r\n
\r\n {item.vinculoFamiliar &&\r\n Número de documento
\r\n {item.familiar.nroDocumento}\r\n\r\n
\r\n }\r\n Vinculo
\r\n {item.vinculoFamiliar.descripcion}\r\n\r\n
\r\n {item.codigoInscripcionVinculada &&\r\n \r\n
\r\n ¿Realizó otra inscripción en este establecimiento?
\r\n {item.codigoInscripcionVinculada ? \"SI\" : \"NO\"}\r\n\r\n
\r\n }\r\n \r\n {/*
\r\n Número de inscripción
*/}\r\nDNI del aspirante de la inscripción vinculada
\r\n {item.codigoInscripcionVinculada}\r\n\r\n
\r\n \r\n EXTRAS
\r\nEscuelas Seleccionadas
\r\n\r\n\r\n
\r\n \r\n
\r\n ¿El aspirante concurrió el año anterior a algún establecimiento de gestión estatal?
\r\n {value.detalleExtras().fueEstatal ? \"SI: \" : \"NO\"}\r\n {value.detalleExtras().fueEstatal &&\r\n {value.detalleExtras().establecimientoEstatal}\r\n }\r\n\r\n
\r\n \r\n
\r\n ¿El aspirante fue abanderado?
\r\n {value.detalleExtras().fueAbanderaro ? \"SI: \" : \"NO\"}\r\n {value.detalleExtras().fueAbanderaro &&\r\n {value.detalleExtras().establecimientoBandera}\r\n }\r\n\r\n {actionsLoading ?\r\n
\r\n {error && \r\n
\r\n )\r\n};\r\n\r\n\r\nexport default Nav;","import React from 'react';\r\nimport StepWizard from \"react-step-wizard\";\r\n//Componente que carga Aspirantes/Responsables\r\nimport Persona from \"./persona/Persona\";\r\nimport AgregarOtroResponsable from \"./persona/AgregarOtroResponsable\";\r\n\r\n//COMPONENTES PARA ESTABLECIMIENTOS\r\nimport Nivel from \"./establecimiento/Nivel\";\r\nimport SeleccionEstablecimiento from \"./establecimiento/SeleccionEstablecimiento\";\r\n\r\n//COMPONENTES PARA EXTRAS\r\nimport Extras from \"./extras/Extras\";\r\n\r\n//RESUMEN FINAL\r\nimport Resumen from \"./resumen/Resumen\";\r\n\r\n\r\n//COMPONENTES DEL WIZARD\r\nimport Nav from \"./wizard/Nav\";\r\n\r\nconst PreInscripcionPasos = (props) => {\r\n return (\r\n \r\n {pasos.map((paso, i) =>\r\n
\r\n {obtenerBoton(i + 1)}
\r\n )}\r\n \r\n
\r\n Inscripción Número: {item.finalizada ? item.inscripcionNumero : 'NO FINALIZADA'}
\r\nNivel: {item.nivelEnsenanza ?? 'Nivel de Enseñanza no asignado'}
\r\nDNI: {item.documentoNumero}
\r\n {item.finalizada ?\r\nEstado: Completa
\r\n :\r\n\r\n \r\n Pendiente \r\n
\r\n {estadoError && Descargar constancia de inscripción}>\r\n window.open(`${DESCARGAR_CONSTANCIA_URL}?codigo=${item.inscripcionNumero}`)} >\r\n {/* \r\n \r\n\r\n {/* \r\n \r\n */}\r\n \r\n :\r\n (sinNivelModif || (llamado && hoy.diff(hastaMoment, 'days') <= 0)) \r\n &&\r\n \r\n }\r\n {(sinNivelModif || (llamado && hoy.diff(hastaMoment, 'days') <= 0))\r\n && \r\n Eliminar esta inscripción}>\r\n setVerModal(true)}>\r\n \r\n \r\n }\r\n setVerModal(false)}\r\n title=\"Inscripción\"\r\n text={`¿Desea Eliminar la inscripción ${item.inscripcionNumero} permanentemente?`}\r\n deleteFunction={() => descartarInscripcion(item.inscripcionId)}\r\n />\r\n
\r\n \r\n
\r\n :\r\n (!!llamadosActivos && llamadosActivos.length > 0) ? \r\n <>\r\n Aquí podrá realizar la inscripción de su tutelado para el Ciclo Lectivo {llamadosActivos[0].cicloLectivo}
\r\nInscripciones online se encuentra habilitado para los siguientes niveles
\r\n- \r\n {llamadosActivos.map((nivel, index) => (\r\n
- Nivel {nivel.nivelEnsenanza} hasta el {moment(nivel.hasta).format('DD-MM-YYYY')} \r\n ))}\r\n
\r\n \r\n
\r\n \r\n :\r\n <>\r\n Aún no se ha habilitado el proceso de incripciones online.
\r\n \r\n }\r\n \r\n\r\n
\r\n )\r\n :\r\n value.cantidadInscripciones() > 0 && (\r\n <>\r\n Estas son tus inscripciones hasta el momento
\r\n {_.orderBy(Object.keys(value.verInscripcionesPorLlamado()), function (o) { return parseInt(o) }, 'desc')\r\n .map((llamado, i) => {\r\n return (\r\n\r\n
\r\n )\r\n })\r\n }\r\n \r\n )\r\n }\r\n {!listLoading && value.cantidadInscripciones() === 0 &&\r\n \r\n
\r\n \r\n
\r\n {llamado && llamado != 'null' ? `${llamado}º Llamado` : 'Inscripciones sin nivel asignado'}
\r\n\r\n {value.verInscripcionesPorLlamado()[llamado].map((item, x) =>\r\n
\r\n \r\n
\r\n )}\r\n Usted no posee inscripciones registradas
\r\n }\r\n \r\n }\r\n \n register\n
\n );\n};\n","/* /src/components/auth/silentRenew.jsx */\n\nimport React from \"react\";\n\nimport { AuthConsumer } from \"../../providers/authProvider\";\n\nexport const SilentRenew = () => (\n \n value = parseInt(KTUtil.css(el, 'z-index'));\n\n if (!isNaN(value) && value !== 0) {\n return value;\n }\n }\n\n el = el.parentNode;\n }\n\n return null;\n },\n\n /**\n * Checks whether the element has any parent with fixed positionfreg\n * @param {object} el jQuery element object\n * @returns {boolean}\n */\n hasFixedPositionedParent: function(el) {\n var position;\n\n while (el && el !== document) {\n position = KTUtil.css(el, 'position');\n\n if (position === \"fixed\") {\n return true;\n }\n\n el = el.parentNode;\n }\n\n return false;\n },\n\n /**\n * Simulates delay\n */\n sleep: function(milliseconds) {\n var start = new Date().getTime();\n for (var i = 0; i < 1e7; i++) {\n if ((new Date().getTime() - start) > milliseconds) {\n break;\n }\n }\n },\n\n /**\n * Gets randomly generated integer value within given min and max range\n * @param {number} min Range start value\n * @param {number} max Range end value\n * @returns {number}\n */\n getRandomInt: function(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n },\n\n /**\n * Checks whether Angular library is included\n * @returns {boolean}\n */\n isAngularVersion: function() {\n return window.Zone !== undefined ? true : false;\n },\n\n // jQuery Workarounds\n\n // Deep extend: $.extend(true, {}, objA, objB);\n deepExtend: function(out) {\n out = out || {};\n\n for (var i = 1; i < arguments.length; i++) {\n var obj = arguments[i];\n\n if (!obj)\n continue;\n\n for (var key in obj) {\n if (obj.hasOwnProperty(key)) {\n if (typeof obj[key] === 'object')\n out[key] = KTUtil.deepExtend(out[key], obj[key]);\n else\n out[key] = obj[key];\n }\n }\n }\n\n return out;\n },\n\n // extend: $.extend({}, objA, objB);\n extend: function(out) {\n out = out || {};\n\n for (var i = 1; i < arguments.length; i++) {\n if (!arguments[i])\n continue;\n\n for (var key in arguments[i]) {\n if (arguments[i].hasOwnProperty(key))\n out[key] = arguments[i][key];\n }\n }\n\n return out;\n },\n\n getById: function(el) {\n if (typeof el === 'string') {\n return document.getElementById(el);\n } else {\n return el;\n }\n },\n\n getByTag: function(query) {\n return document.getElementsByTagName(query);\n },\n\n getByTagName: function(query) {\n return document.getElementsByTagName(query);\n },\n\n getByClass: function(query) {\n return document.getElementsByClassName(query);\n },\n\n getBody: function() {\n return document.getElementsByTagName('body')[0];\n },\n\n /**\n * Checks whether the element has given classes\n * @param {object} el jQuery element object\n * @param {string} Classes string\n * @returns {boolean}\n */\n hasClasses: function(el, classes) {\n if (!el) {\n return;\n }\n\n var classesArr = classes.split(\" \");\n\n for (var i = 0; i < classesArr.length; i++) {\n if (KTUtil.hasClass(el, KTUtil.trim(classesArr[i])) == false) {\n return false;\n }\n }\n\n return true;\n },\n\n hasClass: function(el, className) {\n if (!el) {\n return;\n }\n\n return el.classList ? el.classList.contains(className) : new RegExp('\\\\b' + className + '\\\\b').test(el.className);\n },\n\n addClass: function(el, className) {\n if (!el || typeof className === 'undefined') {\n return;\n }\n\n var classNames = className.split(' ');\n\n if (el.classList) {\n for (var i = 0; i < classNames.length; i++) {\n if (classNames[i] && classNames[i].length > 0) {\n el.classList.add(KTUtil.trim(classNames[i]));\n }\n }\n } else if (!KTUtil.hasClass(el, className)) {\n for (var x = 0; x < classNames.length; x++) {\n el.className += ' ' + KTUtil.trim(classNames[x]);\n }\n }\n },\n\n removeClass: function(el, className) {\n if (!el || typeof className === 'undefined') {\n return;\n }\n\n var classNames = className.split(' ');\n\n if (el.classList) {\n for (var i = 0; i < classNames.length; i++) {\n el.classList.remove(KTUtil.trim(classNames[i]));\n }\n } else if (KTUtil.hasClass(el, className)) {\n for (var x = 0; x < classNames.length; x++) {\n el.className = el.className.replace(new RegExp('\\\\b' + KTUtil.trim(classNames[x]) + '\\\\b', 'g'), '');\n }\n }\n },\n\n triggerCustomEvent: function(el, eventName, data) {\n var event;\n if (window.CustomEvent) {\n event = new CustomEvent(eventName, {\n detail: data\n });\n } else {\n event = document.createEvent('CustomEvent');\n event.initCustomEvent(eventName, true, true, data);\n }\n\n el.dispatchEvent(event);\n },\n\n triggerEvent: function(node, eventName) {\n // Make sure we use the ownerDocument from the provided node to avoid cross-window problems\n var doc;\n if (node.ownerDocument) {\n doc = node.ownerDocument;\n } else if (node.nodeType == 9) {\n // the node may be the document itself, nodeType 9 = DOCUMENT_NODE\n doc = node;\n } else {\n throw new Error(\"Invalid node passed to fireEvent: \" + node.id);\n }\n\n if (node.dispatchEvent) {\n // Gecko-style approach (now the standard) takes more work\n var eventClass = \"\";\n\n // Different events have different event classes.\n // If this switch statement can't map an eventName to an eventClass,\n // the event firing is going to fail.\n switch (eventName) {\n case \"click\": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.\n case \"mouseenter\":\n case \"mouseleave\":\n case \"mousedown\":\n case \"mouseup\":\n eventClass = \"MouseEvents\";\n break;\n\n case \"focus\":\n case \"change\":\n case \"blur\":\n case \"select\":\n eventClass = \"HTMLEvents\";\n break;\n\n default:\n throw \"fireEvent: Couldn't find an event class for event '\" + eventName + \"'.\";\n break;\n }\n var event = doc.createEvent(eventClass);\n\n var bubbles = eventName == \"change\" ? false : true;\n event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.\n\n event.synthetic = true; // allow detection of synthetic events\n // The second parameter says go ahead with the default action\n node.dispatchEvent(event, true);\n } else if (node.fireEvent) {\n // IE-old school style\n var event = doc.createEventObject();\n event.synthetic = true; // allow detection of synthetic events\n node.fireEvent(\"on\" + eventName, event);\n }\n },\n\n index: function( el ){\n var c = el.parentNode.children, i = 0;\n for(; i < c.length; i++ )\n if( c[i] == el ) return i;\n },\n\n trim: function(string) {\n return string.trim();\n },\n\n eventTriggered: function(e) {\n if (e.currentTarget.dataset.triggered) {\n return true;\n } else {\n e.currentTarget.dataset.triggered = true;\n\n return false;\n }\n },\n\n remove: function(el) {\n if (el && el.parentNode) {\n el.parentNode.removeChild(el);\n }\n },\n\n find: function(parent, query) {\n parent = KTUtil.getById(parent);\n if (parent) {\n return parent.querySelector(query);\n }\n },\n\n findAll: function(parent, query) {\n parent = KTUtil.getById(parent);\n if (parent) {\n return parent.querySelectorAll(query);\n }\n },\n\n insertAfter: function(el, referenceNode) {\n return referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);\n },\n\n parents: function(elem, selector) {\n // Element.matches() polyfill\n if (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.matchesSelector ||\n Element.prototype.mozMatchesSelector ||\n Element.prototype.msMatchesSelector ||\n Element.prototype.oMatchesSelector ||\n Element.prototype.webkitMatchesSelector ||\n function(s) {\n var matches = (this.document || this.ownerDocument).querySelectorAll(s),\n i = matches.length;\n while (--i >= 0 && matches.item(i) !== this) {}\n return i > -1;\n };\n }\n\n // Set up a parent array\n var parents = [];\n\n // Push each parent element to the array\n for ( ; elem && elem !== document; elem = elem.parentNode ) {\n if (selector) {\n if (elem.matches(selector)) {\n parents.push(elem);\n }\n continue;\n }\n parents.push(elem);\n }\n\n // Return our parent array\n return parents;\n },\n\n children: function(el, selector, log) {\n if (!el || !el.childNodes) {\n return;\n }\n\n var result = [],\n i = 0,\n l = el.childNodes.length;\n\n for (var i; i < l; ++i) {\n if (el.childNodes[i].nodeType == 1 && KTUtil.matches(el.childNodes[i], selector, log)) {\n result.push(el.childNodes[i]);\n }\n }\n\n return result;\n },\n\n child: function(el, selector, log) {\n var children = KTUtil.children(el, selector, log);\n\n return children ? children[0] : null;\n },\n\n matches: function(el, selector, log) {\n var p = Element.prototype;\n var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function(s) {\n return [].indexOf.call(document.querySelectorAll(s), this) !== -1;\n };\n\n if (el && el.tagName) {\n return f.call(el, selector);\n } else {\n return false;\n }\n },\n\n data: function(el) {\n return {\n set: function(name, data) {\n if (!el) {\n return;\n }\n\n if (el.customDataTag === undefined) {\n window.KTUtilElementDataStoreID++;\n el.customDataTag = window.KTUtilElementDataStoreID;\n }\n\n if (window.KTUtilElementDataStore[el.customDataTag] === undefined) {\n window.KTUtilElementDataStore[el.customDataTag] = {};\n }\n\n window.KTUtilElementDataStore[el.customDataTag][name] = data;\n },\n\n get: function(name) {\n if (!el) {\n return;\n }\n\n if (el.customDataTag === undefined) {\n return null;\n }\n\n return this.has(name) ? window.KTUtilElementDataStore[el.customDataTag][name] : null;\n },\n\n has: function(name) {\n if (!el) {\n return false;\n }\n\n if (el.customDataTag === undefined) {\n return false;\n }\n\n return (window.KTUtilElementDataStore[el.customDataTag] && window.KTUtilElementDataStore[el.customDataTag][name]) ? true : false;\n },\n\n remove: function(name) {\n if (el && this.has(name)) {\n delete window.KTUtilElementDataStore[el.customDataTag][name];\n }\n }\n };\n },\n\n outerWidth: function(el, margin) {\n var width;\n\n if (margin === true) {\n width = parseFloat(el.offsetWidth);\n width += parseFloat(KTUtil.css(el, 'margin-left')) + parseFloat(KTUtil.css(el, 'margin-right'));\n\n return parseFloat(width);\n } else {\n width = parseFloat(el.offsetWidth);\n\n return width;\n }\n },\n\n offset: function(el) {\n var rect, win;\n\n if ( !el ) {\n return;\n }\n\n // Return zeros for disconnected and hidden (display: none) elements (gh-2310)\n // Support: IE <=11 only\n // Running getBoundingClientRect on a\n // disconnected node in IE throws an error\n\n if ( !el.getClientRects().length ) {\n return { top: 0, left: 0 };\n }\n\n // Get document-relative position by adding viewport scroll to viewport-relative gBCR\n rect = el.getBoundingClientRect();\n win = el.ownerDocument.defaultView;\n\n return {\n top: rect.top + win.pageYOffset,\n left: rect.left + win.pageXOffset\n };\n },\n\n height: function(el) {\n return KTUtil.css(el, 'height');\n },\n\n outerHeight: function(el, withMargin) {\n var height = el.offsetHeight;\n var style;\n\n if (typeof withMargin !== 'undefined' && withMargin === true) {\n style = getComputedStyle(el);\n height += parseInt(style.marginTop) + parseInt(style.marginBottom);\n\n return height;\n } else {\n return height;\n }\n },\n\n visible: function(el) {\n return !(el.offsetWidth === 0 && el.offsetHeight === 0);\n },\n\n attr: function(el, name, value) {\n if (el == undefined) {\n return;\n }\n\n if (value !== undefined) {\n el.setAttribute(name, value);\n } else {\n return el.getAttribute(name);\n }\n },\n\n hasAttr: function(el, name) {\n if (el == undefined) {\n return;\n }\n\n return el.getAttribute(name) ? true : false;\n },\n\n removeAttr: function(el, name) {\n if (el == undefined) {\n return;\n }\n\n el.removeAttribute(name);\n },\n\n animate: function(from, to, duration, update, easing, done) {\n /**\n * TinyAnimate.easings\n * Adapted from jQuery Easing\n */\n var easings = {};\n var easing;\n\n easings.linear = function(t, b, c, d) {\n return c * t / d + b;\n };\n\n easing = easings.linear;\n\n // Early bail out if called incorrectly\n if (typeof from !== 'number' ||\n typeof to !== 'number' ||\n typeof duration !== 'number' ||\n typeof update !== 'function') {\n return;\n }\n\n // Create mock done() function if necessary\n if (typeof done !== 'function') {\n done = function() {};\n }\n\n // Pick implementation (requestAnimationFrame | setTimeout)\n var rAF = window.requestAnimationFrame || function(callback) {\n window.setTimeout(callback, 1000 / 50);\n };\n\n // Animation loop\n var canceled = false;\n var change = to - from;\n\n function loop(timestamp) {\n var time = (timestamp || +new Date()) - start;\n\n if (time >= 0) {\n update(easing(time, from, change, duration));\n }\n if (time >= 0 && time >= duration) {\n update(to);\n done();\n } else {\n rAF(loop);\n }\n }\n\n update(from);\n\n // Start animation loop\n var start = window.performance && window.performance.now ? window.performance.now() : +new Date();\n\n rAF(loop);\n },\n\n actualCss: function(el, prop, cache) {\n var css = '';\n\n if (el instanceof HTMLElement === false) {\n return;\n }\n\n if (!el.getAttribute('kt-hidden-' + prop) || cache === false) {\n var value;\n\n // the element is hidden so:\n // making the el block so we can meassure its height but still be hidden\n css = el.style.cssText;\n el.style.cssText = 'position: absolute; visibility: hidden; display: block;';\n\n if (prop == 'width') {\n value = el.offsetWidth;\n } else if (prop == 'height') {\n value = el.offsetHeight;\n }\n\n el.style.cssText = css;\n\n // store it in cache\n el.setAttribute('kt-hidden-' + prop, value);\n\n return parseFloat(value);\n } else {\n // store it in cache\n return parseFloat(el.getAttribute('kt-hidden-' + prop));\n }\n },\n\n actualHeight: function(el, cache) {\n return KTUtil.actualCss(el, 'height', cache);\n },\n\n actualWidth: function(el, cache) {\n return KTUtil.actualCss(el, 'width', cache);\n },\n\n getScroll: function(element, method) {\n // The passed in `method` value should be 'Top' or 'Left'\n method = 'scroll' + method;\n return (element == window || element == document) ? (\n self[(method == 'scrollTop') ? 'pageYOffset' : 'pageXOffset'] ||\n (browserSupportsBoxModel && document.documentElement[method]) ||\n document.body[method]\n ) : element[method];\n },\n\n css: function(el, styleProp, value) {\n if (!el) {\n return;\n }\n\n if (value !== undefined) {\n el.style[styleProp] = value;\n } else {\n var defaultView = (el.ownerDocument || document).defaultView;\n // W3C standard way:\n if (defaultView && defaultView.getComputedStyle) {\n // sanitize property name to css notation\n // (hyphen separated words eg. font-Size)\n styleProp = styleProp.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);\n } else if (el.currentStyle) { // IE\n // sanitize property name to camelCase\n styleProp = styleProp.replace(/\\-(\\w)/g, function(str, letter) {\n return letter.toUpperCase();\n });\n value = el.currentStyle[styleProp];\n // convert other units to pixels on IE\n if (/^\\d+(em|pt|%|ex)?$/i.test(value)) {\n return (function(value) {\n var oldLeft = el.style.left,\n oldRsLeft = el.runtimeStyle.left;\n el.runtimeStyle.left = el.currentStyle.left;\n el.style.left = value || 0;\n value = el.style.pixelLeft + \"px\";\n el.style.left = oldLeft;\n el.runtimeStyle.left = oldRsLeft;\n return value;\n })(value);\n }\n return value;\n }\n }\n },\n\n slide: function(el, dir, speed, callback, recalcMaxHeight) {\n if (!el || (dir == 'up' && KTUtil.visible(el) === false) || (dir == 'down' && KTUtil.visible(el) === true)) {\n return;\n }\n\n speed = (speed ? speed : 600);\n var calcHeight = KTUtil.actualHeight(el);\n var calcPaddingTop = false;\n var calcPaddingBottom = false;\n\n if (KTUtil.css(el, 'padding-top') && KTUtil.data(el).has('slide-padding-top') !== true) {\n KTUtil.data(el).set('slide-padding-top', KTUtil.css(el, 'padding-top'));\n }\n\n if (KTUtil.css(el, 'padding-bottom') && KTUtil.data(el).has('slide-padding-bottom') !== true) {\n KTUtil.data(el).set('slide-padding-bottom', KTUtil.css(el, 'padding-bottom'));\n }\n\n if (KTUtil.data(el).has('slide-padding-top')) {\n calcPaddingTop = parseInt(KTUtil.data(el).get('slide-padding-top'));\n }\n\n if (KTUtil.data(el).has('slide-padding-bottom')) {\n calcPaddingBottom = parseInt(KTUtil.data(el).get('slide-padding-bottom'));\n }\n\n if (dir == 'up') { // up\n el.style.cssText = 'display: block; overflow: hidden;';\n\n if (calcPaddingTop) {\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {\n el.style.paddingTop = (calcPaddingTop - value) + 'px';\n }, 'linear');\n }\n\n if (calcPaddingBottom) {\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\n el.style.paddingBottom = (calcPaddingBottom - value) + 'px';\n }, 'linear');\n }\n\n KTUtil.animate(0, calcHeight, speed, function(value) {\n el.style.height = (calcHeight - value) + 'px';\n }, 'linear', function() {\n el.style.height = '';\n el.style.display = 'none';\n\n if (typeof callback === 'function') {\n callback();\n }\n });\n\n\n } else if (dir == 'down') { // down\n el.style.cssText = 'display: block; overflow: hidden;';\n\n if (calcPaddingTop) {\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {//\n el.style.paddingTop = value + 'px';\n }, 'linear', function() {\n el.style.paddingTop = '';\n });\n }\n\n if (calcPaddingBottom) {\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\n el.style.paddingBottom = value + 'px';\n }, 'linear', function() {\n el.style.paddingBottom = '';\n });\n }\n\n KTUtil.animate(0, calcHeight, speed, function(value) {\n el.style.height = value + 'px';\n }, 'linear', function() {\n el.style.height = '';\n el.style.display = '';\n el.style.overflow = '';\n\n if (typeof callback === 'function') {\n callback();\n }\n });\n }\n },\n\n slideUp: function(el, speed, callback) {\n KTUtil.slide(el, 'up', speed, callback);\n },\n\n slideDown: function(el, speed, callback) {\n KTUtil.slide(el, 'down', speed, callback);\n },\n\n show: function(el, display) {\n if (typeof el !== 'undefined') {\n el.style.display = (display ? display : 'block');\n }\n },\n\n hide: function(el) {\n if (typeof el !== 'undefined') {\n el.style.display = 'none';\n }\n },\n\n addEvent: function(el, type, handler, one) {\n if (typeof el !== 'undefined' && el !== null) {\n el.addEventListener(type, handler);\n }\n },\n\n removeEvent: function(el, type, handler) {\n if (el !== null) {\n el.removeEventListener(type, handler);\n }\n },\n\n on: function(element, selector, event, handler) {\n if (!selector) {\n return;\n }\n\n var eventId = KTUtil.getUniqueID('event');\n\n window.KTUtilDelegatedEventHandlers[eventId] = function(e) {\n var targets = element.querySelectorAll(selector);\n var target = e.target;\n\n while (target && target !== element) {\n for (var i = 0, j = targets.length; i < j; i++) {\n if (target === targets[i]) {\n handler.call(target, e);\n }\n }\n\n target = target.parentNode;\n }\n }\n\n KTUtil.addEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\n\n return eventId;\n },\n\n off: function(element, event, eventId) {\n if (!element || !window.KTUtilDelegatedEventHandlers[eventId]) {\n return;\n }\n\n KTUtil.removeEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\n\n delete window.KTUtilDelegatedEventHandlers[eventId];\n },\n\n one: function onetime(el, type, callback) {\n el.addEventListener(type, function callee(e) {\n // remove event\n if (e.target && e.target.removeEventListener) {\n e.target.removeEventListener(e.type, callee);\n }\n\n // need to verify from https://themeforest.net/author_dashboard#comment_23615588\n if (el && el.removeEventListener) {\n\t\t\t\t e.currentTarget.removeEventListener(e.type, callee);\n\t\t\t }\n\n // call handler\n return callback(e);\n });\n },\n\n hash: function(str) {\n var hash = 0,\n i, chr;\n\n if (str.length === 0) return hash;\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i);\n hash = ((hash << 5) - hash) + chr;\n hash |= 0; // Convert to 32bit integer\n }\n\n return hash;\n },\n\n animateClass: function(el, animationName, callback) {\n var animation;\n var animations = {\n animation: 'animationend',\n OAnimation: 'oAnimationEnd',\n MozAnimation: 'mozAnimationEnd',\n WebkitAnimation: 'webkitAnimationEnd',\n msAnimation: 'msAnimationEnd',\n };\n\n for (var t in animations) {\n if (el.style[t] !== undefined) {\n animation = animations[t];\n }\n }\n\n KTUtil.addClass(el, 'animated ' + animationName);\n\n KTUtil.one(el, animation, function() {\n KTUtil.removeClass(el, 'animated ' + animationName);\n });\n\n if (callback) {\n KTUtil.one(el, animation, callback);\n }\n },\n\n transitionEnd: function(el, callback) {\n var transition;\n var transitions = {\n transition: 'transitionend',\n OTransition: 'oTransitionEnd',\n MozTransition: 'mozTransitionEnd',\n WebkitTransition: 'webkitTransitionEnd',\n msTransition: 'msTransitionEnd'\n };\n\n for (var t in transitions) {\n if (el.style[t] !== undefined) {\n transition = transitions[t];\n }\n }\n\n KTUtil.one(el, transition, callback);\n },\n\n animationEnd: function(el, callback) {\n var animation;\n var animations = {\n animation: 'animationend',\n OAnimation: 'oAnimationEnd',\n MozAnimation: 'mozAnimationEnd',\n WebkitAnimation: 'webkitAnimationEnd',\n msAnimation: 'msAnimationEnd'\n };\n\n for (var t in animations) {\n if (el.style[t] !== undefined) {\n animation = animations[t];\n }\n }\n\n KTUtil.one(el, animation, callback);\n },\n\n animateDelay: function(el, value) {\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\n for (var i = 0; i < vendors.length; i++) {\n KTUtil.css(el, vendors[i] + 'animation-delay', value);\n }\n },\n\n animateDuration: function(el, value) {\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\n for (var i = 0; i < vendors.length; i++) {\n KTUtil.css(el, vendors[i] + 'animation-duration', value);\n }\n },\n\n scrollTo: function(target, offset, duration) {\n var duration = duration ? duration : 500;\n var targetPos = target ? KTUtil.offset(target).top : 0;\n var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n var from, to;\n\n if (offset) {\n scrollPos += offset;\n }\n\n from = scrollPos;\n to = targetPos;\n\n KTUtil.animate(from, to, duration, function(value) {\n document.documentElement.scrollTop = value;\n document.body.parentNode.scrollTop = value;\n document.body.scrollTop = value;\n }); //, easing, done\n },\n\n scrollTop: function(offset, duration) {\n KTUtil.scrollTo(null, offset, duration);\n },\n\n isArray: function(obj) {\n return obj && Array.isArray(obj);\n },\n\n ready: function(callback) {\n if (document.attachEvent ? document.readyState === \"complete\" : document.readyState !== \"loading\") {\n callback();\n } else {\n document.addEventListener('DOMContentLoaded', callback);\n }\n },\n\n isEmpty: function(obj) {\n for (var prop in obj) {\n if (obj.hasOwnProperty(prop)) {\n return false;\n }\n }\n\n return true;\n },\n\n numberString: function(nStr) {\n nStr += '';\n var x = nStr.split('.');\n var x1 = x[0];\n var x2 = x.length > 1 ? '.' + x[1] : '';\n var rgx = /(\\d+)(\\d{3})/;\n while (rgx.test(x1)) {\n x1 = x1.replace(rgx, '$1' + ',' + '$2');\n }\n return x1 + x2;\n },\n\n detectIE: function() {\n var ua = window.navigator.userAgent;\n\n // Test values; Uncomment to check result …\n\n // IE 10\n // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';\n\n // IE 11\n // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n\n // Edge 12 (Spartan)\n // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';\n\n // Edge 13\n // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';\n\n var msie = ua.indexOf('MSIE ');\n if (msie > 0) {\n // IE 10 or older => return version number\n return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);\n }\n\n var trident = ua.indexOf('Trident/');\n if (trident > 0) {\n // IE 11 => return version number\n var rv = ua.indexOf('rv:');\n return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);\n }\n\n var edge = ua.indexOf('Edge/');\n if (edge > 0) {\n // Edge (IE 12+) => return version number\n return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);\n }\n\n // other browser\n return false;\n },\n\n isRTL: function() {\n var html = KTUtil.getByTagName('html')[0];\n\n if (html) {\n return (KTUtil.attr(html, 'direction') == 'rtl');\n }\n },\n\n // Scroller\n scrollInit: function(element, options) {\n if (!element) {\n return;\n }\n\n // Learn more: https://github.com/mdbootstrap/perfect-scrollbar#options\n var pluginDefOptions = {\n wheelSpeed: 0.5,\n swipeEasing: true,\n wheelPropagation: false,\n minScrollbarLength: 40,\n maxScrollbarLength: 300,\n suppressScrollX: true\n };\n\n options = KTUtil.deepExtend({}, pluginDefOptions, options);\n\n // Define init function\n function init() {\n var ps;\n var height;\n\n // Get extra options via data attributes\n var attrs = element.getAttributeNames();\n if (attrs.length > 0) {\n attrs.forEach(function(attrName) {\n \t\t\t// more options; https://github.com/ganlanyuan/tiny-slider#options\n \t\t\tif ((/^data-.*/g).test(attrName)) {\n if (['scroll', 'height', 'mobile-height'].includes(optionName) == false) {\n var optionName = attrName.replace('data-', '').toLowerCase().replace(/(?:[\\s-])\\w/g, function(match) {\n \t\t\t\t\treturn match.replace('-', '').toUpperCase();\n \t\t\t\t});\n\n options[optionName] = KTUtil.filterBoolean(element.getAttribute(attrName));\n }\n \t\t\t}\n \t\t});\n }\n\n if (options.height instanceof Function) {\n height = options.height.call();\n } else {\n if (KTUtil.isMobileDevice() === true && options.mobileHeight) {\n height = parseInt(options.mobileHeight);\n } else if (options.height) {\n height = parseInt(options.height);\n } else {\n height = parseInt(KTUtil.css(element, 'height'));\n }\n }\n\n if (height === false) {\n KTUtil.scrollDestroy(element, true);\n\n return;\n }\n\n height = parseInt(height);\n\n // Destroy scroll on table and mobile modes\n if ((options.mobileNativeScroll || options.disableForMobile) && KTUtil.isMobileDevice() === true) {\n ps = KTUtil.data(element).get('ps');\n if (ps) {\n if (options.resetHeightOnDestroy) {\n KTUtil.css(element, 'height', 'auto');\n } else {\n KTUtil.css(element, 'overflow', 'auto');\n if (height > 0) {\n KTUtil.css(element, 'height', height + 'px');\n }\n }\n\n ps.destroy();\n ps = KTUtil.data(element).remove('ps');\n } else if (height > 0){\n KTUtil.css(element, 'overflow', 'auto');\n KTUtil.css(element, 'height', height + 'px');\n }\n\n return;\n }\n\n if (height > 0) {\n KTUtil.css(element, 'height', height + 'px');\n }\n\n if (options.desktopNativeScroll) {\n KTUtil.css(element, 'overflow', 'auto');\n return;\n }\n\n // Pass options via HTML Attributes\n if (KTUtil.attr(element, 'data-window-scroll') == 'true') {\n options.windowScroll = true;\n }\n\n // Init scroll\n ps = KTUtil.data(element).get('ps');\n\n if (ps) {\n ps.update();\n } else {\n KTUtil.css(element, 'overflow', 'hidden');\n KTUtil.addClass(element, 'scroll');\n\n ps = new PerfectScrollbar(element, options);\n\n KTUtil.data(element).set('ps', ps);\n }\n\n // Remember scroll position in cookie\n var uid = KTUtil.attr(element, 'id');\n try {\n if (uid) {\n var cookie = KTCookie.getCookie(uid);\n if (options.rememberPosition === true && cookie) {\n var pos = parseInt(cookie);\n if (pos > 0) {\n element.scrollTop = pos;\n }\n element.addEventListener('ps-scroll-y', function() {\n KTCookie.setCookie(uid, element.scrollTop, {});\n });\n }\n }\n }\n catch (e) {\n console.error(e);\n }\n\n // Todo:Consider using Localstorage\n if (options.rememberPosition === true && KTCookie && uid) {\n if (KTCookie.getCookie(uid)) {\n var pos = parseInt(KTCookie.getCookie(uid));\n\n if (pos > 0) {\n element.scrollTop = pos;\n }\n }\n\n element.addEventListener('ps-scroll-y', function() {\n KTCookie.setCookie(uid, element.scrollTop);\n });\n }\n }\n\n // Init\n init();\n\n // Handle window resize\n if (options.handleWindowResize) {\n KTUtil.addResizeHandler(function() {\n init();\n });\n }\n },\n\n scrollUpdate: function(element) {\n var ps = KTUtil.data(element).get('ps');\n if (ps) {\n ps.update();\n }\n },\n\n scrollUpdateAll: function(parent) {\n var scrollers = KTUtil.findAll(parent, '.ps');\n for (var i = 0, len = scrollers.length; i < len; i++) {\n KTUtil.scrollUpdate(scrollers[i]);\n }\n },\n\n scrollDestroy: function(element, resetAll) {\n var ps = KTUtil.data(element).get('ps');\n\n if (ps) {\n ps.destroy();\n ps = KTUtil.data(element).remove('ps');\n }\n\n if (element && resetAll) {\n element.style.setProperty('overflow', '');\n element.style.setProperty('height', '');\n }\n },\n\n filterBoolean: function(val) {\n // Convert string boolean\n\t\t\tif (val === true || val === 'true') {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (val === false || val === 'false') {\n\t\t\t\treturn false;\n\t\t\t}\n\n return val;\n },\n\n setHTML: function(el, html) {\n el.innerHTML = html;\n },\n\n getHTML: function(el) {\n if (el) {\n return el.innerHTML;\n }\n },\n\n getDocumentHeight: function() {\n var body = document.body;\n var html = document.documentElement;\n\n return Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );\n },\n\n getScrollTop: function() {\n return (document.scrollingElement || document.documentElement).scrollTop;\n },\n\n changeColor: function(col, amt) {\n\n var usePound = false;\n\n if (col[0] == \"#\") {\n col = col.slice(1);\n usePound = true;\n }\n\n var num = parseInt(col,16);\n\n var r = (num >> 16) + amt;\n\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n var b = ((num >> 8) & 0x00FF) + amt;\n\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n var g = (num & 0x0000FF) + amt;\n\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n\n },\n\n // Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\n throttle: function (timer, func, delay) {\n \t// If setTimeout is already scheduled, no need to do anything\n \tif (timer) {\n \t\treturn;\n \t}\n\n \t// Schedule a setTimeout after delay seconds\n \ttimer = setTimeout(function () {\n \t\tfunc();\n\n \t\t// Once setTimeout function execution is finished, timerId = undefined so that in
\n \t\t// the next scroll event function execution can be scheduled by the setTimeout\n \t\ttimer = undefined;\n \t}, delay);\n },\n\n // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds\n debounce: function (timer, func, delay) {\n \t// Cancels the setTimeout method execution\n \tclearTimeout(timer)\n\n \t// Executes the func after delay time.\n \ttimer = setTimeout(func, delay);\n },\n\n btnWait: function(el, cls, message, disable) {\n if (!el) {\n return;\n }\n\n if (typeof disable !== 'undefined' && disable === true) {\n KTUtil.attr(el, \"disabled\", true);\n }\n\n if (cls) {\n KTUtil.addClass(el, cls);\n KTUtil.attr(el, \"wait-class\", cls);\n }\n\n if (message) {\n var caption = KTUtil.find(el, '.btn-caption');\n\n if (caption) {\n KTUtil.data(caption).set('caption', KTUtil.getHTML(caption));\n KTUtil.setHTML(caption, message);\n } else {\n KTUtil.data(el).set('caption', KTUtil.getHTML(el));\n KTUtil.setHTML(el, message);\n }\n }\n },\n\n btnRelease: function(el) {\n if (!el) {\n return;\n }\n\n /// Show loading state on button\n KTUtil.removeAttr(el, \"disabled\");\n\n if (KTUtil.hasAttr(el, \"wait-class\")) {\n KTUtil.removeClass(el, KTUtil.attr(el, \"wait-class\"));\n }\n\n var caption = KTUtil.find(el, '.btn-caption');\n\n if (caption && KTUtil.data(caption).has('caption')) {\n KTUtil.setHTML(caption, KTUtil.data(caption).get('caption'));\n } else if (KTUtil.data(el).has('caption')) {\n KTUtil.setHTML(el, KTUtil.data(el).get('caption'));\n }\n },\n\n isOffscreen: function(el, direction, offset) {\n offset = offset || 0;\n\n var windowWidth = KTUtil.getViewPort().width;\n var windowHeight = KTUtil.getViewPort().height;\n\n var top = KTUtil.offset(el).top;\n var height = KTUtil.outerHeight(el) + offset;\n var left = KTUtil.offset(el).left;\n var width = KTUtil.outerWidth(el) + offset;\n\n if (direction == 'bottom') {\n if (windowHeight < top + height) {\n return true;\n } else if (windowHeight > top + height * 1.5) {\n return true;\n }\n }\n\n if (direction == 'top') {\n if (top < 0) {\n return true;\n } else if (top > height) {\n return true;\n }\n }\n\n if (direction == 'left') {\n if (left < 0) {\n return true;\n } else if (left * 2 > width) {\n //console.log('left 2');\n //return true;\n }\n }\n\n if (direction == 'right') {\n if (windowWidth < left + width) {\n return true;\n } else {\n //console.log('right 2');\n //return true;\n }\n }\n\n return false;\n }\n }\n}();\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTUtil;\n}\n\n// Initialize KTUtil class on document ready\nKTUtil.ready(function() {\n\tif (typeof KTAppSettings !== 'undefined') {\n\t\tKTUtil.init(KTAppSettings);\n\t} else {\n\t\tKTUtil.init();\n\t}\n});\n\n// CSS3 Transitions only after page load(.page-loading class added to body tag and remove with JS on page load)\nwindow.onload = function() {\n var result = KTUtil.getByTagName('body');\n if (result && result[0]) {\n KTUtil.removeClass(result[0], 'page-loading');\n }\n}\n","import {toAbsoluteUrl} from \"../../_helpers\";\nexport function getInitLayoutConfig() {\n return {\n demo: \"demo1\",\n js: {\n breakpoints : {\n sm: \"576\",\n md: \"768\",\n lg: \"992\",\n xl: \"1200\",\n xxl: \"1200\"\n },\n colors: {\n theme: {\n base: {\n \"white\": \"#ffffff\",\n \"primary\": \"#6993FF\",\n \"secondary\": \"#E5EAEE\",\n \"success\": \"#1BC5BD\",\n \"info\": \"#8950FC\",\n \"warning\": \"#FFA800\",\n \"danger\": \"#F64E60\",\n \"light\": \"#F3F6F9\",\n \"dark\": \"#212121\"\n },\n light: {\n \"white\": \"#ffffff\",\n \"primary\": \"#E1E9FF\",\n \"secondary\": \"#ECF0F3\",\n \"success\": \"#C9F7F5\",\n \"info\": \"#EEE5FF\",\n \"warning\": \"#FFF4DE\",\n \"danger\": \"#FFE2E5\",\n \"light\": \"#F3F6F9\",\n \"dark\": \"#D6D6E0\"\n },\n inverse: {\n \"white\": \"#ffffff\",\n \"primary\": \"#ffffff\",\n \"secondary\": \"#212121\",\n \"success\": \"#ffffff\",\n \"info\": \"#ffffff\",\n \"warning\": \"#ffffff\",\n \"danger\": \"#ffffff\",\n \"light\": \"#464E5F\",\n \"dark\": \"#ffffff\"\n }\n },\n gray: {\n \"gray100\": \"#F3F6F9\",\n \"gray200\": \"#ECF0F3\",\n \"gray300\": \"#E5EAEE\",\n \"gray400\": \"#D6D6E0\",\n \"gray500\": \"#B5B5C3\",\n \"gray600\": \"#80808F\",\n \"gray700\": \"#464E5F\",\n \"gray800\": \"#1B283F\",\n \"gray900\": \"#212121\"\n }\n },\n fontFamily: \"Poppins\"\n },\n // == Page Splash Screen loading\n loader: {\n enabled: true,\n type: \"\", // default|spinner-message|spinner-logo\n logo: toAbsoluteUrl(\"/media/logos/logo-dark-sm.png\"),\n message: \"Cargando...\"\n },\n // page toolbar\n toolbar: {\n display: false\n },\n header: {\n self: {\n width: \"fluid\", // fixed|fluid\n theme: \"light\", // light|dark\n fixed: {\n desktop: true,\n mobile: true\n }\n },\n menu: {\n self: {\n display: false,\n layout: \"default\", // tab/default\n \"root-arrow\": false,\n \"icon-style\": \"duotone\" // duotone, line, bold, solid\n },\n desktop: {\n arrow: true,\n toggle: \"click\",\n submenu: {\n theme: \"light\", // light|dark\n arrow: true\n }\n },\n mobile: {\n submenu: {\n theme: \"dark\",\n accordion: true\n }\n }\n }\n },\n subheader: {\n display: false,\n displayDesc: false,\n displayDaterangepicker: true,\n layout: \"subheader-v1\",\n fixed: true,\n width: \"fluid\", // fixed/fluid,\n clear: false,\n style: \"solid\" // solid/transparent\n },\n content: {\n width: \"fixed\" // fluid|fixed\n },\n brand: {\n self: {\n theme: \"light\" // light/dark\n }\n },\n aside: {\n self: {\n theme: \"light\", // light/dark\n display: false,\n fixed: true,\n minimize: {\n toggle: true, // allow toggle\n default: false, // default state\n hoverable: true // allow hover\n }\n },\n footer: {\n self: {\n display: true\n }\n },\n menu: {\n dropdown: false, // ok\n scroll: true, // ok\n \"icon-style\": \"duotone\", // duotone, line, bold, solid\n submenu: {\n accordion: true,\n dropdown: {\n arrow: true,\n \"hover-timeout\": 500 // in milliseconds\n }\n }\n }\n },\n footer: {\n self: {\n fixed: true,\n width: \"fixed\" // fluid, fixed\n }\n },\n extras: {\n search: {\n display: false,\n layout: \"dropdown\", // offcanvas, dropdown\n offcanvas: {\n direction: \"right\"\n }\n },\n notifications: {\n display: false,\n layout: \"dropdown\", // offcanvas, dropdown\n dropdown: {\n style: \"dark\" // light, dark\n },\n offcanvas: {\n directions: \"right\"\n }\n },\n \"quick-actions\": {\n display: false,\n layout: \"dropdown\", // offcanvas, dropdown,\n dropdown: {\n style: \"dark\", // light, dark\n },\n offcanvas: {\n directions: \"right\"\n }\n },\n user: {\n display: true,\n layout: \"dropdown\", // offcanvas, dropdown\n dropdown: {\n style: \"light\" // light, dark\n },\n offcanvas: {\n directions: \"right\"\n }\n },\n languages: {\n display: false\n },\n cart: {\n display: false,\n dropdown: {\n style: \"dark\", // ligth, dark\n }\n },\n \"quick-panel\": {\n display: false,\n offcanvas: {\n directions: \"right\"\n }\n },\n chat: {\n display: false\n },\n toolbar: {\n display: false\n },\n scrolltop: {\n display: true\n }\n }\n };\n}\n","/* eslint-disable no-restricted-imports */\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React, { useMemo } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Dropdown from \"react-bootstrap/Dropdown\";\n//import { useSelector } from \"react-redux\";\nimport objectPath from \"object-path\";\nimport { useHtmlClassService } from \"../../../_core/MetronicLayout\";\nimport { toAbsoluteUrl } from \"../../../../_helpers\";\nimport { DropdownTopbarItemToggler } from \"../../../../_partials/dropdowns\";\nimport UserInfo from \"../../../../../utils/userInfo\";\n\nexport function UserProfileDropdown() {\n //const { user } = useSelector((state) => state.auth);\n const userInfo = UserInfo();\n\n const uiService = useHtmlClassService();\n const layoutProps = useMemo(() => {\n return {\n light:\n objectPath.get(uiService.config, \"extras.user.dropdown.style\") ===\n \"light\",\n };\n }, [uiService]);\n\n return (\n
\n
\n \n \n )}\n\n {!layoutProps.light && (\n \n ![\"User]({toAbsoluteUrl(\"/media/users/default.jpg\")})
\n
\n \n \n {userInfo && userInfo.email}\n
\n {/* \n 3 messages\n */}\n \n \n S\n \n {/*
*/}\n
\n \n Sean Stone\n
\n \n 3 messages\n \n \n )}\n \n\n \n {/* \n \n
\n \n
\n \n\n \n \n \n
\n \n
\n My Profile
\n \n Account settings and more\n \n update\n \n
\n \n
\n \n\n \n \n \n
\n \n
\n My Messages
\n Inbox and tasks
\n \n
\n \n\n \n \n \n
\n \n
\n My Activities
\n Logs and notifications
\n \n
\n \n */}\n\n {/* */}\n\n \n \n
\n \n
\n My Tasks
\n latest tasks and projects
\n \n \n Salir\n \n {/* \n Upgrade Plan\n */}\n
\n \n {layoutProps.asideDisplay && (\n <>\n {/*begin::Aside Mobile Toggle*/}\n \n {/*end::Aside Mobile Toggle*/}\n \n )}\n\n {layoutProps.headerMenuSelfDisplay && (\n <>\n {/*begin::Header Menu Mobile Toggle*/}\n \n {/*end::Header Menu Mobile Toggle*/}\n \n )}\n\n {/*begin::Topbar Mobile Toggle*/}\n {/* \n \n \n \n */}\n {/*end::Topbar Mobile Toggle*/}\n \n {!(!!sinUser) && (\n
\n {/*end::Toolbar*/}\n \n {/*end::Header Mobile*/}\n \n );\n}\n","import React, {useMemo} from \"react\";\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\n\nexport function Footer() {\n const today = new Date().getFullYear();\n const uiService = useHtmlClassService();\n\n const layoutProps = useMemo(() => {\n return {\n footerClasses: uiService.getClasses(\"footer\", true),\n footerContainerClasses: uiService.getClasses(\"footer_container\", true)\n };\n }, [uiService]);\n\n return (\n \n {today.toString()} ©{\" \"}\n \n Ministerio de Educación Corrientes\n \n
\n \n \n Acerca de\n \n {/* \n Team\n */}\n \n Contacto\n \n
\n \n \n );\n}\n","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./util\";\n\n// Component Definition\nvar KTMenu = function(elementId, options) {\n // Main object\n var the = this;\n var init = false;\n\n // Get element object\n var element = KTUtil.getById(elementId);\n var body = KTUtil.getBody();\n\n if (!element) {\n return;\n }\n\n // Default options\n var defaultOptions = {\n // scrollable area with Perfect Scroll\n scroll: {\n rememberPosition: false\n },\n\n // accordion submenu mode\n accordion: {\n slideSpeed: 200, // accordion toggle slide speed in milliseconds\n autoScroll: false, // enable auto scrolling(focus) to the clicked menu item\n autoScrollSpeed: 1200,\n expandAll: true // allow having multiple expanded accordions in the menu\n },\n\n // dropdown submenu mode\n dropdown: {\n timeout: 500 // timeout in milliseconds to show and hide the hoverable submenu dropdown\n }\n };\n\n ////////////////////////////\n // ** Private Methods ** //\n ////////////////////////////\n\n var Plugin = {\n /**\n * Run plugin\n * @returns {KTMenu}\n */\n construct: function(options) {\n if (KTUtil.data(element).has('menu')) {\n the = KTUtil.data(element).get('menu');\n } else {\n // reset menu\n Plugin.init(options);\n\n // reset menu\n Plugin.reset();\n\n // build menu\n Plugin.build();\n\n KTUtil.data(element).set('menu', the);\n }\n\n return the;\n },\n\n /**\n * Handles submenu click toggle\n * @returns {KTMenu}\n */\n init: function(options) {\n the.events = [];\n\n the.eventHandlers = {};\n\n // merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n\n // pause menu\n the.pauseDropdownHoverTime = 0;\n\n the.uid = KTUtil.getUniqueID();\n },\n\n update: function(options) {\n // merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n\n // pause menu\n the.pauseDropdownHoverTime = 0;\n\n // reset menu\n Plugin.reset();\n\n the.eventHandlers = {};\n\n // build menu\n Plugin.build();\n\n KTUtil.data(element).set('menu', the);\n },\n\n reload: function() {\n // reset menu\n Plugin.reset();\n\n // build menu\n Plugin.build();\n\n // reset submenu props\n Plugin.resetSubmenuProps();\n },\n\n /**\n * Reset menu\n * @returns {KTMenu}\n */\n build: function() {\n // General accordion submenu toggle\n the.eventHandlers['event_1'] = KTUtil.on( element, '.menu-toggle', 'click', Plugin.handleSubmenuAccordion);\n\n // Dropdown mode(hoverable)\n if (Plugin.getSubmenuMode() === 'dropdown' || Plugin.isConditionalSubmenuDropdown()) {\n // dropdown submenu - hover toggle\n the.eventHandlers['event_2'] = KTUtil.on( element, '[data-menu-toggle=\"hover\"]', 'mouseover', Plugin.handleSubmenuDrodownHoverEnter);\n the.eventHandlers['event_3'] = KTUtil.on( element, '[data-menu-toggle=\"hover\"]', 'mouseout', Plugin.handleSubmenuDrodownHoverExit);\n\n // dropdown submenu - click toggle\n the.eventHandlers['event_4'] = KTUtil.on( element, '[data-menu-toggle=\"click\"] > .menu-toggle, [data-menu-toggle=\"click\"] > .menu-link .menu-toggle', 'click', Plugin.handleSubmenuDropdownClick);\n the.eventHandlers['event_5'] = KTUtil.on( element, '[data-menu-toggle=\"tab\"] > .menu-toggle, [data-menu-toggle=\"tab\"] > .menu-link .menu-toggle', 'click', Plugin.handleSubmenuDropdownTabClick);\n }\n\n // Handle general link click\n the.eventHandlers['event_6'] = KTUtil.on(element, '.menu-item > .menu-link:not(.menu-toggle):not(.menu-link-toggle-skip)', 'click', Plugin.handleLinkClick);\n\n // Init scrollable menu\n if (the.options.scroll && the.options.scroll.height) {\n Plugin.scrollInit();\n }\n },\n\n /**\n * Reset menu\n * @returns {KTMenu}\n */\n reset: function() {\n KTUtil.off( element, 'click', the.eventHandlers['event_1']);\n\n // dropdown submenu - hover toggle\n KTUtil.off( element, 'mouseover', the.eventHandlers['event_2']);\n KTUtil.off( element, 'mouseout', the.eventHandlers['event_3']);\n\n // dropdown submenu - click toggle\n KTUtil.off( element, 'click', the.eventHandlers['event_4']);\n KTUtil.off( element, 'click', the.eventHandlers['event_5']);\n\n // handle link click\n KTUtil.off(element, 'click', the.eventHandlers['event_6']);\n },\n\n /**\n * Init scroll menu\n *\n */\n scrollInit: function() {\n if ( the.options.scroll && the.options.scroll.height ) {\n KTUtil.scrollDestroy(element, true);\n KTUtil.scrollInit(element, {mobileNativeScroll: true, windowScroll: false, resetHeightOnDestroy: true, handleWindowResize: true, height: the.options.scroll.height, rememberPosition: the.options.scroll.rememberPosition});\n } else {\n KTUtil.scrollDestroy(element, true);\n }\n },\n\n /**\n * Update scroll menu\n */\n scrollUpdate: function() {\n if ( the.options.scroll && the.options.scroll.height ) {\n KTUtil.scrollUpdate(element);\n }\n },\n\n /**\n * Scroll top\n */\n scrollTop: function() {\n if ( the.options.scroll && the.options.scroll.height ) {\n KTUtil.scrollTop(element);\n }\n },\n\n /**\n * Get submenu mode for current breakpoint and menu state\n * @returns {KTMenu}\n */\n getSubmenuMode: function(el) {\n if ( KTUtil.isBreakpointUp('lg') ) {\n if (el && KTUtil.hasAttr(el, 'data-menu-toggle') && KTUtil.attr(el, 'data-menu-toggle') == 'hover') {\n return 'dropdown';\n }\n\n if ( KTUtil.isset(the.options.submenu, 'desktop.state.body') ) {\n if ( KTUtil.hasClasses(body, the.options.submenu.desktop.state.body) ) {\n return the.options.submenu.desktop.state.mode;\n } else {\n return the.options.submenu.desktop.default;\n }\n } else if ( KTUtil.isset(the.options.submenu, 'desktop') ) {\n return the.options.submenu.desktop;\n }\n } else if ( KTUtil.isBreakpointUp('md') && KTUtil.isBreakpointDown('lg') && KTUtil.isset(the.options.submenu, 'tablet') ) {\n return the.options.submenu.tablet;\n } else if ( KTUtil.isBreakpointDown('md') && KTUtil.isset(the.options.submenu, 'mobile') ) {\n return the.options.submenu.mobile;\n } else {\n return false;\n }\n },\n\n /**\n * Get submenu mode for current breakpoint and menu state\n * @returns {KTMenu}\n */\n isConditionalSubmenuDropdown: function() {\n if ( KTUtil.isBreakpointUp('lg') && KTUtil.isset(the.options.submenu, 'desktop.state.body') ) {\n return true;\n } else {\n return false;\n }\n },\n\n\n /**\n * Reset submenu attributes\n * @returns {KTMenu}\n */\n resetSubmenuProps: function(e) {\n var submenus = KTUtil.findAll(element, '.menu-submenu');\n if ( submenus ) {\n for (var i = 0, len = submenus.length; i < len; i++) {\n var submenu = submenus[0];\n\n KTUtil.css(submenu, 'display', '');\n KTUtil.css(submenu, 'overflow', '');\n\n if (submenu.hasAttribute('data-hor-direction')) {\n KTUtil.removeClass(submenu, 'menu-submenu-left');\n KTUtil.removeClass(submenu, 'menu-submenu-right');\n KTUtil.addClass(submenu, submenu.getAttribute('data-hor-direction'));\n }\n }\n }\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n handleSubmenuDrodownHoverEnter: function(e) {\n if ( Plugin.getSubmenuMode(this) === 'accordion' ) {\n return;\n }\n\n if ( the.resumeDropdownHover() === false ) {\n return;\n }\n\n var item = this;\n\n if ( item.getAttribute('data-hover') == '1' ) {\n item.removeAttribute('data-hover');\n clearTimeout( item.getAttribute('data-timeout') );\n item.removeAttribute('data-timeout');\n }\n\n Plugin.showSubmenuDropdown(item);\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n handleSubmenuDrodownHoverExit: function(e) {\n if ( the.resumeDropdownHover() === false ) {\n return;\n }\n\n if ( Plugin.getSubmenuMode(this) === 'accordion' ) {\n return;\n }\n\n var item = this;\n var time = the.options.dropdown.timeout;\n\n var timeout = setTimeout(function() {\n if ( item.getAttribute('data-hover') == '1' ) {\n Plugin.hideSubmenuDropdown(item, true);\n }\n }, time);\n\n item.setAttribute('data-hover', '1');\n item.setAttribute('data-timeout', timeout);\n },\n\n /**\n * Handles submenu click toggle\n * @returns {KTMenu}\n */\n handleSubmenuDropdownClick: function(e) {\n if ( Plugin.getSubmenuMode(this) === 'accordion' ) {\n return;\n }\n\n var item = this.closest('.menu-item');\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('submenuToggle', this, e);\n if (result === false) {\n return;\n }\n\n if ( item.getAttribute('data-menu-submenu-mode') == 'accordion' ) {\n return;\n }\n\n if ( KTUtil.hasClass(item, 'menu-item-hover') === false ) {\n KTUtil.addClass(item, 'menu-item-open-dropdown');\n Plugin.showSubmenuDropdown(item);\n } else {\n KTUtil.removeClass(item, 'menu-item-open-dropdown' );\n Plugin.hideSubmenuDropdown(item, true);\n }\n\n e.preventDefault();\n },\n\n /**\n * Handles tab click toggle\n * @returns {KTMenu}\n */\n handleSubmenuDropdownTabClick: function(e) {\n if (Plugin.getSubmenuMode(this) === 'accordion') {\n return;\n }\n var item = this.closest('.menu-item');\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('submenuToggle', this, e);\n if (result === false) {\n return;\n }\n\n if (item.getAttribute('data-menu-submenu-mode') == 'accordion') {\n return;\n }\n\n if (KTUtil.hasClass(item, 'menu-item-hover') == false) {\n KTUtil.addClass(item, 'menu-item-open-dropdown');\n Plugin.showSubmenuDropdown(item);\n }\n\n e.preventDefault();\n },\n\n /**\n * Handles link click\n * @returns {KTMenu}\n */\n handleLinkClick: function(e) {\n var submenu = this.closest('.menu-item.menu-item-submenu');\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('linkClick', this, e);\n if (result === false) {\n return;\n }\n\n if ( submenu && Plugin.getSubmenuMode(submenu) === 'dropdown' ) {\n Plugin.hideSubmenuDropdowns();\n }\n },\n\n /**\n * Handles submenu dropdown close on link click\n * @returns {KTMenu}\n */\n handleSubmenuDropdownClose: function(e, el) {\n // exit if its not submenu dropdown mode\n if (Plugin.getSubmenuMode(el) === 'accordion') {\n return;\n }\n\n var shown = element.querySelectorAll('.menu-item.menu-item-submenu.menu-item-hover:not(.menu-item-tabs)');\n\n // check if currently clicked link's parent item ha\n if (shown.length > 0 && KTUtil.hasClass(el, 'menu-toggle') === false && el.querySelectorAll('.menu-toggle').length === 0) {\n // close opened dropdown menus\n for (var i = 0, len = shown.length; i < len; i++) {\n Plugin.hideSubmenuDropdown(shown[0], true);\n }\n }\n },\n\n /**\n * helper functions\n * @returns {KTMenu}\n */\n handleSubmenuAccordion: function(e, el) {\n var query;\n var item = el ? el : this;\n\n // Trigger click event handlers\n var result = Plugin.eventTrigger('submenuToggle', this, e);\n if (result === false) {\n return;\n }\n\n if ( Plugin.getSubmenuMode(el) === 'dropdown' && (query = item.closest('.menu-item') ) ) {\n if (query.getAttribute('data-menu-submenu-mode') != 'accordion' ) {\n e.preventDefault();\n return;\n }\n }\n\n var li = item.closest('.menu-item');\n var submenu = KTUtil.child(li, '.menu-submenu, .menu-inner');\n\n if (KTUtil.hasClass(item.closest('.menu-item'), 'menu-item-open-always')) {\n return;\n }\n\n if ( li && submenu ) {\n e.preventDefault();\n var speed = the.options.accordion.slideSpeed;\n var hasClosables = false;\n\n if ( KTUtil.hasClass(li, 'menu-item-open') === false ) {\n // hide other accordions\n if ( the.options.accordion.expandAll === false ) {\n var subnav = item.closest('.menu-nav, .menu-subnav');\n var closables = KTUtil.children(subnav, '.menu-item.menu-item-open.menu-item-submenu:not(.menu-item-here):not(.menu-item-open-always)');\n\n if ( subnav && closables ) {\n for (var i = 0, len = closables.length; i < len; i++) {\n var el_ = closables[0];\n var submenu_ = KTUtil.child(el_, '.menu-submenu');\n if ( submenu_ ) {\n KTUtil.slideUp(submenu_, speed, function() {\n Plugin.scrollUpdate();\n KTUtil.removeClass(el_, 'menu-item-open');\n });\n }\n }\n }\n }\n\n KTUtil.slideDown(submenu, speed, function() {\n Plugin.scrollToItem(item);\n Plugin.scrollUpdate();\n\n Plugin.eventTrigger('submenuToggle', submenu, e);\n });\n\n KTUtil.addClass(li, 'menu-item-open');\n\n } else {\n KTUtil.slideUp(submenu, speed, function() {\n Plugin.scrollToItem(item);\n Plugin.eventTrigger('submenuToggle', submenu, e);\n });\n\n KTUtil.removeClass(li, 'menu-item-open');\n }\n }\n },\n\n /**\n * scroll to item function\n * @returns {KTMenu}\n */\n scrollToItem: function(item) {\n // handle auto scroll for accordion submenus\n if ( KTUtil.isBreakpointUp('lg') && the.options.accordion.autoScroll && element.getAttribute('data-menu-scroll') !== '1' ) {\n KTUtil.scrollTo(item, the.options.accordion.autoScrollSpeed);\n }\n },\n\n /**\n * Hide submenu dropdown\n * @returns {KTMenu}\n */\n hideSubmenuDropdown: function(item, classAlso) {\n // remove submenu activation class\n if ( classAlso ) {\n KTUtil.removeClass(item, 'menu-item-hover');\n KTUtil.removeClass(item, 'menu-item-active-tab');\n }\n\n // clear timeout\n item.removeAttribute('data-hover');\n\n if ( item.getAttribute('data-menu-toggle-class') ) {\n KTUtil.removeClass(body, item.getAttribute('data-menu-toggle-class'));\n }\n\n var timeout = item.getAttribute('data-timeout');\n item.removeAttribute('data-timeout');\n clearTimeout(timeout);\n },\n\n /**\n * Hide submenu dropdowns\n * @returns {KTMenu}\n */\n hideSubmenuDropdowns: function() {\n var items;\n if ( items = element.querySelectorAll('.menu-item-submenu.menu-item-hover:not(.menu-item-tabs):not([data-menu-toggle=\"tab\"])') ) {\n for (var j = 0, cnt = items.length; j < cnt; j++) {\n Plugin.hideSubmenuDropdown(items[j], true);\n }\n }\n },\n\n /**\n * helper functions\n * @returns {KTMenu}\n */\n showSubmenuDropdown: function(item) {\n // close active submenus\n var list = element.querySelectorAll('.menu-item-submenu.menu-item-hover, .menu-item-submenu.menu-item-active-tab');\n\n if ( list ) {\n for (var i = 0, len = list.length; i < len; i++) {\n var el = list[i];\n if ( item !== el && el.contains(item) === false && item.contains(el) === false ) {\n Plugin.hideSubmenuDropdown(el, true);\n }\n }\n }\n\n // add submenu activation class\n KTUtil.addClass(item, 'menu-item-hover');\n\n // Change the alignment of submenu is offscreen.\n var submenu = KTUtil.find(item, '.menu-submenu');\n\n if (submenu && submenu.hasAttribute('data-hor-direction') === false) {\n if (KTUtil.hasClass(submenu, 'menu-submenu-left')) {\n submenu.setAttribute('data-hor-direction', 'menu-submenu-left');\n } else if (KTUtil.hasClass(submenu, 'menu-submenu-right')) {\n submenu.setAttribute('data-hor-direction', 'menu-submenu-right');\n }\n }\n\n if ( submenu && KTUtil.isOffscreen(submenu, 'left', 15) === true ) {\n KTUtil.removeClass(submenu, 'menu-submenu-left');\n KTUtil.addClass(submenu, 'menu-submenu-right');\n } else if ( submenu && KTUtil.isOffscreen(submenu, 'right', 15) === true ) {\n KTUtil.removeClass(submenu, 'menu-submenu-right');\n KTUtil.addClass(submenu, 'menu-submenu-left');\n }\n\n if ( item.getAttribute('data-menu-toggle-class') ) {\n KTUtil.addClass(body, item.getAttribute('data-menu-toggle-class'));\n }\n },\n\n /**\n * Handles submenu slide toggle\n * @returns {KTMenu}\n */\n createSubmenuDropdownClickDropoff: function(el) {\n var query;\n var zIndex = (query = KTUtil.child(el, '.menu-submenu') ? KTUtil.css(query, 'z-index') : 0) - 1;\n\n var dropoff = document.createElement('');\n\n body.appendChild(dropoff);\n\n KTUtil.addEvent(dropoff, 'click', function(e) {\n e.stopPropagation();\n e.preventDefault();\n KTUtil.remove(this);\n Plugin.hideSubmenuDropdown(el, true);\n });\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n pauseDropdownHover: function(time) {\n var date = new Date();\n\n the.pauseDropdownHoverTime = date.getTime() + time;\n },\n\n /**\n * Handles submenu hover toggle\n * @returns {KTMenu}\n */\n resumeDropdownHover: function() {\n var date = new Date();\n\n return (date.getTime() > the.pauseDropdownHoverTime ? true : false);\n },\n\n /**\n * Reset menu's current active item\n * @returns {KTMenu}\n */\n resetActiveItem: function(item) {\n var list;\n var parents;\n\n list = element.querySelectorAll('.menu-item-active');\n\n for (var i = 0, len = list.length; i < len; i++) {\n var el = list[0];\n KTUtil.removeClass(el, 'menu-item-active');\n KTUtil.hide( KTUtil.child(el, '.menu-submenu') );\n parents = KTUtil.parents(el, '.menu-item-submenu') || [];\n\n for (var i_ = 0, len_ = parents.length; i_ < len_; i_++) {\n var el_ = parents[i];\n KTUtil.removeClass(el_, 'menu-item-open');\n KTUtil.hide( KTUtil.child(el_, '.menu-submenu') );\n }\n }\n\n // close open submenus\n if ( the.options.accordion.expandAll === false ) {\n if ( list = element.querySelectorAll('.menu-item-open') ) {\n for (var i = 0, len = list.length; i < len; i++) {\n KTUtil.removeClass(parents[0], 'menu-item-open');\n }\n }\n }\n },\n\n /**\n * Sets menu's active item\n * @returns {KTMenu}\n */\n setActiveItem: function(item) {\n // reset current active item\n Plugin.resetActiveItem();\n\n var parents = KTUtil.parents(item, '.menu-item-submenu') || [];\n for (var i = 0, len = parents.length; i < len; i++) {\n KTUtil.addClass(parents[i], 'menu-item-open');\n }\n\n KTUtil.addClass(item, 'menu-item-active');\n },\n\n /**\n * Returns page breadcrumbs for the menu's active item\n * @returns {KTMenu}\n */\n getBreadcrumbs: function(item) {\n var query;\n var breadcrumbs = [];\n var link = KTUtil.child(item, '.menu-link');\n\n breadcrumbs.push({\n text: (query = KTUtil.child(link, '.menu-text') ? query.innerHTML : ''),\n title: link.getAttribute('title'),\n href: link.getAttribute('href')\n });\n\n var parents = KTUtil.parents(item, '.menu-item-submenu');\n for (var i = 0, len = parents.length; i < len; i++) {\n var submenuLink = KTUtil.child(parents[i], '.menu-link');\n\n breadcrumbs.push({\n text: (query = KTUtil.child(submenuLink, '.menu-text') ? query.innerHTML : ''),\n title: submenuLink.getAttribute('title'),\n href: submenuLink.getAttribute('href')\n });\n }\n\n return breadcrumbs.reverse();\n },\n\n /**\n * Returns page title for the menu's active item\n * @returns {KTMenu}\n */\n getPageTitle: function(item) {\n var query;\n\n return (query = KTUtil.child(item, '.menu-text') ? query.innerHTML : '');\n },\n\n /**\n * Trigger events\n */\n eventTrigger: function(name, target, e) {\n for (var i = 0; i < the.events.length; i++ ) {\n var event = the.events[i];\n if ( event.name == name ) {\n if ( event.one == true ) {\n if ( event.fired == false ) {\n the.events[i].fired = true;\n return event.handler.call(this, target, e);\n }\n } else {\n return event.handler.call(this, target, e);\n }\n }\n }\n },\n\n addEvent: function(name, handler, one) {\n the.events.push({\n name: name,\n handler: handler,\n one: one,\n fired: false\n });\n },\n\n removeEvent: function(name) {\n if (the.events[name]) {\n delete the.events[name];\n }\n }\n };\n\n //////////////////////////\n // ** Public Methods ** //\n //////////////////////////\n\n /**\n * Set default options\n */\n\n the.setDefaults = function(options) {\n defaultOptions = options;\n };\n\n /**\n * Update scroll\n */\n the.scrollUpdate = function() {\n return Plugin.scrollUpdate();\n };\n\n /**\n * Re-init scroll\n */\n the.scrollReInit = function() {\n return Plugin.scrollInit();\n };\n\n /**\n * Scroll top\n */\n the.scrollTop = function() {\n return Plugin.scrollTop();\n };\n\n /**\n * Set active menu item\n */\n the.setActiveItem = function(item) {\n return Plugin.setActiveItem(item);\n };\n\n the.reload = function() {\n return Plugin.reload();\n };\n\n the.update = function(options) {\n return Plugin.update(options);\n };\n\n /**\n * Set breadcrumb for menu item\n */\n the.getBreadcrumbs = function(item) {\n return Plugin.getBreadcrumbs(item);\n };\n\n /**\n * Set page title for menu item\n */\n the.getPageTitle = function(item) {\n return Plugin.getPageTitle(item);\n };\n\n /**\n * Get submenu mode\n */\n the.getSubmenuMode = function(el) {\n return Plugin.getSubmenuMode(el);\n };\n\n /**\n * Hide dropdown\n * @returns {Object}\n */\n the.hideDropdown = function(item) {\n Plugin.hideSubmenuDropdown(item, true);\n };\n\n /**\n * Hide dropdowns\n * @returns {Object}\n */\n the.hideDropdowns = function() {\n Plugin.hideSubmenuDropdowns();\n };\n\n /**\n * Disable menu for given time\n * @returns {Object}\n */\n the.pauseDropdownHover = function(time) {\n Plugin.pauseDropdownHover(time);\n };\n\n /**\n * Disable menu for given time\n * @returns {Object}\n */\n the.resumeDropdownHover = function() {\n return Plugin.resumeDropdownHover();\n };\n\n /**\n * Register event\n */\n the.on = function(name, handler) {\n return Plugin.addEvent(name, handler);\n };\n\n the.off = function(name) {\n return Plugin.removeEvent(name);\n };\n\n the.one = function(name, handler) {\n return Plugin.addEvent(name, handler, true);\n };\n\n ///////////////////////////////\n // ** Plugin Construction ** //\n ///////////////////////////////\n\n // Run plugin\n Plugin.construct.apply(the, [options]);\n\n // Handle plugin on window resize\n KTUtil.addResizeHandler(function() {\n if (init) {\n the.reload();\n }\n });\n\n // Init done\n init = true;\n\n // Return plugin instance\n return the;\n};\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTMenu;\n}\n\n// Plugin global lazy initialization\ndocument.addEventListener(\"click\", function (e) {\n var body = KTUtil.getByTagName('body')[0];\n var query;\n if ( query = body.querySelectorAll('.menu-nav .menu-item.menu-item-submenu.menu-item-hover:not(.menu-item-tabs)[data-menu-toggle=\"click\"]') ) {\n for (var i = 0, len = query.length; i < len; i++) {\n var element = query[i].closest('.menu-nav').parentNode;\n\n if ( element ) {\n var the = KTUtil.data(element).get('menu');\n\n if ( !the ) {\n break;\n }\n\n if ( !the || the.getSubmenuMode() !== 'dropdown' ) {\n break;\n }\n\n if ( e.target !== element && element.contains(e.target) === false ) {\n the.hideDropdowns();\n }\n }\n }\n }\n});\n\nexport default KTMenu;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./util\";\n\n// Component Definition\nvar KTToggle = function(toggleElement, targetElement, options) {\n // Main object\n var the = this;\n var init = false;\n\n // Get element object\n var element = toggleElement;\n var target = targetElement;\n\n if (!element) {\n return;\n }\n\n // Default options\n var defaultOptions = {\n targetToggleMode: 'class' // class|attribute\n };\n\n ////////////////////////////\n // ** Private Methods ** //\n ////////////////////////////\n\n var Plugin = {\n /**\n * Construct\n */\n\n construct: function(options) {\n if (KTUtil.data(element).has('toggle')) {\n the = KTUtil.data(element).get('toggle');\n } else {\n // reset menu\n Plugin.init(options);\n\n // build menu\n Plugin.build();\n\n KTUtil.data(element).set('toggle', the);\n }\n\n return the;\n },\n\n /**\n * Handles subtoggle click toggle\n */\n init: function(options) {\n the.element = element;\n the.events = [];\n\n // Merge default and user defined options\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\n\n //alert(the.options.target.tagName);\n the.target = target;\n\n the.targetState = the.options.targetState;\n the.toggleState = the.options.toggleState;\n\n if (the.options.targetToggleMode == 'class') {\n the.state = KTUtil.hasClasses(the.target, the.targetState) ? 'on' : 'off';\n } else {\n the.state = KTUtil.hasAttr(the.target, 'data-' + the.targetState) ? KTUtil.attr(the.target, 'data-' + the.targetState) : 'off';\n }\n },\n\n /**\n * Setup toggle\n */\n build: function() {\n KTUtil.addEvent(element, 'mouseup', Plugin.toggle);\n },\n\n /**\n * Handles offcanvas click toggle\n */\n toggle: function(e) {\n Plugin.eventTrigger('beforeToggle');\n\n if (the.state == 'off') {\n Plugin.toggleOn();\n } else {\n Plugin.toggleOff();\n }\n\n Plugin.eventTrigger('afterToggle');\n\n e.preventDefault();\n\n return the;\n },\n\n /**\n * Handles toggle click toggle\n */\n toggleOn: function() {\n Plugin.eventTrigger('beforeOn');\n\n if (the.options.targetToggleMode == 'class') {\n KTUtil.addClass(the.target, the.targetState);\n } else {\n KTUtil.attr(the.target, 'data-' + the.targetState, 'on');\n }\n\n if (the.toggleState) {\n KTUtil.addClass(element, the.toggleState);\n }\n\n the.state = 'on';\n\n Plugin.eventTrigger('afterOn');\n\n Plugin.eventTrigger('toggle');\n\n return the;\n },\n\n /**\n * Handles toggle click toggle\n */\n toggleOff: function() {\n Plugin.eventTrigger('beforeOff');\n\n if (the.options.targetToggleMode == 'class') {\n KTUtil.removeClass(the.target, the.targetState);\n } else {\n KTUtil.removeAttr(the.target, 'data-' + the.targetState);\n }\n\n if (the.toggleState) {\n KTUtil.removeClass(element, the.toggleState);\n }\n\n the.state = 'off';\n\n Plugin.eventTrigger('afterOff');\n\n Plugin.eventTrigger('toggle');\n\n return the;\n },\n\n /**\n * Trigger events\n */\n eventTrigger: function(name) {\n for (var i = 0; i < the.events.length; i++) {\n var event = the.events[i];\n\n if (event.name == name) {\n if (event.one == true) {\n if (event.fired == false) {\n the.events[i].fired = true;\n return event.handler.call(this, the);\n }\n } else {\n return event.handler.call(this, the);\n }\n }\n }\n },\n\n addEvent: function(name, handler, one) {\n the.events.push({\n name: name,\n handler: handler,\n one: one,\n fired: false\n });\n\n return the;\n }\n };\n\n //////////////////////////\n // ** Public Methods ** //\n //////////////////////////\n\n /**\n * Set default options\n */\n\n the.setDefaults = function(options) {\n defaultOptions = options;\n };\n\n /**\n * Get toggle state\n */\n the.getState = function() {\n return the.state;\n };\n\n /**\n * Toggle\n */\n the.toggle = function() {\n return Plugin.toggle();\n };\n\n /**\n * Toggle on\n */\n the.toggleOn = function() {\n return Plugin.toggleOn();\n };\n\n /**\n * Toggle off\n */\n the.toggleOff = function() {\n return Plugin.toggleOff();\n };\n\n /**\n * Attach event\n * @returns {KTToggle}\n */\n the.on = function(name, handler) {\n return Plugin.addEvent(name, handler);\n };\n\n /**\n * Attach event that will be fired once\n * @returns {KTToggle}\n */\n the.one = function(name, handler) {\n return Plugin.addEvent(name, handler, true);\n };\n\n // Construct plugin\n Plugin.construct.apply(the, [options]);\n\n return the;\n};\n\n// webpack support\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n // module.exports = KTToggle;\n}\n\nexport default KTToggle;","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\nimport { toAbsoluteUrl } from \"../../../../../_helpers\";\n\nconst perfectScrollbarOptions = {\n wheelSpeed: 2,\n wheelPropagation: false,\n};\n\nexport function SearchResult({ data }) {\n if (!data) {\n return null;\n }\n\n if (data.length === 0) {\n return (\n \n
\n \n );\n }\n\n return (\n No record found
\n \n {/* begin: Section */}\n
\n \n \n );\n}\n","import React, { useEffect, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { Dropdown, OverlayTrigger, Tooltip } from \"react-bootstrap\";\nimport SVG from \"react-inlinesvg\";\nimport objectPath from \"object-path\";\nimport { useHtmlClassService } from \"../../../../_core/MetronicLayout\";\nimport { SearchResult } from \"./SearchResult\";\nimport { toAbsoluteUrl } from \"../../../../../_helpers\";\nimport { DropdownTopbarItemToggler } from \"../../../../../_partials/dropdowns\";\nconst fakeData = [\n {\n type: 0,\n text: \"Reports\",\n },\n {\n type: 1,\n text: \"AirPlus Requirements\",\n description: \"by Grog John\",\n iconImage: toAbsoluteUrl(\"/media/files/doc.svg\"),\n },\n {\n type: 1,\n text: \"TechNav Documentation\",\n description: \"by Mary Brown\",\n iconImage: toAbsoluteUrl(\"/media/files/pdf.svg\"),\n },\n {\n type: 1,\n text: \"All Framework Docs\",\n description: \"by Grog John\",\n iconImage: toAbsoluteUrl(\"/media/files/zip.svg\"),\n },\n {\n type: 1,\n text: \"AirPlus Requirements\",\n description: \"by Tim Hardy\",\n iconImage: toAbsoluteUrl(\"/media/files/xml.svg\"),\n },\n {\n text: \"Customers\",\n type: 0,\n },\n {\n type: 1,\n text: \"Jimmy Curry\",\n description: \"Software Developer\",\n iconImage: toAbsoluteUrl(\"/media/users/300_11.jpg\"),\n },\n {\n type: 1,\n text: \"Milena Gibson\",\n description: \"UI Designer\",\n iconImage: toAbsoluteUrl(\"/media/users/300_16.jpg\"),\n },\n {\n type: 1,\n text: \"Stefan JohnStefan\",\n description: \"Marketing Manager\",\n iconImage: toAbsoluteUrl(\"/media/users/300_22.jpg\"),\n },\n {\n type: 1,\n text: \"Anna Strong\",\n description: \"Software Developer\",\n iconImage: toAbsoluteUrl(\"/media/users/300_5.jpg\"),\n },\n {\n type: 0,\n text: \"Files\",\n },\n {\n type: 1,\n text: \"2 New items submitted\",\n description: \"Marketing Manager\",\n iconClassName: \"flaticon2-box font-danger\",\n },\n {\n type: 1,\n text: \"79 PSD files generated\",\n description: \"by Grog John\",\n iconClassName: \"flaticon-psd font-brand\",\n },\n {\n type: 1,\n text: \"$2900 worth products sold\",\n description: \"Total 234 items\",\n iconClassName: \"flaticon2-supermarket font-warning\",\n },\n {\n type: 1,\n text: \"4 New items submitted\",\n description: \"Marketing Manager\",\n iconClassName: \"flaticon-safe-shield-protection font-info\",\n },\n];\n\nexport function SearchDropdown() {\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState(null);\n const [searchValue, setSearchValue] = useState(\"\");\n let timeoutId;\n\n const clearTimeout = () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n };\n\n const handleSearchChange = (event) => {\n setData(null);\n setSearchValue(event.target.value);\n\n if (event.target.value.length > 2) {\n clearTimeout();\n\n setLoading(true);\n\n // simulate getting search result\n timeoutId = setTimeout(() => {\n setData(fakeData);\n setLoading(false);\n }, 500);\n }\n };\n\n const clear = () => {\n setData(null);\n setSearchValue(\"\");\n };\n\n useEffect(() => {\n return () => {\n clearTimeout();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const uiService = useHtmlClassService();\n const layoutProps = useMemo(() => {\n return {\n offcanvas:\n objectPath.get(uiService.config, \"extras.search.layout\") ===\n \"offcanvas\",\n };\n }, [uiService]);\n\n return (\n <>\n {layoutProps.offcanvas && (\n \n Documents\n
\n \n
\n {/* end: Section */}\n\n {/* begin: Section */}\n \n
\n\n \n \n
\n \n \n AirPlus Requirements\n \n \n by Grog John\n \n
\n \n
\n\n \n \n
\n \n \n TechNav Documentation\n \n \n by Mary Broun\n \n
\n \n
\n\n \n \n
\n \n \n All Framework Docs\n \n \n by Nick Stone\n \n
\n \n
\n \n \n
\n \n \n Finance & Accounting Reports\n \n \n by Jhon Larson\n \n
\n \n Members\n
\n \n
\n {/* end: Section */}\n\n {/* begin: Section */}\n \n
\n \n
\n \n \n Milena Gibson\n \n \n UI Designer\n \n
\n \n
\n \n
\n \n \n Stefan JohnStefan\n \n \n Marketing Manager\n \n
\n \n
\n \n
\n \n \n Anna Strong\n \n \n Software Developer\n \n
\n \n
\n \n
\n \n \n Nick Bold\n \n \n Project Coordinator\n \n
\n \n Files\n
\n \n
\n {/* end: Section */}\n \n
\n \n
\n \n \n
\n \n \n 79 PSD files generated\n \n \n by Grog John\n \n
\n \n
\n \n
\n \n \n
\n \n \n $2900 worth products sold\n \n \n Total 234 items\n \n
\n \n
\n \n
\n \n \n
\n \n \n 4 New items submitted\n \n \n Marketing Manager\n \n
\n \n
\n \n
\n \n \n
\n \n \n 4 New items submitted\n \n \n Marketing Manager\n \n
\n \n \n \n \n \n
\n \n )}\n {!layoutProps.offcanvas && (\n \n \n
\n \n \n \n \n \n \n \n
\n \n )}\n {!layoutProps.offcanvas && (\n \n \n \n
\n \n \n )}\n {!layoutProps.offcanvas && (\n \n \n
\n \n \n\n \n \n \n \n
\n \n \n \n
\n \n \n - \n {languages.map((language) => (\n
\n
\n )}\n\n {!layoutProps.offcanvas && (\n <>\n Hola,\n \n {/* {user.fullname} */}\n {userInfo && userInfo.email.split('@')[0]}\n \n \n {/* {user.fullname[0]} */}\n {userInfo && userInfo.email[0].toUpperCase()}\n \n \n
\n \n {layoutProps.viewSearchDisplay && Quick panel}\n >\n \n \n \n
\n \n \n )}\n\n {layoutProps.viewLanguagesDisplay && \n \n Salir\n \n
*/}\n\n \n );\n}\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React from \"react\";\nimport { useLocation } from \"react-router\";\nimport { NavLink } from \"react-router-dom\";\nimport SVG from \"react-inlinesvg\";\nimport { toAbsoluteUrl, checkIsActive } from \"../../../../_helpers\";\n\nexport function HeaderMenu({ layoutProps }) {\n const location = useLocation();\n const getMenuItemActive = (url) => {\n return checkIsActive(location, url) ? \"menu-item-active\" : \"\";\n }\n\n return - \n {/*begin::1 Level*/}\n
- \n
\n Dashboard\n {layoutProps.rootArrowEnabled && ()}\n \n \n {/*end::1 Level*/}\n\n {/*Classic submenu*/}\n {/*begin::1 Level*/}\n - \n
\n \n Autocomplete\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Buttons\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Checkboxes\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Pickers\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Radio Buttons\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Selects\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Switches\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Text Fields\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Transfer List\n \n \n {/*end::3 Level*/}\n - \n
\n \n Bottom Navigation\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Breadcrumbs\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Drawers\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n NavLinks\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Menus\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Steppers\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Tabs\n \n \n {/*end::3 Level*/}\n - \n
\n \n App Bar\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Paper\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Cards\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Expansion Panels\n \n \n {/*end::3 Level*/}\n - \n
\n \n Progress\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Dialogs\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Snackbars\n \n \n {/*end::3 Level*/}\n - \n
\n \n Avatars\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Badges\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Chips\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Dividers\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Icons\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Lists\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Tables\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Tooltips\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Typography\n \n \n {/*end::3 Level*/}\n - \n
\n \n Click Away Listener\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Modal\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n No SSR\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Popover\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Popper\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Portal\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Transitions\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n useMediaQuery\n \n \n {/*end::3 Level*/}\n - \n
\n \n Box\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Container\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Grid\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Grid list\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Hidden\n \n \n {/*end::3 Level*/}\n\n - \n
\n \n A ... C\n \n
\n- \n {/*begin::3 Level*/}\n
- \n
\n Alerts\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Accordion\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Badge\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Breadcrumb\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Buttons\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Button Group\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Cards\n \n \n {/*end::3 Level*/}\n
\n - \n
- \n
- \n
- \n
\n Carousel\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Dropdowns\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Forms\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Input Group\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Images\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Figures\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Jumbotron\n \n \n {/*end::3 Level*/}\n
\n \n C ... J\n \n
\n {/*begin::3 Level*/}\n \n - \n
- \n
\n \n L ... P\n \n
\n- \n {/*begin::3 Level*/}\n
- \n
\n List group\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Modal\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Navs\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Navbar\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Overlays\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Pagination\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Popovers\n \n \n {/*end::3 Level*/}\n
\n - \n
- \n
\n \n P ... T\n \n
\n- \n {/*begin::3 Level*/}\n
- \n
\n Progress\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Spinners\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Table\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Tabs\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Tooltips\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n Toasts\n \n \n {/*end::3 Level*/}\n
\n - \n
- \n
\n \n Customers\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Products\n \n \n {/*end::3 Level*/}\n - \n
\n Layout Builder\n \n \n {/*end::3 Level*/}\n\n {/*begin::2 Level*/}\n - \n
\n \n Error 1\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Error 2\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Error 3\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Error 4\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Error 5\n \n \n {/*end::3 Level*/}\n\n {/*begin::3 Level*/}\n - \n
\n \n Error 6\n \n \n {/*end::3 Level*/}\n
\n
\n \n {/*end::1 Level*/}\n\n {/*Mega submenu*/}\n {/*begin::1 Level*/}\n - \n {/*begin::2 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n \n\n {/*Classic submenu*/}\n {/*begin::1 Level*/}\n - \n
\n
\n \n {/*end::1 Level*/}\n - \n {/*begin::2 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n {/*begin::2 Level*/}\n - \n {/*begin::3 Level*/}\n
\n
\n \n {/*end::2 Level*/}\n\n - \n {/*begin::3 Level*/}\n
\n {layoutProps.disabledAsideSelfDisplay && (\n <>\n {/*begin::Header Logo*/}\n
\n {/*Header Menu Wrapper*/}\n \n}\n","import React, {useMemo} from \"react\";\nimport objectPath from \"object-path\";\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\nimport {Topbar} from \"./Topbar\";\nimport {HeaderMenuWrapper} from \"./header-menu/HeaderMenuWrapper\";\nimport {AnimateLoading} from \"../../../_partials/controls\";\nimport {Link} from \"react-router-dom\";\nimport {toAbsoluteUrl} from \"../../../_helpers\";\n\nexport function Header({sinUser}) {\n const uiService = useHtmlClassService();\n\n const layoutProps = useMemo(() => {\n return {\n headerClasses: uiService.getClasses(\"header\", true),\n headerAttributes: uiService.getAttributes(\"header\"),\n headerContainerClasses: uiService.getClasses(\"header_container\", true),\n headerSelfTheme: objectPath.get(uiService.config, \"header.self.theme\"),\n menuHeaderDisplay: objectPath.get(\n uiService.config,\n \"header.menu.self.display\"\n )\n };\n }, [uiService]);\n\n const getHeaderLogo = () => {\n let result = \"logo-light.png\";\n if (layoutProps.headerSelfTheme && layoutProps.headerSelfTheme !== \"dark\") {\n result = \"logo-dark.png\";\n }\n //Agrego para no romper el template pero que se vea el logo\n result = \"MEC-EscudoCorrientes.svg\";\n return toAbsoluteUrl(`/media/logos/${result}`);\n };\n\n return (\n <>\n {/*begin::Header*/}\n \n \n }/)
\n \n
\n {/*end::Header Logo*/}\n \n )}\n {/*begin::Header Menu*/}\n \n
\n {/*end::Container*/}\n \n {/*end::Header*/}\n \n );\n}\n","import objectPath from \"object-path\";\nimport {toAbsoluteUrl} from \"../../_helpers\";\n\nexport class HtmlClassService {\n // Public properties\n config;\n classes;\n attributes;\n\n /**\n * Build html element classes from layout config\n * @param layoutConfig\n */\n setConfig(layoutConfig) {\n this.config = this.preInit(layoutConfig);\n\n // scope list of classes\n this.classes = {\n header: [],\n header_container: [],\n header_mobile: [],\n header_menu: [],\n aside: [],\n aside_menu: [],\n subheader: [],\n subheader_container: [],\n content: [],\n content_container: [],\n footer_container: []\n };\n\n this.attributes = {\n aside_menu: {},\n header_mobile: {},\n header_menu: {}\n };\n\n // init base layout\n this.initLayout();\n this.initLoader();\n\n // init header and subheader menu\n this.initHeader();\n this.initSubheader();\n\n this.initContent();\n // init aside and aside menu\n this.initAside();\n\n // init footer\n this.initFooter();\n\n // init theme\n this.initTheme();\n }\n\n preInit(layoutConfig) {\n const updatedConfig = Object.assign({}, layoutConfig);\n const headerSelfFixedDesktop = objectPath.get(updatedConfig, \"header.self.fixed.desktop\");\n const subheaderFixed = objectPath.get(updatedConfig, \"subheader.fixed\");\n if (subheaderFixed && headerSelfFixedDesktop) {\n // Page::setOption('layout', 'subheader/style', 'solid');\n updatedConfig.subheader.style = \"solid\"; \n } else {\n // Page::setOption('layout', 'subheader/fixed', false);\n updatedConfig.subheader.fixed = false;\n }\n return updatedConfig;\n }\n\n /**\n * Returns Classes\n *\n * @param path: string\n * @param toString boolean\n */\n getClasses(path, toString) {\n if (path) {\n const classes = objectPath.get(this.classes, path) || \"\";\n if (toString && Array.isArray(classes)) {\n return classes.join(\" \");\n }\n return classes.toString();\n }\n return this.classes;\n }\n\n getAttributes(path) {\n if (path) {\n const attributes = objectPath.get(this.attributes, path) || [];\n return attributes;\n }\n return [];\n }\n\n getLogo() {\n const brandSkin = objectPath.get(this.config, \"brand.self.theme\");\n if (brandSkin === \"light\") {\n //return toAbsoluteUrl(\"/media/logos/logo-dark.png\");\n return toAbsoluteUrl(\"/media/logos/MEC-EscudoCorrientes.svg\");\n } else {\n //return toAbsoluteUrl(\"/media/logos/logo-light.png\");\n return toAbsoluteUrl(\"/media/logos/MEC-EscudoCorrientes-light.svg\");\n }\n }\n\n getStickyLogo() {\n let logo = objectPath.get(this.config, \"self.logo.sticky\");\n if (typeof logo === \"undefined\") {\n logo = this.getLogo();\n }\n return logo + \"\";\n }\n\n /**\n * Init Layout\n */\n initLayout() {\n const selfBodyBackgroundImage = objectPath.get(this.config, \"self.body.background-image\");\n if (selfBodyBackgroundImage) {\n document.body.style.backgroundImage = `url(\"${selfBodyBackgroundImage}'\")`;\n }\n\n const _selfBodyClass = objectPath.get(this.config, \"self.body.class\");\n if (_selfBodyClass) {\n const bodyClasses = _selfBodyClass.toString().split(\" \");\n bodyClasses.forEach(cssClass => document.body.classList.add(cssClass));\n }\n\n // Offcanvas directions\n document.body.classList.add(\"quick-panel-right\");\n document.body.classList.add(\"demo-panel-right\");\n document.body.classList.add(\"offcanvas-right\");\n }\n\n /**\n * Init Loader\n */\n initLoader() {}\n\n /**\n * Init Header\n */\n initHeader() {\n // Fixed header\n const headerSelfFixedDesktop = objectPath.get(this.config, \"header.self.fixed.desktop\");\n if (headerSelfFixedDesktop) {\n document.body.classList.add(\"header-fixed\");\n objectPath.push(this.classes, \"header\", \"header-fixed\");\n } else {\n document.body.classList.add(\"header-static\");\n }\n\n const headerSelfFixedMobile = objectPath.get(this.config, \"header.self.fixed.mobile\");\n if (headerSelfFixedMobile) {\n document.body.classList.add(\"header-mobile-fixed\");\n objectPath.push(this.classes, \"header_mobile\", \"header-mobile-fixed\");\n }\n\n // Menu\n const headerMenuSelfDisplay = objectPath.get(this.config, \"header.menu.self.display\");\n if (headerMenuSelfDisplay) {\n const headerMenuSelfLayout = objectPath.get(this.config, \"header.menu.self.layout\");\n const headerMenuLayoutCssClass = `header-menu-layout-${headerMenuSelfLayout}`;\n objectPath.push(this.classes, \"header_menu\", headerMenuLayoutCssClass);\n\n if (objectPath.get(this.config, \"header.menu.self.root-arrow\")) {\n objectPath.push(this.classes, \"header_menu\", \"header-menu-root-arrow\");\n }\n }\n\n const headerSelfWidth = objectPath.get(this.config, \"header.self.width\");\n if (headerSelfWidth === \"fluid\") {\n objectPath.push(this.classes, \"header_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"header_container\", \"container\");\n }\n }\n\n /**\n * Init Subheader\n */\n initSubheader() {\n const subheaderDisplay = objectPath.get(this.config, \"subheader.display\");\n if (subheaderDisplay) {\n document.body.classList.add(\"subheader-enabled\");\n } else {\n return;\n }\n\n // Fixed content head\n const subheaderFixed = objectPath.get(this.config, \"subheader.fixed\");\n const headerSelfFixedDesktop = objectPath.get(this.config, \"header.self.fixed.desktop\");\n if (subheaderFixed && headerSelfFixedDesktop) {\n document.body.classList.add(\"subheader-fixed\");\n // Page::setOption('layout', 'subheader/style', 'solid'); => See preInit()\n } else {\n // Page::setOption('layout', 'subheader/fixed', false); => See preInit()\n }\n\n const subheaderStyle = objectPath.get(this.config, \"subheader.style\");\n if (subheaderStyle) {\n const subheaderClass = `subheader-${subheaderStyle}`;\n objectPath.push(this.classes, \"subheader\", subheaderClass);\n }\n\n const subheaderWidth = objectPath.get(this.config, \"subheader.width\");\n if (subheaderWidth === \"fluid\") {\n objectPath.push(this.classes, \"subheader_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"subheader_container\", \"container\");\n }\n\n if (objectPath.get(this.config, \"subheader.clear\")) {\n objectPath.push(this.classes, \"subheader\", \"mb-0\");\n }\n }\n\n /**\n * Init Content\n */\n initContent() {\n if (objectPath.get(this.config, \"content.fit-top\")) {\n objectPath.push(this.classes, \"content\", \"pt-0\");\n }\n\n if (objectPath.get(this.config, \"content.fit-bottom\")) {\n objectPath.push(this.classes, \"content\", \"pb-0\");\n }\n\n if (objectPath.get(this.config, \"content.width\") === \"fluid\") {\n objectPath.push(this.classes, \"content_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"content_container\", \"container\");\n }\n }\n\n /**\n * Init Aside\n */\n initAside() {\n // Check Aside\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\n if (!asideSelfDisplay) {\n return;\n }\n\n // Enable Aside\n document.body.classList.add(\"aside-enabled\");\n\n // Fixed Aside\n const asideSelfFixed = objectPath.get(this.config, \"aside.self.fixed\");\n if (asideSelfFixed) {\n document.body.classList.add(\"aside-fixed\");\n objectPath.push(this.classes, \"aside\", \"aside-fixed\");\n } else {\n document.body.classList.add(\"aside-static\");\n }\n\n // Check Aside\n if (!asideSelfDisplay) {\n return;\n }\n\n // Default fixed\n if (objectPath.get(this.config, \"aside.self.minimize.default\")) {\n document.body.classList.add(\"aside-minimize\");\n }\n\n if (objectPath.get(this.config, \"aside.self.minimize.hoverable\")) {\n document.body.classList.add(\"aside-minimize-hoverable\");\n }\n\n // Menu\n // Dropdown Submenu\n const asideMenuDropdown = objectPath.get(this.config, \"aside.menu.dropdown\");\n if (asideMenuDropdown) {\n objectPath.push(this.classes, \"aside_menu\", \"aside-menu-dropdown\");\n this.attributes.aside_menu[\"data-menu-dropdown\"] = \"1\";\n }\n\n // Scrollable Menu\n this.attributes.aside_menu[\"data-menu-scroll\"] = asideMenuDropdown ? \"0\" : \"1\";\n\n const asideSubmenuDHoverTimeout = objectPath.get(\n this.config,\n \"aside.menu.submenu.dropdown.hover-timeout\"\n );\n if (asideSubmenuDHoverTimeout) {\n this.attributes.aside_menu[\n \"data-menu-dropdown-timeout\"\n ] = asideSubmenuDHoverTimeout;\n }\n }\n\n /**\n * Init Footer\n */\n initFooter() {\n // Fixed header\n if (objectPath.get(this.config, \"footer.fixed\")) {\n document.body.classList.add(\"footer-fixed\");\n }\n\n if (objectPath.get(this.config, \"footer.self.width\") === \"fluid\") {\n objectPath.push(this.classes, \"footer_container\", \"container-fluid\");\n } else {\n objectPath.push(this.classes, \"footer_container\", \"container\");\n }\n }\n\n /** Init Theme */\n initTheme() {\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\n if (!asideSelfDisplay) {\n const headerSelfTheme = objectPath.get(this.config, \"header.self.theme\");\n document.body.classList.add(`brand-${headerSelfTheme}`);\n } else {\n const brandSelfTheme = objectPath.get(this.config, \"brand.self.theme\");\n document.body.classList.add(`brand-${brandSelfTheme}`);\n }\n }\n}\n","import React, { createContext, useContext, useMemo } from \"react\";\nimport { getInitLayoutConfig } from \"./LayoutConfig\";\nimport { HtmlClassService } from \"./HTMLClassService\";\n\nconst LAYOUT_CONFIG_KEY =\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || \"LayoutConfig\";\n\nfunction getConfig() {\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\n if (ls) {\n try {\n return JSON.parse(ls);\n } catch (er) {\n console.error(er);\n }\n }\n return getInitLayoutConfig();\n}\n\n// Side effect\nexport function setLayoutConfig(config) {\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\n window.location.reload();\n}\n\nconst HtmlClassServiceContext = createContext();\n\n/**\n *\n *\n * @export\n * @returns Layout context from 'localStorage'\n */\nexport function useHtmlClassService() {\n return useContext(HtmlClassServiceContext);\n}\n\nexport function withHtmlClassService(Component) {\n class WithHtmlClassService extends React.Component {\n static displayName = `WithHtmlClassService(${Component.displayName ||\n Component.name})`;\n\n static contextType = HtmlClassServiceContext;\n\n render() {\n return \n {/*begin::Header Logo*/}\n
\n\n {/*begin::Topbar*/}\n {!(!!sinUser) && (\n \n \n })
\n \n
\n {/*end::Header Logo*/}\n - \n \n {/*begin::1 Level*/}\n
- \n
Components
\n \n */}\n {/* end:: section */}\n\n {/* Material-UI */}\n {/*begin::1 Level*/}\n {/* - \n \n Material UI\n \n */}\n\n {/* Inputs */}\n {/*begin::2 Level*/}\n {/*
- \n
Applications
\n \n */}\n {/* end:: section */}\n\n {/* eCommerce */}\n {/*begin::1 Level*/}\n {/* - \n \n eCommerce\n \n */}\n {/*begin::2 Level*/}\n {/*
- \n
Custom
\n \n */}\n {/* end:: section */}\n\n\n {/* Error Pages */}\n {/*begin::1 Level*/}\n {/* - \n \n Error Pages\n \n */}\n\n {/*begin::2 Level*/}\n {/*
- \n
Prueba
\n \n */}\n {/* end:: section */}\n {/* Prueba */}\n {/*begin::1 Level*/}\n {/* - \n
\n \n \n Juanma\n \n \n\n \n\n- \n
- \n \n Juanma\n \n */}\n {/*begin::2 Level*/}\n {/*
\n \n \n \n Certificados\n \n */}\n {/*end::2 Level*/}\n {/*begin::2 Level*/}\n {/*\n \n \n \n Legajo\n \n */}\n {/*end::2 Level*/}\n {/*begin::2 Level*/}\n {/*\n \n \n \n Pre-Inscripción\n \n */}\n {/*end::2 Level*/}\n {/* */}\n {/*end::1 Level*/}\n
\n \n
\n */}\n {/*end::1 Level*/}\n\n {/* Bootstrap */}\n {/*begin::1 Level*/}\n {/* - \n
\n \n
\n */}\n {/*end::2 Level*/}\n\n {/* Navigation */}\n {/*begin::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n \n
\n */}\n {/*end::2 Level*/}\n\n {/* Surfaces */}\n {/*begin::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n \n
\n */}\n {/*end::2 Level*/}\n\n {/* Feedback */}\n {/*begin::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n \n
\n */}\n {/*end::2 Level*/}\n\n {/* Data Display */}\n {/*begin::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n \n
\n */}\n {/*end::2 Level*/}\n\n {/* Utils */}\n {/*begin::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n \n
\n */}\n {/*end::2 Level*/}\n\n {/* Layout */}\n {/*begin::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n \n
\n */}\n {/*end::2 Level*/}\n {/* - */}\n {/*begin::3 Level*/}\n {/*
\n
\n */}\n {/*end::1 Level*/}\n\n {/* Applications */}\n {/* begin::section */}\n {/* - \n
- \n
\n \n
\n */}\n {/*end::1 Level*/}\n\n {/* Custom */}\n {/* begin::section */}\n {/* - \n
\n \n
\n */}\n {/*end::1 Level*/}\n\n\n {/* begin::section */}\n {/* - \n
\n
\n {/* end::Aside */}\n \n );\n}\n","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutHeader = function() {\n // Private properties\n var _element;\n var _elementForMobile;\n var _object;\n\n\t// Private functions\n // Get Height\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element) + 1;\n }\n\n return height;\n }\n\n // Get Height\n var _getHeightForMobile = function() {\n var height;\n\n height = KTUtil.actualHeight(_elementForMobile);\n\n return height;\n }\n\n // Public Methods\n\treturn {\n\t\tinit: function(id, idForMobile) {\n _element = KTUtil.getById(id);\n _elementForMobile = KTUtil.getById(idForMobile);\n\n if (!_element) {\n return;\n }\n\t\t},\n\n isFixed: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'header-fixed')\n },\n\n isFixedForMobile: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\n },\n\n getElement: function() {\n return _element;\n },\n\n getElementForMobile: function() {\n return _elementForMobile;\n },\n\n getHeader: function() {\n return _object;\n },\n\n getHeight: function() {\n return _getHeight();\n },\n\n getHeightForMobile: function() {\n return _getHeightForMobile();\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutHeader;\n}\n\nexport default KTLayoutHeader;","/* eslint-disable */\n\"use strict\";\n\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\nimport KTMenu from \"./../../components/menu.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutHeaderMenu = function() {\n // Private properties\n\tvar _menuElement;\n var _menuObject;\n var _offcanvasElement;\n var _offcanvasObject;\n\n // Private functions\n\tvar _init = function() {\n\t\t_offcanvasObject = new KTOffcanvas(_offcanvasElement, {\n\t\t\toverlay: true,\n\t\t\tbaseClass: 'header-menu-wrapper',\n\t\t\tcloseBy: 'kt_header_menu_mobile_close_btn',\n\t\t\ttoggleBy: {\n\t\t\t\ttarget: 'kt_header_mobile_toggle',\n\t\t\t\tstate: 'mobile-toggle-active'\n\t\t\t}\n\t\t});\n\t\t\n\t\t_menuObject = new KTMenu(_menuElement, {\n\t\t\tsubmenu: {\n\t\t\t\tdesktop: 'dropdown',\n\t\t\t\ttablet: 'accordion',\n\t\t\t\tmobile: 'accordion'\n\t\t\t},\n\t\t\taccordion: {\n\t\t\t\tslideSpeed: 200, // accordion toggle slide speed in milliseconds\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\n\t\t\t}\n\t\t});\n\n\t\t// Close aside offcanvas panel before page reload On tablet and mobile\n _menuObject.on('linkClick', function(menu) {\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\n _offcanvasObject.hide(); // Hide offcanvas after general link click\n }\n });\n\t}\n\n // Public methods\n\treturn {\n init: function(menuId, offcanvasId) {\n _menuElement = KTUtil.getById(menuId);\n _offcanvasElement = KTUtil.getById(offcanvasId);\n\n if (!_menuElement) {\n return;\n }\n\n // Initialize menu\n _init();\n\t\t},\n\n\t\tgetMenuElement: function() {\n\t\t\treturn _menuElement;\n\t\t},\n\n getOffcanvasElement: function() {\n\t\t\treturn _offcanvasElement;\n\t\t},\n\n getMenu: function() {\n\t\t\treturn _menuObject;\n\t\t},\n\n\t\tpauseDropdownHover: function(time) {\n\t\t\tif (_menuObject) {\n\t\t\t\t_menuObject.pauseDropdownHover(time);\n\t\t\t}\n\t\t},\n\n getOffcanvas: function() {\n\t\t\treturn _offcanvasObject;\n\t\t},\n\n\t\tcloseMobileOffcanvas: function() {\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\n\t\t\t\t_offcanvasObject.hide();\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutHeaderMenu;\n}\n\nexport default KTLayoutHeaderMenu;","/* eslint-disable */\n\"use strict\";\n\nimport KTToggle from \"./../../components/toggle.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutHeaderTopbar = function() {\n // Private properties\n\tvar _toggleElement;\n var _toggleObject;\n\n // Private functions\n var _init = function() {\n\t\t\t_toggleObject = new KTToggle(_toggleElement, KTUtil.getBody(), {\n\t\t\t\ttargetState: 'topbar-mobile-on',\n\t\t\t\ttoggleState: 'active',\n\t\t\t});\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _toggleElement = KTUtil.getById(id);\n\n\t\t\tif (!_toggleElement) {\n return;\n }\n\n // Initialize\n _init();\n\t\t},\n\n getToggleElement: function() {\n return _toggleElement;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutHeaderTopbar;\n}\n\nexport default KTLayoutHeaderTopbar;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutBrand = function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\t\t},\n\n getElement: function() {\n return _element;\n },\n\n getHeight: function() {\n return _getHeight();\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutBrand;\n}\n\nexport default KTLayoutBrand;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\n\nvar KTLayoutAside = function() {\n // Private properties\n var _body;\n var _element;\n var _offcanvasObject;\n\n // Private functions\n\t// Initialize\n\tvar _init = function() {\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\n\n // Initialize mobile aside offcanvas\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\n\t\t\tbaseClass: offcanvasClass,\n\t\t\toverlay: true,\n\t\t\tcloseBy: 'kt_aside_close_btn',\n\t\t\ttoggleBy: {\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\n\t\t\t\tstate: 'mobile-toggle-active'\n\t\t\t}\n\t\t});\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n _body = KTUtil.getBody();\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n },\n\n getOffcanvas: function() {\n return _offcanvasObject;\n },\n\n isFixed: function() {\n return KTUtil.hasClass(_body, 'aside-fixed');\n },\n\n isMinimized: function() {\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize'));\n },\n\n isHoverable: function() {\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable'));\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutAside;\n}\n\nexport default KTLayoutAside;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutSubheader = function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\t\t},\n\n isFixed: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\n },\n\n getElement: function() {\n return _element;\n },\n\n getHeight: function() {\n return _getHeight();\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutSubheader;\n}\n\nexport default KTLayoutSubheader;","/* eslint-disable */\n\"use strict\";\n\nimport KTLayoutHeader from \"./header.js\";\nimport KTCard from \"./../../components/card.js\";\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutSubheader from \"./subheader.js\";\n\nvar KTLayoutStickyCard = function() {\n // Private properties\n\tvar _element;\n var _object;\n\n\t// Private functions\n\tvar _init = function() {\n\t\tvar offset = 300;\n\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\n\t\t\toffset = KTLayoutHeader.getHeight();\n\t\t}\n\n _object = new KTCard(_element, {\n\t\t\tsticky: {\n\t\t\t\toffset: offset,\n\t\t\t\tzIndex: 90,\n\t\t\t\tposition: {\n\t\t\t\t\ttop: function() {\n\t\t\t\t\t\tvar pos = 0;\n var body = KTUtil.getBody();\n\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\n\n\t\t\t\t\t\treturn pos;\n\t\t\t\t\t},\n\t\t\t\t\tleft: function(card) {\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\n\t\t\t\t\t},\n\t\t\t\t\tright: function(card) {\n\t\t\t\t\t\tvar body = KTUtil.getBody();\n\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\n\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t_object.initSticky();\n\n\t\tKTUtil.addResizeHandler(function() {\n\t\t\t_object.updateSticky();\n\t\t});\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n\t\t\t_init();\n\t\t},\n\n\t\tupdate: function() {\n\t\t\tif (_object) {\n\t\t\t\t_object.updateSticky();\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutStickyCard;\n}\n\nexport default KTLayoutStickyCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutBrand from \"./brand.js\";\nimport KTMenu from \"./../../components/menu.js\";\nimport KTLayoutAside from \"./aside.js\";\n\nvar KTLayoutAsideMenu = function() {\n // Private properties\n var _body;\n var _element;\n var _menuObject;\n\n\t// Initialize\n\tvar _init = function() {\n\t\tvar menuDesktopMode = (KTUtil.attr(_element, 'data-menu-dropdown') === '1' ? 'dropdown' : 'accordion');\n var scroll;\n\n\t\tif (KTUtil.attr(_element, 'data-menu-scroll') === '1') {\n\t\t\tscroll = {\n\t\t\t\trememberPosition: true, // remember position on page reload\n\t\t\t\theight: function() { // calculate available scrollable area height\n\t\t\t\t\tvar height = parseInt(KTUtil.getViewPort().height);\n\n\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t\theight = height - KTLayoutBrand.getHeight();\n\t\t\t\t\t}\n\n\t\t\t\t\theight = height - (parseInt(KTUtil.css(_element, 'marginBottom')) + parseInt(KTUtil.css(_element, 'marginTop')));\n\n\t\t\t\t\treturn height;\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\t_menuObject = new KTMenu(_element, {\n\t\t\t// Vertical scroll\n\t\t\tscroll: scroll,\n\n\t\t\t// Submenu setup\n\t\t\tsubmenu: {\n\t\t\t\tdesktop: menuDesktopMode,\n\t\t\t\ttablet: 'accordion', // menu set to accordion in tablet mode\n\t\t\t\tmobile: 'accordion' // menu set to accordion in mobile mode\n\t\t\t},\n\n\t\t\t// Accordion setup\n\t\t\taccordion: {\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\n\t\t\t}\n\t\t});\n\t}\n\n var _initHover = function() {\n // Handle Minimized Aside Hover\n\t\tif (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable')) {\n\t\t\tvar insideTm;\n\t\t\tvar outsideTm;\n\n // Handle Aside Hover Mode\n\t\t\tKTUtil.addEvent(_element, 'mouseenter', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (outsideTm) {\n\t\t\t\t\tclearTimeout(outsideTm);\n\t\t\t\t\toutsideTm = null;\n\t\t\t\t}\n\n if (insideTm) {\n\t\t\t\t\tclearTimeout(insideTm);\n\t\t\t\t\tinsideTm = null;\n\t\t\t\t}\n\n\t\t\t\tinsideTm = setTimeout(function() {\n\t\t\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') && KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t\t// Hover class\n\t\t\t\t\t\tKTUtil.addClass(_body, 'aside-minimize-hover');\n\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollUpdate();\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\n\t\t\t\t\t}\n\t\t\t\t}, 50);\n\t\t\t});\n\n\t\t\tKTUtil.addEvent(KTLayoutAside.getElement(), 'mouseleave', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (insideTm) {\n\t\t\t\t\tclearTimeout(insideTm);\n\t\t\t\t\tinsideTm = null;\n\t\t\t\t}\n\n if (outsideTm) {\n\t\t\t\t\tclearTimeout(outsideTm);\n\t\t\t\t\toutsideTm = null;\n\t\t\t\t}\n\n\t\t\t\toutsideTm = setTimeout(function() {\n\t\t\t\t if (KTUtil.hasClass(_body, 'aside-minimize-hover') && KTUtil.isBreakpointUp('lg')) {\n\t\t\t\t\t KTUtil.removeClass(_body, 'aside-minimize-hover');\n\n\t\t\t\t\t\t// Hover class\n KTLayoutAsideMenu.getMenu().scrollUpdate();\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\n\t\t\t\t\t}\n\t\t\t\t}, 100);\n\t\t\t});\n\t\t}\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _body = KTUtil.getBody();\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize menu\n _init();\n _initHover();\n\t\t},\n\n\t\tgetElement: function() {\n\t\t\treturn _element;\n\t\t},\n\n getMenu: function() {\n\t\t\treturn _menuObject;\n\t\t},\n\n pauseDropdownHover: function(time) {\n\t\t\tif (_menuObject) {\n\t\t\t\t_menuObject.pauseDropdownHover(time);\n\t\t\t}\n\t\t},\n\n\t\tcloseMobileOffcanvas: function() {\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\n\t\t\t\t_menuObject.hide();\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutAsideMenu;\n}\n\nexport default KTLayoutAsideMenu;","/* eslint-disable */\n\"use strict\";\n\nimport KTToggle from \"./../../components/toggle.js\";\nimport KTLayoutStickyCard from \"./sticky-card.js\";\nimport KTLayoutHeaderMenu from \"./header-menu.js\";\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\nimport { KTCookie } from \"./../../components/cookie.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutAsideToggle = function() {\n // Private properties\n var _body;\n var _element;\n var _toggleObject;\n\n\t// Initialize\n\tvar _init = function() {\n\t\t_toggleObject = new KTToggle(_element, _body, {\n\t\t\ttargetState: 'aside-minimize',\n\t\t\ttoggleState: 'active'\n\t\t});\n\n\t\t_toggleObject.on('toggle', function(toggle) {\n // Update sticky card\n if (typeof KTLayoutStickyCard !== 'undefined') {\n KTLayoutStickyCard.update();\n }\n\n // Pause header menu dropdowns\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\n KTLayoutHeaderMenu.pauseDropdownHover(800);\n }\n\n // Pause aside menu dropdowns\n if (typeof KTLayoutAsideMenu !== 'undefined') {\n KTLayoutAsideMenu.pauseDropdownHover(800);\n }\n\n // Remember state in cookie\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\n\t\t\t// to set default minimized left aside use this cookie value in your\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\n\t\t});\n\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\n\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\n\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize-hover');\n\t\t\t}\n\t\t});\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n _body = KTUtil.getBody();\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n\t\t},\n\n getElement: function() {\n return _element;\n },\n\n getToggle: function() {\n\t\t\treturn _toggleObject;\n\t\t},\n\n\t\tonToggle: function(handler) {\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\n\t\t\t\t_toggleObject.on('toggle', handler);\n\t\t\t}\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutAsideToggle;\n}\n\nexport default KTLayoutAsideToggle;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutFooter = function() {\n // Private properties\n var _element;\n\n\t// Private functions\n\tvar _getHeight = function() {\n\t\tvar height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n\t\treturn height;\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\t\t},\n\n\t\tgetHeight: function() {\n\t\t\treturn _getHeight();\n\t\t},\n\n getElement: function() {\n return _element;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutFooter;\n}\n\nexport default KTLayoutFooter;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutHeader from \"./header.js\";\nimport KTLayoutSubheader from \"./subheader.js\";\nimport KTLayoutFooter from \"./footer.js\";\n\nvar KTLayoutContent = function() {\n // Private properties\n var _element;\n\n\t// Private functions\n\tvar _getHeight = function() {\n\t\tvar height;\n\n\t\theight = KTUtil.getViewPort().height;\n\n if (_element) {\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\n }\n\n height = height - KTLayoutHeader.getHeight();\n height = height - KTLayoutSubheader.getHeight();\n height = height - KTLayoutFooter.getHeight();\n\n\t\treturn height;\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\t\t},\n\n\t\tgetHeight: function() {\n\t\t\treturn _getHeight();\n\t\t},\n\n getElement: function() {\n return _element;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutContent;\n}\n\nexport default KTLayoutContent;","/* eslint-disable */\n\"use strict\";\n\nimport KTScrolltop from \"./../../components/scrolltop.js\";\nimport { KTUtil } from \"./../../components/util.js\";\n\nvar KTLayoutScrolltop = function() {\n // Private properties\n var _element;\n var _object;\n\n // Private functions\n var _init = function() {\n _object = new KTScrolltop(_element, {\n offset: 300,\n speed: 600,\n });\n }\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n\t\t},\n\n getElement: function() {\n return _element;\n }\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutScrolltop;\n}\n\nexport default KTLayoutScrolltop;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutContent from \"./content.js\";\n\nvar KTLayoutStretchedCard = function() {\n // Private properties\n\tvar _element;\n\n\t// Private functions\n\tvar _init = function() {\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\n\n\t\tvar height = KTLayoutContent.getHeight();\n\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\n\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\n\n\t\theight = height - 3;\n\n\t\tKTUtil.css(scroll, 'height', height + 'px');\n\t}\n\n // Public methods\n\treturn {\n\t\tinit: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n\t\t\t_init();\n\n // Re-calculate on window resize\n KTUtil.addResizeHandler(function() {\n\t\t\t\t_init();\n\t\t\t});\n\t\t},\n\n\t\tupdate: function() {\n\t\t\t_init();\n\t\t}\n\t};\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutStretchedCard;\n}\n\nexport default KTLayoutStretchedCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\n\nvar KTLayoutQuickPanel = function() {\n // Private properties\n var _element;\n var _offcanvasObject;\n var _notificationsElement;\n var _logsElement;\n var _settingsElement;\n\n // Private functions\n var _getContentHeight = function() {\n var height;\n\n var header = KTUtil.find(_element, '.offcanvas-header');\n var content = KTUtil.find(_element, '.offcanvas-content');\n\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (header) {\n height = height - parseInt(KTUtil.actualHeight(header));\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\n }\n\n if (content) {\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\n }\n\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height = height - 2;\n\n return height;\n }\n\n var _init = function() {\n _offcanvasObject = new KTOffcanvas(_element, {\n overlay: true,\n baseClass: 'offcanvas',\n placement: 'right',\n closeBy: 'kt_quick_panel_close',\n toggleBy: 'kt_quick_panel_toggle'\n });\n }\n\n var _initNotifications = function() {\n KTUtil.scrollInit(_notificationsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n }\n });\n }\n\n var _initLogs = function() {\n KTUtil.scrollInit(_logsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n }\n });\n }\n\n var _initSettings = function() {\n KTUtil.scrollInit(_settingsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n }\n });\n }\n\n var _updateScrollbars = function() {\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\n KTUtil.scrollUpdate(_notificationsElement);\n KTUtil.scrollUpdate(_logsElement);\n KTUtil.scrollUpdate(_settingsElement);\n });\n }\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\n\n _init();\n _initNotifications();\n _initLogs();\n _initSettings();\n\n \n }\n };\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutQuickPanel;\n}\n\nexport default KTLayoutQuickPanel;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\n\nvar KTLayoutQuickUser = function() {\n // Private properties\n var _element;\n var _offcanvasObject;\n\n // Private functions\n var _init = function() {\n var header = KTUtil.find(_element, '.offcanvas-header');\n var content = KTUtil.find(_element, '.offcanvas-content');\n\n _offcanvasObject = new KTOffcanvas(_element, {\n overlay: true,\n baseClass: 'offcanvas',\n placement: 'right',\n closeBy: 'kt_quick_user_close',\n toggleBy: 'kt_quick_user_toggle'\n });\n\n KTUtil.scrollInit(content, {\n disableForMobile: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (header) {\n height = height - parseInt(KTUtil.actualHeight(header));\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\n }\n\n if (content) {\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\n }\n\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height = height - 2;\n\n return height;\n }\n });\n }\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n }\n };\n}();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n\t// module.exports = KTLayoutQuickUser;\n}\n\nexport default KTLayoutQuickUser;","import React, {useLayoutEffect} from \"react\";\nimport {KTUtil} from \"../../_assets/js/components/util\";\nimport KTLayoutHeader from \"../../_assets/js/layout/base/header\";\nimport KTLayoutHeaderMenu from \"../../_assets/js/layout/base/header-menu\";\nimport KTLayoutHeaderTopbar from \"../../_assets/js/layout/base/header-topbar\";\nimport KTLayoutBrand from \"../../_assets/js/layout/base/brand\";\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\n\nexport function LayoutInit() {\n useLayoutEffect(() => {\n // Initialization\n KTUtil.ready(function () {\n ////////////////////////////////////////////////////\n // Layout Base Partials(mandatory for core layout)//\n ////////////////////////////////////////////////////\n // Init Desktop & Mobile Headers\n KTLayoutHeader.init('kt_header', 'kt_header_mobile');\n\n // Init Header Menu\n KTLayoutHeaderMenu.init('kt_header_menu', 'kt_header_menu_wrapper');\n // Init Header Topbar For Mobile Mode\n KTLayoutHeaderTopbar.init('kt_header_mobile_topbar_toggle');\n // Init Brand Panel For Logo\n KTLayoutBrand.init('kt_brand');\n // Init Aside\n KTLayoutAside.init('kt_aside');\n\n // Init Aside Menu Toggle\n KTLayoutAsideToggle.init('kt_aside_toggle');\n //\n // Init Aside Menu\n KTLayoutAsideMenu.init('kt_aside_menu');\n\n // Init Content\n KTLayoutContent.init('kt_content');\n\n // Init Footer\n KTLayoutFooter.init('kt_footer');\n\n\n //////////////////////////////////////////////\n // Layout Extended Partials(optional to use)//\n //////////////////////////////////////////////\n KTLayoutSubheader.init('kt_subheader');\n\n // Init Scrolltop\n KTLayoutScrolltop.init('kt_scrolltop');\n\n // Init Sticky Card\n KTLayoutStickyCard.init('kt_page_sticky_card');\n\n // Init Stretched Card\n KTLayoutStretchedCard.init('kt_page_stretched_card');\n\n // Init Quick Offcanvas Panel\n KTLayoutQuickPanel.init('kt_quick_panel');\n\n // Init Quick User Panel\n KTLayoutQuickUser.init('kt_quick_user');\n });\n }, []);\n return <>;\n}\n","/* eslint-disable no-restricted-imports */\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React, {forwardRef} from \"react\";\nimport {OverlayTrigger, Tooltip} from \"react-bootstrap\";\nimport Dropdown from \"react-bootstrap/Dropdown\";\nimport SVG from \"react-inlinesvg\";\nimport {DropdownMenu1} from \"../../../../_partials/dropdowns\";\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\n\nconst QuickActionsDropdownToggle = forwardRef((props, ref) => {\n return (\n \n {layoutProps.disableAsideSelfDisplay && (\n <>\n {/* begin::Header Logo */}\n \n
\n {/* end::Aside Menu */}\n \n \n 
\n \n
\n {/* end::Header Logo */}\n \n )}\n - \n
- \n \n \n \n \n {items.map((item, index) => (\n
- \n \n {item.title}\n \n \n ))}\n
\n {layoutProps.subheaderMobileToggle && (\n \n \n \n )}\n\n
\n\n {/* Toolbar */}\n \n
\n\n\n \n <>\n {subheader.title}\n \n {/**/}\n
\n\n\n \n Today\n Aug 16\n \n
\n \n \n );\n}\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\nimport React, {useState} from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport {Tab, Nav} from \"react-bootstrap\";\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\n\nexport function QuickPanel() {\n const [selectedTab, setSelectedTab] = useState(\"AuditLogs\");\n\n const setTab = _tabName => {\n setSelectedTab(_tabName);\n };\n\n return (\n \n \n {/*begin::Header*/}\n \n \n \n \n Audit Logs\n \n \n \n \n Notifications\n \n \n \n \n Settings\n \n \n \n\n
\n {/*end::Header*/}\n\n {/*begin::Content*/}\n \n \n \n \n
\n \n \n
\n \n \n
\n \n
\n\n System Messages
\n\n
\n\n \n \n
\n \n \n Top Authors\n \n \n Most Successful Fellas\n \n
\n \n +82$\n \n \n
\n\n \n \n
\n \n \n Popular Authors\n \n \n Most Successful Fellas\n \n
\n \n +280$\n \n \n
\n\n \n \n
\n \n \n New Users\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n\n \n \n
\n \n \n Active Customers\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n \n \n
\n \n \n Bestseller Theme\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n Notifications
\n\n\n \n \n \n\n
\n\n \n \n Another purpose persuade\n \n \n Due in 2 Days\n \n
\n\n \n +28%\n \n \n \n \n \n
\n\n \n \n Would be to people\n \n \n Due in 2 Days\n \n
\n\n \n +50%\n \n \n \n \n \n
\n\n \n \n Purpose would be to persuade\n \n \n Due in 2 Days\n \n
\n\n \n -27%\n \n \n \n \n \n\n
\n \n \n The best product\n \n \n Due in 2 Days\n \n
\n\n \n +8%\n \n \n \n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 5 new user generated report\n
\n Reports based on sales
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n 2 new items submited\n
\n by Grog John
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n 79 PSD files generated\n
\n Reports based on sales
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n $2900 worth producucts sold\n
\n Total 234 items
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 4.5h-avarage response time\n
\n Fostest is Barry
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 3 Defence alerts\n
\n \n 40% less alerts thar last week\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n Avarage 4 blog posts per author\n
\n Most posted 12 time
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 16 authors joined last week\n
\n \n 9 photodrapehrs, 7 designer\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 2 new items have been submited\n
\n by Grog John
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 2.8 GB-total downloads size\n
\n \n Mostly PSD end AL concepts\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n $2900 worth producucts sold\n
\n Total 234 items
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 7 new user generated report\n
\n Reports based on sales
\n \n
\n \n \n
\n \n \n
\n \n
\n \n 4.5h-avarage response time\n
\n Fostest is Barry
\n \n \n
\n\n \n\n \n \n \n \n
\n\n \n User Profile\n 12 messages\n
\n\n \n \n \n
\n \n \n James Jones\n \n
\n Application Developer
\n \n {/* \n Sign Out\n */}\n \n \n \n
\n\n \n\n \n
\n \n\n \n \n
\n \n \n \n \n
\n \n
\n My Profile
\n \n Account settings and more\n {\" \"}\n \n update\n \n
\n \n
\n \n\n \n \n
\n \n \n \n \n
\n \n
\n My Messages
\n Inbox and tasks
\n \n
\n \n\n \n \n
\n \n \n \n \n
\n \n
\n My Activities
\n Logs and notifications
\n \n
\n \n \n
\n \n \n \n \n
\n \n
\n My Tasks
\n latest tasks and projects
\n \n
\n \n \n );\n}\n","import React from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport {toAbsoluteUrl} from \"../../../_helpers\";\n\nexport function ScrollTop() {\n return (\n Recent Notifications
\n\n\n \n \n \n\n
\n\n \n \n Another purpose persuade\n \n Due in 2 Days\n
\n\n \n +28%\n \n \n \n \n \n
\n\n \n \n Would be to people\n \n Due in 2 Days\n
\n\n \n +50%\n \n \n \n \n \n
\n\n \n \n Purpose would be to persuade\n \n Due in 2 Days\n
\n\n \n -27%\n \n \n \n \n \n\n
\n \n \n The best product\n \n Due in 2 Days\n
\n\n \n +8%\n \n \n \n \n {\" \"}\n
\n );\n}\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React from \"react\";\nimport {Link} from \"react-router-dom\";\nimport {OverlayTrigger, Tooltip} from \"react-bootstrap\";\n\nexport function StickyToolbar() {\n return (\n <>\n - \n
- \n
- \n
\n {/*begin::Page*/}\n
\n {/*end::Page*/}\n \n \n {layoutProps.asideDisplay && ()}\n {/*begin::Wrapper*/}\n
\n {/*end::Wrapper*/}\n \n \n {layoutProps.subheaderDisplay &&
\n {/*end::Content*/}\n \n \n {/*begin::Container*/}\n
\n )}\n\n {layoutProps.contentExtended && {children}}\n {/*end::Entry*/}\n \n {children}\n
\n {/*end::Container*/}\n {children}
\n );\n}\n","import React, {useEffect, useState} from \"react\";\nimport {useRouteMatch} from \"react-router-dom\";\n\nexport function Content({ children }) {\n const match = useRouteMatch() || {};\n const animationEndClass = \"grid-animateContent-finished\";\n const [cssClassesState, setCssClassesState] = useState([\n \"grid-animateContent\",\n animationEndClass\n ]);\n\n useEffect(() => {\n // for animation start should toggle 'grid-animateContent-finished' css class\n // TODO: change useMemo\n const fullClasses = [...cssClassesState];\n const startAnimation = fullClasses.filter(el => el !== animationEndClass);\n setCssClassesState(startAnimation);\n const timeOutId = setTimeout(() => {\n setCssClassesState(fullClasses);\n }, 200);\n\n return () => {\n clearTimeout(timeOutId);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [match.url]);\n\n return <>{children};\n}\n","import React from \"react\";\nimport {Route} from \"react-router-dom\";\nimport {Content} from \"./Content\";\n\nexport function ContentRoute({ children, component, render, ...props }) {\n return (\n \n {children}\n
\n )\n);\n\nexport const CardHeader = forwardRef(\n (\n {\n children,\n icon,\n title,\n toolbar,\n className,\n sticky = false,\n labelRef,\n ...props\n },\n ref\n ) => {\n const [top, setTop] = useState(0);\n const [windowHeight, setWindowHeight] = useState(0);\n\n useEffect(() => {\n handleResize();\n\n function handleResize() {\n setWindowHeight(window.innerWidth);\n }\n\n window.addEventListener(\"resize\", handleResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n });\n\n useEffect(() => {\n // Skip if sticky is disabled or on initial render when we don't know about window height.\n if (!sticky || windowHeight === 0) {\n return;\n }\n\n const headerElement = document.querySelector(\".header\");\n const subheaderElement = document.querySelector(\".subheader\");\n const headerMobileElement = document.querySelector(\".header-mobile\");\n\n let nextMarginTop = 0;\n\n // mobile header\n if (window.getComputedStyle(headerElement).height === \"0px\") {\n nextMarginTop = headerMobileElement.offsetHeight;\n } else {\n // desktop header\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\n // hardcoded minimized header height\n nextMarginTop = 60;\n } else {\n // normal fixed header\n if (document.body.classList.contains(\"header-fixed\")) {\n nextMarginTop += headerElement.offsetHeight;\n }\n\n if (document.body.classList.contains(\"subheader-fixed\")) {\n nextMarginTop += subheaderElement.offsetHeight;\n }\n }\n }\n\n setTop(nextMarginTop);\n }, [sticky, windowHeight]);\n\n return (\n \n {icon}\n\n {/* Wrap string and fragments in CardHeaderTitle */\n typeof title === \"string\" || isFragment(title) ? (\n {title} \n ) : (\n title\n )}\n
\n )}\n\n {toolbar}\n {children}\n \n );\n }\n);\n\nexport const CardBody = forwardRef(\n ({ fit, fluid, className, ...props }, ref) => (\n \n \n {languages[0].code}\n \n
\n \n )}\n {languages.length > 1 && (\n <>\n \n {languages.map((lang, index) => (\n \n \n \n {lang.code}\n \n
\n \n ))}\n \n \n \n )}\n \n \n );\n};\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React, {useState, useEffect} from \"react\";\nimport {KTCodeBlock} from \"./KTCodeBlock\";\nimport {Card, CardBody, CardHeader} from \"../Card\";\nimport {CodeBlockToolbar} from \"../code-examples/CodeBlockToolbar\";\n\nexport function KTCodeExample({\n jsCode,\n children,\n beforeCodeTitle,\n languages,\n codeBlockHeight\n}) {\n const defaultLanguages = !languages\n ? [\n {\n code: jsCode,\n language: \"javascript\",\n shortCode: \"JS\"\n }\n ]\n : languages;\n const [isCodeBlockShown, setIsCodeBlockShown] = useState(false);\n const [tabId, setTabId] = useState(0);\n const [customStyle, setCustomStyle] = useState({});\n useEffect(() => {\n const styles = {};\n\n if (codeBlockHeight) {\n styles.height = codeBlockHeight;\n styles.overflowX = \"auto\";\n }\n\n if (defaultLanguages.length > 1) {\n styles.background = `none transparent !important`;\n }\n\n setCustomStyle(styles);\n }, [codeBlockHeight, defaultLanguages.length]);\n\n const toolbar = (\n \n
\n );\n\n return (\n \n
\n \n \n \n \n
\n\n \n {children}\n
\n \n );\n }\n);\n\n// Set display name for debugging.\nif (process.env.NODE_ENV !== \"production\") {\n Notice.displayName = \"Notice\";\n}\n","// CodeExamples\nexport {CodeBlock} from \"./code-examples/CodeBlock\";\nexport {CodeBlockToolbar} from \"./code-examples/CodeBlockToolbar\";\nexport {CodeExample} from \"./code-examples/CodeExample\";\nexport {CodeExampleSimple} from \"./code-examples/CodeExampleSimple\";\n\n// KTCodeExamples\nexport {KTCodeBlock} from \"./code-examples-kt/KTCodeBlock\";\nexport {KTCodeExample} from \"./code-examples-kt/KTCodeExample\";\n\n// Forms\nexport {DatePickerField} from \"./forms/DatePickerField\";\nexport {FieldFeedbackLabel} from \"./forms/FieldFeedbackLabel\";\nexport {FormAlert} from \"./forms/FormAlert\";\nexport {Input} from \"./forms/Input\";\nexport {Select} from \"./forms/Select\";\nexport {Checkbox} from \"./forms/Checkbox\";\nexport {HeaderCheckbox} from \"./forms/HeaderCheckbox\";\n\n\n// Paginations\nexport {Pagination} from \"./pagination/Pagination\"\nexport {PaginationLinks} from \"./pagination/PaginationLinks\";\nexport {PaginationToolbar} from \"./pagination/PaginationToolbar\";\n\n// Controls\nexport * from \"./Card\";\nexport {default as AnimateLoading} from \"./AnimateLoading\";\nexport {LoadingDialog} from \"./LoadingDialog\";\nexport {Notice} from \"./Notice\";\nexport {SplashScreen} from \"./SplashScreen\";\nexport {SVGIcon} from \"./SVGIcon\";\nexport {ModalProgressBar} from \"./ModalProgressBar\";","export function removeCSSClass(ele, cls) {\n const reg = new RegExp(\"(\\\\s|^)\" + cls + \"(\\\\s|$)\");\n ele.className = ele.className.replace(reg, \" \");\n}\n\nexport function addCSSClass(ele, cls) {\n ele.classList.add(cls);\n}\n\nexport const toAbsoluteUrl = pathname => process.env.PUBLIC_URL + pathname;\n","import * as utils from \"./LocalStorageHelpers\";\n\nconst localStorageLastLocationKey = \"metronic-lastLocation\";\n\nfunction acceptLocation(lastLocation) {\n if (\n lastLocation &&\n lastLocation.pathname &&\n lastLocation.pathname !== \"/\" &&\n lastLocation.pathname.indexOf(\"auth\") === -1 &&\n lastLocation.pathname !== \"/logout\"\n ) {\n return true;\n }\n\n return false;\n}\n\nexport function saveLastLocation(lastLocation) {\n if (acceptLocation(lastLocation)) {\n utils.setStorage(\n localStorageLastLocationKey,\n JSON.stringify(lastLocation),\n 120\n );\n }\n}\n\nexport function forgotLastLocation() {\n utils.removeStorage(localStorageLastLocationKey);\n}\n\nexport function getLastLocation() {\n const defaultLocation = { pathname: \"/\", title: \"Dashboard\"};\n const localStorateLocations = utils.getStorage(localStorageLastLocationKey);\n if (!localStorateLocations) {\n return { pathname: \"/\", title: \"Dashboard\"};\n }\n\n try {\n const result = JSON.parse(localStorateLocations);\n return result;\n } catch (error) {\n console.error(error);\n return defaultLocation;\n }\n}\n\nexport function getCurrentUrl(location) {\n return location.pathname.split(/[?#]/)[0];\n}\n\nexport function checkIsActive(location, url) {\n const current = getCurrentUrl(location);\n if (!current || !url) {\n return false;\n }\n\n if (current === url) {\n return true;\n }\n\n if (current.indexOf(url) > -1) {\n return true;\n }\n\n return false;\n}\n","/* Pagination Helprs */\nimport React from \"react\";\n\nexport const getPagesCount = (totalSize, sizePerPage) => {\n return Math.ceil(totalSize / sizePerPage);\n};\n\nexport const getPages = (page, pagesCount, paginationSize) => {\n const result = [];\n if (!page) {\n return result;\n }\n\n if (pagesCount === 1) {\n result.push(1);\n return result;\n }\n\n if (pagesCount < page) {\n return result;\n }\n\n if (pagesCount < paginationSize + 1) {\n for (let i = 1; i < pagesCount + 1; i++) {\n result.push(i);\n }\n return result;\n }\n\n if (page === 1) {\n for (let i = 1; i < paginationSize + 1; i++) {\n if (i < pagesCount) {\n result.push(i);\n }\n }\n return result;\n }\n\n if (page === pagesCount) {\n for (let i = pagesCount - paginationSize + 1; i <= pagesCount; i++) {\n if (i <= pagesCount) {\n result.push(i);\n }\n }\n return result;\n }\n\n const shiftCount = Math.floor(paginationSize / 2);\n if (shiftCount < 1) {\n result.push(page);\n return result;\n }\n\n //\n if (page < shiftCount + 2) {\n for (let i = 1; i < paginationSize + 1; i++) {\n result.push(i);\n }\n return result;\n }\n\n if (pagesCount - page < shiftCount + 2) {\n for (let i = pagesCount - paginationSize; i < pagesCount + 1; i++) {\n result.push(i);\n }\n return result;\n }\n\n for (let i = page - shiftCount; i < page; i++) {\n if (i > 0) {\n result.push(i);\n }\n }\n result.push(page);\n for (let i = page + 1; i < page + shiftCount + 1; i++) {\n if (i <= pagesCount) {\n result.push(i);\n }\n }\n\n return result;\n};\n\nexport function getHandlerTableChange(setQueryParams) {\n return (type, { page, sizePerPage, sortField, sortOrder, data }) => {\n const pageNumber = page || 1;\n setQueryParams((prev) =>\n type === \"sort\"\n ? { ...prev, sortOrder, sortField }\n : type === \"pagination\"\n ? { ...prev, pageNumber, pageSize: sizePerPage }\n : prev\n );\n };\n}\n\nexport function PleaseWaitMessage({ entities }) {\n return <>{entities === null && Please wait...
};\n}\n\nexport function NoRecordsFoundMessage({ entities }) {\n const customersList = entities === null ? [] : entities;\n return (\n <>\n {customersList.length === 0 && entities !== null && (\n No records found
\n )}\n \n );\n}\n","export * from \"./AssetsHelpers\";\nexport * from \"./LocalStorageHelpers\";\nexport * from \"./RouterHelpers\";\nexport * from \"./TablePaginationHelpers\";\nexport * from \"./TableRowSelectionHelpers\";\nexport * from \"./TableSortingHelpers\";","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React from \"react\";\n\nexport function DropdownMenu1() {\n return (<>\n {/*begin::Navigation*/}\n - \n
- \n Choose Label:\n \n \n \n
- \n \n \n Customer\n \n \n \n
- \n \n \n Partner\n \n \n \n
- \n \n \n Suplier\n \n \n \n
- \n \n \n Member\n \n \n \n
- \n \n \n Staff\n \n \n \n \n
- \n \n \n Add new\n \n \n