{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\ntablaCorreqRef = React.createRef();\r\ndialogActionRef = React.createRef();\r\ndialogActionDetalleRef = React.createRef();\r\ntablaDetalleRef = React.createRef();\r\ntablaLERef = React.createRef();\r\ndialogActionLERef = 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 messageBackdrop: \"\",\r\n transitionDurationBackdrop: undefined,\r\n optionAutocomplete: [],\r\n loadingClientes: true,\r\n openAutoComplete: false,\r\n valueAutoComplete: null,\r\n selectedModPago: '',\r\n datosSelectModPago: [],\r\n openBackDropInvisible: false,\r\n expandedGroup: [],\r\n loadingCheck: false,\r\n expandedGroups: [],\r\n filters: [],\r\n filterCheck: undefined,\r\n expandedRowIds: [],\r\n selection: [],\r\n openModalCorrequsito: false,\r\n rowsCorreq: [],\r\n loadingCorreq: false,\r\n heightTableCorreq: 0,\r\n selectionCorreq: [],\r\n disabledChecksCo: false,\r\n openModalListaEspera: false,\r\n openModalDetalle: false,\r\n rowsDetalle: [],\r\n loadingDetalle: false,\r\n heightTableDetalle: 0,\r\n showButtomsDirLE: false,\r\n messageLE: \"\", \r\n openModalHibrida: false,\r\n cuposHibridaA: 0, \r\n cuposHibridaB: 0,\r\n refHibrida: 0,\r\n saveOptionsLE: false,\r\n closeTimeLE: 30,\r\n rowsLE: [],\r\n countLE: 0,\r\n loadingLE: false,\r\n openModalSeccionesLE: false,\r\n heightTableLE: 0,\r\n titleModalHibrida: \"\",\r\n };\r\n this.cuenta= null;\r\n this.reducerRows = createStore(reducer, { rows: [] });\r\n this.unsubscribeRows = this.reducerRows.subscribe(() => {\r\n this.setState({ rows: this.reducerRows.getState().rows });\r\n });\r\n this.electivasOpens=[];\r\n this.settingFilter = [\r\n { columnName: 'INICIO',\r\n predicate: (value, filter, row) => {\r\n value = value !== null ? funciones.getTime(value, 1) : value; \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n },\r\n { columnName: 'FIN',\r\n predicate: (value, filter, row) => {\r\n value = value !== null ? funciones.getTime(value, 1) : value; \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n },\r\n { columnName: 'ID_PLAN',\r\n predicate: (value, filter, row) => { \r\n if (filter.value.length === 0 || filter.value.find(x => x === value)){\r\n return true;\r\n }\r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n },\r\n { columnName: 'ROOT_TREE',\r\n predicate: (value, filter, row) => {\r\n filter.operation = 'equal'; \r\n \r\n if (filter.value === true) {\r\n \r\n if (row.CHECKED === 1 || row.CHECKED) { \r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n else if (filter.value === false)\r\n { \r\n \r\n let notChecked = false;\r\n const id_electiva = String(row.ID_SECCION).split(\"-\")[1];\r\n this.state.rows.map((item)=>{\r\n\r\n if (item.TREE !== null && (id_electiva === undefined || String(item.ID_SECCION) === id_electiva))\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).split(\"-\")[1] === id_electiva && (__item.CHECKED === 1 || __item.CHECKED))\r\n notChecked = true; \r\n\r\n return __item;\r\n });\r\n }\r\n\r\n if (_item.CODIGO_CURSO === row.CODIGO_CURSO && (_item.CHECKED === 1 || _item.CHECKED) && row.ROOT_TREE !== \"...\")\r\n notChecked = true; \r\n\r\n return _item;\r\n });\r\n }\r\n\r\n if (item.CODIGO_CURSO === row.CODIGO_CURSO && (item.CHECKED === 1 || item.CHECKED))\r\n notChecked = true; \r\n\r\n return item;\r\n });\r\n\r\n\r\n if ((row.CHECKED === 0 || !row.CHECKED) && !notChecked) { \r\n \r\n return true; \r\n }\r\n \r\n return false;\r\n\r\n }\r\n\r\n return true;\r\n\r\n },\r\n }, \r\n { columnName: 'CODIGO_CURSO',\r\n predicate: (value, filter, row) => {\r\n \r\n if (this.filterStringChildrens(\"CODIGO_CURSO\", filter.value, row))\r\n return true;\r\n \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n }\r\n },\r\n { columnName: 'DESCRIPCION_CURSO',\r\n predicate: (value, filter, row) => {\r\n \r\n if (this.filterStringChildrens(\"DESCRIPCION_CURSO\", filter.value, row))\r\n return true;\r\n \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n }\r\n },\r\n ];\r\n this.botones_lista_espera=[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.handleOkLE, display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseListaEspera, display:'auto', color: 'red'},\r\n ];\r\n this.botones_lista_espera_dir=[\r\n {icono: 'Person', toolt: '', nombre: 'Agregar cupo', onclick: this.handleOkCupo, display:'auto', color: 'green'},\r\n {icono: 'Check', toolt: '', nombre: 'Lista esp.', onclick: this.handleOkLE, display:'auto'},\r\n ];\r\n this.selectionNewTmp=[];\r\n this.selectionOldTmp=[];\r\n this.baseHibridaTmp=null;\r\n this.baseSelectionHibridaTmp=[];\r\n this.coHibridaTmp=null;\r\n this.coSelectionHibridaTmp=[];\r\n this.selectionCoNewTmp = [];\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.electivasOpens=[];\r\nthis.setState({ valueAutoComplete: value, \r\n openAutoComplete: false, \r\n rows: [], \r\n datosSelectModPago: [],\r\n selectedModPago: '',\r\n expandedRowIds: [], \r\n selection: [], \r\n expandedGroup: [],\r\n rowsLE: [],\r\n countLE: 0,\r\n filters: [],\r\n filterCheck: undefined }, ()=>{\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}/matricula/estudiantes/${value}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(0)\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({ 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\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({ openBackDropInvisible: true }, ()=>{ \r\n \r\n new Request\r\n .get(`${globales.ip}/matricula/modalidades_pago/${this.cuenta}/${tokenInfo.user}/${tokenInfo.plataforma}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 20000, 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({ datosSelectModPago: [], selectedModPago: '', openBackDropInvisible: false }, ()=>{\r\n funciones.showToast('e', 'No hay conexión');\r\n }); \r\n \r\n return;\r\n }\r\n \r\n let modalidades = JSON.parse(res.text); \r\n \r\n if (tokenInfo.plataforma !== 1){\r\n modalidades = modalidades.filter(x => x.VISIBLE_WEB || x.ID_MODALIDAD_CLIENTE);\r\n if (modalidades.find(x => x.ID_MODALIDAD_CLIENTE && !x.VISIBLE_WEB))\r\n modalidades = modalidades.filter(x => x.ID_MODALIDAD_CLIENTE && !x.VISIBLE_WEB);\r\n }\r\n \r\n let items = modalidades.map((datos, i) =>{\r\n return
\r\n });\r\n\r\n const modalidadSel = modalidades.find(x => x.ID_MODALIDAD_CLIENTE);\r\n\r\n this.setState({ datosSelectModPago: items, \r\n selectedModPago: modalidadSel !== undefined ? modalidadSel.MOD_PAGO_ID : \"\", \r\n openBackDropInvisible: false,\r\n loadingMain: true }, ()=>{ \r\n this.obtener_planes(this.cuenta)\r\n this.obtener_lista_espera(this.cuenta);\r\n this.obtener_oferta(this.cuenta); \r\n });\r\n \r\n }); \r\n \r\n });\r\n \r\n}\r\n\r\nobtener_oferta = (cuenta)=>{\r\n\r\n new Request\r\n .get(`${globales.ip}/matricula/oferta/${cuenta}/${tokenInfo.user}/${tokenInfo.sucursal}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 60000, 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({ rows: [], expandedGroups: [], selection: [], 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 rowsOferta = JSON.parse(res.text); \r\n \r\n if (rowsOferta.length > 0)\r\n { \r\n \r\n const infoTable = this.formatRows(rowsOferta); \r\n this.setState({ rows: infoTable.rows, expandedGroups: infoTable.expandedGroup, selection: infoTable.selection, loadingMain: false });\r\n \r\n }\r\n else \r\n {\r\n this.setState({ rows: [], expandedGroups: [], selection: [], loadingMain: false });\r\n } \r\n \r\n });\r\n\r\n}\r\n\r\nobtener_planes= (cuenta)=>{\r\n\r\nnew Request\r\n .get(`${globales.ip}/matricula/planes/${cuenta}/${tokenInfo.plataforma}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 50000, 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 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\nchangeExpandedGroups = expandedGroups =>\r\n{\r\n this.setState({ expandedGroups }); \r\n}\r\n\r\nchangeSelection = selection =>{ \r\n\r\n if (funciones.isEmpty(this.state.selectedModPago)){\r\n funciones.showToast(\"w\", \"Es necesario que seleccione una modalidad de pago\");\r\n return;\r\n }\r\n \r\n const selection_original = selection.slice(); \r\n\r\n let row = funciones.getIdRowChecking(selection, this.state.selection).split(\"-\"); \r\n const markAction = selection.length > this.state.selection.length ? true : false;\r\n\r\n checkId = row[1] !== undefined ? row[0] + \"-\" + row[1] : row[0];\r\n\r\n if (markAction){\r\n selection.push(this.getIdHdr(row[0], row[1])); \r\n if (row[1] !== undefined)\r\n selection.push(row[1]);\r\n }\r\n else{\r\n selection = selection.filter(x => x !== this.getIdHdr(row[0], row[1]));\r\n if (row[1] !== undefined)\r\n selection = selection.filter(x => x !== row[1]);\r\n }\r\n \r\n let rowChecked = this.getInfoRowChecked(checkId); \r\n if (rowChecked.ID_ESTADO_MODALIDAD === 2 && this.baseHibridaTmp === null && markAction)\r\n {\r\n this.baseSelectionHibridaTmp = selection_original;\r\n this.setState({ refHibrida: 1,\r\n cuposHibridaA: rowChecked.AUTONOMA !== 2 ? rowChecked.DISPONIBLE : rowChecked.DISPONIBLE_MODALIDAD, \r\n cuposHibridaB: rowChecked.AUTONOMA !== 2 ? rowChecked.DISPONIBLE_MODALIDAD : rowChecked.DISPONIBLE, \r\n titleModalHibrida: \"Sección híbrida\",\r\n openModalHibrida: true });\r\n return;\r\n }\r\n \r\n if (rowChecked.CORREQUISITOS === 1 && markAction)\r\n { \r\n this.selectionNewTmp = selection;\r\n this.selectionOldTmp = this.state.selection;\r\n this.setState({ loadingCorreq: true, rowsCorreq: [], selectionCorreq: [], openModalCorrequsito: true }, ()=>{\r\n this.obtenerSeccionesCorreq(rowChecked.ID_DETALLE_PLAN); \r\n });\r\n return;\r\n }\r\n \r\n this.setState({ loadingCheck: true }, ()=>{\r\n \r\n this.gestion_matricula(row[0], \r\n 'null', \r\n rowChecked.CODIGO_CURSO,\r\n 'null', \r\n rowChecked.ID_PLAN, \r\n row[1] !== undefined ? row[1] : 'null', \r\n !markAction && rowChecked.ESTATUS_FINANCIERO === \"W\" ? 1 : 0, \r\n this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp, \r\n 'null', \r\n markAction ? 1 : 2)\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.setState({ selection, loadingCheck: false }, ()=> { \r\n if (!markAction && rowChecked.ESTATUS_FINANCIERO === \"W\") {\r\n this.setState({ countLE: this.state.countLE - 1 }); \r\n }\r\n this.setValuesRow(checkId, true, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD, markAction ? \"T\" : null, markAction ? this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp : null); \r\n funciones.showToast('s', \"Ha \" + (markAction ? \"marcado \" : \"desmarcado \") + rowChecked.DESCRIPCION_CURSO + \" Sección \" + rowChecked.NUMERO_SECCION); \r\n this.resetValuesSeccionHibrida();\r\n }); \r\n\r\n }\r\n else if (res[0].RESP === 'LISTA_ESPERA' && res[0].HABILITADO_LE && markAction){\r\n\r\n this.selectionNewTmp = selection;\r\n this.setState({ loadingCheck: false, \r\n showButtomsDirLE: res[0].HABILITA_CUPO_DIRECTO, \r\n messageLE: this.getMessageLE(res[0].HABILITA_CUPO_DIRECTO), \r\n closeTimeLE: 30,\r\n openModalListaEspera: true }, ()=>{\r\n this.setValuesRow(checkId, false, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD);\r\n });\r\n\r\n }\r\n else\r\n {\r\n this.setState({ loadingCheck: false }, ()=> { \r\n this.setValuesRow(checkId, false, 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\nchangeFilters = filters =>{\r\n this.setState({ filters });\r\n}\r\n\r\nchangeExpandedRowIds = expandedRowIds => {\r\n\r\n const row = funciones.getIdRowChecking(expandedRowIds, this.state.expandedRowIds).split(\"-\"); \r\n const haveOptativas = this.state.rows.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({ expandedRowIds});\r\n } \r\n\r\n this.electivasOpens.push(row[0]); \r\n this.setState({ expandedRowIds, openBackDropInvisible: true }, ()=>{\r\n \r\n new Request\r\n .get(`${globales.ip}/matricula/oferta_optativa/${this.cuenta}/${parseInt(row[0])}/${tokenInfo.sucursal}/${tokenInfo.user}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 50000, 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({ expandedRowIds: this.state.expandedRowIds.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.rows, infoTable.rows, row[0]);\r\n this.setState({ selection: infoTable.selection, openBackDropInvisible: false });\r\n }\r\n else \r\n { \r\n this.setOptativas(this.state.rows, null, row[0]);\r\n this.setState({ openBackDropInvisible: false });\r\n } \r\n \r\n });\r\n\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\nformatRows = (rows)=>{\r\n\r\nlet parentRows = rows.filter(x => (x.HDR === 1 || x.OPTATIVA === 1));\r\n\r\nparentRows.map((item, index)=>{\r\n\r\nitem.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\nreturn item;\r\n\r\n});\r\n\r\nlet allGroups = [];\r\nlet foundPlan;\r\nlet foundPeriodo;\r\nlet selection = [];\r\n\r\nrows.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)\r\n {\r\n selection.push(String(item.ID_SECCION));\r\n }\r\n\r\n return item;\r\n});\r\n\r\nreturn { rows: parentRows, selection: selection, expandedGroup: allGroups }\r\n\r\n}\r\n\r\nformatOptativeRows = (rows, idElectiva)=>{\r\n\r\nlet parentRows = rows.filter(x => (x.HDR === 1));\r\n\r\nparentRows.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\nlet selection = this.state.selection; \r\n \r\nrows.map((item, index)=>{\r\n item.ID_SECCION = String(item.ID_SECCION) + \"-\" + idElectiva;\r\n \r\n if (item.CHECKED)\r\n {\r\n selection.push(String(item.ID_SECCION));\r\n }\r\n\r\n return item;\r\n});\r\n\r\nreturn { rows: parentRows, selection: selection }\r\n\r\n}\r\n\r\ngetIdHdr = (id_row, id_electiva)=>{\r\n\r\n let idRowHdr = null;\r\n \r\n this.state.rows.map((item)=>{\r\n \r\n if (item.TREE !== null && (id_electiva === undefined || String(item.ID_SECCION) === id_electiva)){\r\n \r\n item.TREE.map((_item)=>{\r\n \r\n if (_item.TREE !== null){\r\n \r\n _item.TREE.map((__item)=>{\r\n if (String(__item.ID_SECCION).split(\"-\")[0] === id_row && _item.HDR === 1 && idRowHdr === null){\r\n idRowHdr = String(_item.ID_SECCION); \r\n }\r\n return __item; \r\n });\r\n \r\n }\r\n \r\n if (String(_item.ID_SECCION) === id_row && item.HDR === 1 && idRowHdr === null)\r\n {\r\n idRowHdr = String(item.ID_SECCION); \r\n }\r\n \r\n return _item;\r\n });\r\n \r\n }\r\n \r\n return item;\r\n });\r\n \r\n return idRowHdr;\r\n \r\n}\r\n\r\nhandleChangeCheckFilter = (event) => {\r\n \r\n const value = event === null ? this.state.filterCheck\r\n : this.state.filterCheck === false ? undefined: event.target.checked;\r\n let filter = this.state.filters.filter(x=> x.columnName !== 'ROOT_TREE');\r\n \r\n this.setState({ filterCheck: value, \r\n filters: [...filter, {columnName: 'ROOT_TREE', \r\n operation: 'equal', \r\n value: value }], \r\n });\r\n\r\n}\r\n\r\nsetValuesRow = (id_row, changeValueCheck, disponible, disponible_mod, estado, hibrida)=>{\r\n\r\nthis.state.rows.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 if (changeValueCheck){\r\n item.CHECKED = item.CHECKED === 0 ? 1 : 0;\r\n _item.CHECKED = !_item.CHECKED ? true : false;\r\n __item.CHECKED = !__item.CHECKED ? true : false;\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 __item.ESTATUS_FINANCIERO = estado !== undefined ? estado : __item.ESTATUS_FINANCIERO;\r\n __item.HIBRIDA = hibrida !== undefined ? hibrida : __item.HIBRIDA;\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 if (changeValueCheck){\r\n item.CHECKED = item.CHECKED === 0 ? 1 : 0;\r\n _item.CHECKED = _item.CHECKED === 0 ? 1 : 0;\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 _item.ESTATUS_FINANCIERO = estado !== undefined ? estado : _item.ESTATUS_FINANCIERO;\r\n _item.HIBRIDA = hibrida !== undefined ? hibrida : _item.HIBRIDA;\r\n }\r\n\r\n return _item;\r\n });\r\n }\r\n\r\n return item;\r\n}); \r\nthis.handleChangeCheckFilter(null);\r\n}\r\n\r\nsetCheckedRowCo = (id_row, changeValueCheck, disponible, disponible_mod, hibrida)=>{\r\n\r\nthis.state.rowsCorreq.map((item)=>{\r\n \r\n if (String(item.ID_SECCION) === id_row){\r\n if (changeValueCheck)\r\n item.CHECKED = item.CHECKED ? false : true;\r\n \r\n item.DISPONIBLE = disponible;\r\n item.DISPONIBLE_MODALIDAD = disponible_mod;\r\n item.HIBRIDA = hibrida !== undefined ? hibrida : item.HIBRIDA;\r\n }\r\n\r\n return item;\r\n});\r\n\r\n}\r\n\r\nfilterStringChildrens = (columnName, filterValue, row)=>{\r\n\r\n let findChild=false;\r\n \r\n this.state.rows.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\r\n if (item[columnName].toLocaleLowerCase().includes(filterValue.toLocaleLowerCase()) && \r\n String(__item.ID_SECCION) === String(row.ID_SECCION)){\r\n findChild= true;\r\n }\r\n\r\n return __item;\r\n });\r\n }\r\n\r\n if (item[columnName].toLocaleLowerCase().includes(filterValue.toLocaleLowerCase()) && \r\n String(_item.ID_SECCION) === String(row.ID_SECCION)){\r\n findChild= true;\r\n }\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\nreturn findChild;\r\n\r\n}\r\n\r\ngetInfoRowChecked=(id_seccion)=>{\r\n\r\n var row=[];\r\n\r\n this.state.rows.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\nhandleCloseCorrequisito= ()=>{\r\n checkIdCo = undefined;\r\n this.selectionNewTmp= [];\r\n this.selectionOldTmp= [];\r\n this.selectionCoNewTmp = [];\r\n this.resetValuesSeccionHibrida();\r\n this.setState({ openModalCorrequsito: false });\r\n}\r\n\r\nobtenerSeccionesCorreq = (id_detalle_plan)=>{\r\n\r\nnew Request\r\n.get(`${globales.ip}/matricula/oferta_correquisito/${this.cuenta}/${id_detalle_plan}`)\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 \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n\r\n this.setState({ rowsCorreq: [], loadingCorreq: 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 haveChecked = rows.find(x => x.CHECKED) ? true : false; \r\n this.setState({ rowsCorreq: rows, disabledChecksCo: haveChecked, loadingCorreq: false }); \r\n }\r\n else \r\n {\r\n this.setState({ rowsCorreq: [], loadingCorreq: false });\r\n } \r\n \r\n});\r\n\r\n} \r\n\r\nonEnteringCorrequisito = ()=>{\r\n\r\nthis.setState({ heightTableCorreq: funciones.getHeightTableDialog(movil, this.tablaCorreqRef, this.dialogActionRef, 3) });\r\n\r\n}\r\n\r\nchangeSelectionCorreq = selectionCorreq =>{\r\n \r\n checkIdCo = funciones.getIdRowChecking(selectionCorreq, this.state.selectionCorreq);\r\n const markAction = selectionCorreq.length > this.state.selectionCorreq.length ? true : false;\r\n \r\n let rowChecked = this.getInfoRowChecked(checkId);\r\n let rowCoChecked = this.state.rowsCorreq.find(x => x.ID_SECCION === parseInt(checkIdCo)); \r\n\r\n let seccionBase = String(rowChecked.ID_SECCION).split(\"-\");\r\n\r\n if (rowCoChecked.ID_ESTADO_MODALIDAD === 2 && this.coHibridaTmp === null && markAction)\r\n {\r\n this.coSelectionHibridaTmp = selectionCorreq;\r\n this.setState({ refHibrida: 2, \r\n cuposHibridaA: rowCoChecked.AUTONOMA !== 2 ? rowCoChecked.DISPONIBLE : rowCoChecked.DISPONIBLE_MODALIDAD,\r\n cuposHibridaB: rowCoChecked.AUTONOMA !== 2 ? rowCoChecked.DISPONIBLE_MODALIDAD : rowCoChecked.DISPONIBLE,\r\n titleModalHibrida: \"Sección correquisito híbrida\",\r\n openModalHibrida: true });\r\n return;\r\n }\r\n\r\n this.setState({ loadingCheck: true }, ()=>{\r\n \r\n this.gestion_matricula(parseInt(seccionBase[0]),\r\n rowCoChecked.ID_SECCION, \r\n rowChecked.CODIGO_CURSO, \r\n rowCoChecked.CODIGO_CURSO,\r\n rowChecked.ID_PLAN, \r\n seccionBase[1] !== undefined ? seccionBase[1] : 'null', \r\n !markAction && rowChecked.ESTATUS_FINANCIERO === \"W\" ? 1 : 0, \r\n this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp,\r\n this.coHibridaTmp === null ? 0 : this.coHibridaTmp, \r\n markAction ? 3 : 2)\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 \r\n if (markAction){\r\n\r\n this.gestion_matricula(parseInt(seccionBase[0]),\r\n rowCoChecked.ID_SECCION, \r\n rowChecked.CODIGO_CURSO, \r\n rowCoChecked.CODIGO_CURSO,\r\n rowChecked.ID_PLAN, \r\n seccionBase[1] !== undefined ? seccionBase[1] : 'null', \r\n 0, \r\n this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp,\r\n this.coHibridaTmp === null ? 0 : this.coHibridaTmp, \r\n 1)\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.setState({selection: this.selectionNewTmp, selectionCorreq, loadingCheck: false }, ()=> { \r\n this.setCheckedRowCo(checkIdCo, true, _res[0].DISPONIBLE_CORREQUISITO, _res[0].DISPONIBLE_MODALIDAD_CORREQUISITO, this.coHibridaTmp === null ? 0 : this.coHibridaTmp);\r\n this.setValuesRow(checkId, true, _res[0].DISPONIBLE, _res[0].DISPONIBLE_MODALIDAD, \"T\", this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp);\r\n funciones.showToast('s', \"Ha marcado \" + rowChecked.DESCRIPCION_CURSO + \" Sección \" + rowChecked.NUMERO_SECCION);\r\n funciones.showToast('s', \"Ha marcado \" + rowCoChecked.DESCRIPCION_CURSO + \" Sección \" + rowCoChecked.NUMERO_SECCION);\r\n this.resetValuesSeccionHibridaCo();\r\n }); \r\n\r\n }\r\n else\r\n {\r\n this.setState({ loadingCheck: false }, ()=> { \r\n this.setCheckedRowCo(checkIdCo, false, _res[0].DISPONIBLE_CORREQUISITO, _res[0].DISPONIBLE_MODALIDAD_CORREQUISITO);\r\n this.setValuesRow(checkId, false, _res[0].DISPONIBLE, _res[0].DISPONIBLE_MODALIDAD);\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 else{\r\n \r\n this.setState({ selection: this.selectionOldTmp, selectionCorreq, loadingCheck: false}, ()=>{\r\n if (!markAction && rowChecked.ESTATUS_FINANCIERO === \"W\") {\r\n this.setState({ countLE: this.state.countLE - 1 }); \r\n }\r\n this.setCheckedRowCo(checkIdCo, true, res[0].DISPONIBLE_CORREQUISITO, res[0].DISPONIBLE_MODALIDAD_CORREQUISITO, null);\r\n this.setValuesRow(checkId, true, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD, null, null);\r\n funciones.showToast('s', \"Ha desmarcado \" + rowChecked.DESCRIPCION_CURSO + \" Sección \" + rowChecked.NUMERO_SECCION);\r\n funciones.showToast('s', \"Ha desmarcado \" + rowCoChecked.DESCRIPCION_CURSO + \" Sección \" + rowCoChecked.NUMERO_SECCION);\r\n });\r\n \r\n }\r\n\r\n }\r\n else if (res[0].RESP === 'LISTA_ESPERA' && res[0].HABILITADO_LE && markAction){\r\n\r\n this.selectionCoNewTmp = selectionCorreq;\r\n this.setState({ loadingCheck: false, \r\n showButtomsDirLE: res[0].HABILITA_CUPO_DIRECTO, \r\n messageLE: this.getMessageLE(res[0].HABILITA_CUPO_DIRECTO) + \" (Curso base)\", \r\n closeTimeLE: 30,\r\n openModalListaEspera: true }, ()=>{\r\n this.setValuesRow(checkId, false, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD);\r\n this.setCheckedRowCo(checkIdCo, false, res[0].DISPONIBLE_CORREQUISITO, res[0].DISPONIBLE_MODALIDAD_CORREQUISITO);\r\n\r\n });\r\n \r\n }\r\n else \r\n {\r\n this.setState({ loadingCheck: false }, ()=> { \r\n this.setCheckedRowCo(checkIdCo, false, res[0].DISPONIBLE_CORREQUISITO, res[0].DISPONIBLE_MODALIDAD_CORREQUISITO);\r\n this.setValuesRow(checkId, false, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD);\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\ngestion_matricula = async (id_seccion, id_seccion_co, codigo, codigo_co, id_plan, id_detalle_plan, lista_espera, hibrida, hibrida_co, tipo)=>{\r\n\r\n return await new Promise(resolve => {\r\n\r\n new Request\r\n .post(`${globales.ip}/matricula`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ id_seccion: parseInt(id_seccion), \r\n id_seccion_co: id_seccion_co,\r\n codigo_curso: codigo, \r\n codigo_curso_co: codigo_co,\r\n cuenta_alumno: this.cuenta,\r\n id_plan: id_plan,\r\n ad_usuario: tokenInfo.user,\r\n id_cajero: 2,\r\n id_detalle_plan: id_detalle_plan,\r\n lista_espera: lista_espera,\r\n hibrida: hibrida,\r\n hibrida_co: hibrida_co,\r\n tipo: tipo,\r\n })\r\n .retry(0)\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({ loadingCheck: false, openBackDrop: 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\nhandleCloseListaEspera = ()=>{\r\n \r\n this.setState({ openModalListaEspera: false }, ()=>{\r\n clearInterval(this.count);\r\n this.resetValuesSeccionHibridaCo();\r\n if (!this.state.openModalCorrequsito){\r\n this.resetValuesSeccionHibrida();\r\n }\r\n });\r\n\r\n}\r\n\r\nhandleChangeModPago = (event)=>{\r\n\r\n const id_mod_pago_old = this.state.selectedModPago;\r\n const id_mod_pago_new = event.target.value; \r\n\r\n this.setState({ selectedModPago: event.target.value, \r\n transitionDurationBackdrop: { enter: 2000, exit: 500 },\r\n messageBackdrop: \"Configurando modalidad de pago...\",\r\n openBackDrop: true }, ()=>{\r\n \r\n new Request\r\n .post(`${globales.ip}/matricula/modalidades_pago/modalidad`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ cuenta_alumno: this.cuenta, \r\n ad_usuario: tokenInfo.user,\r\n id_modalidad: id_mod_pago_new })\r\n .retry(0)\r\n .timeout({ response: 50000, 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({ selectedModPago: id_mod_pago_old, 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[0].RESP === 'OK')\r\n this.setState({ openBackDrop: false }); \r\n else\r\n this.setState({ selectedModPago: id_mod_pago_old, 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\nhandleResumen = ()=>{\r\n document.getElementById(\"BTRM\").click();\r\n}\r\n\r\nhandleDetalle = ()=>{\r\n\r\n this.setState({ openModalDetalle: true });\r\n\r\n}\r\n\r\nhandleCloseDetalle = ()=>{\r\n\r\n this.setState({ openModalDetalle: false });\r\n\r\n}\r\n\r\nonEnteringDetalle= ()=>{\r\n\r\n this.setState({ heightTableDetalle: funciones.getHeightTableDialog(movil, this.tablaDetalleRef, this.dialogActionDetalleRef, 3), loadingDetalle: true }, ()=>{\r\n \r\n new Request\r\n .get(`${globales.ip}/matricula/modalidades_pago/detalle_pago/${this.cuenta}`)\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.setState({ rowsDetalle: [], loadingDetalle: 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({ rowsDetalle: rows, loadingDetalle: false });\r\n }\r\n else\r\n {\r\n this.setState({ rowsDetalle: [], loadingDetalle: false });\r\n } \r\n \r\n });\r\n\r\n });\r\n\r\n}\r\n\r\nhandleCloseHibrida = ()=>{\r\n this.setState({ openModalHibrida: false });\r\n}\r\n\r\nonClickListItem = (valueHibrida) => async (event)=>{\r\n \r\n if (this.state.refHibrida === 1){\r\n const infoRow = this.getInfoRowChecked(checkId);\r\n this.baseHibridaTmp = (infoRow.AUTONOMA === 2 && valueHibrida === \"PRE\") ||\r\n (infoRow.AUTONOMA === 1 && valueHibrida === \"PMV\") ? 1 : 0;\r\n await Promise.resolve(this.setState({ openModalHibrida: false }));\r\n this.changeSelection(this.baseSelectionHibridaTmp);\r\n }\r\n\r\n if (this.state.refHibrida === 2){\r\n const infoRowCo = this.state.rowsCorreq.find(x => x.ID_SECCION === parseInt(checkIdCo)); \r\n this.coHibridaTmp = (infoRowCo.AUTONOMA === 2 && valueHibrida === \"PRE\") ||\r\n (infoRowCo.AUTONOMA === 1 && valueHibrida === \"PMV\") ? 1 : 0;\r\n await Promise.resolve(this.setState({ openModalHibrida: false }));\r\n this.changeSelectionCorreq(this.coSelectionHibridaTmp);\r\n }\r\n\r\n \r\n}\r\n\r\nresetValuesSeccionHibrida=()=>{\r\n this.baseHibridaTmp=null;\r\n this.baseSelectionHibridaTmp=[];\r\n}\r\n\r\nresetValuesSeccionHibridaCo = ()=>{\r\n this.coHibridaTmp=null;\r\n this.coSelectionHibridaTmp=[];\r\n}\r\n\r\ngetMessageLE = (director)=>{\r\n\r\n return director ? \"Ya no hay cupo disponible en la sección. ¿Qué desea hacer?\" : \r\n \"Ya no hay cupo disponible en la sección. ¿Desea hacer la inscripción en lista de espera hasta que se libere un cupo?\";\r\n\r\n}\r\n\r\nhandleOkCupo = ()=>{\r\n\r\nclearInterval(this.count);\r\nconst rowChecked = this.getInfoRowChecked(checkId); \r\nconst id_seccion = parseInt(rowChecked.ID_SECCION.toString().split(\"-\")[0]);\r\n\r\nthis.setState({ transitionDurationBackdrop: undefined,\r\n messageBackdrop: \"Procesando...\",\r\n openBackDrop: true, \r\n openModalListaEspera: false }, ()=>{ \r\n\r\n new Request\r\n .post(`${globales.ip}/matricula/aumentar_cupo`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ id_seccion: id_seccion, \r\n hibrida: this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp, \r\n ad_usuario: tokenInfo.user })\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({ openBackDrop: false }, ()=>{ \r\n this.resetValuesSeccionHibridaCo();\r\n funciones.showToast('e', 'No hay conexión'); \r\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({ openBackDrop: false }, ()=> {\r\n this.setValuesRow(checkId, false, rows[0].DISPONIBLE, rows[0].DISPONIBLE_MODALIDAD);\r\n this.resetValuesSeccionHibridaCo();\r\n funciones.showToast('s', 'Se ha incrementado el cupo en la sección'); \r\n }); \r\n\r\n }\r\n else\r\n { \r\n this.setState({ openBackDrop: false }, ()=>{ \r\n this.setValuesRow(checkId, false, rows[0].DISPONIBLE, rows[0].DISPONIBLE_MODALIDAD);\r\n this.resetValuesSeccionHibridaCo();\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\nhandleOkLE = ()=>{\r\n\r\nclearInterval(this.count);\r\nconst rowChecked = this.getInfoRowChecked(checkId); \r\nconst rowCoChecked = this.state.rowsCorreq.find(x => x.ID_SECCION === parseInt(checkIdCo));\r\nconst row = rowChecked.ID_SECCION.toString().split(\"-\");\r\n\r\nthis.setState({ transitionDurationBackdrop: undefined,\r\n messageBackdrop: \"Procesando...\",\r\n openBackDrop: true, \r\n openModalListaEspera: false }, ()=>{ \r\n\r\n this.gestion_matricula(parseInt(row[0]),\r\n checkIdCo === undefined ? 'null' : rowCoChecked.ID_SECCION,\r\n rowChecked.CODIGO_CURSO,\r\n checkIdCo === undefined ? 'null' : rowCoChecked.CODIGO_CURSO,\r\n rowChecked.ID_PLAN,\r\n row[1] !== undefined ? row[1] : 'null',\r\n 1,\r\n this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp,\r\n this.coHibridaTmp === null ? 0 : this.coHibridaTmp,\r\n 1)\r\n .then((res)=>{ \r\n\r\n if (res === null){\r\n if (checkIdCo === undefined){\r\n this.resetValuesSeccionHibrida();\r\n }\r\n this.resetValuesSeccionHibridaCo();\r\n return; \r\n } \r\n \r\n if (res[0].RESP === 'OK' && (checkIdCo === undefined || (checkIdCo !== undefined && res[0].RESP_CORREQUISITO === 'OK')))\r\n { \r\n this.setState({ selection: this.selectionNewTmp,\r\n selectionCorreq: checkIdCo === undefined ? this.state.selectionCorreq : this.selectionCoNewTmp,\r\n countLE: this.state.countLE + 1, \r\n openBackDrop: false }, ()=>{\r\n\r\n this.setValuesRow(checkId, true, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD, \"W\", this.baseHibridaTmp === null ? 0 : this.baseHibridaTmp);\r\n if (checkIdCo !== undefined){\r\n this.setCheckedRowCo(checkIdCo, true, res[0].DISPONIBLE_CORREQUISITO, res[0].DISPONIBLE_MODALIDAD_CORREQUISITO, this.coHibridaTmp === null ? 0 : this.coHibridaTmp);\r\n }\r\n if (checkIdCo === undefined){\r\n this.resetValuesSeccionHibrida();\r\n }\r\n this.resetValuesSeccionHibridaCo();\r\n funciones.showToast('s', \"Se registró en lista de espera para \" + rowChecked.DESCRIPCION_CURSO + \" sección \" + rowChecked.NUMERO_SECCION);\r\n \r\n });\r\n }\r\n else \r\n {\r\n this.setState({ openBackDrop: false }, ()=>{\r\n this.setValuesRow(checkId, false, res[0].DISPONIBLE, res[0].DISPONIBLE_MODALIDAD);\r\n if (checkIdCo !== undefined){\r\n this.setCheckedRowCo(checkIdCo, false, res[0].DISPONIBLE_CORREQUISITO, res[0].DISPONIBLE_MODALIDAD_CORREQUISITO);\r\n }\r\n if (checkIdCo === undefined){\r\n this.resetValuesSeccionHibrida();\r\n }\r\n this.resetValuesSeccionHibridaCo();\r\n\r\n if (res[0].RESP !== \"OK\")\r\n return funciones.showToast('w', res[0].RESP);\r\n\r\n funciones.showToast('w', res[0].RESP_CORREQUISITO);\r\n\r\n });\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n}\r\n\r\ncountDown = ()=>{\r\n\r\n let time = this.state.closeTimeLE;\r\n \r\n this.count = setInterval(() => {\r\n time--;\r\n this.setState({ closeTimeLE: time < 0 ? 0 : time }, ()=>{\r\n if (time === -1){\r\n this.handleCloseListaEspera();\r\n return;\r\n }\r\n });\r\n \r\n }, 1000);\r\n\r\n}\r\n\r\nobtener_lista_espera = (cuenta)=>{\r\n\r\nthis.setState({ loadingLE: true }, ()=>{ \r\n\r\n new Request\r\n .get(`${globales.ip}/matricula/lista_espera/${cuenta}/${tokenInfo.user}`)\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 \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n\r\n this.setState({ rowsLE: [], countLE: 0, loadingLE: 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 (this.state.countLE !== rows.length){\r\n refreshOferta = true;\r\n }\r\n\r\n if (rows.length > 0) \r\n { \r\n this.setState({ rowsLE: rows, countLE: rows.length, loadingLE: false });\r\n }\r\n else \r\n {\r\n this.setState({ rowsLE: [], countLE: 0, loadingLE: false });\r\n } \r\n \r\n });\r\n\r\n});\r\n\r\n}\r\n\r\nhandleLE = ()=>{\r\nthis.setState({ openModalSeccionesLE: true });\r\n}\r\n\r\nhandleCloseSeccionesLE = ()=>{\r\n this.setState({ openModalSeccionesLE: false }, ()=>{\r\n if (refreshOferta)\r\n this.setState({ loadingMain: true }, ()=>{\r\n this.obtener_oferta(this.cuenta);\r\n });\r\n });\r\n}\r\n\r\nonEnteringSeccionesLE = ()=> {\r\n\r\nthis.setState({ heightTableLE: funciones.getHeightTableDialog(movil, this.tablaLERef, this.dialogActionLERef, 3) }, ()=>{ \r\n refreshOferta = false;\r\n if (!this.state.loadingLE)\r\n this.obtener_lista_espera(this.cuenta);\r\n});\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 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_Matricula').focus();\r\n }); \r\n\r\n}); \r\n \r\n}\r\n\r\ncomponentWillUnmount() { \r\n this.unsubscribeRows();\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 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 \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 {this.state.messageBackdrop}\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)","import React from 'react';\r\nimport CustomTable from '../../components/CustomTable';\r\nimport {globales, funciones } from '../../global';\r\nimport AuthService from '../../AuthService';\r\nimport Request from 'superagent';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport BarraBotones from '../../components/Barra_menu';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {Table, Grid, TableSelection, TableFixedColumns} from '@devexpress/dx-react-grid-material-ui';\r\nimport {IntegratedFiltering} from '@devexpress/dx-react-grid';\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 DialogActions from '@material-ui/core/DialogActions';\r\nimport Backdrop from '@material-ui/core/Backdrop';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport {virtual} from '../../components/VirtualListBox';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport RefreshIcon from '@material-ui/icons/Refresh';\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\nlet checkId = undefined;\r\n\r\nvar color_periodo_anterior='red';\r\n\r\nconst styles = theme => ({\r\n \r\npaper: { \r\n borderRadius: globales.border_dialog,\r\n minWidth: !movil ? '500px' : \"98%\", \r\n maxWidth: !movil ? '500px' : \"98%\", \r\n},\t\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\nbackdrop: {\r\n zIndex: 500000,\r\n color: '#fff', \r\n flexDirection: 'column'\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\npaperTitle: { \r\n height: '40px', \r\n textAlign: 'center',\r\n verticalAlign: 'middle',\r\n lineHeight: '40px',\r\n margin: \"1px \" + globales.tabla.marginright + \"px 0px \" + globales.tabla.marginleft + \"px\", \r\n},\r\ndivSecondary: {\r\n marginBottom: '10px'\r\n},\r\n\r\n});\r\nconst widthTable = !movil ? window.screen.width - (globales.tabla.marginleft + globales.tabla.marginright) : 1336;\r\nconst columns = [ \r\n { name: 'PERIODO', title: 'PERIODO'}, \r\n { name: 'ID_SECCION_CLIENTE', title: 'ID_SECCION_CLIENTE'},\r\n { name: 'CODIGO_CURSO', title: 'Código'},\r\n { name: 'DESCRIPCION_CURSO', title: 'Descripción'},\r\n { name: 'CREDITOS', title: 'Uv'},\r\n { name: 'SECCION_DIAS', title: 'Dias'},\r\n { name: 'INICIO', title: 'Desde'},\r\n { name: 'FIN', title: 'Hasta'},\r\n { name: 'AULA', title: 'Aula'}, \r\n { name: 'VALOR', title: 'Valor'},\r\n { name: 'PORCENTAJE', title: '% Retiro'},\r\n { name: 'DESCRIPCION_NIVEL', title: 'DESCRIPCION_NIVEL'},\r\n];\r\nconst columnExtensions = [\r\n { columnName: 'PERIODO', width: 0},\r\n { columnName: 'CODIGO_CURSO', width: widthTable * 0.07 },\r\n { columnName: 'DESCRIPCION_CURSO', width: !movil ? widthTable * 0.24 : 280},\r\n { columnName: 'CREDITOS', width: widthTable * 0.06, align: 'center'},\r\n { columnName: 'SECCION_DIAS', width: widthTable * 0.07, align: 'center'}, \r\n { columnName: 'INICIO', width: widthTable * 0.07, align: 'center'},\r\n { columnName: 'FIN', width: widthTable * 0.07, align: 'center'}, \r\n { columnName: 'AULA', width: widthTable * 0.07, align: 'center'}, \r\n { columnName: 'VALOR', width: widthTable * 0.08, align: 'center'},\r\n { columnName: 'PORCENTAJE', width: widthTable * 0.08, align: 'center'},\r\n { columnName: 'ID_SECCION_CLIENTE', width: 0},\r\n { columnName: 'DESCRIPCION_NIVEL', width: 0},\r\n];\r\n\r\nconst grouping = [{ columnName: 'PERIODO' },{ columnName: 'DESCRIPCION_NIVEL' }];\r\n\r\nconst grouping_nivel = [{ columnName: 'DESCRIPCION_NIVEL' }];\r\n\r\nconst columnsRetiro = [\r\n { name: 'LABEL', title: 'Label' },\r\n { name: 'VALUE', title: 'Value' },\r\n];\r\nconst columnExtensionsRetiro = [\r\n { columnName: 'LABEL', width: \"45%\", wordWrapEnabled: true }, \r\n { columnName: 'VALUE', wordWrapEnabled: true },\r\n];\r\n\r\nconst settingFilter = [\r\n\r\n { columnName: 'VALOR',\r\n predicate: (value, filter, row) => {\r\n value = funciones.formatCurrency(value); \r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n\r\n },\r\n { columnName: 'INICIO',\r\n predicate: (value, filter, row) => {\r\n value = value !== null ? funciones.getTime(value, 1) : value;\r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n\r\n },\r\n { columnName: 'FIN',\r\n predicate: (value, filter, row) => {\r\n value = value !== null ? funciones.getTime(value, 1) : value;\r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n\r\n },\r\n { columnName: 'PORCENTAJE',\r\n predicate: (value, filter, row) => {\r\n value = value + \"%\";\r\n return IntegratedFiltering.defaultPredicate(value, filter, row);\r\n },\r\n\r\n },\r\n \r\n];\r\n\r\nconst RowId = row => row.ID_SECCION_CLIENTE;\r\n\r\nconst GroupCellContent = ({ column, row }) => {\r\n var color=''\r\n var anterior=false;\r\n\r\n if(row.compoundKey.search('Período Anterior')===0)\r\n {\r\n anterior=true;\r\n color=color_periodo_anterior;\r\n }\r\n else\r\n color='black';\r\n\r\n return(\r\n \r\n {anterior?row.value:{row.value}} \r\n \r\n );\r\n}\r\n\r\nconst VirtualTable_cellComponent = (props) => { \r\n \r\n if (props.column.name === 'INICIO')\r\n {\r\n return ( \r\n {props.row.INICIO !== null ? funciones.getTime(props.row.INICIO, 1) : null}\r\n );\r\n }\r\n \r\n if (props.column.name === 'FIN')\r\n {\r\n return ( \r\n {props.row.FIN !== null ? funciones.getTime(props.row.FIN, 1) : null}\r\n );\r\n }\r\n \r\n if (props.column.name === 'VALOR')\r\n {\r\n return (\r\n {props.row.VALOR !== null ? funciones.formatCurrency(props.row.VALOR) : props.row.VALOR} \r\n \r\n );\r\n }\r\n\r\n if (props.column.name === 'PORCENTAJE')\r\n {\r\n return (\r\n {props.row.CHECKED ? null : props.row.PORCENTAJE + \"%\"} \r\n \r\n );\r\n }\r\n \r\n return ();\r\n \r\n}\r\nconst Table_cellComponentRetiro = ({style, ...props}) => {\r\n\r\n const styleCell = { border: \"none\", paddingBottom: 12 }\r\n \r\n if (props.column.name === \"LABEL\"){\r\n return ();\r\n }\r\n \r\n return ();\r\n \r\n}\r\nconst TableSelectionCellComponent = (estado, checkId) => ({style, ...props}) =>{\r\n \r\n if (estado && props.row.ID_SECCION_CLIENTE === checkId)\r\n {\r\n return ( \r\n \r\n \r\n );\r\n } \r\n \r\n return ( );\r\n}\r\nconst ColumnFixed_cellComponent = ({ showRightDivider, showLeftDivider, ...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 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\nrazonRef = React.createRef();\r\ntablaRef = 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 optionAutocomplete: [],\r\n loadingClientes: true,\r\n valueAutoComplete: null,\r\n openAutoComplete: false,\r\n openModal: false,\r\n openModalConfirmation: false,\r\n expandedGroups: [],\r\n rowsRetiro: [],\r\n loadingCheck: false,\r\n es_anterior: false,\r\n };\r\n this.cuenta= null;\r\n this.botones_retiro =[\r\n {icono: 'Check', toolt: '', nombre: 'Retirar', onclick: this.handleRetiroOk, display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleClose, display:'auto', color: 'red'},\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\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, openAutoComplete: false, rows: [] }, ()=>{\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}/retiros/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\nonRefresh = ()=>{\r\n \r\n this.setState({ loadingClientes: true }, ()=>{ \r\n this.filtersClientes('-');\r\n });\r\n \r\n}\r\n\r\nhandleChangeCuenta = (event) => {\r\n \r\nif (this.state.loadingMain)\r\n{ \r\n return;\r\n}\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 new Request\r\n .get(`${globales.ip}/retiros/oferta/${this.cuenta}/${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({ 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 periodo=null;\r\n \r\n rows.map((item)=>{\r\n foundGroup = allGroups.find(x => x === item.DESCRIPCION_NIVEL);\r\n if(item.PERIODO!==null)\r\n {\r\n if(item.PERIODO.search('Período Anterior')===-1)\r\n if (foundGroup === undefined)\r\n {\r\n allGroups.push(item.PERIODO);\r\n allGroups.push(item.PERIODO+'|'+item.DESCRIPCION_NIVEL);\r\n }\r\n else {\r\n foundGroup = undefined;\r\n }\r\n }\r\n else\r\n {\r\n if (foundGroup === undefined)\r\n {\r\n allGroups.push(item.DESCRIPCION_NIVEL);\r\n }\r\n else {\r\n foundGroup = undefined;\r\n }\r\n }\r\n periodo=item.PERIODO;\r\n \r\n return item;\r\n }); \r\n \r\n this.setState({ rows,expandedGroups: allGroups, loadingMain: false, periodo_anterior: periodo }); \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\nchangeSelection = selection => { \r\n\r\n checkId = selection[0];\r\n const rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === selection[0]); \r\n\r\n if (!rowChecked.CHECKED){\r\n\r\n const rowsRetiro = [{ KEY: 0, LABEL: \"Curso\", VALUE: rowChecked.DESCRIPCION_CURSO },\r\n { KEY: 1, LABEL: \"Dias transcurridos (matrícula)\", VALUE: rowChecked.DIAS },\r\n { KEY: 2, LABEL: \"Valor porcentual a reconocer\", VALUE: rowChecked.PORCENTAJE + \"%\" },\r\n { KEY: 3, LABEL: \"Valor total del curso\", VALUE: funciones.formatCurrency(rowChecked.VALOR) },\r\n { KEY: 4, LABEL: \"Valor total a reconocer\", VALUE: funciones.formatCurrency((rowChecked.VALOR * rowChecked.PORCENTAJE)/100) },];\r\n \r\n this.setState({ rowsRetiro,openModal: true,es_anterior:rowChecked.ES_ANTERIOR,periodo_anterior:rowChecked.PERIODO });\r\n }\r\n}\r\n\r\nhandleClose = ()=>{\r\n\r\nthis.setState({ openModal: false,es_anterior: false });\r\n\r\n}\r\n\r\nhandleRetiroOk = ()=>{\r\n\r\nif (funciones.isEmpty(this.razonRef.current.value)){\r\n funciones.showToast(\"w\", \"Debe ingresar la razón de retiro\");\r\n this.razonRef.current.focus();\r\n return;\r\n}\r\n\r\nthis.setState({ openModal: false, loadingCheck: true }, ()=>{ \r\n\r\n const rowChecked = this.state.rows.find(x => x.ID_SECCION_CLIENTE === checkId); \r\n\r\n new Request\r\n .post(`${globales.ip}/retiros`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ id_seccion_cliente: rowChecked.ID_SECCION_CLIENTE, \r\n monto_reconocido: parseFloat(rowChecked.VALOR * rowChecked.PORCENTAJE/100), \r\n porcentaje: rowChecked.PORCENTAJE,\r\n razon: this.razonRef.current.value.trim(),\r\n cuenta_alumno: this.cuenta,\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 this.setState({ loadingCheck: 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 || rows[0].RESP === undefined)\r\n { \r\n\r\n this.setState({ rows,loadingCheck: false,es_anterior: false }, ()=> { \r\n funciones.showToast(\"s\", \"Se ha retirado del curso \" + rowChecked.DESCRIPCION_CURSO); \r\n }); \r\n\r\n }\r\n else\r\n {\r\n this.setState({ loadingCheck: false,es_anterior: 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\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.cuenta= null;\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 document.getElementById('Est_Retiros').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={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
\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)"],"sourceRoot":""}