{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\nplanesRef = React.createRef();\r\ntablaRef = React.createRef();\r\nvtRef = React.createRef();\r\ndialogActionsRef = React.createRef();\r\ntableEqvRef = React.createRef();\r\nselectRef = 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.state = {\r\n isLoggin : undefined,\r\n heightTableMain: 0,\r\n loadingMain: false,\r\n rows: [],\r\n openBackDrop: false,\r\n optionAutocomplete: [],\r\n loadingClientes: true,\r\n openAutoComplete: false,\r\n valueAutoComplete: null,\r\n optionAutocompleteUniv: [],\r\n loadingUniv: false,\r\n valueAutoCompleteUniv: null,\r\n openModal: false,\r\n loadingCarr: false,\r\n optionAutocompleteCarr: [],\r\n valueAutoCompleteCarr: null,\r\n openModalConfirm: false,\r\n expandedGroups: [],\r\n expandedGroupsEqv: [],\r\n selection: [],\r\n id_eqv_selected: null,\r\n loadingConfirmEqv: false,\r\n heightTableEqv: 0,\r\n rowsEqv: [],\r\n del_Id_curso_ext: null,\r\n processingApl: false,\r\n };\r\n this.botones_aplicar = [\r\n {icono: 'Check', toolt: '', nombre: 'Aplicar', onclick: this.handleOK, display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleClose, display:'auto', color: 'red'},\r\n ];\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.fecha_reg_tmp = null;\r\n this.cuenta= null;\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\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\nonChangeAutocomplete = (event, value) =>{\r\n \r\n this.setState({ valueAutoComplete: value, \r\n openAutoComplete: false, \r\n valueAutoCompleteUniv: null, \r\n optionAutocompleteUniv: [], \r\n valueAutoCompleteCarr: null,\r\n optionAutocompleteCarr: [],\r\n rows: [], \r\n selection: [],\r\n expandedGroups: [] }, ()=>{\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\nfiltersClientes = (value)=>{ \r\n \r\n new Request\r\n .get(`${globales.ip}/apl_eqv/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\nhandleChangeCuenta = (event) => {\r\n \r\n if (this.state.loadingMain)\r\n { \r\n return;\r\n }\r\n \r\n this.cuenta = this.state.valueAutoComplete.CUENTA_ALUMNO;\r\n this.setState({ loadingUniv: true }, ()=>{ \r\n this.obtener_universidades(this.cuenta);\r\n }); \r\n \r\n}\r\n\r\nobtener_universidades = (cuenta)=>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/apl_eqv/universidades/${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({ loadingUniv: 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 this.setState({ optionAutocompleteUniv: rows, loadingUniv: false });\r\n }\r\n else\r\n {\r\n this.setState({ optionAutocompleteUniv: [], loadingUniv: false });\r\n } \r\n \r\n });\r\n\r\n}\r\n\r\nonChangeAutocompleteUniv = (event, value)=>{\r\n\r\nthis.setState({ valueAutoCompleteUniv: value, \r\n valueAutoCompleteCarr: null,\r\n optionAutocompleteCarr: [],\r\n rows: [],\r\n selection: [],\r\n expandedGroups: [] }, ()=>{\r\n\r\n if (value === null)\r\n {\r\n return;\r\n }\r\n\r\n this.setState({ loadingCarr: true }, ()=>{\r\n this.obtener_carreras(value.ID_UNIVERSIDAD, this.cuenta);\r\n });\r\n\r\n});\r\n\r\n}\r\n\r\nobtener_carreras = (id_universidad, cuenta)=>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/apl_eqv/carreras/${id_universidad}/${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({ loadingCarr: 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 this.setState({ optionAutocompleteCarr: rows, loadingCarr: false });\r\n }\r\n else \r\n {\r\n this.setState({ optionAutocompleteCarr: [], loadingCarr: false });\r\n } \r\n \r\n});\r\n\r\n}\r\n\r\nonChangeAutocompleteCarr = (event, value)=>{\r\n\r\nthis.setState({ valueAutoCompleteCarr: value, \r\n rows: [], \r\n selection: [],\r\n expandedGroups: [] }, ()=>{\r\n\r\n if (value === null)\r\n {\r\n return;\r\n }\r\n\r\n this.setState({ loadingMain: true }, ()=>{\r\n this.obtener_listado(this.state.valueAutoCompleteUniv.ID_UNIVERSIDAD, value.ID_CARRERA, this.cuenta);\r\n });\r\n \r\n});\r\n\r\n\r\n}\r\n\r\nonRefresh = ()=>{\r\n \r\nthis.setState({ loadingClientes: true }, ()=>{ \r\n this.filtersClientes('-');\r\n});\r\n \r\n}\r\n\r\nobtener_listado = (id_universidad, id_carrera, cuenta)=>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/apl_eqv/listado/${id_universidad}/${id_carrera}/${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({ 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 let expandedGroups = [];\r\n\r\n rows.map((item)=>{\r\n if (!expandedGroups.find(x => x === item.NIVEL)){\r\n expandedGroups.push(item.NIVEL);\r\n }\r\n return item;\r\n })\r\n \r\n this.setState({ rows: rows, expandedGroups, loadingMain: false }, ()=>{\r\n const cant_apl= rows.filter(x => Boolean(x.HISTORIAL) && Boolean(x.APL)).length;\r\n this.refreshCantApl(\"=\", cant_apl);\r\n });\r\n }\r\n else \r\n this.setState({ rows: [], expandedGroups: [], loadingMain: false }, ()=>{\r\n this.refreshCantApl(\"=\", 0);\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\n\r\nchangeExpandedGroupsEqv = expandedGroupsEqv => {\r\n this.setState({ expandedGroupsEqv });\r\n}\r\n\r\ncheckCursoHijo = (id_curso_hijo)=>{\r\n\r\nlet found_id_curso_hijo = false;\r\n\r\nthis.state.selection.map((item)=>{ \r\n if (this.state.rows.find(x => x.ID_EQUIVALENCIA === item).ID_CURSO_HIJO === id_curso_hijo){\r\n found_id_curso_hijo = true;\r\n }\r\n\r\n return item;\r\n});\r\n\r\nreturn found_id_curso_hijo;\r\n\r\n}\r\n\r\nsameChecking = (id_curso_externo, actionCheck, selection, idChecking)=>{\r\n\r\n this.state.rows.map((item)=>{ \r\n if (item.ID_EQUIVALENCIA !== idChecking && item.ID_CURSO_EXTERNO === id_curso_externo){\r\n if (actionCheck === 1)\r\n {\r\n if (item.APL === 0 && item.HISTORIAL === 0 && !this.checkCursoHijo(item.ID_CURSO_HIJO))\r\n selection.push(item.ID_EQUIVALENCIA);\r\n }\r\n else {\r\n selection = selection.filter(x => x !== item.ID_EQUIVALENCIA);\r\n }\r\n }\r\n return item;\r\n });\r\n\r\nreturn selection;\r\n\r\n}\r\n\r\nchangeSelection = (selection) =>\r\n{ \r\n\r\n let idRow = funciones.getIdRowChecking(selection, this.state.selection); \r\n let actionCheck = selection.length > this.state.selection.length ? 1 : 0;\r\n const rowChecked = this.state.rows.find(x => x.ID_EQUIVALENCIA === idRow);\r\n \r\n if (this.checkCursoHijo(rowChecked.ID_CURSO_HIJO) && actionCheck === 1){\r\n funciones.showToast('w', 'Ya se seleccionó una equivalencia para este curso');\r\n return;\r\n }\r\n\r\n selection = this.sameChecking(rowChecked.ID_CURSO_EXTERNO, actionCheck, selection, idRow);\r\n\r\n this.setState({ selection });\r\n}\r\n\r\nhandleDelete = (id_equivalencia) => (event) =>{\r\n\r\nthis.setState({ id_eqv_selected: id_equivalencia, openModalConfirm: true });\r\n\r\n}\r\n\r\nhandleRemove = (id_eqv_aplicada)=>(event)=> {\r\n\r\nlet rowCheckedEqv = this.state.rowsEqv.find(x => x.ID_EQV_APLICADA === id_eqv_aplicada);\r\nlet rowsEqv = this.state.rowsEqv.filter(x => x.ID_EQV_APLICADA !== id_eqv_aplicada);\r\nrowsEqv = this.state.rowsEqv.filter(x => x.ID_CURSO_EXTERNO !== rowCheckedEqv.ID_CURSO_EXTERNO);\r\n\r\nthis.setState({ rowsEqv }, ()=>{\r\n \r\n let id_equivalencia = rowCheckedEqv.ID_EQUIVALENCIA;\r\n let rowChecked = this.state.rows.find(x => x.ID_EQUIVALENCIA === id_equivalencia);\r\n let selection = this.state.selection.filter(x => x !== id_equivalencia);\r\n selection = this.sameChecking(rowChecked.ID_CURSO_EXTERNO, 0, selection, id_equivalencia);\r\n this.setState({ selection });\r\n\r\n});\r\n\r\n}\r\n\r\nhandleCloseConfirm = ()=>{\r\n this.setState({ openModalConfirm: false });\r\n}\r\n\r\nhandleConfirm = ()=>{\r\n this.setState({ processingApl: false, del_Id_curso_ext: null, openModal: true });\r\n}\r\n\r\nhandleClose = ()=>{\r\n this.setState({ openModal: false }, ()=>{\r\n if (this.state.processingApl){\r\n\r\n this.setState({ selection: [], rows: [], loadingMain: true }, ()=>{\r\n this.obtener_listado(this.state.valueAutoCompleteUniv.ID_UNIVERSIDAD, \r\n this.state.valueAutoCompleteCarr.ID_CARRERA, \r\n this.cuenta); \r\n });\r\n\r\n return; \r\n }\r\n \r\n this.eliminar_eqv_tmp();\r\n });\r\n}\r\n\r\nonEntering = ()=>{ \r\n\r\nthis.fecha_reg_tmp = null;\r\nthis.setState({ heightTableEqv: funciones.getHeightTableDialog(movil, this.tableEqvRef, this.dialogActionsRef, !movil ? 7 : 5), loadingConfirmEqv: true }, ()=>{ \r\n\r\nlet strEqv = \"\";\r\n\r\nthis.state.selection.map((item, index)=> {\r\n if (index + 1 < this.state.selection.length){\r\n strEqv = strEqv + item + \"z\";\r\n }\r\n if (index + 1 === this.state.selection.length){\r\n strEqv = strEqv + item;\r\n \r\n new Request\r\n .post(`${globales.ip}/apl_eqv/equivalencias_tmp`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ cuenta_alumno: this.cuenta, \r\n str_eqv: strEqv, \r\n ad_usuario: tokenInfo.user })\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({ rowsEqv: [], loadingConfirmEqv: 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[0].RESP === undefined)\r\n { \r\n \r\n let expandedGroupsEqv = [];\r\n this.state.rows.map((item)=>{\r\n if (!expandedGroupsEqv.find(x => x === item.NIVEL)){\r\n expandedGroupsEqv.push(item.NIVEL);\r\n }\r\n return item;\r\n });\r\n\r\n this.fecha_reg_tmp = rows[0].FECHA_REG_TMP;\r\n\r\n if (!rows.find(x => x.OPTATIVA)){\r\n this.setState({ rowsEqv: rows, expandedGroupsEqv, loadingConfirmEqv: false });\r\n return;\r\n }\r\n \r\n new Request\r\n .get(`${globales.ip}/apl_eqv/electivas/${this.cuenta}/${this.fecha_reg_tmp}/${tokenInfo.user}`)\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({ rowsEqv: [], loadingConfirmEqv: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión'); \r\n });\r\n \r\n return;\r\n }\r\n \r\n const rowsElectivas = JSON.parse(res.text);\r\n \r\n rows.map((item)=>{\r\n if (item.OPTATIVA){\r\n item.OPCIONES_ETIQUETA = rowsElectivas.filter(x => x.ID_EQV_APLICADA === item.ID_EQV_APLICADA);\r\n }\r\n return item;\r\n });\r\n\r\n this.setState({ rowsEqv: rows, expandedGroupsEqv, loadingConfirmEqv: false }); \r\n \r\n });\r\n\r\n }\r\n else {\r\n\r\n this.setState({ rowsEqv: [], loadingConfirmEqv: 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 return item;\r\n});\r\n\r\n});\r\n\r\n}\r\n\r\ncommitChanges = ({ changed }) => { \r\n\r\n let data = Object.entries(changed);\r\n let id_eqv_apl = parseInt(data[0]); \r\n let newValue = data[0][1] !== undefined ? Object.values(data[0][1])[0] : undefined;\r\n\r\n if (newValue === undefined){\r\n return;\r\n }\r\n\r\n if (this.state.rowsEqv.find(x => x.ID_DETALLE_PLAN_ETIQUETA === newValue && x.ID_EQV_APLICADA !== id_eqv_apl)){\r\n funciones.showToast('w', 'La electiva ya está en uso');\r\n return;\r\n }\r\n\r\n const newRows = this.state.rowsEqv.map((item)=>{ \r\n if (item.ID_EQV_APLICADA === id_eqv_apl){\r\n item.ID_DETALLE_PLAN_ETIQUETA = newValue !== \"\" ? newValue : null;\r\n item.ETIQUETA = newValue !== \"\" ? item.OPCIONES_ETIQUETA.find(x => x.ID_DETALLE_PLAN === newValue).DESCRIPCION_CURSO : null;\r\n }\r\n return item;\r\n });\r\n\r\n this.setState({ rowsEqv: newRows });\r\n \r\n}\r\n\r\neliminar_eqv_tmp = ()=>{\r\n\r\nnew Request\r\n.post(`${globales.ip}/apl_eqv/remove_temporales`)\r\n.set({'authorization': 'Bearer ' + Auth.getToken() })\r\n.set('Content-Type', 'application/json')\r\n.send({ cuenta_alumno: this.cuenta, \r\n fecha_reg_tmp: this.fecha_reg_tmp, \r\n ad_usuario: tokenInfo.user })\r\n.retry(0)\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 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 if (rows[0].RESP !== 'OK')\r\n funciones.showToast('w', rows[0].RESP);\r\n }\r\n \r\n});\r\n\r\n\r\n}\r\n\r\nhandleOK = ()=>{\r\n\r\nif (this.state.rowsEqv.length === 0){\r\n funciones.showToast('w', 'No hay equivalencias para aplicar');\r\n return;\r\n}\r\n\r\nif (this.state.rowsEqv.find(x => x.OPTATIVA && x.ID_DETALLE_PLAN_ETIQUETA === null)){\r\n funciones.showToast('w', 'Debe especificar la etiqueta de todas las optativas');\r\n return;\r\n}\r\n\r\nthis.setState({ processingApl: true, loadingConfirmEqv: true }, ()=>{ \r\n\r\nlet strEqv = \"\";\r\n\r\nthis.state.rowsEqv.map((item, index)=>{\r\n if (index + 1 < this.state.rowsEqv.length){\r\n strEqv = strEqv + item.ID_EQV_APLICADA + \"x\" + (item.ID_DETALLE_PLAN_ETIQUETA === null ? 0 : item.ID_DETALLE_PLAN_ETIQUETA) + \"y\";\r\n }\r\n if (index + 1 === this.state.rowsEqv.length){\r\n strEqv = strEqv + item.ID_EQV_APLICADA + \"x\" + (item.ID_DETALLE_PLAN_ETIQUETA === null ? 0 : item.ID_DETALLE_PLAN_ETIQUETA);\r\n \r\n new Request\r\n .post(`${globales.ip}/apl_eqv/aplicar`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ cuenta_alumno: this.cuenta, \r\n str_eqv: strEqv, \r\n fecha_reg_tmp: this.fecha_reg_tmp,\r\n ad_usuario: tokenInfo.user })\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({ rowsEqv: [], loadingConfirmEqv: 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[0].ERROR !== undefined)\r\n { \r\n this.setState({ rowsEqv: [], loadingConfirmEqv: false }, ()=>{\r\n funciones.showToast('w', rows[0].ERROR);\r\n return;\r\n });\r\n } \r\n\r\n let newRows = this.state.rowsEqv.map((item)=>{\r\n rows.map((_item)=>{ \r\n if (_item.ID_EQV_APLICADA === item.ID_EQV_APLICADA){\r\n item.INFO_APL = _item.INFO_APL;\r\n }\r\n return _item;\r\n });\r\n return item;\r\n });\r\n\r\n this.setState({ rowsEqv: newRows, loadingConfirmEqv: false }, ()=>{ console.log(rows);\r\n const sucessCount = rows.filter(x => x.INFO_APL === 'OK').length;\r\n this.refreshCantApl(\"+\", sucessCount);\r\n if (rows.find(x => x.INFO_APL !== 'OK')){ \r\n funciones.showToast('w', \"Se aplicaron \" + sucessCount + \" de \" + rows.length + \" equivalencias seleccionadas\");\r\n return;\r\n }\r\n funciones.showToast('s', \"Se aplicaron todas las equivalencias seleccionadas\");\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\nonMouseEvent = (del_Id_curso_ext) => (event) =>{\r\n \r\n if (del_Id_curso_ext !== this.state.del_Id_curso_ext)\r\n this.setState({ del_Id_curso_ext }); \r\n \r\n \r\n}\r\n\r\nhandleOKDelete = ()=>{\r\n\r\nthis.setState({ openBackDrop: true, openModalConfirm: false }, ()=>{\r\n\r\n const id_equivalencia = this.state.id_eqv_selected;\r\n\r\n new Request\r\n .post(`${globales.ip}/apl_eqv/remove`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ id_equivalencia: id_equivalencia, \r\n cuenta_alumno: this.cuenta,\r\n ad_usuario: tokenInfo.user })\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({ 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 === undefined)\r\n { \r\n this.setState({ rows: rows, openBackDrop: false }, ()=> { \r\n funciones.showToast('s', 'Se ha eliminado la equivalencia'); \r\n this.refreshCantApl(\"-\");\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\nrefreshCantApl = (operation, newCant)=>{\r\n\r\nlet newOptionsUniv = this.state.optionAutocompleteUniv.map((item)=>{\r\n if (item.ID_UNIVERSIDAD === this.state.valueAutoCompleteUniv.ID_UNIVERSIDAD){\r\n item.CANTIDAD_APL = operation === \"+\" ? item.CANTIDAD_APL + newCant\r\n : operation === \"=\" ? newCant \r\n : item.CANTIDAD_APL - 1;\r\n }\r\n return item;\r\n});\r\n\r\nlet newOptionsCarr = this.state.optionAutocompleteCarr.map((item)=>{\r\n if (item.ID_CARRERA === this.state.valueAutoCompleteCarr.ID_CARRERA){\r\n item.CANTIDAD_APL = operation === \"+\" ? item.CANTIDAD_APL + newCant \r\n : operation === \"=\" ? newCant\r\n : item.CANTIDAD_APL - 1; \r\n }\r\n return item;\r\n});\r\n\r\nthis.setState({ optionAutocompleteUniv: newOptionsUniv, \r\n optionAutocompleteCarr: newOptionsCarr });\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 else if (tokenInfo.plataforma === 2) //Usuario estudiante\r\n {\r\n \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_Apl_Eqv').focus();\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 : \r\n this.state.valueAutoComplete === null ?\r\n \r\n \r\n \r\n \r\n \r\n : null\r\n }\r\n {params.InputProps.endAdornment}\r\n \r\n ),\r\n }}\r\n fullWidth\r\n />}\r\n renderOption={RenderOptionEst} \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 b.CANTIDAD_APL - a.CANTIDAD_APL)}\r\n getOptionLabel={(option) => option.DESCRIPCION}\r\n style={{ width: movil ? '100%' : '430px' }}\r\n renderInput={(params) => \r\n {this.state.loadingUniv ? : 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.onChangeAutocompleteUniv} \r\n loading = {this.state.loadingUniv}\r\n value={this.state.valueAutoCompleteUniv}\r\n\t\t\t\t className={classes.textFieldUniv} \r\n filterOptions={filterOptions}\r\n PaperComponent={(props)=>()} \r\n /> \r\n b.CANTIDAD_APL - a.CANTIDAD_APL)}\r\n getOptionLabel={(option) => option.DESCRIPCION}\r\n style={{ width: movil ? '100%' : '430px' }}\r\n renderInput={(params) => \r\n {this.state.loadingCarr ? : 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.onChangeAutocompleteCarr} \r\n loading = {this.state.loadingCarr}\r\n value={this.state.valueAutoCompleteCarr}\r\n\t\t\t\t className={classes.textFieldCarr} \r\n filterOptions={filterOptions}\r\n PaperComponent={(props)=>()} \r\n /> \r\n \r\n \r\n
\r\n