{option.CUENTA_ALUMNO}\r\n
{option.NOMBRE_COMPLETO}
\r\n \r\n);\r\nconst DateFormatter = ({ value }) => (value != null) ? funciones.getTime(value, 1) : value; \r\nconst DataTypeProviders = (
);\r\n\r\nexport default withStyles(styles) ( \r\nclass App extends React.Component {\r\n\r\ntablaRef = React.createRef();\r\ntablaInfoRef = React.createRef();\r\nplanesRef = React.createRef();\r\nrowRef = React.createRef();\r\ntablaDetailRef = React.createRef();\r\ndialogAction2Ref = React.createRef();\r\ndialogRef = React.createRef();\r\n\r\n constructor (props) {\r\n super(props);\r\n this.state = { \r\n isLoggin : undefined,\r\n heightTableMain: 0, \r\n datosSelectPlan : null,\r\n selectedPlan: '',\r\n rows: [],\r\n expandedGroups: [],\r\n loadingMain: false,\r\n idRowSelected: null,\r\n openModalInfo: false,\r\n chartData: {},\r\n chartOptions:{},\r\n rowsInfo: [], \r\n totalCumplidas: -1,\r\n openModalDetail: false,\r\n rowsDetail: [],\r\n tableDetailHeight: 0,\r\n lessIdExtra: -1,\r\n valueAutoComplete: null,\r\n loadingClientes: true,\r\n openAutoComplete: false,\r\n optionAutocomplete: [],\r\n chartDetailData: {},\r\n chartDetailOptions: {\r\n legend: { display: false},\r\n scales: { yAxes: [{\r\n display: true,\r\n ticks: {\r\n beginAtZero: true,\r\n steps: 10,\r\n stepValue: 10, //5,\r\n max: 105,\r\n callback: function (value) { \r\n return value === 105 ? null : value;\r\n } \r\n }, \r\n }]\r\n \r\n },\r\n layout: { \r\n padding: {\r\n top: !movil ? 15 : 20\r\n },\r\n },\r\n tooltips: {\r\n callbacks: {\r\n label: function (tooltipItems){ \r\n return 'Promedio en el parcial: ' + tooltipItems.value.toString() + '%';\r\n }\r\n }\r\n }\r\n },\r\n loadingDetail: false,\r\n titleDetail: '',\r\n loadingInfo: false,\r\n loadingPlanes: false,\r\n };\r\n this.cuenta = null;\r\n}\r\n\r\ndrawInnerText = (chart) => {\r\n \r\n var width = chart.chart.width,\r\n height = chart.chart.height,\r\n ctx = chart.chart.ctx;\r\n\r\n ctx.restore();\r\n var fontSize = 1.8; \r\n ctx.font = fontSize + \"em sans-serif\";\r\n ctx.textBaseline = \"middle\";\r\n\r\n var text = chart.config.options.centerText.text,\r\n textX = Math.round((width - ctx.measureText(text).width) / 2), \r\n textY = (height / 2) - 5; \r\n \r\n ctx.fillStyle = colores.naranja;\r\n ctx.fillText(text, textX, textY);\r\n ctx.save();\r\n}\r\n\r\ndrawLabelsPoints = (chart) =>{\r\n\r\nif (this.state.rowsDetail.length === 0) {return; } \r\n\r\nlet indexDataset;\r\n\r\nObject.keys(chart.config.data.datasets[0]._meta).map((item)=>{\r\n indexDataset = item;\r\n return item;\r\n});\r\n\r\nvar ctx = chart.chart.ctx;\r\n\r\nlet dataset = chart.config.data.datasets[0]._meta[indexDataset].data; \r\nlet _this =this;\r\nlet labelDraw = '';\r\nlet totalPoints = chart.config.data.datasets[0]._meta[indexDataset].data.length;\r\n\r\ndataset.forEach(function (points, index) { \r\n labelDraw = '';\r\n if (_this.state.rowsDetail[index].FECHA_APLICO_NOTA !== null || _this.state.rowsDetail.find(x => x.ID_PONDERACION === 100).VALOR !== null || _this.state.rowsDetail[index].VALOR > 0 || (_this.state.rowsDetail[index].VALOR === 0 && _this.state.rowsDetail[index].ID_PONDERACION!==99))\r\n {\r\n labelDraw = _this.state.rowsDetail[index].VALOR + ' | ' + _this.state.rowsDetail[index].PORCENTAJE; \r\n }\r\n\r\n if (_this.state.lessIdExtra === _this.state.rowsDetail[index].ID_CALIFICACION)\r\n {\r\n ctx.fillStyle = 'red'; \r\n ctx.fillRect(points._view.x - 8, points._view.y - 27, 48, 20);\r\n ctx.fillStyle = 'white';\r\n }\r\n else\r\n {\r\n ctx.fillStyle = 'black';\r\n }\r\n\r\n ctx.textAlign = \"center\";\r\n ctx.textBaseline = \"bottom\";\r\n ctx.fillText(labelDraw, index === 0 ? points._view.x + 22 : index === totalPoints - 1 ? points._view.x + 5 : points._view.x + 15, points._view.y - 10);\r\n \r\n ctx.save(); \r\n \r\n});\r\n\r\n\r\n\r\n}\r\n\r\nselectionPlanEstudio = (arrayPlanes) => {\r\n \r\n if (arrayPlanes.length === 0){\r\n \r\n return '';\r\n\r\n } \r\n\r\n if (arrayPlanes.length === 1){\r\n \r\n return arrayPlanes[0].ID_PLAN;\r\n\r\n } \r\n \r\n let select = arrayPlanes.filter(x => x.ESTADO.toString().trim().toUpperCase() ==='ACTIVO');\r\n\r\n if (select !== null && select.length > 0)\r\n { \r\n return select[0].ID_PLAN;\r\n }\r\n\r\n\r\n select = arrayPlanes.filter(x => x.ESTADO.toString().trim().toUpperCase() ==='EGRESADO');\r\n\r\n if (select !== null && select.length > 0)\r\n {\r\n return select[0].ID_PLAN;\r\n }\r\n\r\n\r\n select = arrayPlanes.filter(x => x.ESTADO.toString().trim().toUpperCase() ==='GRADUADO');\r\n\r\n if (select !== null && select.length > 0)\r\n {\r\n return select[0].ID_PLAN;\r\n }\r\n \r\n return '';\r\n \r\n\r\n}\r\n\r\nhandleChangeCuenta = (event) => {\r\n \r\n this.cuenta = (event === null && tokenInfo.plataforma === 2) ? tokenInfo.user : tokenInfo.plataforma === 1 ? this.state.valueAutoComplete.CUENTA_ALUMNO : null;\r\n this.setState({ loadingPlanes: true }, ()=>{ \r\n\r\n new Request\r\n .get(`${globales.ip}/historial/planes/${this.cuenta}/${tokenInfo.plataforma}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 15000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n planes = [];\r\n this.setState({ selectedPlan: '', datosSelectPlan: null, rows: [], idRowSelected: null, loadingPlanes: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n \r\n return;\r\n }\r\n \r\n planes = JSON.parse(res.text);\r\n let niveles = [];\r\n let datosSelect = [];\r\n \r\n if (planes.length > 0) \r\n { \r\n planes.map((item, i) =>{\r\n\r\n if (!niveles.find(x => x === item.ID_NIVEL))\r\n {\r\n niveles.push(item.ID_NIVEL);\r\n\r\n if (!datosSelect.find(x => x.label === item.DESCRIPCION_NIVEL.trim())){\r\n datosSelect.push({value: item.ID_NIVEL * -1, label: item.DESCRIPCION_NIVEL.trim() })\r\n }\r\n\r\n planes.map((itemx, j) =>{ \r\n if (itemx.ID_NIVEL === item.ID_NIVEL)\r\n datosSelect.push({value: itemx.ID_PLAN, label: itemx.DESCRIPCION_PLAN ,estado: itemx.ESTADO})\r\n \r\n return item;\r\n }); \r\n \r\n }\r\n \r\n return item;\r\n\r\n });\r\n\r\n let datosSelect_ = datosSelect.map((item, i) =>{\r\n if (item.value < 0)\r\n return (\r\n
\r\n {item.label}\r\n
\r\n ); \r\n else\r\n return (
);\r\n });\r\n \r\n this.setState({ datosSelectPlan: datosSelect_, selectedPlan: this.selectionPlanEstudio(planes), loadingPlanes: false });\r\n this.handleChangePlan('auto');\r\n } \r\n else\r\n { \r\n planes = [];\r\n this.setState({ selectedPlan: '', datosSelectPlan: null, rows: [], idRowSelected: null, loadingPlanes: false }); \r\n }\r\n \r\n\r\n }); \r\n\r\n});\r\n\r\n}\r\n\r\nobtenerHistorial = (cuenta, id_plan) => {\r\n \r\nthis.setState({ loadingMain: true }, ()=>{ \r\n\r\n new Request\r\n .get(`${globales.ip}/historial/informacion/${cuenta}/${id_plan}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 15000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ rows: [], expandedGroups: [], loadingMain: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n \r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n \r\n if (rows.length > 0)\r\n { \r\n\r\n let allGroups = [];\r\n let foundAnio;\r\n let foundPeriodo; \r\n\r\n rows.map((item, i) => {\r\n\r\n foundAnio = allGroups.find(anio => anio === item.ANIO);\r\n \r\n if (foundAnio === undefined && item.ANIO !== \"0\")\r\n allGroups.push(item.ANIO);\r\n else\r\n foundAnio = undefined;\r\n\r\n foundPeriodo= allGroups.find(periodo => periodo === item.ANIO + '|' + item.PERIODO);\r\n\r\n if (foundPeriodo === undefined && item.ANIO !== \"0\")\r\n allGroups.push(item.ANIO + '|' + item.PERIODO);\r\n else \r\n foundPeriodo = undefined;\r\n \r\n return item;\r\n }); \r\n\r\n this.setState({ rows: rows, expandedGroups: allGroups, loadingMain: false });\r\n }\r\n else\r\n this.setState({ rows: [], expandedGroups: [], loadingMain: false });\r\n \r\n });\r\n\r\n});\r\n\r\n}\r\n\r\nobtenerTotalCumplidas = (cuenta, id_plan) =>\r\n{\r\n \r\n new Request\r\n .get(`${globales.ip}/historial/total_cumplidos/${cuenta}/${id_plan}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 15000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ totalCumplidas: 0 }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión'); \r\n });\r\n \r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n \r\n if (rows.length > 0)\r\n this.setState({ totalCumplidas: rows[0].TOTAL_CUMPLIDAS }); \r\n \r\n });\r\n}\r\n\r\nobtenerPromedios = (cuenta, id_plan) =>{\r\n \r\n new Request\r\n .get(`${globales.ip}/historial/promedios/${cuenta}/${id_plan}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 20000, deadline: 15000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ rowsInfo: [], loadingInfo: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión');\r\n }); \r\n \r\n return;\r\n\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n \r\n if (rows.length > 0)\r\n { \r\n \r\n const rowsInfo = [\r\n { LABEL: 'Código de plan', VALUE: planes.find(x => x.ID_PLAN === this.state.selectedPlan).CODIGO_PLAN },\r\n { LABEL: 'Descripción de plan', VALUE: planes.find(x => x.ID_PLAN === this.state.selectedPlan).DESCRIPCION_PLAN },\r\n { LABEL: 'Estado de plan', VALUE: planes.find(x => x.ID_PLAN === this.state.selectedPlan).ESTADO + ' (' + this.state.totalCumplidas + ' de ' + planes.find(x => x.ID_PLAN === this.state.selectedPlan).TOTAL_CURSOS_PLAN + ' cursos)' },\r\n { LABEL: 'Promedio graduación', VALUE: rows[0].PROMEDIO_GRADUACION < 100 ? rows[0].PROMEDIO_GRADUACION.toFixed(2) + '%' : rows[0].PROMEDIO_GRADUACION + '%' }, \r\n { LABEL: 'Promedio histórico', VALUE: rows[0].PROMEDIO_HISTORICO < 100 ? rows[0].PROMEDIO_HISTORICO.toFixed(2) + '%' : rows[0].PROMEDIO_HISTORICO + '%'}, \r\n ];\r\n \r\n this.setState({ rowsInfo, loadingInfo: false }); \r\n \r\n }\r\n else\r\n this.setState({ rowsInfo: [], loadingInfo: false });\r\n \r\n });\r\n\r\n}\r\n\r\nhandleChangePlan = async (event) => {\r\n\r\nif (event !== 'auto' && this.state.selectedPlan === event.target.value)\r\n return;\r\n\r\n \r\nif (event === 'auto' || event.target.value > 0 )\r\n{ \r\n this.obtenerTotalCumplidas(this.cuenta, event === 'auto' ? this.state.selectedPlan : event.target.value ); \r\n await Promise.resolve(this.setState({ totalCumplidas: -1, selectedPlan: event === 'auto' ? this.state.selectedPlan : event.target.value, rowsInfo: [] })); \r\n this.obtenerHistorial(this.cuenta, event === 'auto' ? this.state.selectedPlan : event.target.value );\r\n}\r\n \r\n}\r\n\r\nchangeExpandedGroups = expandedGroups =>\r\n{\r\n this.setState({ expandedGroups }); \r\n}\r\n\r\nhandleCloseInfo = () => {\r\n\r\nthis.setState({ openModalInfo: false });\r\n\r\n}\r\n\r\nonEnteringInfo = () => {\r\n \r\n let recorrido = this.state.rows.length > 0 ? this.state.totalCumplidas * 100 / planes.find(x => x.ID_PLAN === this.state.selectedPlan).TOTAL_CURSOS_PLAN : 0;\r\n\r\n let chartData = {\r\n\r\n labels : ['Cursado', 'Restante'],\r\n datasets: [ { data: [recorrido , 100 - recorrido ], \r\n backgroundColor: [ colores.azul, 'white' ], \r\n hoverBackgroundColor: [colores.azul, 'white'],\r\n hoverBorderColor: [colores.azul,'#E5E7E9'],\r\n borderColor: recorrido < 100 ? [colores.azul,'#E5E7E9'] : colores.azul, \r\n }, \r\n ],\r\n };\r\n \r\n let chartOptions = {\r\n\r\n maintainAspectRatio: true, \r\n legend: { position: 'bottom', fullWidth: false, onClick: null }, \r\n plugins: {\r\n labels: { \r\n render: (args) => { \r\n return '';\r\n },\r\n precision: 2,\r\n fontColor: colores.naranja,\r\n fontSize: 25,\r\n showZero: true, \r\n },\r\n },\r\n tooltips: { enabled: false },\r\n title: {\r\n display: true,\r\n text: 'Porcentaje completado de carrera',\r\n },\r\n centerText: {\r\n display: true,\r\n text: recorrido < 100 ? recorrido.toFixed(2) + '%' : recorrido + '%', \r\n }, \r\n animation: { \r\n easing: 'easeOutExpo' //'linear' \r\n },\r\n\r\n }\r\n \r\n this.setState({ chartData: chartData, chartOptions: chartOptions });\r\n \r\n}\r\n\r\nhandleCloseDetail = () => {\r\n \r\n this.setState({ openModalDetail: false, rowsDetail: [], chartDetailData: {}, });\r\n \r\n}\r\n\r\nonEnteringDetail = () => {\r\n \r\n new Request\r\n .get(`${globales.ip}/historial/calificaciones/${this.state.idRowSelected}/${this.cuenta}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 15000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ openModalDetail: false, rowsDetail: [], chartDetailData: {}, loadingDetail: false }, ()=>{\r\n funciones.showToast('e', 'No hay conexión'); \r\n }); \r\n \r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text); \r\n \r\n if (rows.length > 0) \r\n { \r\n let extraValue = rows.find(x => x.ID_PONDERACION === 99);\r\n let lessIdExtra = [];\r\n let availableExtra =[];\r\n \r\n if (extraValue !== null && extraValue !== undefined && (extraValue.VALOR > 0 || rows[0].EXTRAORDINARIO))\r\n {\r\n \r\n availableExtra = rows.filter(x => x.PERMITE_EXTRAORDINARIO === 1);\r\n\r\n if (availableExtra.length === 0)\r\n {\r\n lessIdExtra.push({ ID_CALIFICACION: rows.find(x => x.ID_PONDERACION === 99).ID_CALIFICACION, VALOR: rows.find(x => x.ID_PONDERACION === 99).VALOR });\r\n }\r\n\r\n availableExtra.map((item, index)=> {\r\n\r\n if (index === 0)\r\n {\r\n lessIdExtra = [];\r\n lessIdExtra.push({ ID_CALIFICACION: item.ID_CALIFICACION, VALOR: item.VALOR });\r\n }\r\n else\r\n {\r\n if (item.VALOR < lessIdExtra[0].VALOR)\r\n {\r\n lessIdExtra = [];\r\n lessIdExtra.push({ ID_CALIFICACION: item.ID_CALIFICACION, VALOR: item.VALOR });\r\n }\r\n }\r\n\r\n return item;\r\n });\r\n\r\n }\r\n else\r\n { \r\n if (extraValue !== undefined)\r\n {\r\n lessIdExtra.push({ ID_CALIFICACION: rows.find(x => x.ID_PONDERACION === 99).ID_CALIFICACION, VALOR: rows.find(x => x.ID_PONDERACION === 99).VALOR });\r\n }\r\n }\r\n \r\n let labelChart = []; \r\n let dataChart = []; \r\n rows.map((item)=>{\r\n\r\n if ((item.ID_PONDERACION !== 100 && item.ID_PONDERACION !== 99 && item.PORCENTAJE > 0) || (item.ID_PONDERACION === 99 && item.ID_CALIFICACION !== lessIdExtra[0].ID_CALIFICACION))\r\n {\r\n labelChart.push(item.PONDERACION);\r\n dataChart.push(parseFloat(item.VALOR*100/item.PORCENTAJE).toFixed(2) > 100 ? 100 : parseFloat(item.VALOR*100/item.PORCENTAJE).toFixed(2));\r\n }\r\n return item;\r\n });\r\n \r\n dataChart = { \r\n labels: labelChart,\r\n datasets: [\r\n {\r\n label: 'Valor porcentual',\r\n fill: true,\r\n lineTension: 0.1,\r\n backgroundColor: 'rgba(' + colores.azul_rgb + ', 0.6)', \r\n borderColor: 'rgba(' + colores.azul_rgb + ', 1)',\r\n borderCapStyle: 'butt',\r\n borderDash: [],\r\n borderDashOffset: 0.0,\r\n borderJoinStyle: 'miter',\r\n pointBorderColor: 'rgba(' + colores.azul_rgb + ', 1)',\r\n pointBackgroundColor: '#fff',\r\n pointBorderWidth: 1,\r\n pointHoverRadius: 5,\r\n pointHoverBackgroundColor: 'rgba(75,192,192,1)',\r\n pointHoverBorderColor: 'rgba(220,220,220,1)',\r\n pointHoverBorderWidth: 3,\r\n pointRadius: 5,\r\n pointHitRadius: 10,\r\n data: dataChart\r\n }\r\n ]\r\n }\r\n \r\n this.setState({ lessIdExtra: lessIdExtra[0] !== undefined ? lessIdExtra[0].ID_CALIFICACION : -1, rowsDetail: rows, chartDetailData: dataChart, loadingDetail: false }); \r\n } \r\n \r\n });\r\n\r\n\r\n}\r\n\r\nonChangeAutocomplete = (event, value) =>{\r\n \r\n planes = [];\r\n this.setState({ valueAutoComplete: value, \r\n openAutoComplete: false, \r\n selectedPlan: '', \r\n datosSelectPlan: null, \r\n rows: [], \r\n idRowSelected: null,\r\n rowsInfo: [] }, ()=>{\r\n \r\n if (value === null)\r\n return;\r\n \r\n this.handleChangeCuenta(null); \r\n \r\n });\r\n \r\n\r\n}\r\n\r\nfiltersClientes = (value)=>{ \r\n \r\n new Request\r\n .get(`${globales.ip}/historial/estudiantes/${value}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(0)\r\n .timeout({ response: 20000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ optionAutocomplete: [], openAutoComplete: false, loadingClientes: false }, ()=>{\r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n \r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n this.setState({ optionAutocomplete: rows, loadingClientes: false }); \r\n \r\n \r\n});\r\n \r\n}\r\n\r\nonBlurAutoComplete = ()=>{\r\n\r\n if (this.state.openAutoComplete)\r\n this.setState({ openAutoComplete: false }); \r\n \r\n}\r\n\r\nhandleRowDetailsClick = event => {\r\n \r\nevent.preventDefault();\r\nconst title = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.state.idRowSelected).DESCRIPCION_CURSO.split('(')[0].trim();\r\n\r\nthis.setState({ loadingDetail: true, \r\n titleDetail: title, \r\n openModalDetail: true });\r\n \r\n}\r\n\r\nhandleClickInfo = () => {\r\n \r\nif (funciones.isEmpty(this.state.selectedPlan)) { return; }\r\n \r\nif (this.state.totalCumplidas < 0)\r\n return;\r\n \r\nif (this.state.rowsInfo.length > 0){\r\n this.setState({ openModalInfo: true });\r\n return;\r\n}\r\n\r\nthis.setState({ loadingInfo: true, openModalInfo: true }, ()=>{ \r\n this.obtenerPromedios(this.cuenta, this.state.selectedPlan);\r\n}); \r\n\r\n}\r\n\r\nhandleRowClick = (IdSeccionCliente) => event => {\r\n \r\nevent.preventDefault();\r\nthis.setState({ idRowSelected: IdSeccionCliente });\r\n\r\n \r\n}\r\n\r\nonChangeInput = (e, value)=>{ \r\n \r\n if (e === null || e.target.value === undefined)\r\n {\r\n if (this.state.openAutoComplete) \r\n this.setState({ openAutoComplete: false });\r\n \r\n return;\r\n }\r\n \r\n if ((e.target.value.toString().trim().length < 3 || (this.state.valueAutoComplete !== null && value === this.state.valueAutoComplete.CUENTA_ALUMNO + ' | ' + this.state.valueAutoComplete.NOMBRE_COMPLETO)) && this.state.openAutoComplete)\r\n this.setState({ openAutoComplete: false });\r\n else if (e.target.value.toString().trim().length >= 3 && !this.state.openAutoComplete)\r\n this.setState({ openAutoComplete: true });\r\n \r\n}\r\n\r\ncomponentDidMount() { \r\n\r\n tokenInfo = Auth.getProfile(); //Token decodificado\r\n\r\n this.setState({ isLoggin: tokenInfo.plataforma !== undefined ? true : false }, ()=>{ \r\n \r\n if (tokenInfo.plataforma === 1) // Usuario Admin\r\n {\r\n this.filtersClientes(\"-\");\r\n }\r\n else if (tokenInfo.plataforma === 2) //Usuario estudiante\r\n { \r\n this.setState({ loadingClientes: false }); \r\n this.handleChangeCuenta(null); \r\n }\r\n\r\n this.setState({ heightTableMain: funciones.getHeightTableMain(movil, this).heightTable }, ()=>{\r\n if (!movil && tokenInfo.plataforma === 1) {\r\n document.getElementById(\"est_historial\").focus();\r\n return;\r\n }\r\n\r\n if (!movil){\r\n this.planesRef.current.focus();\r\n }\r\n }); \r\n\r\n let _this = this; \r\n Chart.Chart.pluginService.register({\r\n afterDraw: function (chart) { \r\n \r\n if (_this.state.openModalInfo)\r\n {\r\n if (chart.config.options.centerText.display !== null &&\r\n typeof chart.config.options.centerText.display !== 'undefined' &&\r\n chart.config.options.centerText.display) {\r\n _this.drawInnerText(chart);\r\n }\r\n }\r\n \r\n },\r\n afterDatasetsDraw: function (chart) { \r\n if (_this.state.openModalDetail){ \r\n _this.drawLabelsPoints(chart);\r\n }\r\n }\r\n });\r\n \r\n });\r\n\r\n}\r\n\r\nrender() {\r\nconst { classes } = this.props; \r\n\r\n if (this.state.isLoggin === true)\r\n {\r\n return (\r\n \r\n
\r\n \r\n {\r\n (() => {\r\n\r\n if (tokenInfo.plataforma === 1) //Si es Usuario Admin\r\n {\r\n \r\n return (\r\n \r\n \r\n
option.CUENTA_ALUMNO + ' - ' + option.NOMBRE_COMPLETO}\r\n style={{ width: movil ? '100%' : '430px' }}\r\n renderInput={(params) => \r\n {this.state.loadingClientes ? \r\n \r\n \r\n \r\n : null}\r\n {params.InputProps.endAdornment}\r\n \r\n ),\r\n }}\r\n fullWidth \r\n />}\r\n renderOption={RenderOption} \r\n onChange={this.onChangeAutocomplete}\r\n open={this.state.openAutoComplete}\r\n loading={this.state.loadingClientes}\r\n ListboxComponent={virtual.ListboxComponent}\r\n value={this.state.valueAutoComplete} \r\n className={classes.textField}\r\n disableClearable={this.state.loadingMain}\r\n onInputChange={this.onChangeInput}\r\n popupIcon={null} \r\n PaperComponent={(props)=>()} \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 = 0 ? colores.tabla.color_iconos : colores.tabla.color_iconos_SL }} />, this.state.selectedPlan !== '' ? this.state.totalCumplidas >= 0 ? 'Estado de plan: ' + planes.find(x => x.ID_PLAN === this.state.selectedPlan ).ESTADO : 'cargando por favor espere...' : undefined, this.handleClickInfo)}\r\n groupContentComponent={GroupCellContent}\r\n stubCellComponentTable = {StubCellComponentTable(this.state.idRowSelected, this.handleRowDetailsClick)} \r\n FilteringColumnExtensions = {settingFilter}\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\nelse if (this.state.isLoggin === false)\r\n{\r\n //Auth.logout();\r\n window.location.reload();\r\n return; //((
))\r\n}\r\nreturn null;\r\n\r\n}//FIN RENDER\r\n}\r\n\r\n)\r\n","\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {colores, globales,funciones} from '../../../global';\r\nimport BarraBotones from '../../../components/Barra_menu';\r\nimport AuthService from '../../../AuthService';\r\nimport Request from 'superagent';\r\nimport CustomTable from '../../../components/CustomTable';\r\nimport {Table,TableHeaderRow} from '@devexpress/dx-react-grid-material-ui';\r\nimport TableRowsIndexer from '../../../components/tableRowsIndexer'\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport Backdrop from '@material-ui/core/Backdrop';\r\nimport Icono from '../../../components/Icono';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport {virtual} from '../../../components/VirtualListBox';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport { Avatar, Typography } from '@material-ui/core';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport Button from '@material-ui/core/Button';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport {createMuiTheme,MuiThemeProvider} from '@material-ui/core/styles';\r\n\r\nlet Auth = new AuthService();\r\nvar ip=globales.ip\r\nlet currentnota = null;\r\nvar border_dialog=globales.border_dialog\r\nvar movil=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\r\nvar movil_pequeño=/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\r\n\r\nlet isVisibleRowSelected = false;\r\nconst colorRowSelected = 'rgb('+ colores.tabla.selection +')';\r\nlet alternateColorRow1 = colores.tabla.alternateColorRow1; \r\nlet alternateColorRow2 = colores.tabla.alternateColorRow2;\r\n\r\nconst ListboxComponent = virtual.ListboxComponent;\r\nconst ListboxComponent_periodos = virtual.ListboxComponent;\r\n\r\n\r\nconst getRowId = row => row.ID_SECCION_CLIENTE;\r\nconst getRowId_notas = row => row.ID_CALIFICACION;\r\n\r\nfunction clone( obj ) {\r\n if ( obj === null || typeof obj !== 'object' ) {\r\n return obj;\r\n }\r\n\r\n var temp = obj.constructor();\r\n for ( var key in obj ) {\r\n temp[ key ] = clone( obj[ key ] );\r\n }\r\n\r\n return temp;\r\n}\r\n\r\n\r\n\r\n/* CLASES DE ESTILO */\r\n\r\nvar styles = theme =>({\r\n Dialog:{\r\n borderRadius: border_dialog,margin:0,padding:0\r\n },\r\n backdrop: {\r\n zIndex: 500000,color: '#fff',flexDirection: 'column'\r\n },\r\n select: { //CONFIGURA EL SELECT \r\n margin: theme.spacing(movil_pequeño?2:1, 1,0,0), padding: 0,\r\n minWidth: movil_pequeño?'100%':'50%',\r\n },\r\n textField: {\r\n margin: theme.spacing(movil_pequeño?2:1, 1,0,0),\r\n padding: 0,\r\n minWidth: movil_pequeño?'100%':'20%',\r\n width: '20%' \r\n },\r\n})\r\n\r\n const columns= [\r\n {name:'ROOT',title: ' ',},\r\n {name:'DESCRIPCION_NIVEL',title: 'Nivel',},\r\n {name:'ID_SECCION_CLIENTE',title: 'ID_SECCION_CLIENTE',},{name:'ID_SECCION',title: 'ID_SECCION',}\r\n ,{name:'CODIGO_CURSO',title: 'Código Curso',},{name:'DESCRIPCION_CURSO',title: 'Descripción',},{name:'NUMERO_SECCION',title: 'Sección',}\r\n ,{name:'INICIO',title: 'Inicio',},{name:'FIN',title: 'Fin',},{name:'CUENTA_CATEDRATICO',title: 'CUENTA_CATEDRATICO',},{name:'NOMBRE_COMPLETO',title: 'Catedrático',}\r\n ,{name:'NOTA',title: 'Nota',},{name:'ESTATUS_ACADEMICO',title: 'Estado',}\r\n ];\r\n\r\n const columns_notas=[\r\n {name:'ROOT',title: ' ',},\r\n {name:'ID_SECCION_CLIENTE',title: 'ID_SECCION_CLIENTE',},\r\n {name:'ID_CALIFICACION',title: 'ID_CALIFICACION',}\r\n ,{name:'ID_PONDERACION',title: 'ID_PONDERACION',}\r\n ,{name:'ID_POND_CATEDRATICO',title: 'ID_POND_CATEDRATICO',}\r\n ,{name:'DESCRIPCION_PONDERACION',title: 'Ponderación',}\r\n ,{name:'PORCENTAJE',title: '%',}\r\n ,{name:'PERMITE_EXTRAORDINARIO',title: ' '}\r\n ,{name:'VALOR',title: 'Nota',}\r\n ,{name:'NUEVA',title: 'Nueva',}\r\n ];\r\n\r\n const tableColumnExtensions= [\r\n { columnName: 'ROOT',width:35, align: 'center'},\r\n { columnName: 'DESCRIPCION_NIVEL', wordWrapEnabled: false, align: 'center',width:!movil?(window.innerWidth-740)/2:250}\r\n ,{ columnName: 'CODIGO_CURSO', wordWrapEnabled: false, align: 'center',width:110}\r\n ,{ columnName: 'DESCRIPCION_CURSO', wordWrapEnabled: false, align: 'center',width:!movil?(window.innerWidth-740)/2:250}\r\n ,{ columnName: 'NUMERO_SECCION', wordWrapEnabled: false, align: 'center',width:100}\r\n ,{ columnName: 'INICIO', wordWrapEnabled: false, align: 'center',width:100}\r\n ,{ columnName: 'FIN', wordWrapEnabled: false, align: 'center',width:100}\r\n ,{ columnName: 'NOMBRE_COMPLETO', wordWrapEnabled: false, align: 'center'}\r\n ,{ columnName: 'NOTA', wordWrapEnabled: false, align: 'center',width:100}\r\n ,{ columnName: 'ESTATUS_ACADEMICO', wordWrapEnabled: false, align: 'center',width:100}\r\n ];\r\n\r\n const tableColumnExtensions_notas=[\r\n { columnName: 'ROOT',width:35, align: 'center'}\r\n ,{ columnName: 'DESCRIPCION_PONDERACION', wordWrapEnabled: false, align: 'center',width: 300 }\r\n ,{ columnName: 'PORCENTAJE', wordWrapEnabled: false, align: 'right',width:55}\r\n ,{ columnName: 'VALOR', wordWrapEnabled: false, align: 'center',width:70}\r\n ,{ columnName: 'PERMITE_EXTRAORDINARIO', wordWrapEnabled: false, align: 'left',width:30}\r\n ,{ columnName: 'NUEVA', wordWrapEnabled: false, align: 'center',width:70}\r\n ];\r\n\r\n const theme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n overrides: {\r\n MuiDialogTitle: {\r\n root: {\r\n textAlign: \"center\", \r\n color: \"white\",\r\n paddingTop: \"8px\",\r\n paddingBottom: \"8px\"\r\n }\r\n },\r\n }\r\n })\r\n\r\n const defaultHiddenColumnNames_notas=['ID_PONDERACION','ID_SECCION_CLIENTE','ID_CALIFICACION','ID_POND_CATEDRATICO']\r\n\r\n const defaultHiddenColumnNames= ['ID_SECCION_CLIENTE','ID_SECCION','CUENTA_CATEDRATICO','NOMBRE_COMPLETO']\r\n\r\n const HeaderRowCellComponent = (valueStudent, handleClickrectificar,selection)=> ({ ...props}) => {\r\n \r\n const style={paddingTop: props.column.name === \"ROOT\" ? \"5px\" : undefined, paddingBottom: props.column.name === \"ROOT\" ? \"5px\" : undefined }\r\n \r\n if (props.column.name === \"ROOT\")\r\n {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n \r\n return ();\r\n \r\n }\r\n\r\n const HeaderRowCellComponent_nota = (valueStudent, handleClickmodificar,selection)=> ({ ...props}) => {\r\n\r\n const style={paddingTop: props.column.name === \"ROOT\" ? \"5px\" : undefined, paddingBottom: props.column.name === \"ROOT\" ? \"5px\" : undefined }\r\n\r\n if (props.column.name === \"ROOT\")\r\n {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if (props.column.name === \"NUEVA\")\r\n {\r\n return (\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 const totalSummaryItems = [\r\n { columnName: \"ID_CALIFICACION\", type: \"count\" }, \r\n ];\r\n\r\n const TotalCellComponent =(valor_actual,valor_nuevo)=> (props) => {\r\n\r\n const {column} = props;\r\n\r\n if(column.name==='PERMITE_EXTRAORDINARIO'){\r\n return(\r\n \r\n );\r\n }\r\n\r\n if(column.name==='VALOR'){\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n if(column.name==='NUEVA'){\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n return ();\r\n}\r\n\r\n\r\nconst VirtualTable_cellComponent_notas = (props) => {\r\n const { column } = props;\r\n const {row} = props;\r\n\r\n if(column.name==='PERMITE_EXTRAORDINARIO'){\r\n return(\r\n \r\n {row.PERMITE_EXTRAORDINARIO?\r\n Ex \r\n :' '}\r\n \r\n );\r\n }\r\n\r\n if(column.name==='PORCENTAJE'){\r\n return(\r\n \r\n );\r\n }\r\n\r\n if(column.name==='NUEVA'){\r\n return(\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/* EXPORT */\r\nexport default withStyles(styles)(\r\n class IngresoRectificacion extends React.Component {\r\n tablaRef = React.createRef();\r\n notaRef = React.createRef();\r\n\r\n constructor(props) {\r\n super(props);\r\n this.l= props.l\r\n this.e= props.e\r\n this.i= props.i\r\n this.isVisibleRowSelected=isVisibleRowSelected\r\n this.actualizarbarra=props.actualizarbarra\r\n this.actualizarcircular=props.actualizarcircular\r\n\r\n this.state = {\r\n openBackDrop: false, \r\n isLoggin: undefined,\r\n heightTableMain: 0,\r\n rows: [],\r\n rows_notas: [],\r\n rows_notas_original: [],\r\n selection: [],\r\n selection_nota: [],\r\n grouping: [],\r\n expandedGroups: [],\r\n filteringColumnExtensions: [],\r\n filters: [],\r\n expandedRowIds: [],\r\n enabledFilterRows: true,\r\n openAutoCompleteAdd: false,\r\n openAutoCompleteAdd_periodos: false,\r\n optionAutocompleteAdd: [],\r\n optionAutocompleteAdd_periodos: [],\r\n isLoadingClientes: true,\r\n valueAutoCompleteAdd: null,\r\n isLoading_periodos: true,\r\n isSaving: true,\r\n isSaving_periodos: true,\r\n valueAutoCompleteAdd_periodos: null,\r\n selection_cm: '',\r\n open_rectificar: false,\r\n open_rectificar_nota: false,\r\n valor_actual: 0,\r\n valor_nuevo: 0,\r\n open_modificar: false,\r\n igual: true,\r\n errornota: false,\r\n open_confirmacion: false,\r\n }\r\n \r\n const trow = TableRow => withStyles(styles, { name: \"Row\" })( ({classes,highlighted, rowIndex, row, selectByRowClick, ...props}) => {\r\n\r\n const odd = !!(rowIndex % 2);\r\n const r = props.tableRow \r\n\r\n const clickselection = (ID_SECCION_CLIENTE,DESCRIPCION_CURSO) => event =>{\r\n this.setState({ selection: [{ID_SECCION_CLIENTE:ID_SECCION_CLIENTE,DESCRIPCION_CURSO: DESCRIPCION_CURSO}] });\r\n }\r\n const dblclickselection = (ID_SECCION_CLIENTE,DESCRIPCION_CURSO) => event =>{ \r\n this.setState({open_rectificar: true,selection: [{ID_SECCION_CLIENTE:ID_SECCION_CLIENTE,DESCRIPCION_CURSO: DESCRIPCION_CURSO}]})\r\n this.consulta_parciales(ID_SECCION_CLIENTE)\r\n }\r\n \r\n if (this.state.selection[0]===undefined?this.state.selection[0]:this.state.selection[0].ID_SECCION_CLIENTE === props.tableRow.row.ID_SECCION_CLIENTE) { isVisibleRowSelected = true; }\r\n return (\r\n \r\n );\r\n });\r\n\r\n const trow_notas = TableRow => withStyles(styles, { name: \"Row\" })( ({classes,highlighted, rowIndex, row, selectByRowClick, ...props}) => {\r\n\r\n const odd = !!(rowIndex % 2);\r\n const r = props.tableRow \r\n\r\n const clickselection_notas = (ID_CALIFICACION,DESCRIPCION_PONDERACION,VALOR,PORCENTAJE,ID_PONDERACION,NUEVA) => event =>{\r\n this.setState({ selection_nota: [{ID_CALIFICACION:ID_CALIFICACION,DESCRIPCION_PONDERACION:DESCRIPCION_PONDERACION,VALOR:VALOR,PORCENTAJE:PORCENTAJE,ID_PONDERACION:ID_PONDERACION,NUEVA:NUEVA}] });\r\n }\r\n const dblclickselection_notas = (ID_CALIFICACION,DESCRIPCION_PONDERACION,VALOR,PORCENTAJE,ID_PONDERACION,NUEVA) => event =>{\r\n \r\n if(ID_PONDERACION!==6){\r\n if(PORCENTAJE!==0)\r\n this.setState({open_modificar: true,igual: true, selection_nota: [{ID_CALIFICACION:ID_CALIFICACION,DESCRIPCION_PONDERACION:DESCRIPCION_PONDERACION,VALOR:VALOR,PORCENTAJE:PORCENTAJE,ID_PONDERACION:ID_PONDERACION,NUEVA:NUEVA}]})\r\n }\r\n else\r\n funciones.showToast('w','Debe modificar el correquisito en su sección respectiva')\r\n }\r\n \r\n if (this.state.selection_nota[0]===undefined?this.state.selection_nota[0]:this.state.selection_nota[0].ID_CALIFICACION === props.tableRow.row.ID_CALIFICACION) { isVisibleRowSelected = true; }\r\n return (\r\n \r\n );\r\n });\r\n\r\n //this.VirtualTable_cellComponent_notas = VirtualTable_cellComponent_notas\r\n this.trow = trow(Table.Row);\r\n this.trow_notas = trow_notas(Table.Row);\r\n }; //FIN CONSTRUCTORS\r\n\r\nhandleClickrectificar=(selection)=>event=>{\r\n this.setState({open_rectificar: true})\r\n this.consulta_parciales(selection)\r\n}\r\n\r\nhandleClickmodificar=(selection)=>event=>{\r\n if(selection.ID_PONDERACION!==6){\r\n if(selection.PORCENTAJE!==0)\r\n this.setState({open_modificar: true,igual: true})\r\n }\r\n else\r\n funciones.showToast('w','Debe modificar el correquisito en su sección respectiva')\r\n}\r\n\r\ncomponentDidMount()\r\n{\r\n let _this = this;\r\n _this.actualizarbarra(false)\r\n\r\n //Auth.loggedIn().then( function(b){\r\n // _this.setState({ isLoggin: b})\r\n this.setState({ isLoggin: Auth.getProfile().plataforma !== undefined ? true : false }, ()=>{\r\n _this.filtersClientes('-');\r\n _this.consulta_periodos()\r\n // if(b)\r\n _this.setState({rows: [], heightTableMain: funciones.getHeightTableMain(movil_pequeño,_this).heightTable})\r\n _this.actualizarbarra(true)\r\n })\r\n}\r\n\r\n\r\nfiltersClientes = (value)=>{\r\n new Request\r\n .get(`${globales.ip}/rectificacion/Filtrar_estudiantes/${value}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(0)\r\n .timeout({ response: 20000, deadline: 30000, })\r\n .end((err, res) => {\r\n \r\n if (err) {\r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n window.location.reload();\r\n return;\r\n }\r\n this.setState({ optionAutocompleteAdd: [], openAutoComplete: false, isLoadingClientes: false,isSaving: false }, ()=>{\r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n \r\n if (rows.length > 0)\r\n { \r\n this.setState({ optionAutocompleteAdd: rows, isLoadingClientes: false,isSaving: false });\r\n }\r\n else\r\n {\r\n this.setState({ optionAutocompleteAdd: [], openAutoComplete: false, isLoadingClientes: false,isSaving: false })\r\n } \r\n });\r\n }\r\n\r\n \r\nonBlurAutoCompleteAdd = ()=>{\r\n if (this.state.openAutoCompleteAdd)\r\n {\r\n this.setState({ openAutoCompleteAdd: false }); \r\n }\r\n}\r\n\r\nonBlurAutoCompleteAdd_periodos = ()=>{\r\n if (this.state.openAutoCompleteAdd_periodos)\r\n {\r\n this.setState({ openAutoCompleteAdd_periodos: false}); \r\n }\r\n}\r\n \r\nonChangeAutocompleteAdd = (event, value) => {\r\n this.setState({ valueAutoCompleteAdd: value, openAutoCompleteAdd: false }, ()=>{\r\n this.consulta_periodos();\r\n });\r\n}\r\n\r\nonChangeAutocompleteAdd_periodos = (event, value) => {\r\n this.setState({ valueAutoCompleteAdd_periodos: value, openAutoCompleteAdd_periodos: false }, ()=>{\r\n this.consulta_clases();\r\n });\r\n}\r\n\r\nonChangeInput = (e, value)=>{ \r\n if (e === null || e.target.value === undefined)\r\n {\r\n if (this.state.openAutoCompleteAdd){ \r\n this.setState({ openAutoCompleteAdd: false });\r\n }\r\n return;\r\n }\r\n if ((e.target.value.toString().trim().length < 3 || (this.state.valueAutoCompleteAdd !== null && value === this.state.valueAutoCompleteAdd.CUENTA_ALUMNO + ' | ' + this.state.valueAutoCompleteAdd.NOMBRE_COMPLETO)) && this.state.openAutoCompleteAdd)\r\n {\r\n this.setState({ openAutoCompleteAdd: false });\r\n }\r\n else if (e.target.value.toString().trim().length >= 3 && !this.state.openAutoCompleteAdd)\r\n {\r\n this.setState({ openAutoCompleteAdd: true });\r\n }\r\n}\r\n\r\nonChangeInput_periodos = (e, value)=>{ \r\n if (e === null || e.target.value === undefined)\r\n {\r\n if (this.state.openAutoCompleteAdd_periodos){ \r\n this.setState({ openAutoCompleteAdd_periodos: false });\r\n }\r\n return;\r\n }\r\n \r\n if ((e.target.value.toString().trim().length < 3 || (this.state.valueAutoCompleteAdd_periodos !== null && value === this.state.valueAutoCompleteAdd_periodos.ID_CONTROL_MATRICULA)) && this.state.openAutoCompleteAdd_periodos)\r\n {\r\n this.setState({ openAutoCompleteAdd_periodos: false });\r\n }\r\n else if (e.target.value.toString().trim().length >= 3 && !this.state.openAutoCompleteAdd_periodos)\r\n {\r\n this.setState({ openAutoCompleteAdd_periodos: true });\r\n }\r\n}\r\n\r\nconsulta_periodos=()=>{\r\n\r\n let cuenta_alumno = this.state.valueAutoCompleteAdd!==null? this.state.valueAutoCompleteAdd.CUENTA_ALUMNO:'0'\r\n try{\r\n new Request\r\n .post(`${ip}/rectificacion/obtener_periodos_rectificacion`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({CUENTA_ALUMNO: cuenta_alumno , USUARIO: Auth.getProfile().user })\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \r\n .end((err, res) => {\r\n if (err) { \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n { \r\n window.location.reload();\r\n return; \r\n } \r\n this.setState({ openBackDrop: false }, ()=> { \r\n this.setState({optionAutocompleteAdd_periodos: [], openAutoComplete_periodos: false,isLoading_periodos: false,isSaving_periodos: false})\r\n funciones.showToast('e', 'Error de conexión'); \r\n });\r\n }\r\n\r\n const tmp = JSON.parse(res.text);\r\n if (tmp.length > 0) \r\n { \r\n this.setState({optionAutocompleteAdd_periodos: tmp,valueAutoCompleteAdd_periodos: null,rows:[], openAutoComplete_periodos: false, isLoading_periodos: false, isSaving_periodos: false})\r\n }\r\n else{\r\n this.setState({optionAutocompleteAdd_periodos: [],valueAutoCompleteAdd_periodos: null,rows:[], openAutoComplete_periodos: false, isLoading_periodos: false, isSaving_periodos: false})\r\n }\r\n })\r\n }\r\n catch(ex){\r\n this.setState({optionAutocompleteAdd_periodos: [],valueAutoCompleteAdd_periodos: null,rows:[], openAutoComplete_periodos: false,isLoading_periodos: false,isSaving_periodos: false})\r\n }\r\n}\r\n\r\nconsulta_clases=()=>{\r\n let cuenta_alumno = this.state.valueAutoCompleteAdd!==null? this.state.valueAutoCompleteAdd.CUENTA_ALUMNO:'0'\r\n let periodo = this.state.valueAutoCompleteAdd_periodos!==null? this.state.valueAutoCompleteAdd_periodos.ID_CONTROL_MATRICULA:'0'\r\n\r\n try{\r\n new Request\r\n .post(`${ip}/rectificacion/obtener_clases_por_periodo`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ID_CONTROL_MATRICULA: periodo,cuenta_alumno: cuenta_alumno,USUARIO: Auth.getProfile().user })\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \r\n .end((err, res) => {\r\n if (err) { \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n { \r\n window.location.reload();\r\n return; \r\n } \r\n this.setState({ openBackDrop: false }, ()=> { \r\n funciones.showToast('e', 'Error de conexión'); \r\n });\r\n }\r\n\r\n const rows = JSON.parse(res.text);\r\n if (rows.length > 0) \r\n { \r\n this.setState({rows: rows})\r\n }\r\n else\r\n {\r\n this.setState({rows: []})\r\n }\r\n })\r\n}\r\ncatch(ex){\r\n this.setState({rows: []})\r\n}\r\n}\r\n\r\nconsulta_parciales=(value)=>{\r\n try{\r\n new Request\r\n .post(`${ip}/rectificacion/obtener_parciales_clase`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ID_SECCION_CLIENTE: value, USUARIO: Auth.getProfile().user })\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \r\n .end((err, res) => {\r\n if (err) { \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n { \r\n window.location.reload();\r\n return; \r\n } \r\n this.setState({ openBackDrop: false }, ()=> { \r\n funciones.showToast('e', 'Error de conexión'); \r\n });\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n if (rows.length > 0) \r\n { \r\n this.consulta_notafinal(value,'',2)\r\n this.setState({rows_notas: rows, rows_notas_original: rows})\r\n }\r\n })\r\n }\r\n catch(ex){\r\n \r\n }\r\n}\r\n\r\ncancelar=()=>{\r\n this.setState({open_rectificar: false,valor_nuevo:0,valor_actual:0,selection:[],selection_nota:[],rows_notas:[],rows_notas_original:[]})\r\n}\r\n\r\ncancelar_modificar=()=>{\r\n this.setState({open_modificar: false,selection_nota:[]})\r\n}\r\n\r\nconsulta_notafinal=(value,cadena,temporal)=>{\r\n\r\n this.setState({isloading_notas: true},()=>{\r\n try{\r\n new Request\r\n .post(`${ip}/rectificacion/obtener_nota_final`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ID_SECCION_CLIENTE: value ,VALORES_TEMPORALES: cadena,TEMPORAL: temporal===2?0:temporal,USUARIO: Auth.getProfile().user})\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \r\n .end((err, res) => {\r\n if (err) { \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n { \r\n window.location.reload();\r\n return; \r\n } \r\n this.setState({ openBackDrop: false, isloading_notas: false }, ()=> { \r\n funciones.showToast('e', 'Error de conexión'); \r\n });\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n if (rows.length > 0) \r\n { \r\n this.setState((state,props)=>({valor_actual: temporal===1?state.valor_actual:rows[0].VALOR\r\n ,valor_nuevo: temporal===1||temporal===2?rows[0].VALOR:state.valor_nuevo\r\n ,isloading_notas:false\r\n }))\r\n }\r\n })\r\n }\r\n catch(ex){\r\n this.setState({isloading_notas: false})\r\n }\r\n })\r\n}\r\n\r\nonChangenota=()=> event =>{\r\n\r\n if((this.notaRef.current.value.toString().trim()===this.state.selection_nota[0].VALOR.toString().trim() \r\n || this.notaRef.current.value.toString().trim()===this.state.selection_nota[0].NUEVA.toString().trim())||this.notaRef.current.value.toString().trim()==='')\r\n this.setState({igual:true})\r\n else\r\n this.setState({igual:false})\r\n\r\n if(event.target.value>this.state.selection_nota[0].PORCENTAJE){\r\n this.setState({errornota:true})\r\n }\r\n else{\r\n this.setState({errornota:false})\r\n }\r\n}\r\n\r\nguardamodificar=()=> event => {\r\n\r\n if(this.notaRef.current.value.toString().trim()===''||parseInt(this.notaRef.current.value)<0||parseInt(this.notaRef.current.value)>100){\r\n funciones.showToast('e','Ingrese una nota correcta')\r\n return;\r\n }\r\n\r\n let rowss=clone(this.state.rows_notas)\r\n let cadena=''\r\n\r\n\r\n rowss.map((text,index,array)=>{\r\n if(text.ID_CALIFICACION===this.state.selection_nota[0].ID_CALIFICACION)\r\n {\r\n text.NUEVA=parseInt(this.notaRef.current.value)\r\n }\r\n return text;\r\n })\r\n\r\n\r\n rowss.forEach((element,index)=>{\r\n if(index===0)\r\n cadena=element.NUEVA.toString()\r\n else\r\n cadena=cadena+','+element.NUEVA.toString()\r\n })\r\n\r\n // console.log(this.state.selection[0].ID_SECCION_CLIENTE)\r\n // console.log(cadena)\r\n this.consulta_notafinal(this.state.selection[0].ID_SECCION_CLIENTE,cadena,1)\r\n this.setState({open_modificar: false,rows_notas: rowss, selection_nota: []})\r\n currentnota='';\r\n}\r\n\r\nguardarectificacion=()=> event => {\r\n\r\n if(JSON.stringify(this.state.rows_notas)===JSON.stringify(this.state.rows_notas_original)){\r\n return;\r\n }\r\n\r\n this.setState({open_confirmacion: true})\r\n}\r\n\r\nacepto_confirmacion=()=>{\r\n\r\n if(JSON.stringify(this.state.rows_notas)===JSON.stringify(this.state.rows_notas_original)){\r\n return;\r\n }\r\n\r\n let cadena=''\r\n\r\n this.state.rows_notas.forEach((element,index)=>{\r\n if(index===0)\r\n cadena=element.NUEVA.toString()\r\n else\r\n cadena=cadena+','+element.NUEVA.toString()\r\n })\r\n\r\n this.setState({isloading_notas: true,openBackDrop: true},()=>{\r\n try{\r\n new Request\r\n .post(`${ip}/rectificacion/U_rectificar_nota`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ID_SECCION_CLIENTE: this.state.selection[0].ID_SECCION_CLIENTE ,VALORES: cadena,USUARIO: Auth.getProfile().user})\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \r\n .end((err, res) => {\r\n if (err) { \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n { \r\n window.location.reload();\r\n return; \r\n } \r\n this.setState({ openBackDrop: false, isloading_notas: false }, ()=> { \r\n \r\n funciones.showToast('e', 'Error de conexión'); \r\n });\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n if (rows.length > 0) \r\n { \r\n if (rows[0].RESP === \"OK\") {\r\n this.setState({ openBackDrop: false , isloading_notas: false,open_rectificar: false,open_confirmacion: false,selection: [],selection_nota: [],rows_notas: []}, () => {\r\n funciones.showToast(\"s\", 'Proceso Completado Correctamente.');\r\n this.consulta_clases()\r\n })\r\n }\r\n else {\r\n this.setState({ openBackDrop: false , isloading_notas: false}, () => {\r\n funciones.showToast(\"w\", rows[0].RESP);\r\n });\r\n }\r\n }\r\n })\r\n }\r\n catch(ex){\r\n this.setState({isloading_notas: false,openBackDrop: false})\r\n funciones.showToast('e', 'Error de conexión'); \r\n }\r\n })\r\n}\r\n\r\nhandleClose_confirmacion=()=>{\r\n this.setState({open_confirmacion: false})\r\n}\r\n\r\n/* RENDER */\r\nrender() {\r\n const { classes } = this.props;\r\n\r\n const botones_rectificar = [\r\n {icono: 'Save', toolt: 'Guardar Rectificación', nombre: 'Guardar' ,escritura:true, onclick: this.guardarectificacion()\r\n , display: 'auto'},\r\n {icono: 'Close', toolt: 'Cancelar', nombre: 'Cancelar' , onclick: this.cancelar\r\n , display:'auto', color: 'red'},\r\n ]\r\n const botones_modificar = [\r\n {icono: 'Save', toolt: 'Aceptar Cambio', nombre: 'Aceptar' ,escritura:true,disabled: this.state.errornota||this.state.igual , onclick: this.guardamodificar()\r\n , display: 'auto'},\r\n {icono: 'Close', toolt: 'Cancelar', nombre: 'Cancelar' , onclick: this.cancelar_modificar\r\n , display:'auto', color: 'red'},\r\n ]\r\n\r\n if (this.state.isLoggin === true )\r\n {\r\n return ( \r\n \r\n \r\n \r\n {'Guardando...'}\r\n \r\n \r\n
option.CUENTA_ALUMNO + ' | ' + option.NOMBRE_COMPLETO}\r\n style={{ width: !movil ? '400px' : '95%'}} \r\n renderInput={(params) => \r\n {this.state.isLoadingClientes ? : null}\r\n {params.InputProps.endAdornment}\r\n \r\n ),\r\n readOnly: this.state.isSaving\r\n }}\r\n />}\r\n renderOption={(option) => (\r\n \r\n {option.CUENTA_ALUMNO}\r\n {option.NOMBRE_COMPLETO} \r\n \r\n )}\r\n noOptionsText={'No hay resultados'}\r\n loadingText={'Cargando...'} \r\n onChange={this.onChangeAutocompleteAdd}\r\n open={this.state.openAutoCompleteAdd}\r\n loading = {this.state.isLoadingClientes}\r\n ListboxComponent={ListboxComponent}\r\n disableListWrap\r\n value={this.state.valueAutoCompleteAdd} \r\n autoHighlight\r\n disableClearable={this.state.isSaving}\r\n clearText = 'Borrar'\r\n openText = ''\r\n closeText = ''\r\n classes= {{ popper: classes.popper }}\r\n onInputChange={this.onChangeInput} \r\n /> \r\n option.DESCRIPCION}\r\n style={{ width: !movil ? '400px' : '95%', marginLeft: 10 }} \r\n renderInput={(params) => \r\n {this.state.isLoading_periodos ? : null}\r\n {params.InputProps.endAdornment}\r\n \r\n ),\r\n readOnly: this.state.isSaving_periodos\r\n }}\r\n />}\r\n renderOption={(option) => (\r\n \r\n {option.DESCRIPCION} \r\n \r\n )}\r\n noOptionsText={'No hay resultados'}\r\n loadingText={'Cargando...'} \r\n onChange={this.onChangeAutocompleteAdd_periodos}\r\n //open={this.state.openAutoCompleteAdd_periodos}\r\n loading = {this.state.isLoading_periodos}\r\n ListboxComponent={ListboxComponent_periodos}\r\n disableListWrap\r\n value={this.state.valueAutoCompleteAdd_periodos} \r\n autoHighlight\r\n disableClearable={this.state.isSaving_periodos}\r\n clearText = 'Borrar'\r\n openText = ''\r\n closeText = ''\r\n classes= {{ popper: classes.popper }}\r\n //sonInputChange={this.onChangeInput_periodos} \r\n /> \r\n \r\n
}\r\n VirtualTable_cellComponent={this.VirtualTable_cellComponent}\r\n //rowHeaderCellComponent={TableTreeColumnHeader_cellComponent}\r\n showSelectionColumn={false}\r\n />\r\n