\r\n {Array.from(new Array(numPages), (el, index) => (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n Escuela Superior Politécnica del Litoral - Campus Gustavo Galindo - Guayaquil - Ecuador\r\n
\r\n
\r\n
\r\n
\r\n = this.props.insignia.totalacumplir ? { color: colors[0], backgroundColor: colors[this.props.insignia.idaexinsignia], borderColor: '#333' } : { color: '#717D81', backgroundColor: colors[0], borderColor: '#333' }}>\r\n \r\n
\r\n {this.props.insignia.insignia.nombre}
\r\n
\r\n \r\n Actividades Aprobadas: \r\n {this.state.criterios.filter(c => c.criterio.idaexinsignia === this.props.insignia.idaexinsignia).map((resultado, i, list) => {\r\n if (this.props.insignia.idaexinsignia == resultado.criterio.idaexinsignia) { \r\n return (\r\n \r\n {i > 0 && resultado.criterio.orden === list[i - 1].criterio.orden ? O : check.includes(resultado.criterio.orden) ? ({resultado.resultado == null ? 0 : resultado.resultado > resultado.criterio.valor ? resultado.criterio.valor : resultado.resultado}/{resultado.criterio.valor}) \r\n \r\n )\r\n } \r\n }\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n {currentUser && currentUser.idpersona > 0 ?
¡Hola {this.titulo(currentUser.nombres)}! :
¡Hola! }\r\n En este sistema podrás visualizar tus actividades extracurriculares en la ESPOL, incluyendo clubes, competencias, logros en deportes, cultura entre otros. Además, podrás descargarte certificados de tus actividades extracurriculares que podrían ayudarte en procesos de selección laboral personal o en aplicación a programas de postgrados. Se actualizará constantemente y se pueden incluir actividades de otras instituciones para validarlas. También se pueden visualizar insignias digitales obtenidas por destacar en actividades extracurriculares.\r\n
\r\n
Si tienes dudas nos puedes contactar a acompanamiento@espol.edu.ec \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n Procesando \r\n \r\n \r\n
CargandoArchivo leído con éxito. \r\n Se han guardado {this.state.actividades.length} datos con éxito. \r\n Se ha producido un error al momento de guardar la información. \r\n \r\n \r\n \r\n Cerrar \r\n
\r\n \r\n \r\n \r\n
Carga Masiva \r\n
\r\n
\r\n Bienvenido al módulo de carga masiva, para iniciar con la carga solo necesita de un documento Excel(.xls,.xlsx) con la información de las actividades.
\r\n En el siguiente enlace encontrara un formato a seguir para cargar la información.
\r\n \r\n Descargar Archivo\r\n \r\n La cabeceras del formato de carga masiva son la siguientes:
*/}\r\n {/**/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* CORREO */}\r\n {/* APELLIDOS */}\r\n {/* NOMBRES */}\r\n {/* NOMBRE ACTIVIDAD */}\r\n {/* CATEGORÍA */}\r\n {/* TIPO */}\r\n {/* AÑO */}\r\n {/* HORAS */}\r\n {/* DESCRIPCIÓN */}\r\n {/* RESPONSABLE DE INFORMACIÓN */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* Correo instittucional */}\r\n {/* Apellidos Estudiante */}\r\n {/* Nombres Estudiante */}\r\n {/* Nombre de la Actividad/ Proyecto/ Reto/ Curso */}\r\n {/* Nombre Competencia */}\r\n {/* Tipo actividad */}\r\n {/* Año de la actividad */}\r\n {/* Horas ocupadas, en caso de no ser necesarias colocar valor 0 */}\r\n {/* Descripcion de la actividad */}\r\n {/* Siglas de la Institucion responsable de la información, maximo 30 caracteres. */}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n Recuerde revisar correctamente los nombres de las competencias y tipos de actividad , en caso de ser incorrectas la celda parecera en blanco.
\r\n \r\n
\r\n
\r\n { actividades && actividades.length > 0 ?\r\n <>\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n Guardar \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 Date \r\n Temp. (C) \r\n Temp. (F) \r\n Summary \r\n \r\n \r\n \r\n {forecasts.map(forecast =>\r\n \r\n {forecast.date} \r\n {forecast.temperatureC} \r\n {forecast.temperatureF} \r\n {forecast.summary} \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let contents = this.state.loading\r\n ? Loading...
\r\n : FetchData.renderForecastsTable(this.state.forecasts);\r\n\r\n return (\r\n \r\n
Weather forecast \r\n
This component demonstrates fetching data from the server.
\r\n {contents}\r\n
\r\n
Counter \r\n\r\n
This is a simple example of a React component.
\r\n\r\n
Current count: {this.state.currentCount}
\r\n\r\n
Increment \r\n
\r\n {this.state.edit ?\r\n\r\n this.state.actividad.registroActividadGestion.estado != \"I\" ?\r\n
\r\n {this.state.actividad.registroActividadGestion.estado == \"D\" ? \"Devuelto: \" : this.state.actividad.registroActividadGestion.estado == \"A\" ? \"Aprobado: \" : this.state.actividad.registroActividadGestion.estado == \"R\" ? \"Rechazado: \" : \"Ingresado\"} \r\n \r\n {this.state.actividad.registroActividadGestion.comentarios}\r\n
\r\n \r\n : <>\r\n : <>}\r\n
\r\n Descripción Evidencia: \r\n
\r\n\r\n \r\n
\r\n
\r\n Guardar \r\n \r\n Cancelar \r\n
\r\n
Loading...
\r\n : this.renderAddActividadTable(this.state.insignias, this.state.actividad, this.state.tipos, this.state.instituciones);\r\n\r\n let titulo = this.state.edit ? 'Editar Actividad Extracurricular' : 'Nueva Actividad Extracurricular';\r\n\r\n return (\r\n \r\n
{titulo} \r\n {contents}\r\n \r\n );\r\n } \r\n\r\n populateActividadData(id, idUser) {\r\n let instSel = {};\r\n let instClassSel = {};\r\n let instInternaSel = { 'value': 'UNIDAD', 'label': 'Unidad' };\r\n fetch(localBack + '/api/RegistroActividad/GetWithGestion/' + id, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n instSel = this.state.instituciones.filter(i => i.value === data.objDatos.idinstitucion); \r\n if (data.objDatos.institucion.clasificacion === 'EXTERNA') { \r\n instClassSel = { 'value': 'EXTERNA', 'label': 'Externa' };\r\n } else { \r\n instClassSel = { 'value': 2, 'label': 'ESPOL' };\r\n instInternaSel = this.state.institucionesInternas.filter(i => i.value === data.objDatos.institucion.clasificacion);\r\n } \r\n this.setState({\r\n actividad: data.objDatos,\r\n loading: false,\r\n total: 1,\r\n selectedInst: instSel,\r\n valueInst: true,\r\n selectedClassInst: instClassSel,\r\n selectedInstInterna: instInternaSel,\r\n });\r\n if (idUser > 0 && data.objDatos.idestudiante !== idUser) {\r\n this.isForbidden();\r\n } else if (idUser > 0 && data.objDatos.registroActividadGestion.estado !== 'D') {\r\n this.isForbidden();\r\n }\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n //console.log(this.state.instituciones);\r\n //console.log(this.state.selectedClassInst);\r\n }); \r\n }\r\n\r\n isForbidden() {\r\n this.props.history.push({\r\n pathname: homepage,\r\n })\r\n } \r\n\r\n nombrePorTipo(tipo) {\r\n if (tipo === 1 || tipo === 13 || tipo === 16 || tipo === 25)\r\n return 'Nombre del Proyecto: '\r\n else if (tipo === 2 || tipo === 3)\r\n return 'Nombre del Reto: '\r\n else if (tipo === 5 || tipo === 8 || tipo === 14 || tipo === 17 || tipo === 19 || tipo === 27 || tipo === 28 || tipo === 29)\r\n return 'Nombre del Curso: '\r\n else if (tipo === 20)\r\n return 'Nombre de la Materia: '\r\n else if (tipo === 21)\r\n return 'Nombre de la Unidad: '\r\n else if (tipo === 10 || tipo === 12)\r\n return 'Nombre del Cargo: '\r\n else if (tipo === 26)\r\n return 'Nombre del Deporte: '\r\n else if (tipo === 22)\r\n return 'Mentoring Edici\\u00F3n: '\r\n else if (tipo === 23)\r\n return 'Nombre del Torneo: '\r\n else\r\n return 'Nombre de Actividad: '\r\n }\r\n\r\n tutorPorTipo(tipo) { \r\n if (tipo === 22)\r\n return 'Mentor: '\r\n else\r\n return 'Tutor: '\r\n }\r\n\r\n usoTutor(tipo) {\r\n let ids = [1, 22]\r\n let respuesta = false;\r\n if (ids.includes(tipo))\r\n respuesta = true;\r\n return respuesta;\r\n }\r\n\r\n usoHora(tipo) {\r\n let ids = [1, 2, 3, 5, 8, 9, 10, 12, 13, 14, 17, 19, 20, 21, 22, 23, 26, 27, 28, 29, 31, 32];\r\n if (ids.includes(tipo))\r\n return false;\r\n else\r\n return true;\r\n }\r\n\r\n usoPuesto(tipo) {\r\n let puesto = [23];\r\n let respuesta = false;\r\n if (puesto.includes(tipo))\r\n respuesta = true;\r\n return respuesta;\r\n }\r\n\r\n usoInstitucion(tipo) {\r\n let ids = [1,2,3,5,6,8,9,13,14,16,17,19,22,23,24,25,27,28,29];\r\n let respuesta = false;\r\n if (ids.includes(tipo))\r\n respuesta = true;\r\n return respuesta;\r\n }\r\n\r\n populateCategoriaTipoData(categoria, tipo) {\r\n //console.log(\"Categoria \" + categoria);\r\n //console.log(\"Tipo \" + tipo);\r\n let tipoid = []; \r\n let act = this.state.actividad; \r\n fetch(localBack + '/api/TipoActividad/' + tipo, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n //console.log(data.objDatos);\r\n tipoid = data.objDatos;\r\n act.categoria = categoria;\r\n act.idaextipoactividad = tipoid.idaextipoactividad;\r\n act.descripcionact = tipoid.descripcionact;\r\n act.idestudiante = this.state.idUser;\r\n this.setState({\r\n actividad: act,\r\n loading: false, \r\n }); \r\n });\r\n }\r\n\r\n populateInfoData() {\r\n let ids = [];\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data.strMensaje);*/\r\n this.setState({\r\n insignias: data.objDatos });\r\n });\r\n\r\n fetch(localBack + '/api/TipoActividad/GetOnlyActive', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n tipos: data.objDatos,\r\n loading: false\r\n });\r\n });\r\n\r\n fetch(localBack + '/api/Entidad', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => { \r\n data.objDatos.map(inst => { ids.push({ 'value': inst.idaexentidad, 'label': inst.nombre, 'clasificacion': inst.clasificacion }) }); \r\n this.setState({\r\n instituciones: ids,\r\n institucionesSelect: ids,\r\n loading: false\r\n }); \r\n }); \r\n \r\n }\r\n\r\n actualizarInstitutos(texto) {\r\n let ids = [];\r\n \r\n fetch(localBack + '/api/Entidad', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => { \r\n data.objDatos.filter(d => d.nombre.includes(texto)).map(inst => { ids.push({ 'value': inst.idaexentidad, 'label': inst.nombre }) });\r\n this.setState({\r\n institucionesSelect: ids,\r\n loading: false\r\n });\r\n });\r\n \r\n }\r\n \r\n}\r\nAddActExtracurricular.contextType = AppContext;","import React, { Component, Fragment } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst LEFT_PAGE = 'LEFT';\r\nconst RIGHT_PAGE = 'RIGHT';\r\n\r\n/**\r\n * Helper method for creating a range of numbers\r\n * range(1, 5) => [1, 2, 3, 4, 5]\r\n */\r\nconst range = (from, to, step = 1) => {\r\n let i = from;\r\n const range = [];\r\n\r\n while (i <= to) {\r\n range.push(i);\r\n i += step;\r\n }\r\n\r\n return range;\r\n}\r\n\r\nclass Paginacion extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { totalRecords = null, pageLimit = 30, pageNeighbours = 0 } = props;\r\n\r\n this.pageLimit = typeof pageLimit === 'number' ? pageLimit : 30;\r\n this.totalRecords = typeof totalRecords === 'number' ? totalRecords : 0;\r\n\r\n // pageNeighbours can be: 0, 1 or 2\r\n this.pageNeighbours = typeof pageNeighbours === 'number'\r\n ? Math.max(0, Math.min(pageNeighbours, 2))\r\n : 0;\r\n\r\n this.totalPages = Math.ceil(this.totalRecords / this.pageLimit);\r\n\r\n this.state = { currentPage: 1 };\r\n }\r\n\r\n fetchPageNumbers = () => {\r\n const totalPages = this.totalPages;\r\n const currentPage = this.state.currentPage;\r\n const pageNeighbours = this.pageNeighbours;\r\n\r\n /**\r\n * totalNumbers: the total page numbers to show on the control\r\n * totalBlocks: totalNumbers + 2 to cover for the left(<) and right(>) controls\r\n */\r\n const totalNumbers = (this.pageNeighbours * 2) + 3;\r\n const totalBlocks = totalNumbers + 2;\r\n\r\n if (totalPages > totalBlocks) {\r\n const startPage = Math.max(2, currentPage - pageNeighbours);\r\n const endPage = Math.min(totalPages - 1, currentPage + pageNeighbours);\r\n let pages = range(startPage, endPage);\r\n\r\n /**\r\n * hasLeftSpill: has hidden pages to the left\r\n * hasRightSpill: has hidden pages to the right\r\n * spillOffset: number of hidden pages either to the left or to the right\r\n */\r\n const hasLeftSpill = startPage > 2;\r\n const hasRightSpill = (totalPages - endPage) > 1;\r\n const spillOffset = totalNumbers - (pages.length + 1);\r\n\r\n switch (true) {\r\n // handle: (1) < {5 6} [7] {8 9} (10)\r\n case (hasLeftSpill && !hasRightSpill): {\r\n const extraPages = range(startPage - spillOffset, startPage - 1);\r\n pages = [LEFT_PAGE, ...extraPages, ...pages];\r\n break;\r\n }\r\n\r\n // handle: (1) {2 3} [4] {5 6} > (10)\r\n case (!hasLeftSpill && hasRightSpill): {\r\n const extraPages = range(endPage + 1, endPage + spillOffset);\r\n pages = [...pages, ...extraPages, RIGHT_PAGE];\r\n break;\r\n }\r\n\r\n // handle: (1) < {4 5} [6] {7 8} > (10)\r\n case (hasLeftSpill && hasRightSpill):\r\n default: {\r\n pages = [LEFT_PAGE, ...pages, RIGHT_PAGE];\r\n break;\r\n }\r\n }\r\n\r\n return [1, ...pages, totalPages];\r\n }\r\n\r\n return range(1, totalPages);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n //if (prevProps.totalPages !== this.props.totalPages) {\r\n // console.log('1', prevState.currentPage);\r\n // console.log('2', this.state.currentPage);\r\n // this.fetchPageNumbers();\r\n //}\r\n }\r\n\r\n render() {\r\n if (!this.totalRecords || this.totalPages === 1) return null;\r\n\r\n const { currentPage } = this.state;\r\n const pages = this.fetchPageNumbers();\r\n\r\n return (\r\n \r\n \r\n \r\n {pages.map((page, index) => {\r\n\r\n if (page === LEFT_PAGE) return (\r\n \r\n \r\n « \r\n Previous \r\n \r\n \r\n );\r\n\r\n if (page === RIGHT_PAGE) return (\r\n \r\n \r\n » \r\n Next \r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n {page} \r\n \r\n );\r\n\r\n })}\r\n\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n componentDidMount() {\r\n this.gotoPage(1);\r\n }\r\n\r\n gotoPage = page => {\r\n const { onPageChanged = f => f } = this.props;\r\n const currentPage = Math.max(0, Math.min(page, this.totalPages));\r\n const paginationData = {\r\n currentPage,\r\n totalPages: this.totalPages,\r\n pageLimit: this.pageLimit,\r\n totalRecords: this.totalRecords\r\n };\r\n\r\n this.setState({ currentPage }, () => onPageChanged(paginationData));\r\n }\r\n\r\n handleClick = page => evt => {\r\n evt.preventDefault();\r\n this.gotoPage(page);\r\n }\r\n\r\n handleMoveLeft = evt => {\r\n evt.preventDefault();\r\n this.gotoPage(this.state.currentPage - (this.pageNeighbours * 2) - 1);\r\n }\r\n\r\n handleMoveRight = evt => {\r\n evt.preventDefault();\r\n this.gotoPage(this.state.currentPage + (this.pageNeighbours * 2) + 1);\r\n }\r\n\r\n}\r\n\r\nPaginacion.propTypes = {\r\n totalRecords: PropTypes.number.isRequired,\r\n pageLimit: PropTypes.number,\r\n pageNeighbours: PropTypes.number,\r\n onPageChanged: PropTypes.func\r\n};\r\n\r\nexport default Paginacion;\r\n","import React from 'react';\r\nimport { FaEdit } from 'react-icons/fa';\r\nimport PropTypes from 'prop-types';\r\nimport { Card, CardImg, CardText, CardBody, CardFooter, CardHeader, Button, Label, Badge } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport url from \"./variables/url.js\";\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\n\r\nconst colors = ['#FFFFFF', '#354750', '#F48700', '#A72186', '#1DA656', '#EA3B13','#1F58AB']\r\n\r\n\r\nclass ActividadCard extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const {\r\n idaexregistroactividad = 0, categoria = 0, idaextipoactividad = 0,\r\n nombre = '', descripcionact = '', anio = '', horas = 0, idestudiante = 0,\r\n /*gestion = { estado: 'I' }*/\r\n } = props.actividad || {};\r\n this.state = {\r\n tipos: [],\r\n insignias: []\r\n };\r\n this.handleEdit = this.handleEdit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.populateInfoData(); \r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.props.actividad.nombre} \r\n \r\n \r\n Tipo: \r\n \r\n {this.state.tipos.map(tipo => {\r\n return tipo.idaextipoactividad == this.props.actividad.idaextipoactividad ? {tipo.nombre} : <>\r\n })}
\r\n \r\n \r\n \r\n {this.props.actividad.registroActividadGestion.estado === 'I' ? Ingresado : this.props.actividad.registroActividadGestion.estado === 'A' ? Aprobado : this.props.actividad.registroActividadGestion.estado === 'D' ? Devuelto : Rechazado }\r\n \r\n this.props.edit(this.props.actividad.idaexregistroactividad)} /> \r\n \r\n \r\n
\r\n
Mis Actividades Extracurriculares \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {totalAct} Actividades\r\n \r\n {currentPage && (\r\n \r\n Page {currentPage} / {totalPages} \r\n \r\n )}\r\n \r\n
\r\n
\r\n {currentActividades.map(act =>\r\n
\r\n
\r\n
Ingresado \r\n | \r\n
this.handleEdit(act.idaexregistroactividad)}> \r\n | \r\n
\r\n
\r\n )}\r\n
\r\n
\r\n\r\n \r\n
Loading...
\r\n // : this.renderActividadesTable(this.state.actividades, this.state.currentActividades, this.state.currentPage, this.state.totalPages);\r\n\r\n //let contents2 = this.state.loading\r\n // ? Loading...
\r\n // : this.renderActividadesTable2(this.state.actividades2, this.state.currentActividades2, this.state.currentPage2, this.state.totalPages2);\r\n\r\n let contents = this.state.loading\r\n ? Loading...
\r\n : this.renderActividadesTable(this.state.actividades, this.state.currentActividades, this.state.currentPage, this.state.totalPages);\r\n\r\n return (\r\n \r\n {contents} \r\n
\r\n );\r\n }\r\n\r\n populateActividades() {\r\n const user = this.context; \r\n\r\n //console.log(localBack + '/api/RegistroActividad/GetActByCat/' + user.idpersona + '/' + 1);\r\n\r\n fetch(localBack + '/api/RegistroActividad/GetActByCat/' + user.idpersona + '/' + 1, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loading: false, total: 1 });\r\n //console.log(this.state.actividades);\r\n } else {\r\n this.setState({ actividades: [] });\r\n }\r\n });\r\n \r\n /*this.setState({ actividades: insig.objDatos, loading: false });*/\r\n } \r\n\r\n populateInfoData() {\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n //console.log(data);\r\n this.setState({\r\n categorias: data.objDatos });\r\n });\r\n\r\n fetch(localBack + '/api/TipoActividad', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n //console.log(data);\r\n this.setState({\r\n tipos: data.objDatos \r\n });\r\n }); \r\n \r\n }\r\n\r\n newAct() {\r\n //console.log('Nueva Actividad');\r\n this.props.history.push('/Add-Act');\r\n }\r\n\r\n handleEdit(id) {\r\n //console.log(\"Editar \" + id);\r\n this.props.history.replace(\"/Edit-Act/\" + id);\r\n }\r\n}\r\nActExtracurricular.contextType = AppContext;\r\nexport default withRouter(ActExtracurricular);","import { createBrowserHistory } from 'history';\r\nexport default createBrowserHistory({ });\r\n","import React, { Component } from 'react';\r\nimport { Container, Card, CardText } from 'reactstrap';\r\n\r\nclass Vacio extends Component {\r\n static displayName = Vacio.name;\r\n\r\n constructor(props) {\r\n super(props); \r\n this.state = {\r\n editable: this.props.editable ?? true\r\n };\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n \r\n {this.state.editable\r\n ? <>\r\n No tienes actividades registradas, pero puedes ingresar una nueva actividad dando click en el botón azul (+). \r\n Si estás interesado en realizar este tipo de actividad escrÃbenos a acompanamiento@espol.edu.ec \r\n \r\n : <>\r\n No tienes actividades registradas para este tipo de actividad \r\n En caso de tener evidencia de haber participado en este tipo de actividad por favor contáctate a acompanamiento@espol.edu.ec . \r\n \r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Vacio;\r\n","import React, { Component } from 'react';\r\nimport { Media } from 'reactstrap';\r\nimport history from \"../historyBeta\";\r\nimport './NavMenu.css';\r\nimport url from \"./variables/url.js\";\r\nimport Paginacion from './Paginacion';\r\nimport ActividadCard from './ActividadCard';\r\nimport Vacio from './Vacio';\r\nimport { AppContext } from '../AppContext';\r\nimport PropTypes from 'prop-types';\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst homepage = process.env.REACT_APP_EXP;\r\n\r\nclass LoteActividades extends Component {\r\n static displayName = LoteActividades.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n /*const actividadesList = this.props.actividades;*/\r\n const userId = this.props.userId;\r\n const categoriaId = this.props.categoria;\r\n const edit = this.props.editable;\r\n this.state = { \r\n loading: true, \r\n categorias: [],\r\n tipos: [],\r\n currentUser: [],\r\n collapse: 0,\r\n dropdownOpen: false,\r\n id: userId,\r\n categoria: categoriaId,\r\n actividades: [],\r\n currentActividades: [],\r\n currentPage: null,\r\n totalPages: null,\r\n editable: edit ?? true,\r\n };\r\n\r\n this.handleEdit = this.handleEdit.bind(this);\r\n this.toggle = this.toggle.bind(this);\r\n this.toggleCard = this.toggleCard.bind(this);\r\n this.toggleDD = this.toggleDD.bind(this);\r\n this.newActEst = this.newActEst.bind(this); \r\n }\r\n\r\n componentDidMount() {\r\n let user = this.context;\r\n this.setState({ currentUser: user });\r\n console.log('user', this.state.currentUser.idpersona);\r\n this.populateInfoData();\r\n this.populateActividades();\r\n }\r\n\r\n componentDidUpdate(prevState) {\r\n //let user = this.context;\r\n //if (user != null && prevState.actividades.length !== this.state.actividades.length)\r\n // this.populateActividades();\r\n }\r\n\r\n onPageChanged = data => {\r\n const { actividades } = this.state;\r\n const { currentPage, totalPages, pageLimit } = data;\r\n const offset = (currentPage - 1) * pageLimit;\r\n const currentActividades = actividades.slice(offset, offset + pageLimit);\r\n\r\n this.setState({ currentPage, currentActividades, totalPages });\r\n } \r\n\r\n renderActividadesTable(actividades, currentActividades, currentPage, totalPages) {\r\n const currentUser = this.context;\r\n const { collapse } = this.state; \r\n const totalAct = actividades.length; \r\n const limite = 12;\r\n const vecindario = 1;\r\n return (\r\n \r\n {actividades.length == 0 ?\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 {totalAct} Actividades\r\n \r\n {currentPage && (\r\n \r\n Page {currentPage} / {totalPages} \r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n {currentActividades.map(act =>\r\n
\r\n )}\r\n
\r\n
\r\n \r\n } \r\n
Loading...
\r\n : this.renderActividadesTable(this.state.actividades, this.state.currentActividades, this.state.currentPage, this.state.totalPages); \r\n\r\n\r\n return (\r\n \r\n {contents} \r\n
\r\n );\r\n }\r\n\r\n populateActividades() {\r\n const user = this.context; \r\n\r\n fetch(localBack + '/api/RegistroActividad/GetActByCat/' + this.state.id + '/' + this.state.categoria, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, });\r\n return response.json();\r\n })\r\n .then(data => {\r\n console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loading: false, total: 1 });\r\n /*console.log(this.state.actividades);*/\r\n } else {\r\n this.setState({ actividades: [] });\r\n }\r\n });\r\n\r\n }\r\n\r\n populateInfoData() {\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n categorias: data.objDatos });\r\n });\r\n\r\n fetch(localBack + '/api/TipoActividad', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /* console.log(data);*/\r\n this.setState({\r\n tipos: data.objDatos,\r\n });\r\n }); \r\n \r\n } \r\n\r\n toggle(tab) {\r\n if (this.state.activeTab !== tab) {\r\n /*console.log(tab);*/\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n toggleCard(e) {\r\n let event = e.target.dataset.event;\r\n this.setState({ collapse: this.state.collapse === Number(event) ? 0 : Number(event) });\r\n /*console.log(Number(event));*/ \r\n }\r\n\r\n toggleDD() {\r\n this.setState(prevState => ({\r\n dropdownOpen: !prevState.dropdownOpen\r\n }));\r\n }\r\n\r\n newAct() {\r\n /*console.log('Nueva Actividad');*/\r\n /*history.push('/Add-Act');*/\r\n }\r\n\r\n newActEst(categoria, tipo) {\r\n /*console.log('Nueva Actividad Estudiante');*/\r\n history.push(homepage+'New-Act/' + categoria + '/' + tipo); \r\n }\r\n\r\n handleEdit(id) {\r\n /*console.log(\"Editar \" + id);*/\r\n history.push(homepage+\"Edit-Act/\" + id);\r\n window.location.href = window.location.href;\r\n /*this.props.history.push(\"/Edit-Act/\" + id);*/\r\n }\r\n\r\n}\r\n\r\nLoteActividades.propTypes = {\r\n /*actividades: PropTypes.array.isRequired,*/\r\n userId: PropTypes.number.isRequired,\r\n categoria: PropTypes.number.isRequired,\r\n editable: PropTypes.bool\r\n};\r\n\r\nLoteActividades.contextType = AppContext;\r\nexport default LoteActividades;","import React, { Component } from 'react';\r\nimport { Table, Button, Alert } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, CardTitle, CardText, Row, Col } from 'reactstrap';\r\nimport { Collapse, CardBody, Card, CardHeader, CardFooter, Input, Badge, Media, Text } from 'reactstrap';\r\nimport { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';\r\nimport { FaEdit, FaPlus, FaTrashAlt } from 'react-icons/fa';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { AiFillCaretUp, AiFillCaretDown } from 'react-icons/ai';\r\nimport history from \"../historyBeta\";\r\nimport './NavMenu.css';\r\nimport url from \"./variables/url.js\";\r\nimport Paginacion from './Paginacion';\r\nimport ActividadCard from './ActividadCard';\r\nimport Vacio from './Vacio';\r\nimport { AppContext } from '../AppContext';\r\nimport PropTypes from 'prop-types';\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst homepage = process.env.REACT_APP_EXP;\r\n\r\nclass LoteActividadesPorTipo extends Component {\r\n static displayName = LoteActividadesPorTipo.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n /*const actividadesList = this.props.actividades;*/\r\n const userId = this.props.userId;\r\n const categoriaId = this.props.categoria;\r\n const tipoId = this.props.tipo;\r\n this.state = { \r\n loading: true, \r\n categorias: [],\r\n tipos: [],\r\n currentUser: [],\r\n collapse: 0,\r\n dropdownOpen: false,\r\n id: userId,\r\n categoria: categoriaId,\r\n tipo: tipoId,\r\n actividades: [],\r\n instituciones: [],\r\n currentActividades: [],\r\n currentPage: null,\r\n totalPages: null,\r\n editable: this.props.editable ?? true,\r\n };\r\n\r\n this.handleEdit = this.handleEdit.bind(this);\r\n this.toggle = this.toggle.bind(this);\r\n this.toggleCard = this.toggleCard.bind(this);\r\n this.toggleDD = this.toggleDD.bind(this);\r\n this.newActEst = this.newActEst.bind(this); \r\n }\r\n\r\n componentDidMount() {\r\n let user = this.context;\r\n this.setState({ currentUser: user });\r\n /*console.log('user', this.state.currentUser.idpersona);*/\r\n this.populateInfoData();\r\n this.populateActividades();\r\n }\r\n\r\n componentDidUpdate(prevState) {\r\n //let user = this.context;\r\n //if (user != null && prevState.actividades.length !== this.state.actividades.length)\r\n // this.populateActividades();\r\n }\r\n\r\n onPageChanged = data => {\r\n const { actividades } = this.state;\r\n const { currentPage, totalPages, pageLimit } = data;\r\n const offset = (currentPage - 1) * pageLimit;\r\n const currentActividades = actividades.slice(offset, offset + pageLimit);\r\n\r\n this.setState({ currentPage, currentActividades, totalPages });\r\n } \r\n\r\n renderActividadesTable(actividades, currentActividades, currentPage, totalPages) {\r\n const currentUser = this.context;\r\n const { collapse } = this.state; \r\n const totalAct = actividades.length; \r\n const limite = 6; \r\n const vecindario = 1;\r\n \r\n return (\r\n \r\n {actividades.length == 0 ?\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 {/* {currentPage && (*/}\r\n {/* */}\r\n {/* Pagina {currentPage} / {totalPages} */}\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 {this.nombrePorTipo(this.state.tipo)} \r\n Año \r\n {this.usoInstitucion(this.state.tipo) ? Institución : <>}\r\n {this.usoTutor(this.state.tipo) ? < th > { this.tutorPorTipo(this.state.tipo) } : <>}\r\n {this.usoPuesto(this.state.tipo) ? Puesto : <>}\r\n \r\n \r\n \r\n {currentActividades.map((act,i) => {\r\n return \r\n {(i + 1) + (limite * (currentPage-1))} \r\n {act.nombre} \r\n {act.registroActividadGestion != null ? <>{act.registroActividadGestion.estado === 'I' ? En revisión : act.registroActividadGestion.estado === 'R' ? Rechazado : act.registroActividadGestion.estado === 'D' ? this.handleEdit(act.idaexregistroactividad)}>Devuelto : <>} : this.handleEdit(act.idaexregistroactividad)}>No registrado }\r\n \r\n {act.anio} \r\n {this.usoInstitucion(this.state.tipo) ? {this.state.instituciones.filter(inst => inst.idaexentidad === act.idinstitucion).map(inst => inst.nombre)} : <>}\r\n {this.usoTutor(this.state.tipo) ? {act.tutor} : <>}\r\n {this.usoPuesto(this.state.tipo) ? {act.puesto} : <>}\r\n \r\n }\r\n /*{act.nombre} - {act.anio} - {act.descripcionevid} */ \r\n )}\r\n \r\n
\r\n
\r\n
\r\n \r\n } \r\n
Loading...
\r\n : this.renderActividadesTable(this.state.actividades, this.state.currentActividades, this.state.currentPage, this.state.totalPages); \r\n\r\n\r\n return (\r\n \r\n {contents} \r\n
\r\n );\r\n }\r\n\r\n populateActividades() {\r\n const user = this.context; \r\n\r\n fetch(localBack + '/api/RegistroActividad/GetActByTipo/' + this.state.id + '/' + this.state.tipo + '/' + this.state.categoria, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, });\r\n return response.json();\r\n })\r\n .then(data => {\r\n /*console.log(data.strMensaje);*/\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loading: false, total: 1 });\r\n /*console.log(this.state.actividades);*/\r\n } else {\r\n this.setState({ actividades: [] });\r\n }\r\n });\r\n\r\n }\r\n\r\n populateInfoData() {\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n categorias: data.objDatos });\r\n });\r\n\r\n fetch(localBack + '/api/TipoActividad/GetOnlyActive', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /* console.log(data);*/\r\n this.setState({\r\n tipos: data.objDatos,\r\n });\r\n });\r\n\r\n fetch(localBack + '/api/Entidad', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n instituciones: data.objDatos,\r\n loading: false\r\n });\r\n });\r\n \r\n }\r\n\r\n nombrePorTipo(tipo) {\r\n if (tipo === 1 || tipo === 13 || tipo === 16 || tipo === 25)\r\n return 'Proyecto'\r\n else if (tipo === 2 || tipo === 3)\r\n return 'Reto'\r\n else if (tipo === 5 || tipo === 8 || tipo === 14 || tipo === 17 || tipo === 19 || tipo === 27 || tipo === 28 || tipo === 29)\r\n return 'Curso'\r\n else if (tipo === 20)\r\n return 'Materia'\r\n else if (tipo === 21)\r\n return 'Unidad'\r\n else if (tipo === 10 || tipo === 12)\r\n return 'Cargo'\r\n else if (tipo === 26)\r\n return 'Deporte'\r\n else if (tipo === 22)\r\n return 'Mentoring Edici\\u00F3n'\r\n else if (tipo === 23)\r\n return 'Torneo'\r\n else\r\n return 'Actividad'\r\n }\r\n\r\n tutorPorTipo(tipo) {\r\n if (tipo === 22)\r\n return 'Mentor'\r\n else\r\n return 'Tutor'\r\n }\r\n\r\n usoTutor(tipo) {\r\n let ids = [1, 22]\r\n let respuesta = false;\r\n if (ids.includes(tipo))\r\n respuesta = true;\r\n return respuesta;\r\n }\r\n\r\n usoPuesto(tipo) {\r\n let puesto = [23];\r\n let respuesta = false;\r\n if (puesto.includes(tipo))\r\n respuesta = true;\r\n return respuesta;\r\n }\r\n\r\n usoInstitucion(tipo) {\r\n let ids = [1, 2, 3, 5, 6, 8, 9, 13, 14, 16, 17, 19, 22, 23, 24, 25, 27, 28, 29];\r\n let respuesta = false;\r\n if (ids.includes(tipo))\r\n respuesta = true;\r\n return respuesta;\r\n }\r\n\r\n toggle(tab) {\r\n if (this.state.activeTab !== tab) {\r\n /*console.log(tab);*/\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n toggleCard(e) {\r\n let event = e.target.dataset.event;\r\n this.setState({ collapse: this.state.collapse === Number(event) ? 0 : Number(event) });\r\n /*console.log(Number(event));*/ \r\n }\r\n\r\n toggleDD() {\r\n this.setState(prevState => ({\r\n dropdownOpen: !prevState.dropdownOpen\r\n }));\r\n }\r\n\r\n newAct() {\r\n /*console.log('Nueva Actividad');*/\r\n /*history.push('/Add-Act');*/\r\n }\r\n\r\n newActEst(categoria, tipo) {\r\n /*console.log('Nueva Actividad Estudiante');*/\r\n history.push(homepage+'New-Act/' + categoria + '/' + tipo);\r\n }\r\n\r\n handleEdit(id) {\r\n /*console.log(\"Editar \" + id);*/\r\n history.push(homepage+\"Edit-Act/\" + id);\r\n window.location.href = window.location.href;\r\n /*this.props.history.push(\"/Edit-Act/\" + id);*/\r\n }\r\n\r\n}\r\n\r\nLoteActividadesPorTipo.propTypes = {\r\n /*actividades: PropTypes.array.isRequired,*/\r\n userId: PropTypes.number.isRequired,\r\n categoria: PropTypes.number.isRequired,\r\n tipo: PropTypes.number.isRequired,\r\n};\r\n\r\nLoteActividadesPorTipo.contextType = AppContext;\r\nexport default LoteActividadesPorTipo;","import React, { Component } from 'react';\r\nimport { Table, Button, Alert } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, CardTitle, CardText, Row, Col, Spinner } from 'reactstrap';\r\nimport { Collapse, CardBody, Card, CardHeader, Input, Badge, UncontrolledCollapse } from 'reactstrap';\r\nimport { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';\r\nimport { FaEdit, FaPlus, FaTrashAlt } from 'react-icons/fa';\r\nimport { BiCaretDown, BiCaretRight } from 'react-icons/bi';\r\n/*import history from \"../history\";*/\r\nimport './NavMenu.css';\r\nimport url from \"./variables/url.js\";\r\nimport Paginacion from './Paginacion';\r\nimport ActividadCard from './ActividadCard';\r\nimport LoteActividades from './LoteActividades';\r\nimport LoteActividadesPorTipo from './LoteActividadesPorTipo';\r\nimport { AppContext } from '../AppContext';\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst homepage = process.env.REACT_APP_EXP;\r\n\r\nexport class ActExtraEstudiante extends Component {\r\n static displayName = ActExtraEstudiante.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n status: 0,\r\n activeTab: 1,\r\n loading: true,\r\n total: 0, \r\n categorias: [],\r\n tipos: [],\r\n idUser: 0,\r\n collapse: 1,\r\n dropdownOpen: false,\r\n actividades: [], \r\n currentActividades: [],\r\n currentPage: null,\r\n totalPages: null,\r\n isOpen: [],\r\n actividades1: [], \r\n actividades2: [], \r\n actividades3: [], \r\n actividades4: [], \r\n actividades5: [], \r\n actividades6: [],\r\n \r\n };\r\n\r\n /*this.handleEdit = this.handleEdit.bind(this);*/\r\n this.toggle = this.toggle.bind(this);\r\n this.toggleCard = this.toggleCard.bind(this);\r\n this.toggleDD = this.toggleDD.bind(this);\r\n this.newActEst = this.newActEst.bind(this);\r\n this.changeTap = this.changeTap.bind(this);\r\n this.onChangeTipo = this.onChangeTipo.bind(this);\r\n this.handleIsOpen = this.handleIsOpen.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n let user = this.context;\r\n //this.setState({ currentUser: user });\r\n //console.log('user', this.state.currentUser.idpersona);\r\n this.populateInfoData();\r\n if (user != null)\r\n this.populateActividades(user.idpersona);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n let user = this.context;\r\n if (user != null && prevState.actividades.length !== this.state.actividades.length) {\r\n this.populateActividades(user.idpersona);\r\n }\r\n }\r\n\r\n onPageChanged = data => {\r\n const { actividades } = this.state;\r\n const { currentPage, totalPages, pageLimit } = data;\r\n const offset = (currentPage - 1) * pageLimit;\r\n const currentActividades = actividades.slice(offset, offset + pageLimit);\r\n\r\n this.setState({ currentPage, currentActividades, totalPages });\r\n }\r\n\r\n onChangeTipo(e) {\r\n //console.log('Cambio Tipo');\r\n //console.log(e.target.value);\r\n var id = e.target.value;\r\n this.setState({ collapse: id }); \r\n }\r\n\r\n isEditable(idTipo) {\r\n const intocable = [1, 20, 21, 33];\r\n if (intocable.includes(idTipo))\r\n return false;\r\n else\r\n return true;\r\n }\r\n\r\n renderActividadesTable(actividades, currentActividades, currentPage, totalPages) {\r\n const currentUser = this.context;\r\n const { collapse } = this.state;\r\n \r\n return (\r\n \r\n
Mis Actividades Extracurriculares \r\n\r\n
\r\n {this.state.categorias.map(categoria =>\r\n \r\n { this.toggle(categoria.idaexinsignia); }}>\r\n {categoria.nombre}\r\n \r\n \r\n )} \r\n \r\n
\r\n
\r\n {this.state.categorias.map((categoria) =>\r\n <> \r\n \r\n {categoria.nombre} \r\n \r\n {categoria.descripcion}\r\n
\r\n \r\n {this.state.tipos.map((tipo) => {\r\n if (tipo.categoria == categoria.idaexinsignia || tipo.categoria == 0)\r\n return <>\r\n \r\n \r\n {tipo.nombre} \r\n \r\n this.props.history.push(homepage + 'New-Act/' + categoria.idaexinsignia + '/' + tipo.idaextipoactividad)}> : <>}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n {/* */}\r\n {/* Añadir Tipo: */}\r\n {/* {tipo.nombre} */}\r\n {/* : <>*/}\r\n {/* }*/}\r\n {/* )}*/}\r\n {/* */}\r\n {/* {this.state.tipos.map(tipo =>*/}\r\n {/* this.props.history.push('/New-Act/' + categoria.idaexinsignia + '/' + tipo.idaextipoactividad)}> */}\r\n {/* )}*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* \r\n \r\n )} \r\n \r\n \r\n
\r\n {contents} \r\n
\r\n );\r\n }\r\n\r\n populateActividades(idpersona) { \r\n fetch(localBack + '/api/RegistroActividad/GetByEstudiante/' + idpersona, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loading: false, }); \r\n } else {\r\n this.setState({ actividades: [], loading: false });\r\n } \r\n });\r\n \r\n /*this.setState({ actividades: insig.objDatos, loading: false });*/\r\n \r\n }\r\n \r\n\r\n changeTap(cat) {\r\n const user = this.context; \r\n\r\n fetch(localBack + '/api/RegistroActividad/GetActByCat/' + user.idpersona + '/' + cat, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, actividades: [] });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loading: false, total: 1 }); \r\n } else {\r\n this.setState({ actividades: [], loading: false });\r\n }\r\n });\r\n /*console.log(this.state.actividades);*/\r\n /*this.setState({ actividades: insig.objDatos, loading: false });*/\r\n }\r\n\r\n populateInfoData() {\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n categorias: data.objDatos });\r\n });\r\n\r\n fetch(localBack + '/api/TipoActividad/GetOnlyActive', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n tipos: data.objDatos \r\n });\r\n }); \r\n \r\n }\r\n\r\n newAct() {\r\n //console.log('Nueva Actividad');\r\n /*history.push('/Add-Act');*/ \r\n } \r\n\r\n toggle(tab) {\r\n if (this.state.activeTab !== tab) { \r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n handleIsOpen(id) { \r\n let idlist = this.state.isOpen;\r\n if (idlist.includes(id)) {\r\n let el = idlist.indexOf(id);\r\n if (el > -1) {\r\n idlist.splice(el, 1);\r\n }\r\n } else {\r\n idlist.push(id)\r\n }\r\n this.setState({ isOpen: idlist });\r\n\r\n //if (this.state.idsSeleccionadas.length === this.state.actividades.length) {\r\n // this.setState({ allselectA: true });\r\n //} else {\r\n // this.setState({ allselectA: false });\r\n //}\r\n /*console.log(this.state.idsSeleccionadas); */\r\n }\r\n\r\n toggleCard(e) {\r\n let event = e.target.dataset.event;\r\n this.setState({ collapse: this.state.collapse === Number(event) ? 0 : Number(event) }); \r\n }\r\n\r\n toggleDD = (e) => {\r\n this.setState(prevState => ({\r\n dropdownOpen: !prevState.dropdownOpen\r\n }));\r\n }\r\n\r\n newAct() {\r\n //console.log('Nueva Actividad');\r\n /*history.push('/Add-Act');*/\r\n }\r\n\r\n newActEst(categoria, tipo) {\r\n /*console.log('Nueva Actividad Estudiante');*/\r\n /*history.push('/New-Act/' + categoria + '/' + tipo);*/\r\n this.props.history.push(homepage+'New-Act/' + categoria + '/' + tipo);\r\n }\r\n\r\n //handleEdit(id) {\r\n // console.log(\"Editar \" + id);\r\n // /*history.replace(\"/Edit-Act/\" + id);*/\r\n // this.props.history.push(\"/Edit-Act/\" + id);\r\n //}\r\n\r\n}\r\nActExtraEstudiante.contextType = AppContext;\r\n/*export default withRouter(ActExtraEstudiante);*/","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Card, CardImg, CardText, CardBody, CardTitle, CardHeader, Button } from 'reactstrap';\r\nimport sostenibilidad from './Imagenes/Insignias/ETICA_SOSTENIBILIDAD.png';\r\nimport liderazgo from './Imagenes/Insignias/LIDERAZGO_AUTOAGENCIA.png';\r\nimport creatibidad from './Imagenes/Insignias/CREATIVIDAD_INNOVACION_EMPRENDIMIENTO.png';\r\nimport interaccion from './Imagenes/Insignias/INTERACCION_COMUNICACION.png';\r\nimport autonomia from './Imagenes/Insignias/AUTONOMIA_APRENDIZAJE.png';\r\nimport estrategia from './Imagenes/Insignias/ESTRATEGIA_CONOCIMIENTO.png';\r\n\r\nimport shark from './Imagenes/IconInsignias/shark.svg';\r\n//import sostenibilidad from './Imagenes/IconInsignias/ciudadania-ETICA(B).svg';\r\n//import liderazgo from './Imagenes/IconInsignias/liderazgo-AUTOAGENCIA(B).svg';\r\n//import creatibidad from './Imagenes/IconInsignias/CREATIVIDAD(B).svg';\r\n//import interaccion from './Imagenes/IconInsignias/interaccion-COMUNICACION(B).svg';\r\n//import autonomia from './Imagenes/IconInsignias/Autonomia-APRENDIZAJE(B).svg';\r\n//import estrategia from './Imagenes/IconInsignias/Gestion-ESTRATEGICA(B).svg';\r\n\r\nconst imgInsignia = [shark, sostenibilidad, liderazgo, creatibidad, interaccion, autonomia, estrategia];\r\n\r\nconst colors = ['#FFFFFF', '#354750', '#F48700', '#A72186', '#1DA656', '#EA3B13', '#1F58AB']\r\n\r\nclass InsigniaCard extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const {\r\n idaexinsignia = 0, nombre = '', descripcion = ''\r\n } = props.insignia || {};\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
{this.props.insignia.nombre} \r\n
\r\n {/* \r\n {this.props.insignia.descripcion} \r\n \r\n \r\n
Insignias \r\n \r\n {result.map((resul,i) =>\r\n
\r\n \r\n En este momento no registra actividades aprobadas, posiblemente se encuentren en revisión. Una vez aprobadas el avance de sus insignias se reflejara en esta sección.\r\n
\r\n \r\n \r\n {insignias.map(insignia =>\r\n
\r\n
\r\n )}\r\n
\r\n \r\n Para las insignias solo cuentan las actividades aprobadas.\r\n
\r\n \r\n Ultima Actualización: {this.state.ultimoCambio != null ? this.state.ultimoCambio.split(\"T\")[0] : 'Null'} {this.state.ultimoCambio != null ? this.state.ultimoCambio.split(\"T\")[1].substring(0, 5) : ''} .\r\n
\r\n ;\r\n\r\n return (\r\n \r\n {alertUltimoCambio}\r\n
\r\n {contents} \r\n
\r\n
Certificado \r\n \r\n \r\n El certificado solo incluye las actividades aprobadas e insignias logradas.\r\n
\r\n \r\n Ultima Actualización: {this.state.ultimoCambio != null ? this.state.ultimoCambio.split(\"T\")[0] : 'Null'} {this.state.ultimoCambio != null ? this.state.ultimoCambio.split(\"T\")[1].substring(0, 5) : ''} .\r\n
\r\n \r\n \r\n \r\n { this.toggle(0); }}>\r\n Todos\r\n \r\n \r\n {this.state.categorias.map(categoria =>\r\n \r\n { this.toggle(categoria.idaexinsignia); }}>\r\n {categoria.nombre}\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n Actividades Aprobadas \r\n \r\n {this.state.actividades.length == 0 || (this.state.activeTab != 0 && actividades.filter(actividad => actividad.categoria === this.state.activeTab).length == 0)\r\n ?\r\n <>\r\n \r\n\r\n \r\n\r\n No tiene actividades aprobadas por el momento. \r\n Si tiene actividades en el sistema posiblemente se encuentren en revisión. \r\n Esto puede revisarlo en la sección de this.goToActividad()}>Actividades . \r\n\r\n \r\n\r\n \r\n \r\n : \r\n \r\n
\r\n { this.pagePrevious(); }}>\r\n \r\n {pagesA.map((page,i) =>\r\n (\r\n { this.page(i+1); }}>\r\n \r\n { i+1 }\r\n \r\n )\r\n )}\r\n { this.pageNext(); }}>\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n Insignias Logradas \r\n \r\n {this.state.insignias.length == 0 || (this.state.activeTab != 0 && insignias.filter(insig => insig.idaexinsignia === this.state.activeTab).length == 0)\r\n ?\r\n <>\r\n \r\n\r\n \r\n Por el momento no ha conseguido ninguna insignia. \r\n Esto puede revisarlo en la sección de this.goToInsignia()}>Insignias , en este se refleja el avance de cada una. \r\n \r\n\r\n \r\n \r\n :\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n {this.state.insignias.length > 0 || this.state.actividades.length > 0\r\n ? \r\n {'Tipo Actividad'} \r\n {'Competencia'} \r\n \r\n \r\n this.generarReporteV2()}>Preview Certificado \r\n \r\n
\r\n : <>}\r\n
\r\n \r\n )\r\n }\r\n\r\n cerrarModal() {\r\n this.setState({\r\n openModal: !this.state.openModal\r\n });\r\n }\r\n\r\n render() { \r\n let contents = this.state.loading1 || this.state.loading2 ?\r\n <> \r\n
\r\n {contents} \r\n
\r\n
\r\n
this.cerrarModal()} className={this.props.className}>\r\n this.cerrarModal()}>Vista Evidencia \r\n \r\n \r\n {this.state.pdfResult > 0 ? \r\n \r\n \r\n {this.state.fileState === 'G' ? <> \r\n {' '}\r\n this.generarPdf(this.state.iduser)} >\r\n {this.state.fileState === 'N' ? 'Generar' : this.state.fileState === 'L' ? \r\n {' '}\r\n this.cerrarModal()}>Cancel \r\n \r\n \r\n
\r\n
\r\n No tiene actividades o insignias seleccionadas para el reporte. \r\n Por favor, verifique que tenga seleccionada alguna actividad o insignia. \r\n ;\r\n\r\n let encabezado = \r\n Certificado #: {this.state.certificado} Matricula: {this.state.codigo} Nombre: {this.state.nombreCompleto}
\r\n let resumen = {acti.length > 0\r\n ? \r\n \r\n \r\n \r\n # \r\n Actividad \r\n Año \r\n Categoría \r\n Tipo Actividad \r\n \r\n \r\n \r\n {acti.map((act, i) => {\r\n return \r\n {(i + 1)} \r\n {act.nombre} \r\n {act.anio} \r\n {this.state.categorias.filter(cate => cate.idaexinsignia === act.categoria).map(actcat => actcat.nombre)} \r\n {this.state.tipos.filter(tipo => tipo.idaextipoactividad === act.idaextipoactividad).map(acttipo => acttipo.nombre)} \r\n \r\n } \r\n )}\r\n \r\n
\r\n \r\n : <>}\r\n {insi.length > 0\r\n ? \r\n \r\n \r\n Insignia \r\n Descripcion \r\n \r\n \r\n \r\n {insi.map((result, i) => {\r\n return \r\n {result.insignia.nombre} \r\n {result.insignia.descripcion} \r\n \r\n } \r\n )}\r\n \r\n
\r\n : <>}\r\n ;\r\n\r\n let generar = this.generarPdf(this.state.iduser)} disabled={this.state.pdfResultDownload > 0 ? '' : 'disabled'}>Generar \r\n\r\n if (!this.state.showPopout) {\r\n return null;\r\n }\r\n\r\n let content = acti.length === 0 && insi.length === 0\r\n ? {vacio}
\r\n : \r\n {this.state.pdfResult > 0 ?\r\n
\r\n \r\n : this.state.pdfResult < 0\r\n ?\r\n
\r\n Error al generar Preview. \r\n \r\n :\r\n <>\r\n }\r\n
this.setPopoutOpen(false)}>\r\n \r\n \r\n {content}\r\n \r\n {generar} \r\n \r\n \r\n );\r\n }\r\n\r\n generarCertificado() {\r\n console.log(\"#Certificado: \", this.state.certificado);\r\n console.log(\"Matricula: \", this.state.codigo);\r\n console.log(\"Nombre: \", this.state.nombreCompleto);\r\n console.log(\"Actividades: \", this.state.idsSeleccionadas);\r\n console.log(\"Insignias: \", this.state.idsInsignias);\r\n }\r\n\r\n autentica(id) {\r\n /*console.log(\"Usuario-Externo/Autentica/\" + id);*/\r\n this.props.history.push(\"/Externo/Autenticado/\" + id);\r\n }\r\n\r\n handleChangeChk(id) {\r\n /*console.log(id);*/\r\n let idlist = this.state.idsSeleccionadas; \r\n if (idlist.includes(id)) {\r\n let el = idlist.indexOf(id);\r\n if (el > -1) {\r\n idlist.splice(el, 1);\r\n }\r\n } else {\r\n idlist.push(id)\r\n } \r\n this.setState({ idsSeleccionadas: idlist });\r\n\r\n if (this.state.idsSeleccionadas.length === this.state.actividades.length) {\r\n this.setState({ allselectA: true });\r\n } else {\r\n this.setState({ allselectA: false });\r\n }\r\n /*console.log(this.state.idsSeleccionadas); */ \r\n }\r\n\r\n toggleChangeAll = e => { \r\n if (e.target.checked) {\r\n let ids = [];\r\n this.state.actividades.map(act => { ids.push(act.idaexregistroactividad) });\r\n this.setState({ idsSeleccionadas: ids, allselectA: e.target.checked }); \r\n } else {\r\n this.setState({ idsSeleccionadas: [], allselectA: e.target.checked }); \r\n }\r\n }\r\n\r\n toggleChangeAllInsignia = e => {\r\n /*console.log(e.target.checked)*/\r\n if (e.target.checked) {\r\n let ids = [];\r\n this.state.insignias.map(act => { ids.push(act.idaexregistroactividad) });\r\n this.setState({ idsInsignias: ids, allselectI: e.target.checked }); \r\n } else {\r\n this.setState({ idsInsignias: [], allselectI: e.target.checked });\r\n }\r\n }\r\n \r\n\r\n handleChangeChkInsignia(id) {\r\n /*console.log(id);*/\r\n let idlist = this.state.idsInsignias;\r\n if (idlist.includes(id)) {\r\n let el = idlist.indexOf(id);\r\n if (el > -1) {\r\n idlist.splice(el, 1);\r\n }\r\n } else {\r\n idlist.push(id)\r\n }\r\n this.setState({ idsInsignias: idlist });\r\n\r\n if (this.state.idsInsignias.length === this.state.insignias.length) {\r\n this.setState({ allselectI: true });\r\n } else {\r\n this.setState({ allselectI: false });\r\n } \r\n }\r\n\r\n upDateIdsActSelect(tab) {\r\n let ids = [];\r\n if (tab === 0) {\r\n /*console.log(\"todo\");*/\r\n this.state.actividades.map(act => { ids.push(act.idaexregistroactividad) });\r\n this.reLoadTotalPage(ids.length, this.state.limite);\r\n this.setState({ idsSeleccionadas: ids });\r\n } else {\r\n /*console.log(\"filtrar: \", tab);*/\r\n this.state.actividades.filter(actividad => actividad.categoria === tab).map(act => { ids.push(act.idaexregistroactividad) });\r\n this.reLoadTotalPage(ids.length, this.state.limite);\r\n this.setState({ idsSeleccionadas: ids });\r\n }\r\n /*console.log(this.state.totalPageA)*/\r\n }\r\n\r\n upDateIdsInsigSelect(tab) {\r\n let idsI = [];\r\n if (tab === 0) {\r\n this.state.insignias.map(obj => { idsI.push(obj.idaexresultadoinsignia) });\r\n this.setState({ idsInsignias: idsI });\r\n } else {\r\n this.state.insignias.filter(insig => insig.idaexinsignia === tab).map(obj => { idsI.push(obj.idaexresultadoinsignia) });\r\n this.setState({ idsInsignias: idsI });\r\n }\r\n }\r\n\r\n\r\n reLoadTotalPage(lenActividades, limite) {\r\n this.setState({ totalPageA: Math.ceil(lenActividades / limite) });\r\n /*console.log('Total Paginas: ',this.state.totalPageA);*/\r\n }\r\n\r\n}\r\nReporte.contextType = AppContext;\r\n","import React, { Component } from 'react';\r\nimport { Container, Row, Col, Button } from 'reactstrap';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Table } from 'reactstrap';\r\nimport { Card, CardHeader, CardBody, CardText, CardFooter } from 'reactstrap';\r\nimport logo from './Imagenes/Iconos/ESPOL-extracurriculares.svg';\r\nimport url from \"./variables/url.js\";\r\nimport \"react-pro-sidebar/dist/css/styles.css\";\r\n/*import pdfPrueba from './Content/plantilla.pdf';*/\r\nimport './PDF.css';\r\nimport AllPagesPDFViewer from './All-page';\r\nimport Certificado from './Certificado';\r\nimport SinglePagePDFViewer from './Single-page';\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\n\r\nconst ColoredLine = ({ color }) => (\r\n \r\n\r\n
: <>}\r\n
\r\n Descripción Evidencia: \r\n
\r\n
Loading...
\r\n : this.renderUpdateGestionTable(this.state.insignias, this.state.tipos, this.state.instituciones);\r\n\r\n return (\r\n \r\n
Gestión Actividad \r\n {contents}\r\n\r\n
this.cerrarModal()} className={this.props.className}>\r\n this.cerrarModal()}>Vista Evidencia \r\n \r\n \r\n {this.state.pdfResult > 0 ? \r\n \r\n \r\n this.cerrarModal()}>Descargar {' '}\r\n this.cerrarModal()}>Cancel \r\n \r\n \r\n
\r\n
\r\n {this.state.pestanias.map(pes =>\r\n \r\n { this.toggle(pes.id); }}>\r\n {pes.nombre}\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n this.populateActividades()}> \r\n \r\n this.searchById()}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.populateActividades()}> \r\n {insignia.nombre} \r\n )\r\n }\r\n \r\n \r\n this.searchByCategoria()}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.populateActividades()}> \r\n {tipo.nombre} \r\n )\r\n }\r\n \r\n \r\n this.searchByTipo()}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.actividades.length > 0 ?\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {totalAct} Actividades\r\n \r\n {currentPage && (\r\n \r\n Page {currentPage} / {totalPages} \r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n Actividad \r\n Estudiante \r\n Tipo \r\n Estado \r\n Acciones \r\n Responsable \r\n \r\n \r\n \r\n {currentActividades.map((act, i) => \r\n \r\n < tr id={act.idaexregistroactividad} >\r\n {act.nombre} \r\n {act.estudiante !== null ? { act.estudiante.apellidos +' '+ act.estudiante.nombres} : ----- }\r\n \r\n {tipos.map(tip => {\r\n return act.idaextipoactividad == tip.idaextipoactividad ?\r\n {tip.nombre} : <>\r\n })}\r\n \r\n {act.registroActividadGestion != null ? this.miEstado(act.registroActividadGestion.estado) : <>X} \r\n this.handleEdit(act.idaexregistroactividad)} /> {act.registroActividadGestion != null ? <>{act.registroActividadGestion.responsable.apellidos} {act.registroActividadGestion.responsable.nombres} : <>No registrado } \r\n \r\n )}\r\n {actividades.length == 0 ? No se encontraron actividades
\r\n
\r\n \r\n
\r\n
\r\n \r\n : <>No se encontraron actividades}\r\n
\r\n {contents}\r\n
\r\n );\r\n }\r\n\r\n populateActividades() {\r\n\r\n fetch(localBack + '/api/RegistroActividad/GetWithGestion', {\r\n //fetch(localBack + '/api/RegistroActividad/GetByEstado/I', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, actividades: []});\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') { \r\n //console.log(data.objDatos);\r\n this.setState({ actividades: data.objDatos, loading: false }); \r\n this.reLoadTotalPage(this.state.actividades.length, this.state.limite);\r\n } else {\r\n this.setState({ actividades: [], loading: false });\r\n }\r\n });\r\n /*this.setState({ actividades: insig.objDatos, loading: false });*/\r\n }\r\n\r\n populateGestion() {\r\n\r\n fetch(localBack + '/api/RegistroActividad/GetWithGestion', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loading: false });\r\n } else {\r\n this.setState({ actividades: [], loading: false });\r\n }\r\n });\r\n /*this.setState({ actividades: insig.objDatos, loading: false });*/\r\n }\r\n\r\n populateInfoData() {\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n //console.log(data);\r\n this.setState({\r\n categorias: data.objDatos, loading: false,\r\n });\r\n });\r\n\r\n fetch(localBack + '/api/TipoActividad', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n //console.log(data);\r\n this.setState({\r\n tipos: data.objDatos \r\n });\r\n }); \r\n \r\n }\r\n\r\n newAct() {\r\n //console.log('Nueva Actividad');\r\n this.props.history.push(homepage+'Add-Act');\r\n }\r\n\r\n handleEdit(id) {\r\n //console.log(\"Editar \" + id);\r\n this.props.history.replace(homepage+\"Gestion/\" + id);\r\n }\r\n\r\n toggle(tab) {\r\n if (this.state.activeTab !== tab) {\r\n //console.log(tab);\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n toggleCard(e) {\r\n let event = e.target.dataset.event;\r\n this.setState({ collapse: this.state.collapse === Number(event) ? 0 : Number(event) });\r\n //console.log(Number(event));\r\n } \r\n\r\n handleSearch = async function(event) {\r\n await this.setState({ buscar: event.target.value });\r\n //console.log(this.state.buscar);\r\n }\r\n\r\n onChangeCategoria = async function (event) {\r\n //console.log('Cambio Categoria');\r\n //console.log(event.target.value);\r\n var id = event.target.value;\r\n await this.setState({ buscarCategoria: id });\r\n //console.log(this.state.buscarCategoria); \r\n }\r\n\r\n\r\n onChangeTipo = async function(e) {\r\n //console.log('Cambio Tipo');\r\n //console.log(e.target.value);\r\n var id = e.target.value;\r\n await this.setState({ buscarTipo: id });\r\n //console.log(this.state.actividad); \r\n }\r\n\r\n searchById() {\r\n this.setState({ loadingItem: true });\r\n\r\n if (this.state.buscar !== '') {\r\n fetch(localBack + '/api/RegistroActividad/GetByCodestudiante/' + this.state.buscar, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, actividades: [] });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loadingItem: false });\r\n this.reLoadTotalPage(this.state.actividades.length, this.state.limite);\r\n }\r\n });\r\n //console.log(this.state.actividades);\r\n } else {\r\n //console.log('buscar esta vacio.');\r\n }\r\n\r\n \r\n }\r\n\r\n searchByCategoria() {\r\n this.setState({ loadingItem: true });\r\n\r\n fetch(localBack + '/api/RegistroActividad/GetByCategoria/' + this.state.buscarCategoria, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, actividades: [] });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loadingItem: false });\r\n this.reLoadTotalPage(this.state.actividades.length, this.state.limite);\r\n }\r\n });\r\n //console.log(this.state.actividades);\r\n }\r\n\r\n searchByTipo() {\r\n this.setState({ loadingItem: true });\r\n\r\n fetch(localBack + '/api/RegistroActividad/GetByTipoActividad/' + this.state.buscarTipo, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status, actividades: [] });\r\n return response.json();\r\n })\r\n .then(data => {\r\n //console.log(data.strMensaje);\r\n if (data.strEstado == 'S') {\r\n this.setState({ actividades: data.objDatos, loadingItem: false});\r\n this.reLoadTotalPage(this.state.actividades.length, this.state.limite);\r\n }\r\n });\r\n //console.log(this.state.actividades);\r\n }\r\n\r\n}\r\nGestionActividad.contextType = AppContext;\r\nexport default withRouter(GestionActividad);","import React, { Component } from 'react';\r\nimport { Table, Button, Alert, Spinner } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport { Pagination, PaginationItem, PaginationLink } from 'reactstrap';\r\nimport { Card, CardHeader, CardBody, Row, Col, Collapse, Input } from 'reactstrap';\r\nimport { InputGroup, InputGroupAddon, InputGroupText } from 'reactstrap';\r\nimport { AiOutlineSearch, AiOutlineReload } from 'react-icons/ai';\r\nimport { FaEdit, FaPlus, FaTrashAlt } from 'react-icons/fa';\r\nimport { withRouter } from 'react-router-dom';\r\nimport Swal from 'sweetalert2';\r\nimport withReactContent from 'sweetalert2-react-content';\r\n/*import history from \"../history\";*/\r\nimport './NavMenu.css';\r\nimport url from \"./variables/url.js\";\r\nimport { AppContext } from '../AppContext';\r\nimport Paginacion from './Paginacion';\r\nimport ActividadCard from './ActividadCard';\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst homepage = process.env.REACT_APP_EXP;\r\n\r\n\r\nexport class GestionActividadPagination extends Component {\r\n static displayName = GestionActividadPagination.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n status: 0,\r\n page: 1,\r\n buscar: '',\r\n buscarNombre: '',\r\n buscarCategoria: 1,\r\n buscarTipo: 1,\r\n buscarEstado: 'I',\r\n loading: true, \r\n activeTab: 1,\r\n collapse: 1,\r\n idestudiante: 0,\r\n actividades: [],\r\n categorias: [],\r\n tipos: [],\r\n iduser: 0,\r\n roles: [],\r\n currentActividades: [], currentPage: null, totalPages: null,\r\n /*pestanias: [{id: 1, nombre: 'Estudiante' },{ id: 2, nombre: 'Categoria' },{ id: 3, nombre: 'Tipo Actividad' }],*/\r\n pestanias: [{ id: 1, nombre: 'Estado' },{id: 2, nombre: 'Matricula' },{id: 3, nombre: 'Apellidos/Nombres' },{ id: 4, nombre: 'Categoria' },{ id: 5, nombre: 'Tipo Actividad' }],\r\n estados: [{ id: 'I', nombre: 'En Revisi\\u00F3n' }, { id: 'R', nombre: 'Rechazadas' }, { id: 'A', nombre: 'Aprobadas' }, { id: 'D', nombre: 'Devueltas' }],\r\n totalPageA: 0,\r\n actualPage: 1,\r\n limite: 10,\r\n siblingCount: 1,\r\n currentPage: 1,\r\n currentTotalPages: 0,\r\n postsActividad: [],\r\n respItems: -1,\r\n postsPerPage: 10\r\n };\r\n\r\n this.handleEdit = this.handleEdit.bind(this);\r\n this.toggle = this.toggle.bind(this);\r\n this.toggleCard = this.toggleCard.bind(this); \r\n this.searchById = this.searchById.bind(this);\r\n this.handleSearch = this.handleSearch.bind(this);\r\n this.handleSearchNombre = this.handleSearchNombre.bind(this);\r\n this.onChangeCategoria = this.onChangeCategoria.bind(this);\r\n this.onChangeTipo = this.onChangeTipo.bind(this);\r\n this.onChangeEstado = this.onChangeEstado.bind(this);\r\n this.actualizarActividades = this.actualizarActividades.bind(this);\r\n this.onChangeLimite = this.onChangeLimite.bind(this);\r\n if (this.props.location.state)\r\n this.actualizarActividades(this.props.location.state.actividad)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateInfoData();\r\n this.populateActividades(); \r\n let currentUser = this.context;\r\n if (currentUser != null && this.state.iduser == 0) {\r\n this.setState({ iduser: currentUser.idpersona, roles: currentUser.roles });\r\n if (currentUser.roles.includes('ADMINISTRADOR')) {\r\n //console.log('Ok');\r\n } else {\r\n this.isForbidden();\r\n }\r\n\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n let currentUser = this.context;\r\n if (currentUser != null && this.state.iduser == 0) {\r\n this.setState({ iduser: currentUser.idpersona, roles: currentUser.roles });\r\n if (currentUser.roles.includes('ADMINISTRADOR')) {\r\n //console.log('Ok');\r\n } else {\r\n this.isForbidden();\r\n }\r\n\r\n }\r\n }\r\n\r\n isForbidden() {\r\n this.props.history.push({\r\n pathname: homepage,\r\n })\r\n }\r\n\r\n setPagePrevious() {\r\n if (this.state.currentPage !== 1) {\r\n let p = this.state.currentPage;\r\n this.setState({\r\n currentPage: p - 1\r\n });\r\n }\r\n }\r\n\r\n setPageNext() {\r\n if (this.state.currentPage !== this.state.totalPageA) {\r\n let p = this.state.currentPage;\r\n this.setState({\r\n currentPage: p + 1\r\n });\r\n }\r\n }\r\n\r\n setPage = (pageNum) => {\r\n this.setState({ currentPage: pageNum })\r\n } \r\n\r\n setYouAreMySibling(num) {\r\n let actualPage = this.state.currentPage;\r\n let sibling = this.state.siblingCount;\r\n let total = this.state.totalPageA;\r\n let valor = false;\r\n if (num === actualPage || num - sibling === actualPage || num + sibling === actualPage) {\r\n valor = true;\r\n }\r\n if (actualPage === 1 && (num - 1 === actualPage || num - 2 === actualPage || num - 3 === actualPage)) {\r\n valor = true;\r\n }\r\n if (actualPage === 2 && (num - 1 === actualPage || num - 2 === actualPage)) {\r\n valor = true;\r\n }\r\n if (actualPage === total && (num + 1 === actualPage || num + 2 === actualPage || num + 3 === actualPage)) {\r\n valor = true;\r\n }\r\n if (actualPage === total - 1 && (num + 1 === actualPage || num + 2 === actualPage)) {\r\n valor = true;\r\n } \r\n return valor;\r\n }\r\n\r\n reLoadTotalPage(lenActividades, limite) {\r\n this.setState({ totalPageA: Math.ceil(lenActividades / limite), actualPage: 1, currentPage: 1 });\r\n \r\n }\r\n\r\n actualizarActividades(actividad) {\r\n let actividades = this.state.actividades;\r\n let indice = actividades.indexOf(actividad);\r\n actividades[indice] = actividad;\r\n this.setState({ actividades: actividades });\r\n }\r\n\r\n onChangeLimite(event) {\r\n //console.log('Cambio limite');\r\n //console.log(event.target.value);\r\n var num = event.target.value;\r\n this.setState({ limite: num });\r\n this.reLoadTotalPage(this.state.actividades.length, num);\r\n }\r\n\r\n miEstado(est) {\r\n let estado = 'En Revisi\\u00F3n';\r\n if (est == 'A') {\r\n estado = 'Aprobado';\r\n } else if (est == 'R') {\r\n estado = 'Rechazado';\r\n } else if (est == 'D') {\r\n estado = 'Devuelto';\r\n }\r\n return estado;\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n /*console.log('componentWillReceiveProps', nextProps);*/\r\n this.setState(nextProps);\r\n }\r\n\r\n onPageChanged = data => {\r\n const { actividades } = this.state;\r\n const { currentPage, totalPages, pageLimit } = data;\r\n const offset = (currentPage - 1) * pageLimit;\r\n const currentActividades = actividades.slice(offset, offset + pageLimit);\r\n\r\n this.setState({ currentPage, currentActividades, totalPages });\r\n }\r\n\r\n KeyPressEstudiante = (event) => {\r\n if (event.charCode === 13 && this.state.buscar !== \"\") { \r\n this.searchById();\r\n }\r\n }\r\n\r\n KeyPressEstudianteNombre = (event) => {\r\n if (event.charCode === 13 && this.state.buscarNombre !== \"\") {\r\n this.searchByNombre();\r\n }\r\n }\r\n\r\n KeyPressCategoria = (event) => {\r\n if (event.charCode === 13 && this.state.buscarCategoria >= 1) {\r\n this.searchByCategoria();\r\n }\r\n }\r\n\r\n KeyPressTipo = (event) => {\r\n if (event.charCode === 13 && this.state.buscarCategoria >= 1) {\r\n this.searchByTipo();\r\n }\r\n }\r\n\r\n renderGestionTable(actividades) {\r\n \r\n const indexOfLastPost = this.state.currentPage * this.state.limite;\r\n\r\n const indexOfFirstPost = indexOfLastPost - this.state.limite;\r\n\r\n const currentPosts = actividades.slice(indexOfFirstPost, indexOfLastPost);\r\n\r\n const pageNumbers = []\r\n\r\n for (let i = 1; i <= Math.ceil(actividades.length / this.state.limite); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n return (\r\n \r\n {this.state.respItems > 0 ?\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 Actividad \r\n Estudiante \r\n Competencia \r\n Tipo Actividad \r\n Estado \r\n Acciones \r\n Responsable \r\n \r\n \r\n\r\n \r\n {currentPosts.map((act, i) => {\r\n return \r\n {(i + 1 + (this.state.limite * (this.state.currentPage - 1)))} \r\n {act.nombre} \r\n {act.estudiante !== null ? {act.estudiante.apellidos + ' ' + act.estudiante.nombres} : ----- }\r\n {this.state.categorias.filter(cate => cate.idaexinsignia === act.categoria).map(actcat => actcat.nombre)} \r\n {this.state.tipos.filter(tipo => tipo.idaextipoactividad === act.idaextipoactividad).map(acttipo => acttipo.nombre)} \r\n {act.registroActividadGestion != null ? this.miEstado(act.registroActividadGestion.estado) : <>X} \r\n this.handleEdit(act.idaexregistroactividad)} /> {act.registroActividadGestion != null ? <>{act.registroActividadGestion.responsable.apellidos} {act.registroActividadGestion.responsable.nombres} : <>No registrado} \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 Actividad \r\n Estudiante \r\n Competencia \r\n Tipo Actividad \r\n Año \r\n Fecha \r\n Estado \r\n Responsable \r\n \r\n \r\n\r\n \r\n {actividades.map((act, i) => {\r\n return \r\n {(i + 1 + (this.state.limite * (this.state.currentPage - 1)))} \r\n {act.nombre} \r\n {act.estudiante !== null ? {act.estudiante.apellidos + ' ' + act.estudiante.nombres} : ----- }\r\n {this.state.categorias.filter(cate => cate.idaexinsignia === act.categoria).map(actcat => actcat.nombre)} \r\n {this.state.tipos.filter(tipo => tipo.idaextipoactividad === act.idaextipoactividad).map(acttipo => acttipo.nombre)} \r\n {act.anio} \r\n {act.ultimoCambio} \r\n {act.registroActividadGestion != null ? this.miEstado(act.registroActividadGestion.estado) : <>X} \r\n {act.registroActividadGestion != null ? <>{act.registroActividadGestion.responsable.apellidos} {act.registroActividadGestion.responsable.nombres} : <>No registrado} \r\n \r\n }\r\n )}\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n : <>
}\r\n {this.state.respItems === 0 ? < Card body className=\"text-center py-3\">No se encontraron Resultados. : <>}\r\n
Insignias \r\n \r\n {result.map((resul, i) =>\r\n
\r\n \r\n En este momento no registra actividades aprobadas, posiblemente se encuentren en revisión. Una vez aprobadas el avance de sus insignias se reflejara en esta sección.\r\n
\r\n \r\n \r\n {insignias.map(insignia =>\r\n
\r\n
\r\n )}\r\n
\r\n \r\n Para las insignias solo cuentan las actividades aprobadas.\r\n
\r\n \r\n Ultima Actualización: {this.state.ultimoCambio != null ? this.state.ultimoCambio.split(\"T\")[0] : 'Null'} {this.state.ultimoCambio != null ? this.state.ultimoCambio.split(\"T\")[1].substring(0, 5) : ''} .\r\n
\r\n ;\r\n\r\n return (\r\n \r\n {alertUltimoCambio}\r\n
\r\n {contents}\r\n
\r\n
\r\n }\r\n\r\n \r\n }\r\n\r\n populateInsigniaData() {\r\n fetch(localBack + '/api/Insignia', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log(data);*/\r\n this.setState({\r\n insignias: data.objDatos,\r\n });\r\n }); \r\n\r\n }\r\n\r\n populateInsigniaResult(id) {\r\n fetch(localBack + '/api/ResultadoInsignia/GetbyEstudiante/' + id, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log('insignia: ', data);*/\r\n this.setState({ insigniaResult: data.objDatos, loading1: false });\r\n });\r\n /*console.log('Resultado ', this.state.insigniaResult);*/\r\n\r\n }\r\n\r\n populateCriterio(id) {\r\n fetch(localBack + '/api/ResultadoCriterio/GetWithCriterioAgrupado/'+id, {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log('criterio: ', data);*/\r\n this.setState({ criterio: data.objDatos, loading2: false });\r\n });\r\n }\r\n\r\n getUltimoCambio() {\r\n fetch(localBack + '/api/ResultadoInsignia/GetUltimoCambio', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n /*console.log('insignia: ', data);*/\r\n if (data.objDatos != null)\r\n this.setState({ ultimoCambio: data.objDatos.ultimoCambio, loading3: false });\r\n\r\n });\r\n\r\n }\r\n\r\n}\r\n\r\n\r\nexport default InsigniasAdmin;\r\n","import React, { Component } from 'react';\r\nimport { Table, Button, Alert, Spinner } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport { Pagination, PaginationItem, PaginationLink } from 'reactstrap';\r\nimport { Card, CardHeader, CardBody, Row, Col, Collapse, Input } from 'reactstrap';\r\nimport { InputGroup, InputGroupAddon, InputGroupText } from 'reactstrap';\r\nimport { AiOutlineSearch, AiOutlineReload } from 'react-icons/ai';\r\nimport { FaEdit, FaPlus, FaTrashAlt } from 'react-icons/fa';\r\nimport { withRouter } from 'react-router-dom';\r\nimport Swal from 'sweetalert2';\r\nimport withReactContent from 'sweetalert2-react-content';\r\n/*import history from \"../history\";*/\r\nimport './NavMenu.css';\r\nimport url from \"./variables/url.js\";\r\nimport { AppContext } from '../AppContext';\r\nimport Paginacion from './Paginacion';\r\nimport ActividadCard from './ActividadCard';\r\nimport InsigniasAdmin from './InsigniasAdmin';\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst homepage = process.env.REACT_APP_EXP;\r\n\r\n\r\nexport class ConsultarPerfil extends Component {\r\n static displayName = ConsultarPerfil.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n buscar: '',\r\n buscarNombre: '',\r\n loading: false,\r\n activeTab: 1,\r\n collapse: 1,\r\n idestudiante: 0,\r\n actividades: [],\r\n categorias: [],\r\n tipos: [],\r\n iduser: 0,\r\n idEstudianteSeleccionado: 0,\r\n nombreEstudiante: \"\",\r\n identificacionEstudiante: \"\",\r\n matriculaEstudiante: \"\",\r\n username: \"\",\r\n foto: \"\",\r\n estudianteSeleccionado: false,\r\n cargando: false,\r\n mensaje: \"\",\r\n roles: [],\r\n currentActividades: [], currentPage: null, totalPages: null,\r\n pestanias: [{id: 1, nombre: 'Matricula' },{id: 2, nombre: 'Apellidos/Nombres' }],\r\n };\r\n\r\n this.toggle = this.toggle.bind(this);\r\n this.toggleCard = this.toggleCard.bind(this); \r\n this.searchById = this.searchById.bind(this);\r\n this.handleSearch = this.handleSearch.bind(this);\r\n this.handleSearchNombre = this.handleSearchNombre.bind(this);\r\n this.actualizarActividades = this.actualizarActividades.bind(this);\r\n this.onChangeLimite = this.onChangeLimite.bind(this);\r\n \r\n }\r\n\r\n componentDidMount() { \r\n let currentUser = this.context;\r\n if (currentUser != null && this.state.iduser == 0) {\r\n this.setState({ iduser: currentUser.idpersona, roles: currentUser.roles });\r\n if (currentUser.roles.includes('ADMINISTRADOR')) {\r\n //console.log('Ok');\r\n } else {\r\n this.isForbidden();\r\n }\r\n\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n let currentUser = this.context;\r\n if (currentUser != null && this.state.iduser == 0) {\r\n this.setState({ iduser: currentUser.idpersona, roles: currentUser.roles });\r\n if (currentUser.roles.includes('ADMINISTRADOR')) {\r\n //console.log('Ok');\r\n } else {\r\n this.isForbidden();\r\n }\r\n\r\n }\r\n }\r\n\r\n isForbidden() {\r\n this.props.history.push({\r\n pathname: homepage,\r\n })\r\n }\r\n\r\n actualizarActividades(actividad) {\r\n let actividades = this.state.actividades;\r\n let indice = actividades.indexOf(actividad);\r\n actividades[indice] = actividad;\r\n this.setState({ actividades: actividades });\r\n }\r\n\r\n onChangeLimite(event) {\r\n //console.log('Cambio limite');\r\n //console.log(event.target.value);\r\n var num = event.target.value;\r\n this.setState({ limite: num });\r\n this.reLoadTotalPage(this.state.actividades.length, num);\r\n }\r\n\r\n KeyPressEstudiante = (event) => {\r\n if (event.charCode === 13 && this.state.buscar !== \"\") { \r\n this.searchById();\r\n }\r\n }\r\n\r\n KeyPressEstudianteNombre = (event) => {\r\n if (event.charCode === 13 && this.state.buscarNombre !== \"\") {\r\n this.searchByNombre();\r\n }\r\n }\r\n\r\n render() {\r\n let contents = window.location.reload(false)}> \r\n
\r\n
\r\n
\r\n
\r\n
Nombre: {this.state.nombreEstudiante}
\r\n
Identificación: {this.state.identificacionEstudiante}
\r\n
Matricula: {this.state.matriculaEstudiante}
\r\n
\r\n
\r\n {this.state.pestanias.map((pes, i) =>\r\n \r\n { this.toggle(pes.id); }}>\r\n {pes.nombre}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n this.searchById()}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.searchByNombre()}>\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n\r\n\r\n return (\r\n \r\n {contentSearch}\r\n {contentLoading}\r\n {contents}\r\n
\r\n );\r\n }\r\n\r\n toggle(tab) {\r\n if (this.state.activeTab !== tab) { \r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n toggleCard(e) {\r\n let event = e.target.dataset.event;\r\n this.setState({ collapse: this.state.collapse === Number(event) ? 0 : Number(event) }); \r\n } \r\n\r\n handleSearch = async function(event) {\r\n await this.setState({ buscar: event.target.value }); \r\n }\r\n\r\n handleSearchNombre = async function (event) {\r\n //console.log(event.target.value);\r\n await this.setState({ buscarNombre: event.target.value });\r\n }\r\n\r\n searchById() {\r\n this.setState({ cargando: true });\r\n\r\n Swal.fire({\r\n title: \"Cargando...\",\r\n html: \"Por favor, espere\",\r\n timerProgressBar: true,\r\n button: false,\r\n closeOnClickOutside: false,\r\n showConfirmButton: false,\r\n closeOnEsc: false,\r\n allowOutsideClick: false\r\n });\r\n Swal.showLoading();\r\n\r\n if (this.state.buscar !== '') {\r\n fetch(localBack + '/api/Persona/GetByEstudiante/' + this.state.buscar, {\r\n method: 'GET',\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status });\r\n return response.json();\r\n })\r\n .then(data => {\r\n if (data.strEstado == 'S' && data.objDatos != null) {\r\n if (data.objDatos.idpersona != null\r\n && data.objDatos.codestudiante != null\r\n && data.objDatos.numeroidentificacion != null && data.objDatos.email != null) {\r\n fetch('https://ws.espol.edu.ec/carnetvirtual/api/fotoperfil/getfotoperfil?netid=' + data.objDatos.email.split(\"@\")[0], {\r\n method: 'GET',\r\n })\r\n .then(response => {\r\n return response.json();\r\n })\r\n .then(resultData => {\r\n this.setState({\r\n idEstudianteSeleccionado: data.objDatos.idpersona, cargando: false, estudianteSeleccionado: true, mensaje: \"\",\r\n matriculaEstudiante: data.objDatos.codestudiante,\r\n identificacionEstudiante: data.objDatos.numeroidentificacion,\r\n nombreEstudiante: data.objDatos.apellidos + \" \" + data.objDatos.nombres,\r\n username: data.objDatos.email.split(\"@\")[0],\r\n foto: resultData.fotoString,\r\n });\r\n Swal.close();\r\n });\r\n }\r\n else {\r\n this.setState({ idEstudianteSeleccionado: 0, cargando: false, estudianteSeleccionado: false, mensaje: \"Usuario no encontrado\" });\r\n Swal.fire({\r\n title: 'Error',\r\n icon: 'error',\r\n html: \"Error en la busqueda del estudiante\"\r\n });\r\n }\r\n } else {\r\n this.setState({ idEstudianteSeleccionado: 0, cargando: false, estudianteSeleccionado: false, mensaje: \"Usuario no encontrado\" });\r\n Swal.fire({\r\n title: 'Error',\r\n icon: 'error',\r\n html: \"Error en la busqueda del estudiante\"\r\n });\r\n }\r\n });\r\n } else {\r\n this.setState({ idEstudianteSeleccionado: 0, cargando: false, estudianteSeleccionado: false, mensaje: \"Usuario no encontrado\" });\r\n Swal.fire({\r\n title: 'Error',\r\n icon: 'error',\r\n html: \"Error en la busqueda del estudiante\"\r\n });\r\n } \r\n }\r\n\r\n searchByNombre() {\r\n this.setState({ cargando: true });\r\n\r\n Swal.fire({\r\n title: \"Cargando...\",\r\n html: \"Por favor, espere\",\r\n timerProgressBar: true,\r\n button: false,\r\n closeOnClickOutside: false,\r\n showConfirmButton: false,\r\n closeOnEsc: false,\r\n allowOutsideClick: false\r\n });\r\n Swal.showLoading();\r\n\r\n if (this.state.buscarNombre !== '') {\r\n fetch(localBack + '/api/Persona/GetByNombre/' + this.state.buscarNombre, {\r\n method: 'GET',\r\n })\r\n .then(response => {\r\n this.setState({ status: response.status });\r\n return response.json();\r\n })\r\n .then(data => {\r\n if (data.strEstado == 'S' && data.objDatos != null) {\r\n if (data.objDatos.idpersona != null\r\n && data.objDatos.codestudiante != null\r\n && data.objDatos.numeroidentificacion != null && data.objDatos.email != null) {\r\n fetch('https://ws.espol.edu.ec/carnetvirtual/api/fotoperfil/getfotoperfil?netid=' + data.objDatos.email.split(\"@\")[0], {\r\n method: 'GET',\r\n })\r\n .then(response => {\r\n return response.json();\r\n })\r\n .then(resultData => {\r\n this.setState({\r\n idEstudianteSeleccionado: data.objDatos.idpersona, cargando: false, estudianteSeleccionado: true, mensaje: \"\",\r\n matriculaEstudiante: data.objDatos.codestudiante,\r\n identificacionEstudiante: data.objDatos.numeroidentificacion,\r\n nombreEstudiante: data.objDatos.apellidos + \" \" + data.objDatos.nombres,\r\n username: data.objDatos.email.split(\"@\")[0],\r\n foto: resultData.fotoString,\r\n });\r\n Swal.close();\r\n });\r\n }\r\n else {\r\n this.setState({ idEstudianteSeleccionado: 0, cargando: false, estudianteSeleccionado: false, mensaje: \"Usuario no encontrado\" });\r\n Swal.fire({\r\n title: 'Error',\r\n icon: 'error',\r\n html: \"Error en la busqueda del estudiante\"\r\n });\r\n }\r\n } else {\r\n this.setState({ idEstudianteSeleccionado: 0, cargando: false, estudianteSeleccionado: false, mensaje: \"Usuario no encontrado\" });\r\n Swal.fire({\r\n title: 'Error',\r\n icon: 'error',\r\n html: \"Error en la busqueda del estudiante\"\r\n });\r\n }\r\n });\r\n } else {\r\n this.setState({ idEstudianteSeleccionado: 0, cargando: false, estudianteSeleccionado: false, mensaje: \"Usuario no encontrado\" });\r\n Swal.fire({\r\n title: 'Error',\r\n icon: 'error',\r\n html: \"Error en la busqueda del estudiante\"\r\n });\r\n }\r\n }\r\n\r\n onlyNumber = (event) => {\r\n if (!/[0-9]/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n}\r\nConsultarPerfil.contextType = AppContext;\r\nexport default withRouter(ConsultarPerfil);","import React, { Component } from 'react';\r\nimport { Table, Button, Alert, Spinner } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport { Pagination, PaginationItem, PaginationLink } from 'reactstrap';\r\nimport { Card, CardHeader, CardBody, Row, Col, Collapse, Input } from 'reactstrap';\r\nimport { InputGroup, InputGroupAddon, InputGroupText } from 'reactstrap';\r\nimport { AiOutlineSearch, AiOutlineReload } from 'react-icons/ai';\r\nimport { FaEdit, FaPlus, FaTrashAlt, FaCheckSquare } from 'react-icons/fa';\r\nimport { withRouter } from 'react-router-dom';\r\nimport Swal from 'sweetalert2';\r\nimport withReactContent from 'sweetalert2-react-content';\r\n/*import history from \"../history\";*/\r\nimport './NavMenu.css';\r\nimport url from \"./variables/url.js\";\r\nimport { AppContext } from '../AppContext';\r\nimport Paginacion from './Paginacion';\r\nimport ActividadCard from './ActividadCard';\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\n\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst homepage = process.env.REACT_APP_EXP;\r\n\r\n\r\nexport class ConsultarInsignias extends Component {\r\n static displayName = ConsultarInsignias.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n status: 0,\r\n numeroPersonasInsignias: 0,\r\n page: 1,\r\n buscar: '',\r\n buscarNombre: '',\r\n buscarCategoria: 1,\r\n buscarCantidad: 1,\r\n tipoBusqueda: \"C\",\r\n loading: true, \r\n activeTab: 1,\r\n collapse: 1,\r\n idestudiante: 0,\r\n actividades: [],\r\n categorias: [],\r\n iduser: 0,\r\n roles: [],\r\n currentActividades: [], currentPage: null, totalPages: null,\r\n pestanias: [{ id: 1, nombre: 'Insignias conseguidas' }, { id: 2, nombre: 'Insignias a punto de conseguirse' }],\r\n cantidades: [{ id: 1, nombre: 'Faltando 1 criterio' }, { id: 2, nombre: 'Faltando 2 criterios' }, { id: 3, nombre: 'Faltando 3 criterios' }],\r\n totalPageA: 0,\r\n actualPage: 1,\r\n limite: 10,\r\n siblingCount: 1,\r\n currentPage: 1,\r\n currentTotalPages: 0,\r\n postsActividad: [],\r\n respItems: -1,\r\n postsPerPage: 10\r\n };\r\n\r\n this.toggle = this.toggle.bind(this);\r\n this.toggleCard = this.toggleCard.bind(this);\r\n this.onChangeCategoria = this.onChangeCategoria.bind(this);\r\n this.onChangeCantidad = this.onChangeCantidad.bind(this);\r\n this.searchByCategoria = this.searchByCategoria.bind(this);\r\n this.handleAsignar = this.handleAsignar.bind(this);\r\n this.actualizarActividades = this.actualizarActividades.bind(this);\r\n this.onChangeLimite = this.onChangeLimite.bind(this);\r\n if (this.props.location.state)\r\n this.actualizarActividades(this.props.location.state.actividad)\r\n }\r\n\r\n componentDidMount() {\r\n this.populateInfoData();\r\n this.populateActividades(); \r\n let currentUser = this.context;\r\n if (currentUser != null && this.state.iduser == 0) {\r\n this.setState({ iduser: currentUser.idpersona, roles: currentUser.roles });\r\n if (currentUser.roles.includes('ADMINISTRADOR')) {\r\n //console.log('Ok');\r\n } else {\r\n this.isForbidden();\r\n }\r\n\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n let currentUser = this.context;\r\n if (currentUser != null && this.state.iduser == 0) {\r\n this.setState({ iduser: currentUser.idpersona, roles: currentUser.roles });\r\n if (currentUser.roles.includes('ADMINISTRADOR')) {\r\n //console.log('Ok');\r\n } else {\r\n this.isForbidden();\r\n }\r\n\r\n }\r\n }\r\n\r\n isForbidden() {\r\n this.props.history.push({\r\n pathname: homepage,\r\n })\r\n }\r\n\r\n setPagePrevious() {\r\n if (this.state.currentPage !== 1) {\r\n let p = this.state.currentPage;\r\n this.setState({\r\n currentPage: p - 1\r\n });\r\n }\r\n }\r\n\r\n setPageNext() {\r\n if (this.state.currentPage !== this.state.totalPageA) {\r\n let p = this.state.currentPage;\r\n this.setState({\r\n currentPage: p + 1\r\n });\r\n }\r\n }\r\n\r\n setPage = (pageNum) => {\r\n this.setState({ currentPage: pageNum })\r\n } \r\n\r\n setYouAreMySibling(num) {\r\n let actualPage = this.state.currentPage;\r\n let sibling = this.state.siblingCount;\r\n let total = this.state.totalPageA;\r\n let valor = false;\r\n if (num === actualPage || num - sibling === actualPage || num + sibling === actualPage) {\r\n valor = true;\r\n }\r\n if (actualPage === 1 && (num - 1 === actualPage || num - 2 === actualPage || num - 3 === actualPage)) {\r\n valor = true;\r\n }\r\n if (actualPage === 2 && (num - 1 === actualPage || num - 2 === actualPage)) {\r\n valor = true;\r\n }\r\n if (actualPage === total && (num + 1 === actualPage || num + 2 === actualPage || num + 3 === actualPage)) {\r\n valor = true;\r\n }\r\n if (actualPage === total - 1 && (num + 1 === actualPage || num + 2 === actualPage)) {\r\n valor = true;\r\n } \r\n return valor;\r\n }\r\n\r\n reLoadTotalPage(lenActividades, limite) {\r\n this.setState({ totalPageA: Math.ceil(lenActividades / limite), actualPage: 1, currentPage: 1 });\r\n \r\n }\r\n\r\n actualizarActividades(actividad) {\r\n let actividades = this.state.actividades;\r\n let indice = actividades.indexOf(actividad);\r\n actividades[indice] = actividad;\r\n this.setState({ actividades: actividades });\r\n }\r\n\r\n onChangeLimite(event) {\r\n //console.log('Cambio limite');\r\n //console.log(event.target.value);\r\n var num = event.target.value;\r\n this.setState({ limite: num });\r\n this.reLoadTotalPage(this.state.actividades.length, num);\r\n }\r\n\r\n miEstado(est) {\r\n let estado = 'En Revisi\\u00F3n';\r\n if (est == 'A') {\r\n estado = 'Aprobado';\r\n } else if (est == 'R') {\r\n estado = 'Rechazado';\r\n } else if (est == 'D') {\r\n estado = 'Devuelto';\r\n }\r\n return estado;\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n /*console.log('componentWillReceiveProps', nextProps);*/\r\n this.setState(nextProps);\r\n }\r\n\r\n onPageChanged = data => {\r\n const { actividades } = this.state;\r\n const { currentPage, totalPages, pageLimit } = data;\r\n const offset = (currentPage - 1) * pageLimit;\r\n const currentActividades = actividades.slice(offset, offset + pageLimit);\r\n\r\n this.setState({ currentPage, currentActividades, totalPages });\r\n }\r\n\r\n KeyPressEstudiante = (event) => {\r\n if (event.charCode === 13 && this.state.buscar !== \"\") { \r\n this.searchById();\r\n }\r\n }\r\n\r\n KeyPressEstudianteNombre = (event) => {\r\n if (event.charCode === 13 && this.state.buscarNombre !== \"\") {\r\n this.searchByNombre();\r\n }\r\n }\r\n\r\n KeyPressCategoria = (event) => {\r\n if (event.charCode === 13 && this.state.buscarCategoria >= 1) {\r\n this.searchByCategoria();\r\n }\r\n }\r\n\r\n KeyPressTipo = (event) => {\r\n if (event.charCode === 13 && this.state.buscarCategoria >= 1) {\r\n this.searchByTipo();\r\n }\r\n }\r\n\r\n renderGestionTable(actividades) {\r\n \r\n const indexOfLastPost = this.state.currentPage * this.state.limite;\r\n\r\n const indexOfFirstPost = indexOfLastPost - this.state.limite;\r\n\r\n const currentPosts = actividades.slice(indexOfFirstPost, indexOfLastPost);\r\n\r\n const pageNumbers = []\r\n\r\n for (let i = 1; i <= Math.ceil(actividades.length / this.state.limite); i++) {\r\n pageNumbers.push(i);\r\n }\r\n\r\n return (\r\n \r\n {this.state.respItems > 0 ?\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 Estudiante \r\n Matricula \r\n Identificación \r\n Insignia \r\n {this.state.tipoBusqueda == 'C' ? \r\n <>Fecha \r\n Responsable \r\n Opciones \r\n :\r\n <>Resultado actual \r\n Total a cumplir \r\n \r\n }\r\n \r\n \r\n\r\n \r\n {currentPosts.map((act, i) => {\r\n return \r\n {(i + 1 + (this.state.limite * (this.state.currentPage - 1)))} \r\n {act.estudiante !== null ? {act.estudiante.apellidos + ' ' + act.estudiante.nombres} : - }\r\n {act.estudiante !== null ? {act.estudiante.codestudiante} : - }\r\n {act.estudiante !== null ? {act.estudiante.numeroidentificacion} : - }\r\n {act.insignia !== null ? {act.insignia.nombre} : - }\r\n {this.state.tipoBusqueda == 'C' ?\r\n <>{ act.fechaConsegida !== null ? {act.fechaConsegida.split(\"T\")[0]} : - }\r\n {act.responsable != null ? {act.responsable.apellidos + ' ' + act.responsable.nombres} : - }\r\n {act.responsable == null ? this.handleAsignar(act.idaexresultadoinsignia)}>Asignar - }\r\n :\r\n <>{act.resultado} \r\n {act.totalacumplir} \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 Estudiante \r\n Matricula \r\n Identificación \r\n Insignia \r\n {this.state.tipoBusqueda == 'C' ?\r\n <>Fecha \r\n Responsable \r\n :\r\n <>Resultado actual \r\n Total a cumplir \r\n \r\n }\r\n \r\n \r\n\r\n \r\n {actividades.map((act, i) => {\r\n return \r\n {(i + 1 + (this.state.limite * (this.state.currentPage - 1)))} \r\n {act.estudiante !== null ? {act.estudiante.apellidos + ' ' + act.estudiante.nombres} : - }\r\n {act.estudiante !== null ? {act.estudiante.codestudiante} : - }\r\n {act.estudiante !== null ? {act.estudiante.numeroidentificacion} : - }\r\n {act.insignia !== null ? {act.insignia.nombre} : - }\r\n {this.state.tipoBusqueda == 'C' ?\r\n <>{act.fechaConsegida !== null ? {act.fechaConsegida.split(\"T\")[0]} : - }\r\n {act.responsable != null ? {act.responsable.apellidos + ' ' + act.responsable.nombres} : - }\r\n :\r\n <>{act.resultado} \r\n {act.totalacumplir} \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 {this.state.respItems === 0 ? < Card body className=\"text-center py-3\">No se encontraron Resultados. : <>}\r\n
\r\n
Total de estudiantes que han conseguido de insignias: {this.state.numeroPersonasInsignias}
\r\n
\r\n
\r\n {this.state.pestanias.map((pes,i) =>\r\n \r\n { this.toggle(pes.id); }}>\r\n {pes.nombre}\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Todas \r\n {this.state.categorias.map(insignia =>\r\n {insignia.nombre} \r\n )\r\n }\r\n \r\n \r\n this.searchByCategoria()}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {cantidades.nombre} \r\n )\r\n }\r\n \r\n \r\n this.searchByCantidad()}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {contents}\r\n
Certificados generados: {this.state.numeroCertificados} \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n # \r\n Estudiante \r\n Matricula \r\n Fecha \r\n Tipo \r\n Certificado \r\n \r\n \r\n\r\n \r\n {currentPosts.map((act, i) => {\r\n return \r\n {(i + 1 + (this.state.limite * (this.state.currentPage - 1)))} \r\n {act.estudiante !== null ? {act.estudiante.apellidos + ' ' + act.estudiante.nombres} : - }\r\n {act.estudiante !== null ? {act.estudiante.codestudiante} : - }\r\n {act.ultimoCambio !== null ? {act.ultimoCambio.split(\".\")[0]} : - }\r\n {act.agrupacion !== null ? {act.agrupacion} : - }\r\n {act.rutapdf != null ? Ver/Descargar - }\r\n \r\n }\r\n )}\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n # \r\n Estudiante \r\n Matricula \r\n Fecha \r\n Tipo \r\n Link \r\n \r\n \r\n\r\n \r\n {this.state.certificados.map((act, i) => {\r\n return \r\n {(i + 1 + (this.state.limite * (this.state.currentPage - 1)))} \r\n {act.estudiante !== null ? {act.estudiante.apellidos + ' ' + act.estudiante.nombres} : - }\r\n {act.estudiante !== null ? {act.estudiante.codestudiante} : - }\r\n {act.ultimoCambio !== null ? {act.ultimoCambio.split(\".\")[0]} : - }\r\n {act.agrupacion !== null ? {act.agrupacion} : - }\r\n {act.rutapdf != null ? {\"https://wsarchivos.espol.edu.ec/api/DspaceFile/DownloadDspace/\" + act.rutapdf.split(\",\")[1] + \"/\" + act.codigo + \".pdf\"} : - }\r\n \r\n }\r\n )}\r\n \r\n\r\n
\r\n
}\r\n {this.state.certificados.length === 0 ? < Card body className=\"text-center py-3\">No se encontraron Resultados. : <>}\r\n \r\n return (\r\n \r\n {contents}\r\n
\r\n );\r\n }\r\n\r\n populateInfoData() {\r\n\r\n fetch(localBack + '/api/Estadisticas', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => { \r\n this.setState({\r\n numeroCertificados: data.objDatos.certificadosGenerados,\r\n });\r\n });\r\n\r\n fetch(localBack + '/api/Certificado', {\r\n method: 'GET',\r\n /*headers: { \"Authorization\": `Bearer ${getCookie('token')}` },*/\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n this.setState({\r\n certificados: data.objDatos,\r\n loading: false,\r\n });\r\n this.reLoadTotalPage(this.state.certificados.length, this.state.limite);\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n}\r\nConsultarReportes.contextType = AppContext;\r\nexport default withRouter(ConsultarReportes);","import { BehaviorSubject } from 'rxjs';\r\nimport url from \"./../components/variables/url.js\";\r\n\r\nconst APP_ID = process.env.REACT_APP_ID;\r\n/*const localBack = url.localBack;*/\r\nconst localBack = process.env.REACT_APP_BACK;\r\nconst casF = url.CAS_FOTO;\r\nconst foto = url.foto;\r\n\r\nconst currentUser = {\r\n usuario: \"\",\r\n idpersona: 0,\r\n identificacion: \"\",\r\n ultimoCambio: \"\",\r\n apellidos: \"\",\r\n nombres: \"\",\r\n roles: [],\r\n foto: \"\",\r\n token: \"\"\r\n};\r\n\r\nconst currentUserSubject = new BehaviorSubject(currentUser);\r\n\r\nexport const authService = {\r\n login,\r\n logout,\r\n currentUser: currentUserSubject.asObservable(),\r\n get currentUserValue() { return currentUserSubject.value },\r\n};\r\n\r\nfunction login(username) {\r\n \r\n fetch(localBack + \"/api/Account\", {\r\n method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ idapp: APP_ID, netid: username })\r\n })\r\n .then(response => response.json())\r\n .then((result) => {\r\n\r\n let loggedUser = {\r\n idpersona: result.user.idpersona,\r\n matricula: result.user.codestudiante,\r\n usuario: result.user.netId,\r\n identificacion: result.user.numeroidentificacion,\r\n apellidos: result.user.apellidos,\r\n nombres: result.user.nombres,\r\n roles: result.user.roles,\r\n foto: result.user.foto,\r\n token: result.token, \r\n };\r\n\r\n let realFetch = window.fetch;\r\n window.fetch = function (url, opts = null) {\r\n let headers = opts.headers;\r\n /*console.log(\"fetch opts = \" + JSON.stringify(opts.headers));*/\r\n if (loggedUser.token) {\r\n headers = Object.assign({}, headers, { 'Authorization': `Bearer ${loggedUser.token}` });\r\n //console.log(\"fileupload = \" + url.indexOf('FileUpload'));\r\n //console.log(\"content-type = \" + headers['Content-Type']);\r\n if (url.indexOf('FileUpload') < 0 && headers['Content-Type'] == undefined) {\r\n /*console.log(\"add content-type\");*/\r\n headers = Object.assign({}, headers, { 'Content-Type': 'application/json' });\r\n //opts = Object.assign({}, opts, { 'headers': { 'Content-Type': 'application/json'} });\r\n }\r\n //opts = Object.assign({}, opts, { 'headers': { 'Authorization': `Bearer ${loggedUser.token}` } });\r\n opts.headers = headers;\r\n /*console.log(JSON.stringify(opts));*/\r\n return realFetch(url, opts);\r\n } else {\r\n return realFetch(url, opts);\r\n }\r\n };\r\n\r\n currentUserSubject.next(loggedUser);\r\n });\r\n \r\n}\r\n\r\nfunction logout() {\r\n // remove user and go to logout CAS\r\n currentUserSubject.next(null);\r\n window.location.href = \"/Account/Logout\";\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Route, Router, Switch } from 'react-router-dom';\r\nimport { Layout } from './components/Layout';\r\nimport { LayoutExterno } from './components/LayoutExterno';\r\nimport { Home } from './components/Home';\r\nimport { FileUpload } from './components/FileUpload';\r\nimport { FetchData } from './components/FetchData';\r\nimport { Counter } from './components/Counter';\r\nimport { AddActExtracurricular } from './components/AddActExtracurricular';\r\nimport { ActExtracurricular } from './components/ActExtracurricular';\r\nimport { ActExtraEstudiante } from './components/ActExtraEstudiante';\r\nimport { Insignias } from './components/Insignias';\r\nimport { Reporte } from './components/Reporte';\r\nimport { Autenticado } from './components/Autenticado';\r\nimport { UpdateGestion } from './components/UpdateGestion';\r\nimport { GestionActividad } from './components/GestionActividad';\r\nimport { GestionActividadPagination } from './components/GestionActividadPagination';\r\nimport { ConsultarPerfil } from './components/ConsultarPerfil';\r\nimport { ConsultarInsignias } from './components/ConsultarInsignias';\r\nimport { ConsultarReportes } from './components/ConsultarReportes';\r\nimport { Spinner } from 'reactstrap';\r\n//import { Cargando } from './components/Cargando';\r\n\r\nimport history from \"./historyBeta\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport { AppContext } from './AppContext';\r\nimport url from \"./components/variables/url.js\";\r\nimport CasClient, { constant } from \"react-cas-client\";\r\nimport { authService } from './services/auth.service';\r\nimport './custom.css';\r\nimport Certificado from './components/Certificado';\r\n\r\n/*const CAS_PARAMS = url.cas.split(\"://\");*/\r\nconst CAS_PARAMS = process.env.REACT_APP_CAS.split(\"://\");\r\nconst casOptions = { version: constant.CAS_VERSION_2_0, path: '/', protocol: CAS_PARAMS[0] };\r\nconst casClient = new CasClient(CAS_PARAMS[1], casOptions);\r\n\r\nconst homepage = process.env.REACT_APP_EXP;\r\nconst localBack = process.env.REACT_APP_BACK;\r\n\r\nconst hist = createBrowserHistory();\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n username: null,\r\n currentUser: null,\r\n loading: true,\r\n };\r\n\r\n const { username } = this.state;\r\n\r\n /*Se debe estar logeado excepto para autenticacion de certificados.*/\r\n if (!username && !hist.location.pathname.includes('/Autenticado/') && !hist.location.pathname.includes('/Descargar/')) {\r\n casClient\r\n .auth()\r\n .then(successRes => {\r\n //alert(\"asdasdasd\");\r\n console.log(\"App successRes = \" + JSON.stringify(successRes)); this.setState({ username: successRes.user });\r\n history.replace(successRes.currentPath);\r\n })\r\n .catch(errorRes => { console.log(\"App errorRes = \" + JSON.stringify(errorRes)) });\r\n }\r\n }\r\n\r\n //constructor(props) {\r\n // super(props);\r\n\r\n // this.state = {\r\n // username: null,\r\n // currentUser: null,\r\n // loading: true,\r\n // };\r\n\r\n // const { username } = this.state;\r\n // /*Se debe estar logeado excepto para autenticacion de certificados.*/\r\n // if (!username && !hist.location.pathname.includes('/Autenticado/') && !hist.location.pathname.includes('/Descargar/')) {\r\n // window.location.href = 'https://www.bienestar.espol.edu.ec/sistema-de-experiencia-estudiantil';\r\n // }\r\n //}\r\n\r\n componentDidMount() {\r\n\r\n //alert(hist.location.pathname);\r\n\r\n if (hist.location.pathname == \"/\") {\r\n window.location.href = 'https://www.bienestar.espol.edu.ec/sistema-de-experiencia-estudiantil';\r\n }\r\n\r\n console.log(\"app state = \" + JSON.stringify(this.state));\r\n\r\n this.subscription = authService.currentUser.subscribe(currentUser => {\r\n if (currentUser && currentUser.idpersona) {\r\n this.setState({ currentUser: currentUser, loading: false });\r\n //console.log(this.state.currentUser.roles);\r\n //console.log(this.state.currentUser.usuario);\r\n }\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n //alert(hist.location.pathname);\r\n\r\n if (hist.location.pathname == \"/\") {\r\n window.location.href = 'https://www.bienestar.espol.edu.ec/sistema-de-experiencia-estudiantil';\r\n }\r\n\r\n const { username, currentUser } = this.state;\r\n if (username && !currentUser) {\r\n authService.login(username);\r\n }\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n // unsubscribe to ensure no memory leaks\r\n this.subscription.unsubscribe();\r\n }\r\n\r\n logout() {\r\n casClient.logout();\r\n }\r\n\r\n render () {\r\n const page = (\r\n \r\n \r\n \r\n {\r\n fetch(localBack + '/api/FileUpload/DescargarEvidencia/' + props.match.params[\"id\"], {\r\n method: 'GET',\r\n })\r\n .then(response => {\r\n return response.json();\r\n })\r\n .then(data => {\r\n if (data !== '') {\r\n\r\n let a = document.createElement('a');\r\n a.href = \"data:application/pdf;base64,\" + data + \"\";\r\n a.download = \"certificado-\" + \".pdf\";\r\n a.click();\r\n }\r\n });\r\n }\r\n } />\r\n \r\n \r\n \r\n {/* { window.location.href = 'https://www.bienestar.espol.edu.ec/sistema-de-experiencia-estudiantil'; }} />\r\n {/* { window.location.href = 'https://www.bienestar.espol.edu.ec/sistema-de-experiencia-estudiantil'; }} />*/}\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 if (this.state.loading) {\r\n return (\r\n \r\n Cargando \r\n
\r\n )\r\n } \r\n else {\r\n return page\r\n }\r\n\r\n }\r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport { createBrowserHistory } from \"history\";\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter, Router, Route, Switch } from 'react-router-dom';\r\nimport * as dotenv from 'dotenv';\r\nimport App from './App';\r\n/*import history from \"./history\";*/\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\ndotenv.config();\r\n\r\nconst hist = createBrowserHistory();\r\n\r\nReactDOM.render(\r\n \r\n ,\r\n rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n","module.exports = __webpack_public_path__ + \"static/media/shark.c6e3f8c1.svg\";","module.exports = __webpack_public_path__ + \"static/media/ESPOL-ExperienciaEstudiantil.13ca78f1.svg\";","module.exports = __webpack_public_path__ + \"static/media/ciudadania-ETICA.af67f754.svg\";","module.exports = __webpack_public_path__ + \"static/media/liderazgo-AUTOAGENCIA.adfa95f6.svg\";","module.exports = __webpack_public_path__ + \"static/media/CREATIVIDAD.ea988036.svg\";","module.exports = __webpack_public_path__ + \"static/media/interaccion-COMUNICACION.13dc4505.svg\";","module.exports = __webpack_public_path__ + \"static/media/Autonomia-APRENDIZAJE.2b6bec9e.svg\";","module.exports = __webpack_public_path__ + \"static/media/Gestion-ESTRATEGICA.48ca5c6b.svg\";"],"sourceRoot":""}