{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","import React from 'react';\r\nimport CustomTable from '../../components/CustomTable';\r\nimport {globales, colores, funciones} from '../../global';\r\nimport AuthService from '../../AuthService';\r\nimport Request from 'superagent';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {Table, TableHeaderRow, TableSelection, TableFixedColumns} from '@devexpress/dx-react-grid-material-ui';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport Select from '../../components/Select';\r\nimport ListSubheader from '@material-ui/core/ListSubheader';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport BarraBotones from '../../components/Barra_menu';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport Backdrop from '@material-ui/core/Backdrop';\r\nimport {virtual} from '../../components/VirtualListBox';\r\nimport {IntegratedFiltering} from '@devexpress/dx-react-grid';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\r\nimport Fade from '@material-ui/core/Fade';\r\n\r\nlet Auth = new AuthService();\r\nlet tokenInfo = [];\r\n\r\nvar movil=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\r\n\r\nlet planes = [];\r\nconst settingFilter = [\r\n { columnName: 'HORA_ENTRADA',\r\n predicate: (value, filter, row) => {\r\n value = value !== null ? funciones.getTime(value) : value; \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n },\r\n { columnName: 'HORA_SALIDA',\r\n predicate: (value, filter, row) => {\r\n value = value !== null ? funciones.getTime(value) : value; \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n },\r\n ];\r\n\r\nconst styles = theme => ({\r\n\r\ncontainer: {\r\n display: 'flex',\r\n justifyContent: !movil ? 'center' : undefined, \r\n alignItems: \"center\",\r\n flexDirection: !movil ? \"row\" : \"column\",\r\n paddingTop: \"2px\",\r\n paddingBottom: \"5px\", \r\n paddingLeft: theme.spacing(1),\r\n paddingRight: theme.spacing(1)\r\n},\r\ntextField: {\r\n marginRight: !movil ? theme.spacing(1) : undefined, \r\n},\r\nformControlSelect: {\r\n width: movil ? '100%' : '430px', \r\n marginLeft: !movil ? theme.spacing(1) : undefined, \r\n textAlign: 'left',\r\n},\r\ncloseButton: {\r\n position: 'absolute',\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n},\r\npaperConfirm: { \r\n borderRadius: globales.border_dialog,\r\n minWidth: '320px', \r\n maxWidth: '320px', \r\n},\r\npaperCopy: { \r\n borderRadius: globales.border_dialog,\r\n minWidth: !movil ? '500px' : undefined,\r\n maxWidth: !movil ? '500px' : undefined,\r\n height: !movil ? '620px' : undefined,\r\n maxHeight: !movil ? '95%' : undefined\r\n},\r\nformControlSelectCopy: {\r\n width: '100%', \r\n marginTop: theme.spacing(0), \r\n textAlign: 'left',\r\n marginBottom: theme.spacing(1.5)\r\n},\r\nbackdrop: {\r\n zIndex: 500000,\r\n color: '#fff', \r\n flexDirection: 'column'\r\n},\r\ndivProgressCopy:{\r\n height: '48px',\r\n width: \"100%\",\r\n paddingTop: '20px', \r\n},\r\n});\r\nconst widthTable = !movil ? window.screen.width - (globales.tabla.marginleft + globales.tabla.marginright) : 1336;\r\nconst columns = [\r\n { name: 'ICON', title: ' ' },\r\n { name: 'ID_ASISTENCIA_ALUMNO', title: 'ID_ASISTENCIA_ALUMNO' },\r\n { name: 'DESCRIPCION_ACTIVIDAD', title: 'Descripción de actividad' },\r\n { name: 'HORA_ENTRADA', title: 'Hora de entrada' },\r\n { name: 'HORA_SALIDA', title: 'Hora de salida' },\r\n { name: 'PUNTAJE', title: 'Puntos' },\r\n { name: 'NOMBRE_AREA', title: 'Área' },\r\n];\r\nconst columnExtensions = [\r\n { columnName: 'ICON', width: 1 }, \r\n { columnName: 'DESCRIPCION_ACTIVIDAD', width: widthTable * 0.50 }, \r\n { columnName: 'HORA_ENTRADA', width: widthTable * 0.15, align: 'center' }, \r\n { columnName: 'HORA_SALIDA', width: widthTable * 0.15, align: 'center' },\r\n { columnName: 'PUNTAJE', width: widthTable * 0.08, align: 'center' },\r\n { columnName: 'ID_ASISTENCIA_ALUMNO', width: 0}, \r\n { columnName: 'NOMBRE_AREA', width: 0}, \r\n];\r\nconst grouping = [{ columnName: 'NOMBRE_AREA' }];\r\n\r\nconst totalSummaryItems = [\r\n { columnName: \"DESCRIPCION_ACTIVIDAD\", type: \"count\" },\r\n { columnName: \"PUNTAJE\", type: \"sum\" }, \r\n];\r\nconst groupSummaryItems = [ \r\n { columnName: \"DESCRIPCION_ACTIVIDAD\", type: \"count\" },\r\n { columnName: \"PUNTAJE\", type: \"sum\" },\r\n];\r\nconst columnsCopy = [ \r\n { name: 'ID_ASISTENCIA_ALUMNO', title: 'ID_ASISTENCIA_ALUMNO' },\r\n { name: 'DESCRIPCION_ACTIVIDAD', title: 'Descripción de actividad' },\r\n { name: 'PUNTAJE', title: 'Puntos' },\r\n { name: 'NOMBRE_AREA', title: 'Área' }\r\n];\r\nconst columnExtensionsCopy = [\r\n { columnName: 'DESCRIPCION_ACTIVIDAD', width: 270 },\r\n { columnName: 'PUNTAJE', width: 65, align: 'center' }, \r\n { columnName: 'ID_ASISTENCIA_ALUMNO', width: 0}, \r\n { columnName: 'NOMBRE_AREA', width: 0} \r\n];\r\n\r\nconst RowId = row => row.ID_ASISTENCIA_ALUMNO;\r\nconst VirtualTable_cellComponent = (props) => { \r\n\r\n if (props.column.name === 'HORA_ENTRADA')\r\n {\r\n return ( \r\n { props.row.HORA_ENTRADA !== null ? funciones.getTime(props.row.HORA_ENTRADA) : props.row.HORA_ENTRADA }\r\n );\r\n }\r\n \r\n if (props.column.name === 'HORA_SALIDA')\r\n {\r\n return ( \r\n { props.row.HORA_SALIDA !== null ? funciones.getTime(props.row.HORA_SALIDA) : props.row.HORA_SALIDA }\r\n );\r\n }\r\n\r\n return ();\r\n \r\n}\r\nconst stubCellComponentTable = (handleClickDelete, idRowSelection) => ({ colSpan,...props}) => {\r\n \r\n if (props.tableRow.type.toString() === 'Symbol(data)' && props.tableColumn.type.toString() === 'Symbol(group)')\r\n { \r\n if (props.tableRow.row.ID_ASISTENCIA_ALUMNO === idRowSelection && tokenInfo.plataforma === 1)\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\nconst ColumnFixed_cellComponent = ({showLeftDivider, showRightDivider, ...props}) => { \r\n \r\n if (props.tableRow.key === \"Symbol(filter)\"){\r\n return (\r\n \r\n )\r\n }\r\n\r\n return ();\r\n}\r\nconst ColumnHeader_cellComponent = (rowsLength, handleClick) => ({resizingEnabled, ...props}) => {\r\n \r\n resizingEnabled = props.column.name === 'ICON' ? false : resizingEnabled;\r\n\r\n if (props.column.name === 'ICON' && tokenInfo.plataforma === 1)\r\n {\r\n return ( \r\n \r\n \r\n 1 && rowsLength > 0 ? colores.tabla.color_iconos : colores.tabla.color_iconos_SL }} />\r\n \r\n \r\n \r\n );\r\n }\r\n \r\n return ();\r\n \r\n}\r\nconst RenderOption = (option) => (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
{option.CUENTA_ALUMNO}\r\n
{option.NOMBRE_COMPLETO}
\r\n \r\n);\r\n\r\nexport default withStyles(styles) ( \r\nclass App extends React.Component {\r\n\r\ntablaRef = React.createRef();\r\nplanesRef = React.createRef();\r\ntableCopyRef = React.createRef();\r\nselectCopyRef = React.createRef();\r\ndialogActionsRef = 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 loadingMain: false,\r\n rows: [],\r\n valueAutoComplete: null,\r\n loadingClientes: true,\r\n openAutoComplete: false,\r\n optionAutocomplete: [],\r\n datosSelectPlan : null,\r\n selectedPlan: '',\r\n expandedGroups: [],\r\n idRowSelected: null,\r\n openModalConfirm: false,\r\n openModalCopy: false,\r\n rowsCopy: [],\r\n heightTableCopy: 0,\r\n expandedGroupsCopy: [],\r\n selectedCopy: '',\r\n datosSelectCopy: null,\r\n selection: [],\r\n copyLoading: false,\r\n openBackDrop: false,\r\n loadingPlanes: false,\r\n };\r\n this.cuenta= null;\r\n this.botones_eliminar =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.handleOkDelete, display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseConfirm, display:'auto', color: 'red'},\r\n ];\r\n this.botones_copy =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.handleOkCopy , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseCopy, display:'auto', color: 'red'},\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\nthis.cuenta = (event === null && tokenInfo.plataforma === 2) ? tokenInfo.user : tokenInfo.plataforma === 1 ? this.state.valueAutoComplete.CUENTA_ALUMNO : null;\r\nthis.setState({ loadingPlanes: true }, ()=>{ \r\n \r\nnew Request\r\n .get(`${globales.ip}/actividades_coprogramaticas/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 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 });\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 (
{item.label});\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 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\nhandleChangePlan = async (event) => {\r\n\r\n if (event !== 'auto' && this.state.selectedPlan === event.target.value)\r\n {\r\n return;\r\n }\r\n \r\n if (event === 'auto' || event.target.value > 0 )\r\n { \r\n await Promise.resolve(this.setState({ selectedPlan: event === 'auto' ? this.state.selectedPlan : event.target.value, })); \r\n this.obtenerActividadesCop(this.cuenta, event === 'auto' ? this.state.selectedPlan : event.target.value); \r\n }\r\n\r\n \r\n}\r\n\r\nobtenerActividadesCop = (cuenta, id_plan)=>{\r\n\r\nthis.setState({ loadingMain: true }, ()=>{ \r\n\r\n new Request\r\n .get(`${globales.ip}/actividades_coprogramaticas/alumno/historial/${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 window.location.reload();\r\n return; \r\n }\r\n \r\n this.setState({ rows: [], expandedGroups: [], expandedGroupsCopy: [], 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 let allGroups = [];\r\n let found = null;\r\n\r\n rows.map((item, i) => {\r\n found = allGroups.find(area => area === item.NOMBRE_AREA);\r\n if (found == null)\r\n allGroups.push(item.NOMBRE_AREA);\r\n else \r\n found = null;\r\n \r\n return null;\r\n });\r\n \r\n this.setState({ rows, expandedGroups: [], expandedGroupsCopy: allGroups, loadingMain: 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, openAutoComplete: false, selectedPlan: '', datosSelectPlan: null, rows: [], idRowSelected: null }, ()=>{\r\n \r\n if (value === null)\r\n {\r\n return;\r\n }\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}/actividades_coprogramaticas/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\nchangeExpandedGroups = expandedGroups =>\r\n{\r\n this.setState({ expandedGroups }); \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\nhandleOkDelete = ()=> {\r\n\r\n this.setState({ openModalConfirm: false, openBackDrop: true }, ()=>{ \r\n\r\n new Request\r\n .post(`${globales.ip}/actividades_coprogramaticas/alumno/operaciones`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ cuenta_alumno: '-', puntos: 0, id_actividad: 0, id_asistencia_alumno: this.state.idRowSelected, ad_usuario: tokenInfo.user })\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \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({ openBackDrop: 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 if (rows[0].RESP === 'OK')\r\n { \r\n this.setState({ rows: this.state.rows.filter(x => x.ID_ASISTENCIA_ALUMNO !== this.state.idRowSelected) }, ()=>{\r\n funciones.showToast('s', 'Actividad eliminada');\r\n this.setState({ idRowSelected: null, openBackDrop: false }); \r\n })\r\n \r\n }\r\n else\r\n {\r\n this.setState({ openBackDrop: false }, ()=>{ \r\n funciones.showToast('w', rows[0].RESP); \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\nhandleCloseConfirm = ()=>{\r\n this.setState({ openModalConfirm: false });\r\n}\r\n\r\nhandleClickDelete = () => {\r\n \r\nif (this.state.idRowSelected === null)\r\n return;\r\n\r\nthis.setState({ openModalConfirm: true });\r\n\r\n}\r\n\r\nonEnteringCopy = ()=>{\r\n\r\n this.setState({ heightTableCopy: funciones.getHeightTableDialog(movil, this.tableCopyRef, this.dialogActionsRef, !movil ? 7 : 5) }, ()=>{\r\n \r\n let indexSelected = this.state.datosSelectPlan.find(x => x.props.value === this.state.selectedPlan).key;\r\n let tmpValues = this.state.datosSelectPlan.filter(x => x.props.value !== this.state.selectedPlan);\r\n \r\n if (tmpValues[indexSelected - 1].props.value === '' && ((tmpValues[indexSelected] === undefined) || (tmpValues[indexSelected] !== undefined && tmpValues[indexSelected].props.value === '')))\r\n { \r\n tmpValues = tmpValues.filter(x => parseInt(x.key) !== indexSelected - 1); \r\n }\r\n\r\n this.setState({ datosSelectCopy: tmpValues }); \r\n\r\n });\r\n\r\n}\r\n\r\nhandleCloseCopy = ()=>{\r\n \r\n if (this.state.copyLoading)\r\n {\r\n return;\r\n }\r\n\r\n this.setState({ openModalCopy: false }, \r\n ()=>{\r\n this.setState({ rowsCopy: [], selectedCopy: '', selection: [] })\r\n });\r\n\r\n}\r\n\r\nhandleOkCopy = ()=>{\r\n\r\nif (this.state.selection.length === 0)\r\n{\r\n funciones.showToast('w', 'No hay actividades seleccionadas');\r\n return;\r\n}\r\n\r\nthis.setState({ copyLoading: true }, ()=>{\r\n \r\n let strActividades = '';\r\n let idActividadTmp = null;\r\n\r\n this.state.selection.map((item, index )=>{\r\n \r\n idActividadTmp = this.state.rows.find(x => x.ID_ASISTENCIA_ALUMNO === item).ID_ACTIVIDADES_X_AREA;\r\n\r\n strActividades = (index + 1 < this.state.selection.length) ? strActividades + idActividadTmp + 'x' : strActividades + idActividadTmp;\r\n\r\n\r\n if (index + 1 === this.state.selection.length)\r\n {\r\n \r\n new Request\r\n .post(`${globales.ip}/actividades_coprogramaticas/alumno/copia_masiva`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ cuenta_alumno: this.cuenta, \r\n id_plan_origen: this.state.selectedPlan, \r\n id_plan_destino: this.state.selectedCopy, \r\n str_actividades: strActividades, \r\n ad_usuario: tokenInfo.user })\r\n .retry(0)\r\n .timeout({ response: 15000, deadline: 60000, }) \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({ copyLoading: 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 if (rows[0].RESP === 'OK')\r\n { \r\n \r\n this.setState({ copyLoading: false }, ()=> { \r\n funciones.showToast('s', 'Se copiaron todas las actividades seleccionadas');\r\n }); \r\n\r\n }\r\n else\r\n {\r\n \r\n this.setState({ copyLoading: false }, ()=> { \r\n funciones.showToast('w', rows[0].RESP);\r\n }); \r\n\r\n }\r\n }\r\n \r\n \r\n });\r\n\r\n }\r\n\r\n return item;\r\n\r\n });\r\n\r\n \r\n\r\n});\r\n\r\n}\r\n\r\nchangeExpandedGroupsCopy = expandedGroupsCopy =>\r\n{\r\n this.setState({ expandedGroupsCopy }); \r\n}\r\n\r\nhandleChangeCopy = event => { \r\n\r\nif (event.target.value > 0)\r\n{\r\n\r\n this.setState({ selectedCopy: event.target.value }, ()=>{\r\n\r\n if (this.state.rowsCopy !== this.state.rows)\r\n {\r\n this.setState({ rowsCopy: this.state.rows });\r\n }\r\n\r\n });\r\n\r\n}\r\n\r\n}\r\n\r\nchangeSelection = selection =>{\r\n\r\n if (this.state.copyLoading)\r\n {\r\n return;\r\n }\r\n\r\n this.setState({ selection });\r\n\r\n}\r\n\r\nhandleRowClick = (idRow) => event => {\r\n this.setState({ idRowSelected: idRow }); \r\n}\r\n\r\nhandleClick = () => {\r\n \r\n if (planes.length > 1 && this.state.rows.length > 0 && !this.state.isLoading)\r\n { \r\n this.setState({ openModalCopy: true });\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\ntokenInfo = Auth.getProfile(); //Token decodificado \r\n \r\nthis.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 }\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 {\r\n document.getElementById('Est_Consulta').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 \r\n}\r\n\r\nrender() {\r\n \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.isLoading}\r\n onInputChange={this.onChangeInput}\r\n popupIcon={null}\r\n PaperComponent={(props)=>()} \r\n /> \r\n \r\n \r\n