{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\ntablaOfertaRef = React.createRef();\r\ndialogActionRef = React.createRef();\r\nvtRef = 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 expandedGroups: [],\r\n expandedRowIds: [],\r\n openBackDropInvisible: false,\r\n optionAutocomplete: [],\r\n loadingClientes: true,\r\n valueAutoComplete: null,\r\n openAutoComplete: false,\r\n openModal: false,\r\n openModalConfirmation: false,\r\n openModalCo: false,\r\n selection: [],\r\n heightTableOferta: 0,\r\n heightTableOfertaCo: 0,\r\n rowsOferta: [],\r\n loadingOferta: false,\r\n expandedGroupsOferta: [],\r\n selectionOferta: [],\r\n expandedRowIdsOferta: [],\r\n loadingCheck: false,\r\n rowsCo: [],\r\n selectionCo: [],\r\n loadingOfertaCo: false,\r\n openModalCambio: false,\r\n rowsCambio: [],\r\n loadingCheckSecondary: false,\r\n totaldiferencia:0,\r\n nota:\"Para que el cambio tenga efecto debe pagar la factura en Financiero.\",\r\n };\r\n this.cuenta= null;\r\n this.reducerRows = createStore(reducer, { rowsOferta: [] });\r\n this.unsubscribeRows = this.reducerRows.subscribe(() => {\r\n this.setState({ rowsOferta: this.reducerRows.getState().rowsOferta });\r\n });\r\n this.reducerRowsNew = createStore(reducer, { rows: [] });\r\n this.unsubscribeRowsNew = this.reducerRowsNew.subscribe(() => {\r\n this.setState({ rows: this.reducerRowsNew.getState().rows });\r\n });\r\n this.electivasOpens=[];\r\n this.botones = [\r\n {icono: 'Add', toolt: 'Agregar curso', nombre: 'Agregar' ,escritura:true, onclick: this.addEvent, display: 'auto'},\r\n {icono: 'Edit', toolt: 'Modificar curso', nombre: 'Modificar' ,escritura:true, onclick: this.editEvent, display:'auto'},\r\n {icono: 'Delete', toolt: 'Eliminar curso', nombre: 'Eliminar' ,escritura:true, onclick: this.deleteEvent, color: colores.naranja, display: 'auto'}, \r\n ];\r\n this.botones_eliminar =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.handleOk , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseConfirmation, display:'auto', color: 'red'},\r\n ];\r\n this.botones_opciones_cambios =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.handleCSCOk , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseConfirmation, display:'auto', color: 'red'},\r\n ];\r\n this.botones_cambio =[\r\n {icono: 'Check', toolt: '', nombre: 'Cambiar', onclick: this.handleCambioOk , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseCambio, display:'auto', color: 'red'},\r\n ];\r\n this.id_seccion_cliente = null;\r\n this.rowsCambioTmp=[];\r\n this.baseHibridaTmp=null;\r\n this.selectionNewTmp=[];\r\n this.selectionOldTmp=[];\r\n this.coHibridaTmp=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\nplanes = []; \r\nthis.setState({ valueAutoComplete: value, \r\n openAutoComplete: false, \r\n rows: [], \r\n selection: [],\r\n expandedGroups: [],\r\n expandedRowIds: [] }, ()=>{\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}/cambios/estudiantes/${value}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(0)\r\n .timeout({ response: 30000, deadline: 40000, }) \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\nonRefresh = ()=>{\r\n \r\n this.setState({ loadingClientes: true }, ()=>{ \r\n this.filtersClientes('-');\r\n });\r\n \r\n}\r\n\r\nobtener_planes = ()=>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/cambios/planes/${this.cuenta}/${tokenInfo.plataforma}`)\r\n.set({'authorization': 'Bearer ' + Auth.getToken() })\r\n.retry(1)\r\n.timeout({ response: 30000, deadline: 40000, }) \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 \r\n funciones.showToast('e', 'No hay conexión');\r\n \r\n return;\r\n }\r\n \r\n planes = JSON.parse(res.text).filter(x => x.ESTADO.trim() === 'ACTIVO'); \r\n\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({ loadingMain: true }, ()=>{ \r\n \r\n this.obtener_planes();\r\n \r\n new Request\r\n .get(`${globales.ip}/cambios/oferta/${this.cuenta}/${tokenInfo.user}/${tokenInfo.sucursal}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 50000, 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({ 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 foundGroup;\r\n let selection = [];\r\n\r\n rows.map((item)=>{\r\n foundGroup = allGroups.find(x => x === item.DESCRIPCION_NIVEL);\r\n if (foundGroup === undefined){\r\n allGroups.push(item.DESCRIPCION_NIVEL);\r\n }else {\r\n foundGroup = undefined;\r\n }\r\n\r\n if (item.CHECKED){\r\n selection.push(item.ID_SECCION_CLIENTE);\r\n }\r\n\r\n return item;\r\n }); \r\n\r\n this.setState({ rows: this.formatRowsMain(rows), \r\n selection,\r\n expandedGroups: allGroups, \r\n loadingMain: false }); \r\n \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\nchangeExpandedGroupsOferta = expandedGroupsOferta =>\r\n{\r\n this.setState({ expandedGroupsOferta }); \r\n}\r\n\r\nchangeSelection = selection => {\r\n \r\n this.id_seccion_cliente = funciones.getIdRowChecking(selection, this.state.selection); \r\n this.rowsCambioTmp=[];\r\n const rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente);\r\n const markAction = selection.length > this.state.selection.length ? true : false;\r\n \r\n if (!markAction){\r\n this.setState({ confirmationTitle: \"Reversar cambio\",\r\n confirmationText: \"¿Desea reversar el cambio?\",\r\n openModalConfirmation: true });\r\n return;\r\n }\r\n\r\n this.setState({ rowsOferta: [],\r\n expandedGroupsOferta: [],\r\n selectionOferta: [],\r\n expandedRowIdsOferta: [],\r\n rowsCo: [],\r\n selectionCo: [] }, ()=>{\r\n \r\n if (rowChecked.ES_CORREQUISITO){\r\n this.setState({ loadingOfertaCo: true, openModalCo: true }, ()=>{\r\n this.obtener_oferta_co(this.cuenta, rowChecked.ID_DETALLE_PLAN_BASE);\r\n });\r\n return;\r\n }\r\n\r\n this.setState({ loadingOferta: true, openModal: true }, ()=>{ \r\n this.electivasOpens=[];\r\n this.obtener_oferta(this.cuenta);\r\n });\r\n\r\n });\r\n}\r\n\r\ngetInfoRowChecked=(id_seccion)=>{\r\n\r\n var row=[];\r\n\r\n this.state.rowsOferta.map((item)=>{\r\n\r\n if (item.TREE !== null)\r\n {\r\n item.TREE.map((_item)=>{\r\n \r\n if (_item.TREE !== null){\r\n _item.TREE.map((__item)=>{\r\n if (String(__item.ID_SECCION) === id_seccion){ \r\n row=__item;\r\n }\r\n return __item;\r\n });\r\n }\r\n \r\n if (String(_item.ID_SECCION) === id_seccion)\r\n { \r\n row=_item;\r\n }\r\n \r\n return _item;\r\n });\r\n }\r\n \r\n return item;\r\n });\r\n\r\n return row;\r\n\r\n}\r\n\r\nchangeSelectionOferta = (selectionOferta) => {\r\n \r\n checkId = funciones.getIdRowChecking(selectionOferta, this.state.selectionOferta); \r\n const rowChecked = this.getInfoRowChecked(checkId);\r\n const rowCheckedOrigen = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente);\r\n \r\n if (rowChecked.CORREQUISITOS === 1 && rowChecked.CODIGO_CURSO !== rowCheckedOrigen.CODIGO_CURSO)\r\n { \r\n this.selectionNewTmp = selectionOferta;\r\n this.selectionOldTmp = this.state.selectionOferta;\r\n this.setState({ loadingOfertaCo: true, rowsCo: [], openModalCo: true }, ()=>{\r\n this.obtener_oferta_co(this.cuenta, rowChecked.ID_DETALLE_PLAN); \r\n });\r\n return;\r\n }\r\n\r\n this.setState({ loadingCheck: true }, ()=>{\r\n\r\n const id_seccion_destino = parseInt(String(rowChecked.ID_SECCION).split(\"-\")[0]);\r\n const id_detalle_plan = String(rowChecked.ID_SECCION).split(\"-\")[1] !== undefined ? parseInt(String(rowChecked.ID_SECCION).split(\"-\")[1]) : 'null';\r\n \r\n this.gestion_cambio(rowCheckedOrigen.ID_PLAN, \r\n rowCheckedOrigen.ID_SECCION, \r\n rowCheckedOrigen.ES_CORREQUISITO,\r\n rowCheckedOrigen.TIENE_CORREQUISITOS,\r\n rowCheckedOrigen.HIBRIDA,\r\n parseFloat(rowCheckedOrigen.VALOR).toFixed(2),\r\n rowChecked.ID_PLAN, \r\n id_seccion_destino, \r\n 'null', //id_seccion_co_nueva\r\n 0, //es_co_nueva\r\n 0, //tiene_co_nueva\r\n this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp, \r\n this.baseHibridaTmp === 1 ? parseFloat(rowChecked.VALOR_MODALIDAD).toFixed(2): parseFloat(rowChecked.VALOR).toFixed(2), \r\n 0, //hibrida_co_nueva\r\n id_detalle_plan, \r\n 3)\r\n .then((res)=>{\r\n \r\n if (res === null){\r\n this.resetValuesSeccionHibrida();\r\n return; \r\n } \r\n\r\n if (res[0].RESP === 'OK')\r\n { \r\n this.handleClose(); \r\n this.setState({ loadingCheck: false, \r\n rowsCambio: this.rowsCambio(rowCheckedOrigen.ID_PLAN,\r\n rowCheckedOrigen.ID_SECCION,\r\n rowCheckedOrigen.ES_CORREQUISITO,\r\n rowCheckedOrigen.TIENE_CORREQUISITOS,\r\n rowCheckedOrigen.HIBRIDA,\r\n rowCheckedOrigen.VALOR,\r\n rowChecked.ID_PLAN,\r\n id_seccion_destino,\r\n 'null',\r\n 0,\r\n 0,\r\n this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp,\r\n this.baseHibridaTmp === 1 ? rowChecked.VALOR_MODALIDAD : rowChecked.VALOR,\r\n 0,\r\n id_detalle_plan,\r\n rowCheckedOrigen.DESCRIPCION_CURSO,\r\n rowChecked.DESCRIPCION_CURSO,\r\n res[0].CARGO_PAGAR,\r\n res[0].MONTO_PAGAR), \r\n openModalCambio: true }, ()=> { \r\n \r\n this.resetValuesSeccionHibrida(); }); \r\n\r\n }\r\n else\r\n {\r\n this.setState({ loadingCheck: false }, ()=> { \r\n this.setValuesRow(checkId, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD);\r\n funciones.showToast('w', res[0].RESP); \r\n this.resetValuesSeccionHibrida();\r\n }); \r\n\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n\r\n}\r\n\r\nchangeSelectionCo = selectionCo => {\r\n\r\n checkIdCo = funciones.getIdRowChecking(selectionCo, this.state.selectionCo);\r\n\r\n const rowCheckedOrigen = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente);\r\n const rowChecked = rowCheckedOrigen.ES_CORREQUISITO ? null : this.getInfoRowChecked(checkId);\r\n const rowCoChecked = this.state.rowsCo.find(x => x.ID_SECCION === parseInt(checkIdCo));\r\n \r\n let seccionBase = rowChecked !== null ? String(rowChecked.ID_SECCION).split(\"-\") : null; \r\n \r\n this.setState({ loadingCheck: true }, ()=>{ \r\n \r\n const id_seccion_destino = seccionBase !== null ? seccionBase[0] : rowCoChecked.ID_SECCION;\r\n const id_detalle_plan = seccionBase !== null && seccionBase[1] !== undefined ? seccionBase[1] : 'null';\r\n const id_plan_origen = rowCheckedOrigen.ID_PLAN;\r\n const id_seccion_origen = rowCheckedOrigen.ID_SECCION;\r\n const es_correquisito = rowCheckedOrigen.ES_CORREQUISITO;\r\n const tiene_correquisitos = rowCheckedOrigen.TIENE_CORREQUISITOS;\r\n const hibrida = rowCheckedOrigen.HIBRIDA;\r\n const id_plan_nueva = rowChecked !== null ? rowChecked.ID_PLAN : rowCheckedOrigen.ID_PLAN;\r\n const id_seccion_co_nueva = rowChecked !== null ? rowCoChecked.ID_SECCION : 'null';\r\n const es_co_nueva = rowChecked !== null ? 0 : 1;\r\n const tiene_co_nueva = rowChecked !== null ? 1 : 0;\r\n const hibrida_nueva = rowChecked !== null ? (this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp) : (this.coHibridaTmp === null ? 0 : this.coHibridaTmp);\r\n const precio_nuevo = rowChecked !== null ? (this.baseHibridaTmp === 1 ? parseFloat(rowChecked.VALOR_MODALIDAD).toFixed(2): parseFloat(rowChecked.VALOR).toFixed(2)) : \"0.00\";\r\n const hibrida_co_nueva = rowChecked !== null ? (this.coHibridaTmp === null ? 0 : this.coHibridaTmp) : 0;\r\n\r\n this.gestion_cambio(id_plan_origen, \r\n id_seccion_origen, \r\n es_correquisito,\r\n tiene_correquisitos,\r\n hibrida,\r\n parseFloat(rowCheckedOrigen.VALOR).toFixed(2),\r\n id_plan_nueva, \r\n id_seccion_destino, \r\n id_seccion_co_nueva, \r\n es_co_nueva, \r\n tiene_co_nueva, \r\n hibrida_nueva, \r\n precio_nuevo, \r\n hibrida_co_nueva, \r\n id_detalle_plan, \r\n 3)\r\n .then((res)=>{\r\n\r\n if (res === null){\r\n this.resetValuesSeccionHibridaCo();\r\n return; \r\n } \r\n \r\n if (res[0].RESP === 'OK' && res[0].RESP_CORREQUISITO === 'OK')\r\n {\r\n this.handleCloseCo(); \r\n this.handleClose(); \r\n this.setState({ loadingCheck: false, \r\n rowsCambio: this.rowsCambio(id_plan_origen,\r\n id_seccion_origen,\r\n es_correquisito,\r\n tiene_correquisitos,\r\n hibrida,\r\n rowCheckedOrigen.VALOR,\r\n id_plan_nueva,\r\n id_seccion_destino,\r\n id_seccion_co_nueva,\r\n es_co_nueva,\r\n tiene_co_nueva,\r\n hibrida_nueva,\r\n parseFloat(precio_nuevo),\r\n hibrida_co_nueva,\r\n id_detalle_plan,\r\n rowCheckedOrigen.DESCRIPCION_CURSO,\r\n rowChecked !== null ? rowChecked.DESCRIPCION_CURSO : rowCoChecked.DESCRIPCION_CURSO,\r\n res[0].CARGO_PAGAR,\r\n res[0].MONTO_PAGAR), \r\n openModalCambio: true }, ()=> { \r\n \r\n this.resetValuesSeccionHibrida();\r\n this.resetValuesSeccionHibridaCo();\r\n }); \r\n\r\n }\r\n else\r\n {\r\n this.setState({ loadingCheck: false }, ()=> { \r\n this.setValuesRow(checkId, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD);\r\n this.setCheckedRowCo(checkIdCo, res[0].DISPONIBLE_CORREQUISITO, res[0].DISPONIBLE_MODALIDAD_CORREQUISITO); \r\n this.resetValuesSeccionHibridaCo(); \r\n\r\n if (res[0].RESP !== 'OK')\r\n return funciones.showToast('w', res[0].RESP + \" (Curso base)\");\r\n \r\n funciones.showToast('w', res[0].RESP_CORREQUISITO + \" (Correquisito)\");\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\nhandleClose = ()=>{\r\n this.setState({ openModal: false });\r\n}\r\n\r\nhandleCloseCo = ()=>{\r\n checkIdCo = undefined;\r\n this.selectionNewTmp= [];\r\n this.selectionOldTmp= [];\r\n this.resetValuesSeccionHibrida();\r\n this.setState({ openModalCo: false });\r\n}\r\n\r\nonEntering = ()=>{\r\n this.setState({ heightTableOferta: funciones.getHeightTableDialog(movil, this.tablaOfertaRef, this.dialogActionRef, 2) });\r\n}\r\n\r\nonEnteringCo = ()=>{\r\n this.setState({ heightTableOfertaCo: funciones.getHeightTableDialog(movil, this.tablaOfertaRef, this.dialogActionRef, 2) });\r\n}\r\n\r\nobtener_oferta = (cuenta)=>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/cambios/matricula/${cuenta}/${tokenInfo.user}/${tokenInfo.sucursal}`)\r\n.set({'authorization': 'Bearer ' + Auth.getToken() })\r\n.retry(1)\r\n.timeout({ response: 50000, 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({ loadingOferta: 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 const infoTable = this.formatRows(rows); \r\n this.setState({ rowsOferta: infoTable.rows, \r\n expandedGroupsOferta: infoTable.expandedGroup, \r\n selectionOferta: infoTable.selection, \r\n loadingOferta: false });\r\n\r\n }\r\n else \r\n {\r\n this.setState({ loadingOferta: false });\r\n } \r\n \r\n});\r\n\r\n\r\n}\r\n\r\nobtener_oferta_co = (cuenta, id_detalle_plan) =>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/cambios/correquisito/${cuenta}/${id_detalle_plan}`)\r\n.set({'authorization': 'Bearer ' + Auth.getToken() })\r\n.retry(1)\r\n.timeout({ response: 40000, deadline: 50000, }) \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({ loadingOfertaCo: 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 this.setState({ rowsCo: rows.filter(x => !x.CHECKED || x.ID_ESTADO_MODALIDAD === 2),\r\n loadingOfertaCo: false });\r\n\r\n }\r\n else \r\n {\r\n this.setState({ loadingOfertaCo: false });\r\n } \r\n \r\n});\r\n\r\n}\r\n\r\nformatRows = (rows)=>{\r\n\r\n const rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente); \r\n let _rows = rows.filter(x => (x.CHECKED === 0) || \r\n (x.CODIGO_CURSO === rowChecked.CODIGO_CURSO && (x.ID_SECCION !== rowChecked.ID_SECCION || x.ID_ESTADO_MODALIDAD === 2)) ||\r\n (x.ID_SECCION === rowChecked.ID_DETALLE_PLAN_OPTATIVA)); \r\n\r\n let parentRows = _rows.filter(x => (x.HDR === 1 || x.OPTATIVA === 1));\r\n \r\n parentRows.map((item, index)=>{\r\n \r\n item.TREE = item.OPTATIVA === 1 ? \r\n [{ ROOT_TREE: \"...\",\r\n ID_SECCION: index * -1, \r\n CODIGO_CURSO: null, \r\n DESCRIPCION_CURSO: null, \r\n CREDITOS: null, \r\n DIAS: null, \r\n INICIO: null, \r\n FIN: null,\r\n AULA: null, \r\n NUMERO_SECCION: null, \r\n PERIODO: item.PERIODO, \r\n DISPONIBLE: null, \r\n ID_PLAN: item.ID_PLAN, \r\n ESTATUS_FINANCIERO: null, \r\n NOMBRE_COMPLETO: null, \r\n GRUPO: null,\r\n OPTATIVA: 0, \r\n CHECKED: item.CHECKED,\r\n TREE: null,\r\n HDR: 1 }] :\r\n _rows.filter(x => x.CODIGO_CURSO === item.CODIGO_CURSO && x.HDR === 0);\r\n \r\n return item;\r\n \r\n });\r\n \r\n let allGroups = [];\r\n let foundPlan;\r\n let foundPeriodo;\r\n let selection = [];\r\n \r\n _rows.map((item, index)=>{\r\n \r\n foundPlan = allGroups.find(x => x === item.ID_PLAN.toString());\r\n if (foundPlan === undefined){\r\n allGroups.push(item.ID_PLAN.toString());\r\n }else {\r\n foundPlan = undefined;\r\n }\r\n \r\n foundPeriodo= allGroups.find(x => x === item.ID_PLAN + '|' + item.PERIODO);\r\n if (foundPeriodo === undefined){\r\n allGroups.push(item.ID_PLAN + '|' + item.PERIODO);\r\n }else {\r\n foundPeriodo = undefined;\r\n }\r\n \r\n if (item.CHECKED && (item.HDR === 1 || item.OPTATIVA === 1))\r\n {\r\n selection.push(String(item.ID_SECCION));\r\n }\r\n \r\n return item;\r\n });\r\n \r\n return { rows: parentRows, selection: selection, expandedGroup: allGroups }\r\n \r\n}\r\n\r\nformatOptativeRows = (rows, idElectiva)=>{\r\n \r\n const rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente); \r\n let _rows = rows.filter(x => x.CHECKED === 0 || String(x.ID_SECCION).split(\"-\")[0] !== String(rowChecked.ID_SECCION) || x.ID_ESTADO_MODALIDAD === 2); \r\n\r\n let parentRows = _rows.filter(x => (x.HDR === 1));\r\n \r\n parentRows.map((item, index)=>{ \r\n \r\n item.TREE = _rows.filter(x => x.CODIGO_CURSO === item.CODIGO_CURSO && x.HDR === 0);\r\n \r\n return item;\r\n });\r\n \r\n let selection = this.state.selectionOferta; \r\n \r\n _rows.map((item, index)=>{\r\n item.ID_SECCION = String(item.ID_SECCION) + \"-\" + idElectiva;\r\n \r\n if (item.CHECKED && (item.HDR === 1 || item.OPTATIVA === 1))\r\n {\r\n selection.push(String(item.ID_SECCION));\r\n }\r\n \r\n return item;\r\n });\r\n \r\n return { rows: parentRows, selection: selection }\r\n \r\n}\r\n\r\nsetOptativas = (current_rows, rows_optativas, id_seccion)=>{\r\n \r\n this.reducerRows.dispatch({\r\n type: \"SET_OPTATIVAS\",\r\n current_rows: current_rows,\r\n rows_optativas: rows_optativas,\r\n id_seccion: id_seccion\r\n });\r\n\r\n}\r\n\r\nsetNuevaSeccion = (current_rows, new_row, id_seccion_cliente)=>{\r\n\r\nthis.reducerRowsNew.dispatch({\r\n type: \"SET_NUEVA_SECCION\",\r\n current_rows: current_rows,\r\n new_row: new_row,\r\n id_seccion_cliente: id_seccion_cliente\r\n });\r\n\r\n}\r\n\r\nformatRowsMain = (rows)=>{\r\n\r\nlet rowsParent = rows.filter(x => x.ESTATUS_FINANCIERO === \"P\");\r\nlet childRow = null;\r\nlet childCoRow = null;\r\n\r\nrowsParent.map((item)=>{\r\n if (item.ID_SECCION_CLIENTE_NUEVA !== 0){\r\n childRow = rows.find(x => x.ID_SECCION_CLIENTE === item.ID_SECCION_CLIENTE_NUEVA);\r\n item.TREE = [{ ROOT_TREE: \"NEW\", ...childRow}];\r\n\r\n if (childRow.ID_SECCION_CLIENTE_CORREQUISITO !== null){\r\n childCoRow = rows.find(x => x.ID_SECCION_CLIENTE === childRow.ID_SECCION_CLIENTE_CORREQUISITO);\r\n item.TREE = item.TREE.concat([{ ROOT_TREE: \"NEW\", ...childCoRow }]);\r\n } \r\n }\r\n\r\n return item;\r\n});\r\n\r\nreturn rowsParent;\r\n\r\n}\r\n\r\nchangeExpandedRowIds = expandedRowIds =>{ \r\n this.setState({ expandedRowIds });\r\n}\r\n\r\nchangeExpandedRowIdsOferta = expandedRowIdsOferta => {\r\n \r\n const row = funciones.getIdRowChecking(expandedRowIdsOferta, this.state.expandedRowIdsOferta).split(\"-\"); \r\n const haveOptativas = this.state.rowsOferta.find(x => String(x.ID_SECCION) === row[0]); \r\n\r\n if (this.electivasOpens.find(x => x === row[0]) || haveOptativas === undefined || haveOptativas.OPTATIVA === 0){ \r\n return this.setState({ expandedRowIdsOferta });\r\n } \r\n \r\n this.electivasOpens.push(row[0]); \r\n this.setState({ expandedRowIdsOferta, openBackDropInvisible: true }, ()=>{\r\n \r\n new Request\r\n .get(`${globales.ip}/cambios/optativas/${this.cuenta}/${parseInt(row[0])}/${tokenInfo.sucursal}/${tokenInfo.user}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 40000, deadline: 40000, }) \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.electivasOpens = this.electivasOpens.filter(x => x !== row[0]);\r\n this.setState({ expandedRowIdsOferta: this.state.expandedRowIdsOferta.filter(x => x !== row[0]), \r\n openBackDropInvisible: 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 const infoTable = this.formatOptativeRows(rows, row[0]); \r\n this.setOptativas(this.state.rowsOferta, infoTable.rows, row[0]);\r\n this.setState({ selectionOferta: infoTable.selection, openBackDropInvisible: false });\r\n }\r\n else \r\n { \r\n this.setOptativas(this.state.rowsOferta, null, row[0]);\r\n this.setState({ openBackDropInvisible: false });\r\n } \r\n \r\n });\r\n\r\n });\r\n\r\n}\r\n\r\nhandleCloseConfirmation = ()=>{\r\n this.setState({ openModalConfirmation: false });\r\n}\r\n\r\nhandleOk = ()=>{\r\n\r\n this.setState({ loadingCheck: true, \r\n openModalConfirmation: false }, ()=>{\r\n \r\n let rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente);\r\n let rowNewChecked = rowChecked.TREE; \r\n \r\n this.gestion_cambio(rowChecked.ID_PLAN, \r\n rowChecked.ID_SECCION, \r\n rowChecked.ES_CORREQUISITO,\r\n rowChecked.TIENE_CORREQUISITOS,\r\n rowChecked.HIBRIDA,\r\n parseFloat(rowChecked.VALOR).toFixed(2), \r\n rowNewChecked[0].ID_PLAN,\r\n rowNewChecked[0].ID_SECCION,\r\n 'null', \r\n 0, //es_co_nueva\r\n 0, //tiene_co_nueva\r\n rowNewChecked[0].HIBRIDA,\r\n rowNewChecked[0].VALOR,\r\n 0, //hibrida_co_nueva\r\n rowNewChecked[0].ID_DETALLE_PLAN_OPTATIVA,\r\n 2)\r\n .then((res)=>{\r\n\r\n if (res === null){\r\n return; \r\n } \r\n\r\n if (res[0].RESP === 'OK'){ \r\n \r\n let rows = this.state.rows.map((item)=>{\r\n if (item.ID_SECCION_CLIENTE === this.id_seccion_cliente){\r\n item.TREE = null;\r\n }\r\n return item;\r\n });\r\n \r\n let selection = this.state.selection.filter(x => x !== this.id_seccion_cliente);\r\n let expandedRowIds = this.state.expandedRowIds.filter(x => x !== this.id_seccion_cliente);\r\n \r\n this.setState({ rows,\r\n selection,\r\n expandedRowIds,\r\n loadingCheck: false }, ()=>{\r\n funciones.showToast('s', \"Se ha reversado el cambio\");\r\n });\r\n\r\n }\r\n else{\r\n\r\n this.setState({ loadingCheck: false }, ()=>{ \r\n funciones.showToast('w', res[0].RESP);\r\n });\r\n\r\n } \r\n\r\n });\r\n\r\n});\r\n}\r\n\r\ngestion_cambio = async (id_plan, id_seccion, es_co, tiene_co, hibrida, precio, id_plan_nueva, id_seccion_nueva, id_seccion_co_nueva, es_co_nueva, tiene_co_nueva, hibrida_nueva, precio_nuevo, hibrida_co_nueva, id_detalle_plan, tipo)=>{\r\n\r\n return await new Promise(resolve => {\r\n \r\n new Request\r\n .post(`${globales.ip}/cambios`)\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: id_plan,\r\n id_seccion: id_seccion,\r\n es_co: es_co,\r\n tiene_co: tiene_co,\r\n hibrida: hibrida,\r\n precio: precio,\r\n id_plan_nueva: id_plan_nueva,\r\n id_seccion_nueva: id_seccion_nueva,\r\n id_seccion_co_nueva: id_seccion_co_nueva,\r\n es_co_nueva: es_co_nueva,\r\n tiene_co_nueva: tiene_co_nueva,\r\n hibrida_nueva: hibrida_nueva,\r\n precio_nuevo: precio_nuevo,\r\n hibrida_co_nueva: hibrida_co_nueva,\r\n id_detalle_plan: id_detalle_plan,\r\n ad_usuario: tokenInfo.user,\r\n tipo: tipo,\r\n })\r\n .retry(0)\r\n .timeout({ response: 40000, deadline: 40000, }) \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({ loadingCheck: false, loadingCheckSecondary: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión'); \r\n });\r\n \r\n return resolve(null);\r\n }\r\n \r\n const rows = JSON.parse(res.text); \r\n \r\n if (rows.length > 0)\r\n { \r\n resolve(rows);\r\n } \r\n \r\n });\r\n \r\n });\r\n \r\n}\r\n\r\nhandleCloseCambio = ()=>{\r\n this.setState({ openModalCambio: false });\r\n}\r\n\r\nrowsCambio = (id_plan, id_seccion_origen, es_co, tiene_co, hibrida, valor, id_plan_nueva, id_seccion_destino, id_seccion_co_destino, es_co_nueva, tiene_co_nueva, hibrida_nueva, valorNuevo, hibrida_co_nueva, id_detalle_plan, descripcionOrigen, descripcionDestino, cargo, total)=>{\r\n \r\nthis.rowsCambioTmp = [\r\n { KEY: 0, LABEL: \"ID_PLAN\", VALUE: id_plan, VISIBLE: false},\r\n { KEY: 1, LABEL: \"ID_SECCION_ORIGEN\", VALUE: id_seccion_origen, VISIBLE: false},\r\n { KEY: 2, LABEL: \"ES_CO\", VALUE: es_co, VISIBLE: false},\r\n { KEY: 3, LABEL: \"TIENE_CO\", VALUE: tiene_co, VISIBLE: false},\r\n { KEY: 4, LABEL: \"HIBRIDA\", VALUE: hibrida, VISIBLE: false},\r\n { KEY: 19, LABEL: \"PRECIO\", VALUE: parseFloat(valor).toFixed(2), VISIBLE: false},\r\n { KEY: 5, LABEL: \"ID_PLAN_NUEVA\", VALUE: id_plan_nueva, VISIBLE: false},\r\n { KEY: 6, LABEL: \"ID_SECCION_DESTINO\", VALUE: id_seccion_destino, VISIBLE: false},\r\n { KEY: 7, LABEL: \"ID_SECCION_CO_NUEVA\", VALUE: id_seccion_co_destino, VISIBLE: false},\r\n { KEY: 8, LABEL: \"ES_CO_NUEVA\", VALUE: es_co_nueva, VISIBLE: false},\r\n { KEY: 9, LABEL: \"TIENE_CO_NUEVA\", VALUE: tiene_co_nueva, VISIBLE: false},\r\n { KEY: 10, LABEL: \"HIBRIDA_NUEVA\", VALUE: hibrida_nueva, VISIBLE: false},\r\n { KEY: 20, LABEL: \"PRECIO_NUEVO\", VALUE: parseFloat(valorNuevo).toFixed(2), VISIBLE: false},\r\n { KEY: 11, LABEL: \"HIBRIDA_CO_NUEVA\", VALUE: hibrida_co_nueva, VISIBLE: false},\r\n { KEY: 12, LABEL: \"ID_DETALLE_PLAN\", VALUE: id_detalle_plan, VISIBLE: false},\r\n { KEY: 17, LABEL: \"Curso actual\", VALUE: descripcionOrigen, VISIBLE: true},\r\n { KEY: 18, LABEL: \"Curso nuevo\", VALUE: descripcionDestino, VISIBLE: true},\r\n { KEY: 19, LABEL: \"Monto de curso actual\", VALUE: funciones.formatCurrency(valor), VISIBLE: true},\r\n { KEY: 20, LABEL: \"Monto de curso nuevo\", VALUE: funciones.formatCurrency(valorNuevo), VISIBLE: true},\r\n { KEY: 21, LABEL: \"Diferencia\", VALUE: funciones.formatCurrency(parseFloat(valorNuevo).toFixed(2) - parseFloat(valor).toFixed(2)), VISIBLE: true},\r\n { KEY: 22, LABEL: \"Cargo por servicio\", VALUE: funciones.formatCurrency(cargo), VISIBLE: true},\r\n { KEY: 23, LABEL: \"Total transacción\", VALUE: funciones.formatCurrency(total), VISIBLE: true},\r\n];\r\nconst _total=total;\r\nthis.setState({ totaldiferencia:_total});\r\n\r\n\r\nreturn this.rowsCambioTmp.filter(x => x.VISIBLE);\r\n\r\n}\r\n\r\nnewRowCambio = (id_seccion_cliente, newRow, waiting)=>{\r\n\r\nnewRow[0].ID_SECCION_CLIENTE = id_seccion_cliente * -1;\r\nif (newRow[1] !== undefined){\r\n newRow[1].ID_SECCION_CLIENTE = \"C\" + id_seccion_cliente;\r\n}\r\n\r\nif (waiting){\r\n this.state.expandedRowIds.push(id_seccion_cliente);\r\n this.state.selection.push(id_seccion_cliente);\r\n this.setNuevaSeccion(this.state.rows, newRow, id_seccion_cliente);\r\n return;\r\n}\r\n\r\nconst rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === id_seccion_cliente);\r\nlet _rows = this.state.rows.filter(x => x.ID_SECCION_CLIENTE !== id_seccion_cliente);\r\n_rows = _rows.filter(x => x.ID_SECCION_CLIENTE !== rowChecked.ID_SECCION_CLIENTE_CORREQUISITO || (rowChecked.CODIGO_CURSO===newRow[0].CODIGO_CURSO && x.ID_SECCION_CLIENTE === rowChecked.ID_SECCION_CLIENTE_CORREQUISITO));\r\nnewRow[0].ROOT_TREE = null;\r\n\r\nconst rows = _rows.concat(newRow);\r\n\r\nthis.setState({ rows });\r\n\r\n}\r\n\r\nhandleCambioOk = ()=>{\r\n\r\nthis.setState({ openModalCambio: false, loadingCheck: true }, ()=>{\r\n\r\nthis.gestion_cambio(this.rowsCambioTmp[0].VALUE,\r\n this.rowsCambioTmp[1].VALUE,\r\n this.rowsCambioTmp[2].VALUE,\r\n this.rowsCambioTmp[3].VALUE,\r\n this.rowsCambioTmp[4].VALUE,\r\n this.rowsCambioTmp[5].VALUE,\r\n this.rowsCambioTmp[6].VALUE,\r\n this.rowsCambioTmp[7].VALUE,\r\n this.rowsCambioTmp[8].VALUE,\r\n this.rowsCambioTmp[9].VALUE,\r\n this.rowsCambioTmp[10].VALUE,\r\n this.rowsCambioTmp[11].VALUE,\r\n this.rowsCambioTmp[12].VALUE,\r\n this.rowsCambioTmp[13].VALUE,\r\n this.rowsCambioTmp[14].VALUE,\r\n 1)\r\n.then((res)=>{\r\n \r\n if (res === null){\r\n return; \r\n } \r\n \r\n if (res[0].RESP === undefined){ \r\n\r\n this.setState({ loadingCheck: false }, ()=>{ \r\n this.newRowCambio(this.id_seccion_cliente, res, parseFloat(this.rowsCambioTmp[21].VALUE.replace(\",\", \"\")) > 0 ? true : false);\r\n funciones.showToast('s', \"Se ha procesado el cambio\");\r\n });\r\n\r\n }\r\n else{\r\n\r\n this.setState({ loadingCheck: false }, ()=>{ \r\n funciones.showToast('w', res[0].RESP);\r\n });\r\n\r\n } \r\n \r\n});\r\n\r\n});\r\n \r\n}\r\n\r\nresetValuesSeccionHibrida=()=>{\r\n this.baseHibridaTmp=null;\r\n}\r\n\r\nresetValuesSeccionHibridaCo = ()=>{\r\n this.coHibridaTmp=null;\r\n}\r\n\r\nsetValuesRow = (id_row, disponible, disponible_mod)=>{\r\n\r\n this.state.rowsOferta.map((item)=>{\r\n \r\n if (item.TREE !== null)\r\n {\r\n item.TREE.map((_item)=>{\r\n \r\n if (_item.TREE !== null){\r\n _item.TREE.map((__item)=>{\r\n if (String(__item.ID_SECCION) === id_row){ \r\n \r\n __item.DISPONIBLE = disponible !== undefined ? disponible : __item.DISPONIBLE;\r\n __item.DISPONIBLE_MODALIDAD = disponible_mod !== undefined ? disponible_mod : __item.DISPONIBLE_MODALIDAD;\r\n \r\n }\r\n return __item;\r\n });\r\n }\r\n \r\n if (String(_item.ID_SECCION) === id_row)\r\n { \r\n \r\n _item.DISPONIBLE = disponible !== undefined ? disponible : _item.DISPONIBLE;\r\n _item.DISPONIBLE_MODALIDAD = disponible_mod !== undefined ? disponible_mod : _item.DISPONIBLE_MODALIDAD;\r\n \r\n }\r\n \r\n return _item;\r\n });\r\n }\r\n \r\n return item;\r\n }); \r\n \r\n}\r\n\r\nsetCheckedRowCo = (id_row, disponible, disponible_mod)=>{\r\n\r\n this.state.rowsCo.map((item)=>{\r\n \r\n if (String(item.ID_SECCION) === id_row){ \r\n item.DISPONIBLE = disponible;\r\n item.DISPONIBLE_MODALIDAD = disponible_mod;\r\n }\r\n return item;\r\n \r\n });\r\n \r\n}\r\n\r\nonClickListItemOferta = (valueHibrida, idRow) =>{\r\n \r\n const infoRow = this.getInfoRowChecked(idRow); \r\n this.baseHibridaTmp = (infoRow.AUTONOMA === 2 && valueHibrida === \"PRE\") ||\r\n (infoRow.AUTONOMA === 1 && valueHibrida === \"PMV\") ? 1 : 0;\r\n let newSelection = this.state.selectionOferta.concat(idRow); \r\n this.changeSelectionOferta(newSelection);\r\n \r\n}\r\n\r\nonClickListItemOfertaCo = (valueHibrida, idRow) =>{\r\n\r\nconst infoRowCo = this.state.rowsCo.find(x => x.ID_SECCION === parseInt(idRow)); \r\nthis.coHibridaTmp = (infoRowCo.AUTONOMA === 2 && valueHibrida === \"PRE\") ||\r\n (infoRowCo.AUTONOMA === 1 && valueHibrida === \"PMV\") ? 1 : 0;\r\nlet newSelection = this.state.selectionCo.concat(idRow);\r\nthis.changeSelectionCo(newSelection);\r\n\r\n}\r\n\r\nchangeOptionCost = (id_seccion_cliente, free)=> (e)=>{\r\n \r\n this.id_seccion_cliente = id_seccion_cliente;\r\n\r\n this.setState({ confirmationTitle: \"Cambio sin costo\",\r\n confirmationText: \"¿Confirma que desea \" + (free === 1 ? \"inhabilitar\" : \"habilitar\") + \" cambio sin costo?\",\r\n openModalConfirmation: true });\r\n\r\n}\r\n\r\nhandleCSCOk = ()=>{\r\n\r\nconst actionCheck = this.state.confirmationText.includes(\"inhabilitar\") ? 0 : 1;\r\nconst rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === this.id_seccion_cliente);\r\n\r\nthis.setState({ loadingCheckSecondary: true, openModalConfirmation: false }, ()=>{\r\n\r\n this.gestion_cambio(rowChecked.ID_PLAN, \r\n rowChecked.ID_SECCION, \r\n rowChecked.ES_CORREQUISITO,\r\n rowChecked.TIENE_CORREQUISITOS,\r\n rowChecked.HIBRIDA,\r\n parseFloat(rowChecked.VALOR).toFixed(2),\r\n 0, \r\n 0, \r\n 'null', \r\n 0, \r\n 0, \r\n 0, \r\n 0, \r\n 0, \r\n 'null', \r\n actionCheck === 1 ? 4 : 5)\r\n.then((res)=>{\r\n\r\n if (res === null){\r\n return; \r\n } \r\n\r\n if (res[0].RESP === 'OK')\r\n {\r\n let rows = this.state.rows.map((item) => { \r\n if(item.ID_SECCION_CLIENTE === this.id_seccion_cliente){\r\n item.TIENE_SIN_COSTO = actionCheck; \r\n } \r\n return item; });\r\n\r\n this.setState({ rows, loadingCheckSecondary: false }, ()=>{\r\n const accionText = actionCheck === 1 ? \"habilitó\" : \"inhabilitó\";\r\n funciones.showToast(\"s\", \"Se \" + accionText + \" cambio sin costo para \" + rowChecked.DESCRIPCION_CURSO);\r\n });\r\n }\r\n else\r\n {\r\n this.setState({ loadingCheckSecondary: false }, ()=>{\r\n funciones.showToast('w', res[0].RESP);\r\n });\r\n }\r\n\r\n});\r\n \r\n});\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_Cambios').focus();\r\n return;\r\n }\r\n \r\n //if (!movil)\r\n }); \r\n\r\n}); \r\n \r\n}\r\n\r\ncomponentWillUnmount() { //Cerrar Subcripciones\r\n this.unsubscribeRows();\r\n this.unsubscribeRowsNew();\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={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 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\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"],"sourceRoot":""}