this.handleShow(1)} style={{display: visibleboton ? '' : 'none' }} > */}\r\n this.handleShow(1)} style={{display: visibleboton ? '' : 'none' }} >\r\n \r\n \r\n edit\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n done_all\r\n \r\n \r\n Modificar Indicadores\r\n \r\n \r\n \r\n \r\n La descripción del indicador solo puede contener un máximo de 250 caracteres y solo puede tener un máximo de 4 indicadores por periodo.\r\n \r\n \r\n Periodo: \r\n \r\n - \r\n Periodo 1 \r\n Periodo 2 \r\n Periodo 3 \r\n Periodo 4 \r\n \r\n\r\n \r\n \r\n this.handleClose()} color=\"primary\">\r\n Cerrar\r\n \r\n this.guardar_indicador()} color=\"secondary\">\r\n \r\n \r\n \r\n\r\n \r\n );\r\n }\r\n\r\n componentDidMount() {\r\n \r\n \r\n } \r\n}\r\n\r\nexport default ModalIndicador;\r\n","import React, { Component } from 'react';\r\nimport {Redirect} from 'react-router-dom';\r\nimport Button from '@material-ui/core/Button';\r\nimport {Usuario} from '../../services/Usuario';\r\nimport {GetData} from '../../services/GetData';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\n\r\nimport { Avatar } from '@material-ui/core';\r\nimport {Link} from 'react-router-dom';\r\n\r\n\r\n\r\nimport ModalIndicador from './ModalIndicador';\r\nclass ModificarIndicadores extends Component {\r\n\r\n \r\n constructor(props){\r\n super(props);\r\n \r\n let usuariosession = Usuario();\r\n let id_usuario = null;\r\n let token = null;\r\n let id_docente = null; \r\n\r\n if (usuariosession){\r\n id_usuario = usuariosession.id_usuario;\r\n token = usuariosession.token;\r\n id_docente = usuariosession.id_docente;\r\n }\r\n\r\n this.state = {\r\n id_usuario: id_usuario,\r\n id_docente: id_docente,\r\n token: token, \r\n id_asignatura: props.match.params.idAsignatura,\r\n id_grado: props.match.params.idGrado,\r\n id_grupo: props.match.params.idGrupo,\r\n num_periodo: 0,\r\n nombre_asing: '',\r\n lista_indicadores: Cargando ... \r\n {item.codigo_indic} \r\n \r\n {this.state.id_grado < 5 ? (\r\n <>\r\n \r\n {item.descripcion_indic && (\r\n <>\r\n S: {item.descripcion_indic} A: {item.descripcion_alto} B: {item.descripcion_basico} {item.descripcion_indic} \r\n )}\r\n \r\n \r\n {item.id_periodo} \r\n \r\n \r\n this.listar_indicadores_sub()}\r\n cant_notas = {item.cant}\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.setState({lista_indicadores: listaindi, loading: false});\r\n \r\n }else{\r\n console.log(\"Error al cargar las aginaciones\");\r\n }\r\n })\r\n return true; \r\n }\r\n\r\n render() {\r\n\r\n if (!this.state.id_usuario){\r\n return (\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n assignment_turned_in\r\n \r\n \r\n\r\n \r\n Indicadores para ({this.state.nom_grado} - {this.state.id_grupo}) - {this.state.nombre_asing} del año {this.state.anio_actual} \r\n \r\n\r\n \r\n info De clic en el icono del lápiz para modificar el indicador deseado. Recuerde que no se puede utilizar indicadores de periodos pasados.\r\n Los indicadores del periodo actual que ya tienen notas ingresadas no se pueden modificar.\r\n \r\n \r\n \r\n Código \r\n Concepto \r\n Periodo \r\n Acción \r\n \r\n \r\n\r\n \r\n \r\n {this.state.lista_indicadores}\r\n \r\n \r\n
\r\n \r\n\r\n Regresar \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n
{datos[caption]} )\n break;\n case '1': \n retorno.push({datos[caption]} )\n break;\n default: \n switch (caption){\n case \"EXF\":\n let notaE = 0; \n if (datos[caption] !== null)\n notaE = datos[caption];\n\n retorno.push({parseFloat(notaE).toFixed(1)} );\n break;\n case \"PTL\":\n let notaP = 0; \n if (datos[caption] !== null)\n notaP = datos[caption];\n \n retorno.push({parseFloat(notaP).toFixed(1)} );\n break; \n default:\n\n let notap = 0;\n let nexam = 0; \n\n if (datos[caption] !== null)\n notap = datos[caption];\n\n if (datos['EXF'] !== null)\n nexam = datos['EXF']; \n\n let promedio = (parseFloat(notap) * 0.8) + (parseFloat(nexam) * 0.2);\n \n let multiplier = Math.pow(10, 1 || 0);\n promedio = Math.round(promedio * multiplier) / multiplier;\n retorno.push(<>{parseFloat(notap).toFixed(1)} \n {parseFloat(notap * 0.8).toFixed(1)} \n {parseFloat(nexam * 0.2).toFixed(1)} \n {parseFloat(promedio).toFixed(1)} );\n }\n \n \n }\n });\n return retorno;\n }\n\nfunc_round(value, precision) {\n var multiplier = Math.pow(10, precision || 0);\n return Math.round(value * multiplier) / multiplier;\n}\n\n procentaje_nota_pft(datos, cols){\n let retorno = [];\n let porc_plf = this.state.procentaje_ptl / 100;\n\n Object.keys(cols).forEach(function(key) {\n let caption = cols[key].name\n\n \n switch (key){\n case '0':\n retorno.push({datos[caption]} )\n break;\n case '1': \n retorno.push({datos[caption]} )\n break;\n default: \n switch (caption){\n case \"EXF\":\n //let prom = func_round(datos[caption],1);\n let nota = 0; \n if (datos[caption] !== null)\n nota = datos[caption];\n\n retorno.push({parseFloat(nota).toFixed(1)} );\n break;\n case \"PTL\":\n let nota2 = 0; \n if (datos[caption] !== null)\n nota2 = datos[caption]; \n\n retorno.push({parseFloat(nota2).toFixed(1)} );\n break; \n default:\n \n let notap = 0;\n let nexam = 0;\n let nptl = 0;\n\n if (datos[caption] !== null)\n notap = datos[caption];\n\n if (datos['EXF'] !== null)\n nexam = datos['EXF']; \n \n if (datos['PTL'] !== null)\n nptl = datos['PTL']; \n\n let promedio = (parseFloat(notap) * 0.6) + (parseFloat(nexam) * 0.2) + (parseFloat(nptl) * porc_plf)\n \n \n promedio = this.func_round(promedio,1);\n\n retorno.push(<>{parseFloat(notap).toFixed(1)} \n {(parseFloat(notap) * 0.6).toFixed(1)} \n {(parseFloat(nexam) * 0.2).toFixed(1)} \n {(parseFloat(nptl) * porc_plf).toFixed(1)} \n {parseFloat(promedio).toFixed(1)} );\n }\n \n \n }\n }.bind(this));\n\n\n return retorno;\n }\n\n procentajeExa(nota){\n let def = 0;\n def = parseFloat(nota) * 0.2;\n return parseFloat(def).toFixed(1);\n} \n\n//no incluye la calificacion por plataforma\nresumen_notas_nomal(responseJSON){\n // se contruye las columnas de con los nombres de los campos para poder armar la tabla\n\n\n let porcenT = [\"Prom\", \"80%\", \"20%\", \"100%\"];\n \n if (!responseJSON.alumnos[0].EXF){\n this.setState({errorvalidarExF: true});\n return;\n }\n\n let objetos = Object.keys(responseJSON.alumnos[0]);\n let columas = [];\n let columasHeader2 = [];\n \n let sum_camp_nota = 100 - (13 - 8 - ((objetos.length - 4) * 32));\n let cont_colum = 0;\n let colt_columtotal = 0;\n Object.keys(objetos).forEach(function(key) {\n let nombrecampo = \"\";\n let anchocol = \"\";\n switch (key){\n case '0':\n nombrecampo = \"Código\";\n anchocol = \"5%\";\n break;\n case '1':\n nombrecampo = \"Nombre del Alumno\";\n anchocol = sum_camp_nota + \"%\";\n break;\n case '2':\n nombrecampo = objetos[key];\n anchocol = \"8%\";\n cont_colum++;\n break; \n default:\n nombrecampo = objetos[key];\n anchocol = \"32%\";\n cont_colum++;\n break;\n }\n colt_columtotal++;\n\n let campos = { header: nombrecampo, name: objetos[key], size: anchocol };\n columas.push(campos);\n \n \n\n });\n \n cont_colum = (colt_columtotal + (cont_colum - 1) * 4) - (cont_colum-1);\n\n let xy = 0;\n for(let x = 0; x 2 && x < (cont_colum) ){\n \n let campos = { header: porcenT[xy], name: porcenT[xy], size: \"8%\" };\n xy++;\n if (xy>3)\n xy = 0;\n\n columasHeader2.push(campos); \n }\n }\n \n const renderData = (data, cols) =>\n data.map((row, key) =>{this.procentaje_nota(row, cols)}{this.promedio(data[key], columas)} ); \n\n\n\n let listaindi = renderData(responseJSON.alumnos, columas);\n\n let campos = { header: \"Prom\", name: \"promedio\", size: \"8%\" };\n columas.push(campos); \n\n let titulostabla = columas.map(\n (item, key) => 2 && key < colt_columtotal ? 'text-center': null} rowSpan={key <= 2 || key > (colt_columtotal - 1) ? '2': null} colSpan={key > 2 && key < colt_columtotal ? '4': '0'} width={item.size}>{item.header} );\n\n let titulostabla2 = columasHeader2.map(\n (item, key) =>{item.header} ); \n\n this.setState({ lista_alumnos : listaindi, titulostabla: titulostabla, titulos_tabla2: titulostabla2 })\n}\n\nresumen_notas_pft(responseJSON){\n let porc_plf = this.state.procentaje_ptl;\n let porcenT = [\"Prom\", \"60%\", porc_plf + \"%\", \"20%\", \"100%\"];\n \n if (!responseJSON.alumnos[0].EXF){\n this.setState({errorvalidarExF: true});\n return;\n }\n\n let objetos = Object.keys(responseJSON.alumnos[0]);\n let columas = [];\n let columasHeader2 = [];\n \n let sum_camp_nota = 100 - (13 - 8 - ((objetos.length - 4) * 32));\n let cont_colum = 0;\n let colt_columtotal = 0;\n Object.keys(objetos).forEach(function(key) {\n let nombrecampo = \"\";\n let anchocol = \"\";\n switch (key){\n case '0':\n nombrecampo = \"Código\";\n anchocol = \"5%\";\n break;\n case '1':\n nombrecampo = \"Nombre del Alumno\";\n anchocol = sum_camp_nota + \"%\";\n break;\n case '2':\n nombrecampo = objetos[key];\n anchocol = \"8%\";\n cont_colum++;\n break; \n default:\n nombrecampo = objetos[key];\n anchocol = \"32%\";\n cont_colum++;\n break;\n }\n colt_columtotal++;\n\n let campos = { header: nombrecampo, name: objetos[key], size: anchocol };\n columas.push(campos);\n \n\n });\n \n cont_colum = (colt_columtotal + (cont_colum - 2) * 5) - (cont_colum- 2);\n \n let xy = 0;\n for(let x = 0; x 3 && x < (cont_colum) ){\n \n let campos = { header: porcenT[xy], name: porcenT[xy], size: \"8%\" };\n xy++;\n if (xy>4)\n xy = 0;\n\n columasHeader2.push(campos); \n \n }\n }\n \n \n\n const renderData = (data, cols) =>\n data.map((row, key) =>{this.procentaje_nota_pft(row, cols)}{this.promedio_pft(data[key], columas)} ); \n\n \n let listaindi = renderData(responseJSON.alumnos, columas);\n \n\n let campos = { header: \"Prom\", name: \"promedio\", size: \"8%\" };\n columas.push(campos); \n\n let titulostabla = columas.map(\n (item, key) => 3 && key < colt_columtotal ? 'text-center': null} rowSpan={key <= 3 || key > (colt_columtotal - 1) ? '2': null} colSpan={key > 3 && key < colt_columtotal ? '5': '0'} width={item.size}>{item.header} );\n\n let titulostabla2 = columasHeader2.map(\n (item, key) =>{item.header} ); \n\n this.setState({ lista_alumnos : listaindi, titulostabla: titulostabla, titulos_tabla2: titulostabla2 });\n\n}\n\nlistar_alumnos(){\n \n GetData('calificaciones/califiperiodo/' + this.state.id_grado + \"/\" + this.state.id_grupo + \"/\" + this.state.id_asignatura, this.state).then ((result) =>{\n let responseJSON = result;\n if (responseJSON.error === false){\n \n if (!this.state.calificacionPTF)\n this.resumen_notas_nomal(responseJSON);\n else{\n this.setState({ConfPorcenNotas: [20, this.state.procentaje_ptl, 60]}, () => {\n this.resumen_notas_pft(responseJSON);\n }); \n \n }\n \n this.setState({loading: false})\n \n }else{\n console.log(\"Error al cargar las calificaciones\");\n }\n })\n }\n\n render() {\n \n \n let mensajeerror = \"\";\n if (this.state.errorvalidarExF === true){\n mensajeerror = \n Error! \n No se pueden mostrar las notas hasta que ingrese las notas del examen final \n \n }\n\n let mensajeinformativo = \n info \n EXF: Calificación Examen Final \n PTL: Calificación Plataforma \n PROM: Promedio de las actividades
\n\n if (!this.state.calificacionPTF){\n mensajeinformativo = info EXF: Calificación Examen Final
\n }\n return (\n \n \n \n\n
\n\n \n
\n Regresar \n Calificaciones del \n Período: {this.state.num_periodo}, \n Grado: {this.state.nom_grado} - {this.state.id_grupo} \n
\n
\n \n {mensajeinformativo} \n\n
Lista de Alumnos \n \n {mensajeerror}\n
\n \n {this.state.titulostabla} \n {this.state.titulos_tabla2} \n \n {this.state.lista_alumnos} \n
\n\n
Regresar \n\n
\n
{ this[`ref${this.props.index}`] = el; }} \r\n name={this.props.id_matricula} \r\n id={this.props.id_matricula} \r\n disabled={this.state.editactivo}\r\n autoFocus={false}\r\n className=\"quitarpading stiloimput\" \r\n defaultValue={this.state.notaalumno} \r\n onBlur={this.resetSave}\r\n onKeyDown={this.keyPress}\r\n onKeyUp={this.handleKeyUp} \r\n onChange={this.props.onChangeNota}\r\n onFocus={this.props.handleFocus}\r\n />\r\n \n {item.id_matricula} \n {item.nombres_apellidos_al} \n \n \n { this[`ref${index}`] = el; }}\n name={item.id_matricula} \n id_matricula = {item.id_matricula}\n id_grado = {this.state.id_grado}\n id_grupo = {this.state.id_grupo}\n id_asignatura={this.state.id_asignatura} \n id={item.id_matricula} \n nota={this.state.list_notas[item.id_matricula]}\n onChangeNota={this.onChangeNota}\n handleFocus={this.handleFocus}\n tab_control={this.tab_control}\n />\n\n \n \n \n \n );\n\n this.setState({ lista_alumnos : listaindi }, () => {\n this.setState({loading: false });\n })\n \n }else{\n console.log(\"Error al cargar las aginaciones\");\n }\n })\n }\n\n render() {\n\n let mensajeerrordocente = \"\";\n if (this.state.errorvalidardoc === true){\n mensajeerrordocente = \n Oh snap! Error de valicación! \n La asignatura no es válida para el Docente actual, de clic en el botón regresar he inténtelo nuevamente \n \n }\n\n return (\n \n \n
\n\n
\n\n \n
\n Regresar \n Calificaciones Nota Final , \n Grado: {this.state.nom_grado} - 0{this.state.id_grupo} \n Período: {this.state.num_periodo}
\n
\n
\n Nota: Las notas se guardan al presionar ENTER, El rango de notas que puede ingresar es: (A, B, E, S, I, D, N) \n
\n
Lista de Alumnos \n \n {mensajeerrordocente}\n\n
\n \n \n Código \n Nombre \n Nota \n \n \n \n {this.state.lista_alumnos}\n \n
\n\n
Regresar \n\n
\n
{index} \r\n );\r\n }\r\n\r\n formato_celda(key, valor){\r\n \r\n if (parseInt(this.state.id_grado) >= 5){\r\n if (key > 1){\r\n if (/^[A-Za-z]$/.test(valor))\r\n return valor;\r\n else\r\n return parseFloat(valor).toFixed(1);\r\n }else\r\n return valor; \r\n }else\r\n return valor; \r\n} \r\n\r\n \r\n\r\n celdas_tabla(fila){\r\n let retorno = [];\r\n \r\n Object.keys(fila).forEach(function(key) {\r\n let caption = fila[key];\r\n \r\n let clase = \"\";\r\n\r\n if (key !== \"1\"){\r\n clase = \"text-center fontTabla \";\r\n }else{\r\n clase = \"text-left fontTabla \";\r\n }\r\n\r\n if (parseInt(this.state.id_grado) >= 5){\r\n if (parseInt(key) > 1){\r\n if (parseFloat(caption) < 3)\r\n clase += \"nota_perdida\";\r\n }\r\n }\r\n \r\n /* if (parseInt(key) > 1 && ){\r\n clase += \"nota_perdida\";\r\n }*/\r\n\r\n retorno.push({this.formato_celda(key, caption)} );\r\n\r\n }.bind(this))\r\n \r\n \r\n return retorno;\r\n }\r\n listar_alumnos_notas(datos){\r\n return datos.map(\r\n (item, index) =><>{this.celdas_tabla(item)} \r\n );\r\n }\r\n\r\n lista_alumnos_grado(){\r\n\r\n\r\n \r\n let id_grado = this.state.id_grado;\r\n let id_grupo = this.state.id_grupo; \r\n let url = 'informespdf/consolidadperiodo/';\r\n const token = this.state.usuario_session.token;\r\n const id_usuario = this.state.usuario_session.id_usuario;\r\n \r\n this.setState({loading: true});\r\n\r\n if (this.state.id_grado < 5)\r\n url = 'informespdf/consolidadperiodoletra/';\r\n\r\n GetData(url + id_grado + '/' + id_grupo + '/' + this.state.id_periodo + \"/\"+id_usuario+\"/\"+token, this.state).then ((result) =>{\r\n let responseJSON = result;\r\n if (responseJSON.error === false){\r\n \r\n let datos = responseJSON.datos;\r\n let materias = responseJSON.materias;\r\n let columnaPro = Prom \r\n\r\n if (this.state.id_grado < 5)\r\n columnaPro = \"\"; \r\n \r\n let header = \r\n \r\n \r\n Código \r\n Nombre del estudiante \r\n {this.listado_materias(materias)}\r\n {columnaPro}\r\n \r\n \r\n \r\n {this.listar_alumnos_notas(datos)}\r\n \r\n
\r\n\r\n let retorno = [];\r\n Object.keys(materias).forEach(function(key) {\r\n retorno.push(<>({key}) {materias[key]} \r\n );\r\n });\r\n \r\n \r\n \r\n this.setState({lista_alumnos_grado: header, lista_materias: retorno, loading: false})\r\n }\r\n \r\n });\r\n\r\n \r\n }\r\n\r\n listar_periodos(){\r\n let periodos_list = [];\r\n\r\n for (let i = 1; i <= this.state.id_periodo; i++)\r\n periodos_list.push(i);\r\n\r\n const lista = periodos_list.map((item, index) =>Periodo {item} );\r\n\r\n this.setState({lista_periodos: lista})\r\n\r\n }\r\n\r\n cambiar_periodo = (e) => {\r\n this.setState({id_periodo: e.target.value}, () =>{\r\n this.lista_alumnos_grado();\r\n });\r\n \r\n }\r\n \r\n render() {\r\n let numeral = \"#\";\r\n let botonreturn = null;\r\n if (this.state.impresion === \"1\"){\r\n botonreturn = Regresar \r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n Regresar \r\n \r\n \r\n \r\n Grado: {this.state.nom_grado} - 0{this.state.id_grupo} \r\n \r\n \r\n Período: \r\n \r\n \r\n \r\n { this.state.lista_periodos }\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n
\r\n Consolidados\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.state.lista_materias}\r\n
\r\n {this.state.lista_alumnos_grado} \r\n
\r\n \r\n {botonreturn}\r\n
\r\n
{nota} );\r\n })\r\n return retorno;\r\n}\r\n\r\nanchocolumna(key, total){\r\n \r\n\r\n let an = total - 3;\r\n let w = an * 10;\r\n let anca = 100 - w - 20; \r\n\r\n if (key === 0)\r\n return \"10%\";\r\n\r\n if (key === 1)\r\n return anca + \"%\";\r\n\r\n if (key > 1 && key < total)\r\n return \"10%\";\r\n \r\n if (key === (total-1)){\r\n return \"10%\";\r\n } \r\n \r\n}\r\n\r\nresumen_notas_nomal(columnas, datostabla){\r\n // se contruye las columnas de con los nombres de los campos para poder armar la tabla\r\n\r\n\r\n let objetos = Object.keys(columnas);\r\n let totalcol = objetos.length;\r\n\r\n\r\n let titulostabla = columnas.map(\r\n (item, key) =>{item} );\r\n \r\n \r\n const renderData = datostabla.map((alumno, key) =>\r\n {\r\n this.datos_columna(alumno, key)\r\n } ); \r\n\r\n\r\n\r\n let listaindi = renderData; //renderData(datostabla, colt_columtotal); \r\n\r\n this.setState({ lista_alumnos : listaindi, titulostabla: titulostabla })\r\n}\r\n\r\n\r\nlistar_alumnos(){\r\n this.setState({loading_bar: true})\r\n GetData('calificaciones/tablanotasindicador/' + this.state.id_grado + \"/\" + this.state.id_grupo + \"/\" + this.state.id_asignatura + \"/\" + this.state.num_periodo, this.state).then ((result) =>{\r\n let responseJSON = result;\r\n //console.log(responseJSON);\r\n if (responseJSON.error === false){\r\n \r\n\r\n this.resumen_notas_nomal(responseJSON.titulotbl,responseJSON.tabla);\r\n \r\n \r\n this.setState({loading: false, loading_bar: false})\r\n \r\n }else{\r\n console.log(\"Error al cargar las calificaciones\");\r\n }\r\n })\r\n }\r\n\r\n\r\n cambiar_periodo = (e) => {\r\n this.setState({num_periodo: e.target.value}, () =>{\r\n this.listar_alumnos();\r\n });\r\n \r\n }\r\n\r\n listar_periodos(){\r\n let periodos_list = [];\r\n \r\n for (let i = 1; i <= this.state.num_periodo; i++)\r\n periodos_list.push(i);\r\n \r\n const lista = periodos_list.map((item, index) =>Periodo {item} );\r\n \r\n this.setState({lista_periodos: lista})\r\n \r\n } \r\n\r\n render() {\r\n \r\n \r\n \r\n\r\n \r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n Regresar \r\n Calificaciones del \r\n Período: \r\n \r\n \r\n \r\n \r\n { this.state.lista_periodos }\r\n \r\n \r\n \r\n Grado: {this.state.nom_grado} - {this.state.id_grupo} \r\n
\r\n
\r\n
\r\n \r\n\r\n
Lista de Alumnos \r\n \r\n \r\n
\r\n \r\n {this.state.titulostabla} \r\n {this.state.titulos_tabla2} \r\n \r\n {this.state.lista_alumnos} \r\n
\r\n\r\n
Regresar \r\n\r\n
\r\n
Cargando ... \n {item.codigo_indic} \n \n {this.state.id_grado < 5 ? (\n <>\n \n {item.descripcion_indic && (\n <>\n S: {item.descripcion_indic} A: {item.descripcion_alto} B: {item.descripcion_basico} {item.descripcion_indic} \n )}\n \n {item.cant > 0 ? item.cant : '' } \n \n \n \n assignment\n \n \n \n \n \n );\n /* \n }else{\n listaindi = responseJSON.indicadores.map(\n item => \n {item.codigo_indic} \n {item.descripcion_indic} \n \n \n \n assignment\n \n \n \n \n \n ); \n } */\n\n \n this.setState({lista_indicadores: listaindi}, () => {\n this.setState({loading: false})\n });\n \n }else{\n console.log(\"Error al cargar las aginaciones\");\n }\n })\n return true; \n }\n\n\n\n render() {\n\n if (!this.state.id_usuario){\n return (\n No hay logros establecidos, de clic en el botón Modificar para establecer los indicadores del periodo actual. \n \n }\n \n let botonExamenF = null;\n let botonNotaFinal = null;\n let botonAccesoPl = null;\n let nivel_ac = parseInt(this.state.nivel_ac);\n\n /* if (nivel_ac === 1){\n botonNotaFinal = \n Nota Final \n }\n */\n \n\n let botonCalificaiones = null;\n // if (nivel_ac > 1 && this.state.tipo_nota === \"N\"){\n botonCalificaiones = Calificaciones info Para seleccionar un identificador de clic en el icono \n assignment\n , Para modificar los indicadores del los periodos de clic en el botón Indicadores \n
\n\n
\n\n \n \n \n\n \n \n assignment_turned_in\n \n \n\n \n Indicadores para ({this.state.nom_grado} - {this.state.id_grupo}) - {this.state.nombre_asing} del Período {this.state.num_periodo} del año {this.state.anio_actual} \n \n \n {mensajeceroindicadores}\n {mensaje_info}\n\n \n \n \n Código \n Concepto \n Notas \n Acción \n \n \n\n \n \n {this.state.lista_indicadores}\n \n \n
\n \n\n Regresar \n {this.state.btnAsitenciaEnabled && \n Inasistencia \n }\n {botonNotaFinal}\n {botonExamenF}\n {botonAccesoPl}\n {botonCalificaiones}\n \n \n Indicadores \n \n\n \n \n \n\n \n \n \n\n { this[`ref${this.props.index}`] = el; }} \r\n inputProps={{\r\n maxLength: 3,\r\n }} \r\n name={this.props.id_matricula} \r\n id={this.props.id_matricula} \r\n autoFocus={false}\r\n disabled={this.state.editactivo}\r\n className=\"quitarpading stiloimput\" \r\n defaultValue={this.convertirnumero(this.state.nota_alumno)} \r\n onBlur={this.resetSave}\r\n onKeyUp={this.handleKeyUp} \r\n onChange={this.props.onChangeNota}\r\n onFocus={this.props.handleFocus}\r\n />\r\n \n {item.id_matricula} \n {item.nombres_apellidos_al} \n \n\n { this[`ref${index}`] = el; }}\n name={item.id_matricula} \n id_matricula = {item.id_matricula}\n id_grado = {this.state.id_grado}\n id_grupo = {this.state.id_grupo}\n id_asignatura = {this.state.id_asignatura}\n id={item.id_matricula} \n nota={this.state.list_notas[item.id_matricula]}\n onChangeNota={this.onChangeNota}\n handleFocus={this.handleFocus}\n tab_control={this.tab_control}\n onKeyUp={this.handleKeyUp} \n />\n \n \n );\n\n \n this.setState({ lista_alumnos : listaindi, loading: false })\n \n }else{\n console.log(\"Error al cargar las aginaciones\");\n }\n })\n }\n\n render() {\n\n let mensajeerrordocente = \"\";\n if (this.state.errorvalidardoc === true){\n mensajeerrordocente = \n Oh snap! Error de valicación! \n La asignatura no es válida para el Docente actual, de clic en el botón regresar he inténtelo nuevamente \n \n }\n\n return (\n \n \n
\n\n
\n\n \n
\n \n Regresar \n Calificaciones Examén Final, {this.state.nombre_asing} - Grado: {this.state.nom_grado} - 0{this.state.id_grupo}, Período: {this.state.num_periodo} \n \n
\n
\n
\n Nota: Las notas se guardan al presionar ENTER, se usa el Punto(.) para los decimales, digite notas con un decimal, ejemplo (3.0) \n
\n
Lista de Alumnos \n \n {mensajeerrordocente}\n\n
\n \n \n Código \n Nombre \n Nota \n \n \n \n {this.state.lista_alumnos}\n \n
\n\n
Regresar \n\n
\n
\r\n
\r\n \r\n \r\n\r\n \r\n \r\n info\r\n \r\n \r\n\r\n \r\n \r\n Perido actual: {periodo} {parseInt(nivelacion) === 1 ? '(Nivelación)' : ''} Fecha de Cierre: {fechacierre} ( {dias_faltantes} )\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
{index} \r\n );\r\n }\r\n\r\n formato_celda(key, valor){\r\n \r\n if (parseInt(this.state.id_grado) >= 5){\r\n if (key > 1)\r\n return valor; //parseFloat(valor).toFixed(1);\r\n else\r\n return valor; \r\n }else\r\n return valor; \r\n} \r\n\r\n lista_celda(key, campos, id_grado){\r\n let retorno = [];\r\n Object.keys(campos).forEach(function(key) {\r\n let clase = \"\";\r\n if (parseFloat(campos[key]) < 3 && id_grado >= 5)\r\n clase = \"nota_perdida_c\";\r\n\r\n retorno.push({campos[key]}
);\r\n });\r\n return retorno;\r\n }\r\n\r\n celdas_tabla(fila){\r\n let retorno = [];\r\n \r\n Object.keys(fila).forEach(function(key) {\r\n const numfila = Object.keys(fila).length;\r\n let caption = fila[key]\r\n \r\n let clase = \"\";\r\n\r\n if (key !== \"1\"){\r\n clase = \"text-center fontTabla \";\r\n }else{\r\n clase = \"text-left fontTabla \";\r\n }\r\n\r\n if (parseInt(this.state.id_grado) >= 5){\r\n if (key > 1){\r\n // if (parseFloat(caption) < 3)\r\n // clase += \"nota_perdida\";\r\n }\r\n }\r\n \r\n \r\n if (parseInt(this.state.id_grado) >= 5){\r\n if (parseInt(key) <= 1)\r\n retorno.push({this.formato_celda(key, caption)} );\r\n else {\r\n if (key < (numfila - 1) ){\r\n retorno.push({this.lista_celda(key, caption, parseInt(this.state.id_grado))} );\r\n }else{ \r\n if (parseFloat(caption) < 3)\r\n clase += \"nota_perdida\";\r\n retorno.push({this.formato_celda(key, caption)} );\r\n }\r\n } \r\n }else{\r\n if (parseInt(key) <= 1)\r\n retorno.push({this.formato_celda(key, caption)} );\r\n else {\r\n if (key < (numfila - 1) ){\r\n retorno.push({this.lista_celda(key, caption, parseInt(this.state.id_grado))} );\r\n }else{ \r\n retorno.push(- );\r\n }\r\n } \r\n }\r\n\r\n\r\n }.bind(this))\r\n \r\n \r\n return retorno;\r\n }\r\n listar_alumnos_notas(datos){\r\n return datos.map(\r\n (item, index) =><>{this.celdas_tabla(item)} \r\n );\r\n }\r\n\r\n lista_alumnos_grado(){\r\n\r\n\r\n \r\n let id_grado = this.state.id_grado;\r\n let id_grupo = this.state.id_grupo; \r\n let url = 'informespdf/consolidadresumen/';\r\n this.setState({loading: true});\r\n\r\n if (id_grado < 5)\r\n url = 'informespdf/consolidadresumenletra/';\r\n\r\n GetData(url + id_grado + '/' + id_grupo + '/', this.state).then ((result) =>{\r\n let responseJSON = result;\r\n if (responseJSON.error === false){\r\n \r\n let datos = responseJSON.datos;\r\n let materias = responseJSON.materias;\r\n let columnaPro = Prom \r\n\r\n if (this.state.id_grado < 5)\r\n columnaPro = \"\"; \r\n \r\n let header = \r\n \r\n \r\n Código \r\n Nombre del estudiante \r\n Per \r\n {this.listado_materias(materias)}\r\n {columnaPro}\r\n \r\n \r\n \r\n {this.listar_alumnos_notas(datos)}\r\n \r\n
\r\n\r\n let retorno = [];\r\n Object.keys(materias).forEach(function(key) {\r\n retorno.push(<>({key}) {materias[key]} \r\n );\r\n });\r\n \r\n \r\n \r\n this.setState({lista_alumnos_grado: header, lista_materias: retorno, loading: false})\r\n }\r\n \r\n });\r\n\r\n \r\n }\r\n\r\n listar_periodos(){\r\n let periodos_list = [];\r\n\r\n for (let i = 1; i <= this.state.id_periodo; i++)\r\n periodos_list.push(i);\r\n\r\n const lista = periodos_list.map((item, index) =>Periodo {item} );\r\n\r\n this.setState({lista_periodos: lista})\r\n\r\n }\r\n\r\n cambiar_periodo = (e) => {\r\n this.setState({id_periodo: e.target.value}, () =>{\r\n this.lista_alumnos_grado();\r\n });\r\n \r\n }\r\n \r\n render() {\r\n \r\n let botonreturn = null;\r\n if (this.state.impresion === \"1\"){\r\n botonreturn = Regresar \r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n Regresar \r\n \r\n Consolodidado Final , {this.state.nombre_asing} - \r\n Grado: {this.state.nom_grado} - 0{this.state.id_grupo}, \r\n Período: {this.state.id_periodo}\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.state.lista_materias}\r\n
\r\n {this.state.lista_alumnos_grado} \r\n
\r\n \r\n {botonreturn}\r\n
\r\n
{ this[`ref${this.props.index}`] = el; }} \r\n inputProps={{\r\n maxLength: 3,\r\n }}\r\n name={this.props.id_matricula} \r\n id={this.props.id_matricula} \r\n autoFocus={false}\r\n disabled={this.state.editactivo}\r\n className=\"quitarpading stiloimput\" \r\n defaultValue={this.convertirnumero(this.state.notaalumno)} \r\n \r\n onBlur={this.resetSave}\r\n onKeyUp={this.handleKeyUp} \r\n onChange={this.props.onChangeNota}\r\n onFocus={this.props.handleFocus}\r\n />\r\n \n {item.id_matricula} \n {item.nombres_apellidos_al} \n {item.nota_fn} \n \n \n \n );\n\n this.setState({ lista_alumnos : listaindi }, () => {\n this.setState({loading: false});\n })\n \n }else{\n console.log(\"Error al cargar las aginaciones\");\n }\n })\n }\n\n render() {\n\n let mensajeerrordocente = \"\";\n \n\n\n if (this.state.errorvalidardoc === true){\n mensajeerrordocente = \n Oh snap! Error de valicación! \n La asignatura no es válida para el Docente actual, de clic en el botón regresar he inténtelo nuevamente \n \n }\n\n \n\n return (\n \n \n
\n\n
\n\n \n
\n Regresar \n Ingreso de Nivelaciones , {this.state.nombre_asing} - Grado: {this.state.nom_grado} - 0{this.state.id_grupo}, Período: {this.state.num_periodo}
\n
\n
\n Nota: Las notas se guardan al presionar ENTER, se usa el Punto(.) para los decimales, digite notas con un decimal, ejemplo (3.0) \n
\n
Lista de Alumnos \n \n {mensajeerrordocente}\n \n\n
\n \n \n Código \n Nombre \n Nota \n Nivelación \n \n \n \n {this.state.lista_alumnos}\n \n
\n\n
Regresar \n
\n \n\n
\n
{ this[`ref${this.props.index}`] = el; }} \r\n inputProps={{\r\n maxLength: 2,\r\n style: { textAlign: 'center' }\r\n }}\r\n name={this.props.id_matricula} \r\n id={this.props.id_matricula} \r\n autoFocus={false}\r\n disabled={this.state.editactivo}\r\n className=\"quitarpading stiloimput\" \r\n defaultValue={this.state.notaalumno} \r\n onBlur={this.resetSave}\r\n \r\n onKeyUp={this.handleKeyUp} \r\n onChange={this.props.onChangeNota}\r\n onFocus={this.props.handleFocus}\r\n />\r\n \n {item.id_matricula} \n {item.nombres_apellidos_al} \n \n \n \n );\n\n \n\n\n this.setState({ lista_alumnos : listaindi }, () => {\n this.setState({loading: false});\n })\n \n }else{\n console.log(\"Error al cargar las aginaciones\");\n }\n })\n }\n\n render() {\n\n let mensajeerrordocente = \"\";\n \n\n\n if (this.state.errorvalidardoc === true){\n mensajeerrordocente = \n Oh snap! Error de valicación! \n La asignatura no es válida para el Docente actual, de clic en el botón regresar he inténtelo nuevamente \n \n }\n\n let enunciado = \"Nota: La asistencia se guarda al presionar ENTER \";\n\n return (\n \n \n
\n\n
\n\n \n
\n Regresar \n Ingreso de asistencia , {this.state.nombre_asing} - Grado: {this.state.nom_grado} - 0{this.state.id_grupo}, Período: {this.state.num_periodo}
\n
\n
\n {enunciado}\n
\n
Lista de Alumnos \n \n {mensajeerrordocente}\n \n\n
\n \n \n Nº \n Nombre \n Nota \n \n \n \n {this.state.lista_alumnos}\n \n
\n\n
Regresar \n
\n \n\n
\n
{nota} );\r\n })\r\n return retorno;\r\n}\r\n\r\nanchocolumna(key, total){\r\n \r\n\r\n let an = total - 3;\r\n let w = an * 10;\r\n let anca = 100 - w - 20; \r\n\r\n if (key === 0)\r\n return \"10%\";\r\n\r\n if (key === 1)\r\n return anca + \"%\";\r\n\r\n if (key > 1 && key < total)\r\n return \"10%\";\r\n \r\n if (key === (total-1)){\r\n return \"10%\";\r\n } \r\n \r\n}\r\n\r\nresumen_notas_nomal(columnas, datostabla){\r\n // se contruye las columnas de con los nombres de los campos para poder armar la tabla\r\n\r\n\r\n let objetos = Object.keys(columnas);\r\n let totalcol = objetos.length;\r\n\r\n\r\n let titulostabla = columnas.map(\r\n (item, key) =>{item} );\r\n \r\n \r\n const renderData = datostabla.map((alumno, key) =>\r\n {\r\n this.datos_columna(alumno, key)\r\n } ); \r\n\r\n\r\n\r\n let listaindi = renderData; //renderData(datostabla, colt_columtotal); \r\n\r\n this.setState({ lista_alumnos : listaindi, titulostabla: titulostabla })\r\n}\r\n\r\n\r\nlistar_alumnos(){\r\n this.setState({loading_bar: true})\r\n GetData('calificaciones/tablanotasindicador/' + this.state.id_grado + \"/\" + this.state.id_grupo + \"/\" + this.state.id_asignatura + \"/\" + this.state.num_periodo, this.state).then ((result) =>{\r\n let responseJSON = result;\r\n //console.log(responseJSON);\r\n if (responseJSON.error === false){\r\n \r\n\r\n this.resumen_notas_nomal(responseJSON.titulotbl,responseJSON.tabla);\r\n \r\n \r\n this.setState({loading: false, loading_bar: false})\r\n \r\n }else{\r\n console.log(\"Error al cargar las calificaciones\");\r\n }\r\n })\r\n }\r\n\r\n\r\n cambiar_periodo = (e) => {\r\n this.setState({num_periodo: e.target.value}, () =>{\r\n this.listar_alumnos();\r\n });\r\n \r\n }\r\n\r\n listar_periodos(){\r\n let periodos_list = [];\r\n \r\n for (let i = 1; i <= this.state.num_periodo; i++)\r\n periodos_list.push(i);\r\n \r\n const lista = periodos_list.map((item, index) =>Periodo {item} );\r\n \r\n this.setState({lista_periodos: lista})\r\n \r\n } \r\n\r\n render() {\r\n \r\n \r\n \r\n\r\n \r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n Regresar \r\n Calificaciones del \r\n Período: \r\n \r\n \r\n \r\n \r\n { this.state.lista_periodos }\r\n \r\n \r\n \r\n Grado: {this.state.nom_grado} - {this.state.id_grupo} \r\n\r\n Consolidado \r\n
\r\n
\r\n
\r\n \r\n\r\n
Lista de Alumnos \r\n \r\n \r\n
\r\n \r\n {this.state.titulostabla} \r\n {this.state.titulos_tabla2} \r\n \r\n {this.state.lista_alumnos} \r\n
\r\n\r\n
Regresar \r\n\r\n
\r\n
{item.nombre_grado} - {item.id_grupo} ); \r\n this.setState({lista_grados: lista, id_gradogrupo: gradogrupo}, () => {\r\n this.lista_asignaturas_doc();\r\n })\r\n\r\n });\r\n }\r\n\r\n cargar_asignaturas = (e) => {\r\n this.setState({id_gradogrupo: e.target.value}, () =>{\r\n this.lista_asignaturas_doc();\r\n });\r\n \r\n}\r\n\r\n lista_asignaturas_doc(){\r\n let id_docente = this.state.usuario_session.id_docente;\r\n let gradogrupo = this.state.id_gradogrupo;\r\n let partgradogrupo = gradogrupo.split(\"-\");\r\n let id_grado = partgradogrupo[0];\r\n let id_grupo = partgradogrupo[1];\r\n\r\n GetData('asignaciones/asignaturasdocente/' + id_docente + \"/\" + id_grado + \"/\" + id_grupo + \"/0\", this.state).then ((result) =>{\r\n let responseJSON = result;\r\n let gradogrupo = this.state.id_grado + \"-\" + this.state.id_grupo;\r\n let id_asignatura = responseJSON.asignaturas[0].id_asignatura;\r\n const lista = responseJSON.asignaturas.map((item, index) =>{item.nombre_asignatura} ); \r\n this.setState({lista_asignaturas: lista, id_asignatura: id_asignatura}, () => {\r\n this.listar_alumnos();\r\n })\r\n\r\n });\r\n }\r\n\r\n listar_notas_asignatura = (e) => {\r\n this.setState({id_asignatura: e.target.value}, () =>{\r\n if (this.state.id_grado !== null)\r\n this.listar_alumnos();\r\n });\r\n }\r\n\r\n\r\n\r\n periodo_actual(){\r\n GetData('periodos/actual/', this.state).then ((result) =>{\r\n let responseJSON = result;\r\n if (responseJSON.error === false){\r\n let periodo = responseJSON.periodo; \r\n this.setState({num_periodo: periodo}, ()=> {\r\n this.listar_periodos()\r\n // this.listar_alumnos();\r\n });\r\n }\r\n });\r\n \r\n }\r\n\r\n info_grado(){\r\n \r\n GetData('grados/infogrado/' + this.state.id_grado, this.state).then ((result) =>{\r\n let responseJSON = result;\r\n if (responseJSON.error === false){\r\n\r\n let nom_grado = responseJSON.nom_grado; \r\n this.setState({\r\n nom_grado: nom_grado\r\n });\r\n }\r\n }); \r\n } \r\n\r\n\r\n \r\ndatos_columna(datos, cols){\r\n let retorno = [];\r\n \r\n Object.keys(datos).forEach(function(key) {\r\n \r\n \r\n\r\n let datocelda = datos[key];\r\n let nota = datocelda;\r\n let center = \"\";\r\n \r\n if (key === \"periodo1\" || key === \"periodo2\" || key === \"periodo3\" || key === \"periodo4\" || key === \"promedio\"){\r\n \r\n console.log(datos['id_matricula'])\r\n if (!isNaN(parseFloat(datocelda)) && isFinite(datocelda))\r\n nota = parseFloat(datocelda).toFixed(1);\r\n center = \"center\";\r\n }\r\n retorno.push({nota} );\r\n })\r\n return retorno;\r\n}\r\n\r\nanchocolumna(key, total){\r\n \r\n\r\n let an = total - 3;\r\n let w = an * 10;\r\n let anca = 100 - w - 20; \r\n\r\n if (key === 0)\r\n return \"10%\";\r\n\r\n if (key === 1)\r\n return anca + \"%\";\r\n\r\n if (key > 1 && key < total)\r\n return \"10%\";\r\n \r\n if (key === (total-1)){\r\n return \"10%\";\r\n } \r\n \r\n}\r\n\r\nresumen_notas_nomal(datostabla){\r\n // se contruye las columnas de con los nombres de los campos para poder armar la tabla\r\n\r\n \r\n let index = 0;\r\n //datostabla.forEach(function(alumno){ \r\n let alumno = datostabla[0]; \r\n let columnas = [];\r\n let columna;\r\n Object.keys(alumno).forEach(key => { \r\n columna = \"\";\r\n switch (key){\r\n case \"id_matricula\":\r\n columna = \"ID\";\r\n break;\r\n case \"nombres_apellidos_al\":\r\n columna = \"Nombre del Alumno\";\r\n break;\r\n case \"periodo1\":\r\n columna = \"Periodo 1\";\r\n break;\r\n case \"periodo2\":\r\n columna = \"Periodo 2\";\r\n break;\r\n case \"periodo3\":\r\n columna = \"Periodo 3\";\r\n break;\r\n case \"periodo4\":\r\n columna = \"Periodo 4\";\r\n break;\r\n case \"promedio\":\r\n columna = \"Promedio\";\r\n break;\r\n\r\n }\r\n columnas.push(columna);\r\n }); \r\n //})\r\n\r\n\r\n \r\n let objetos = Object.keys(columnas);\r\n let totalcol = objetos.length;\r\n\r\n\r\n let titulostabla = columnas.map(\r\n (item, key) =>{item} );\r\n \r\n \r\n const renderData = datostabla.map((alumno, key) =>\r\n {\r\n this.datos_columna(alumno, key)\r\n } ); \r\n\r\n\r\n\r\n let listaindi = renderData; //renderData(datostabla, colt_columtotal); \r\n\r\n this.setState({ lista_alumnos : listaindi, titulostabla: titulostabla })\r\n \r\n}\r\n\r\n\r\nlistar_alumnos(){\r\n this.setState({loading_bar: true})\r\n let gradogrupo = this.state.id_gradogrupo;\r\n let partgradogrupo = gradogrupo.split(\"-\");\r\n let id_grado = partgradogrupo[0];\r\n let id_grupo = partgradogrupo[1];\r\n\r\n let url = 'calificaciones/listbbnotasperiodo/';\r\n let urlpdf = 'promedio_notas_asig';\r\n if (id_grado < 5){\r\n url = 'calificaciones/listbbnotasletrasperiodo/';\r\n urlpdf = 'promedio_notas_asiglt'\r\n }\r\n\r\n this.setState({url_pdf: `http://inscandelaria.com/api_res_cand/printer/${urlpdf}.php?grado=${id_grado}&grupo=${id_grupo}&asig=${this.state.id_asignatura}&id_periodo=${this.state.num_periodo}&token=${this.state.usuario_session.token}`})\r\n GetData(url + id_grado + \"/\" + id_grupo + \"/\" + this.state.id_asignatura + \"/\" + this.state.num_periodo, this.state).then ((result) =>{\r\n let responseJSON = result;\r\n //console.log(responseJSON);\r\n if (responseJSON.error === false){\r\n \r\n\r\n this.resumen_notas_nomal(responseJSON.lista);\r\n \r\n \r\n this.setState({loading: false, loading_bar: false})\r\n \r\n }else{\r\n console.log(\"Error al cargar las calificaciones\");\r\n }\r\n })\r\n }\r\n\r\n\r\n cambiar_periodo = (e) => {\r\n this.setState({num_periodo: e.target.value}, () =>{\r\n if (this.state.id_grado !== null)\r\n this.listar_alumnos();\r\n });\r\n \r\n }\r\n\r\n listar_periodos(){\r\n let periodos_list = [];\r\n \r\n for (let i = 1; i <= this.state.num_periodo; i++)\r\n periodos_list.push(i);\r\n \r\n const lista = periodos_list.map((item, index) =>Periodo {item} );\r\n \r\n this.setState({lista_periodos: lista})\r\n \r\n } \r\n\r\n\r\n handleClickOpenImprimir = () => {\r\n console.log(\"Abrir ventana\")\r\n this.setState({openImprimir: true})\r\n };\r\n\r\n handleCloseImprimir = () => {\r\n console.log(\"Cerrar ventana\")\r\n this.setState({openImprimir: false})\r\n };\r\n\r\n\r\n render() {\r\n \r\n \r\n \r\n\r\n \r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n Regresar \r\n Calificaciones del \r\n Grado: \r\n \r\n \r\n \r\n \r\n { this.state.lista_grados }\r\n \r\n \r\n\r\n\r\n Asignatura: \r\n \r\n \r\n \r\n \r\n { this.state.lista_asignaturas }\r\n \r\n \r\n\r\n Imprimir \r\n {/* Exportar */}\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n
Consolidado por Períodos \r\n \r\n \r\n
\r\n \r\n {this.state.titulostabla} \r\n {this.state.titulos_tabla2} \r\n \r\n {this.state.lista_alumnos} \r\n
\r\n\r\n
Regresar \r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Imprimir Listado\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
,\n redirect: false,\n usuarios_inactivo: false,\n error_login: false,\n periodo_actual : null,\n anio_actual : null,\n fecha_cierre_p : null,\n fecha_examenf_p : null,\n fecha_cierre_niv : null,\n estado_periodo: 0,\n nivelaciones: 0,\n dias_faltantes_cierre: \"\",\n bar_info_periodo: false,\n ListaStudents: [],\n openModal: false\n }\n this.listar_grados = this.listar_grados.bind(this);\n this.cerrar_session = this.cerrar_session.bind(this); \n this.idleTimer = null\n this.onAction = this._onAction.bind(this)\n this.onActive = this._onActive.bind(this)\n this.onIdle = this._onIdle.bind(this);\n this.obtener_periodo_actual = this.obtener_periodo_actual.bind(this)\n this.datos_nivelaciones = this.datos_nivelaciones.bind(this)\n this.dias_faltantes = this.dias_faltantes.bind(this);\n this.dias_faltantes_nivel = this.dias_faltantes_nivel.bind(this);\n this.guardar_datos_storage = this.guardar_datos_storage.bind(this);\n this.handleModalClose = this.handleModalClose.bind(this);\n \n }\n\n cerrar_session = () => {\n sessionStorage.clear();\n this.setState({usuario_session: Usuario()});\n }\n\n\n _onAction(e) {\n // console.log('el usuario hizo algo', e)\n }\n \n _onActive(e) {\n // console.log('user esta active', e)\n // console.log('time restante', this.idleTimer.getRemainingTime())\n }\n \n _onIdle(e) {\n //console.log('el usuario está inactivo', e)\n // console.log('activo por última vez', this.idleTimer.getLastActiveTime());\n sessionStorage.clear();\n this.setState({usuarios_inactivo: true});\n }\n //Obtiene la informacion si el periodo de nivelacion esta abierto y la fecha de cierre\n datos_nivelaciones(){\n GetData('periodos/nivelaciones/', this.state).then ((result) =>{\n let responseJSON = result;\n if (responseJSON.error === false){\n\n this.setState({\n fecha_cierre_niv : responseJSON.fecha_cierre,\n nivelaciones: responseJSON.estado\n }, ()=>{\n this.guardar_datos_storage();\n if (parseInt(this.state.nivelaciones) > 0)\n this.dias_faltantes_nivel();\n else{\n this.setState({\n dias_faltantes_cierre: \"Período Cerrado\",\n bar_info_periodo: true\n }) \n } \n })\n }\n });\n }\n\n listado_estudiantes_cumple(){\n GetData('matriculas/alumnoscumpleanios/'+this.state.usuario_session.id_docente, this.state).then ((result) =>{\n let responseJSON = result; \n if (responseJSON.error === false){\n const alumnos = result.alumnos || [];\n console.log(alumnos.length)\n if (alumnos.length > 0){\n console.log(\"abriendo modal\")\n this.setState({\n ListaStudents : responseJSON.alumnos,\n openModal: true\n })\n } \n }\n });\n }\n\n handleModalClose = () => {\n this.setState({openModal:false})\n };\n\n guardar_datos_storage(){\n \n\n let datos = {\n fecha_cierre: this.state.fecha_cierre_p,\n fecha_cierre_niv: this.state.fecha_cierre_niv,\n estado_periodo : this.state.estado_periodo,\n nivelaciones : this.state.nivelaciones,\n id_periodo : this.state.periodo_actual\n } \n \n sessionStorage.setItem('periodo',JSON.stringify(datos));\n this.listar_grados();\n }\n\n obtener_periodo_actual(){\n \n GetData('periodos/actual/', this.state).then ((result) =>{\n let responseJSON = result;\n if (responseJSON.error === false){\n \n this.setState({\n periodo_actual : responseJSON.periodo,\n anio_actual : responseJSON.anio_actual,\n fecha_cierre_p : responseJSON.fecha_cierre,\n fecha_examenf_p : responseJSON.fecha_examenf,\n estado_periodo: responseJSON.estado\n }, () => {\n if (parseInt(this.state.estado_periodo) === 1){ \n this.dias_faltantes();\n this.guardar_datos_storage()\n }else\n this.datos_nivelaciones(); \n })\n }\n });\n }\n\n dias_faltantes(){\n\n let tiempo_restante = Moment(this.state.fecha_cierre_p + \" 23:59:00\", \"YYYY-MM-DD hh:mm\").endOf('hour').diff(); //optiene un valor positivo si hay horas de diferencia \n \n console.log(tiempo_restante)\n\n if (tiempo_restante > 0) {\n this.setState({\n dias_faltantes_cierre: Moment(this.state.fecha_cierre_p + \" 23:59:00\", \"YYYYMMDD\").endOf('day').fromNow(),\n bar_info_periodo: true\n })\n \n return;\n }else{ \n this.setState({\n dias_faltantes_cierre: \"Período Cerrado\",\n bar_info_periodo: true\n }) \n \n return; \n } \n \n }\n\n dias_faltantes_nivel(){\n let hoy = Moment().format('YYYY-MM-DD');\n \n if (this.state.fecha_cierre_niv >= hoy) {\n this.setState({\n fecha_cierre_p: this.state.fecha_cierre_niv,\n dias_faltantes_cierre: Moment(this.state.fecha_cierre_niv, \"YYYYMMDD\").endOf('day').fromNow(),\n bar_info_periodo: true\n })\n \n return;\n }else{ \n this.setState({\n dias_faltantes_cierre: \"Período Cerrado\",\n bar_info_periodo: true\n }) \n \n return; \n } \n }\n\n formato_fecha(fecha){\n if (fecha !== \"0000-00-00\")\n return Moment(fecha).format('DD/MMM/YYYY');\n else\n return \"Sin Fecha\"; \n }\n\n\n listar_grados(){\n\n console.log(\"listar_grados\")\n \n if (!this.state.usuario_session)\n return; \n\n let id_docente = this.state.usuario_session.id_docente;\n GetData('asignaciones/gradosdocente/' + id_docente, this.state).then ((result) =>{\n let responseJSON = result;\n if (responseJSON.error === false){\n let lasigna = responseJSON.grados.map(\n item => \n
\n {item.nombre_grado} {item.num_grupo}\n
\n
\n
\n
\n
\n
\n
{ this.idleTimer = ref }}\n element={document}\n onActive={this.onActive}\n onIdle={this.onIdle}\n onAction={this.onAction}\n debounce={250}\n timeout={1000 * 60 * 10} />\n\n
}>\n \n \n \n \n \n \n \n \n \n Cumpleaños de hoy \n \n \n \n \n \n Nombres \n Edad \n Grado \n \n \n \n {this.state.ListaStudents.map((student) => (\n \n {student.nombres_apellidos_al} \n {student.edad} \n {student.nombre_grado} - {student.id_grupo} \n \n ))}\n \n
\n \n \n \n Cerrar \n \n \n \n \n
Not Found \n \n \n\n );\n }\n}\n\nexport default NotFound;\n","import React, { Component } from 'react';\nimport {PostData} from '../../services/PostData'\nimport './CambioPassword.css';\nimport {Redirect} from 'react-router-dom';\nimport Avatar from '@material-ui/core/Avatar';\nimport Button from '@material-ui/core/Button';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport FormControl from '@material-ui/core/FormControl';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport {Usuario} from '../../services/Usuario'\n\nclass CambioPassword extends Component {\n\n constructor(props){\n super(props);\n \n let usuariosession = Usuario();\n let id_usuario = null;\n let token = null;\n if (usuariosession){\n id_usuario = usuariosession.id_usuario;\n token = usuariosession.token;\n }\n \n\n this.state = {\n id_usuario: id_usuario,\n password:'',\n password_r:'',\n token: token,\n redirect: false,\n error_login: false\n }\n this.cambiarpass = this.cambiarpass.bind(this);\n this.onChange = this.onChange.bind(this);\n }\n\n cambiarpass(event){\n event.preventDefault();\n if (this.state.password && this.state.password_r){\n if (this.state.password !== this.state.password_r){\n alert(\"Las contraseñas no coinciden verifique\");\n return;\n }\n \n PostData('login/cambiarpassword', this.state).then ((result) =>{\n let responseJSON = result;\n\n\n if (responseJSON.error === false){\n\n this.setState({redirect: true});\n \n }else{\n console.log(\"Error al cambiar el password\"); \n }\n })\n \n }\n\n }\n\n onChange(e){\n this.setState({[e.target.name]: e.target.value})\n }\n\n render() {\n \n let message_error =
;\n\n if (this.state.error_login)\n message_error = * Error - Datos de ingreso no válidos, por favor verifique \n\n \n if (this.state.redirect){\n return (\n
\n
\n \n \n \n info\n \n \n \n \n Cambio de Contraseña\n \n {message_error}\n \n
Es necesario que cambie su contraseña por seguridad. \n \n \n \n
,\r\n redirect: false,\r\n error_login: false\r\n }\r\n\r\n }\r\n\r\n cerrar_session = () => {\r\n sessionStorage.clear();\r\n this.setState({usuario_session: Usuario()});\r\n }\r\n\r\n \r\n\r\n onChange(e){\r\n this.setState({[e.target.name]: e.target.value})\r\n }\r\n\r\n render() {\r\n \r\n \r\n\r\n if (!this.state.usuario_session) {\r\n return (\r\n \r\n
}>\r\n \n \n \n
\n \n\n \n \n \n av_timer\n \n \n \n Cerrrado por inactividad\n \n \n \n \n La plataforma se cierra automáticamente cuando se supera el tiempo de inactividad de 10 minutos, de clic en ingresa para iniciar nueva mente.\n \n Ingresar \n\n\n \n\n \n\n \n\n
\r\n \r\n \r\n \r\n\r\n)};\r\n\r\n\r\nexport default Routes;","import React, { Component } from 'react';\nimport Routes from './routes';\nimport './App.css';\nimport {GetData} from './services/GetData'\n\nclass App extends Component {\n\n verion_app(){\n \n const versionapp = 5;\n\n sessionStorage.setItem('versionapp',versionapp);\n/*\n GetData('app/', this.state).then ((result) =>{\n let responseJSON = result;\n if (responseJSON.error === false){\n \n let num_version = responseJSON.num_version;\n let fecha_version = responseJSON.fecha_version;\n\n if (versionapp !== parseInt(num_version)){\n this.clear_cache();\n }else{\n console.log(\"Actualizado versión....\" + versionapp + \" (\" + fecha_version + \")\");\n }\n }\n }); \n*/\n }\n\n clear_cache(){\n //window.parent.caches.delete(\"call\");\n window.location.reload();\n }\n\n render() {\n\n \n\n\n return (<> \n \n
\n );\n \n }\n\n componentDidMount(){\n this.verion_app();\n }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nReactDOM.render( ![\"logo\"](\"/images/cnotas.png\")
\n\n ![\"logo\"](\"/images/inscandelaria.png\")
\n ![\"logo\"](\"/images/LogoCnotas.png\")
\r\n