{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\ncomentarioRef = React.createRef();\r\ntablaSearchRef = React.createRef();\r\nsearchRef = React.createRef();\r\ntablaRef = React.createRef();\r\ndialogContentRef = React.createRef();\r\ntablaDocsRef = React.createRef();\r\ndialogActionsRef = React.createRef();\r\n\r\n constructor (props) {\r\n super(props);\r\n this.state = { \r\n isLoggin: undefined,\r\n heightTableMain: 0,\r\n openModalImg: false,\r\n imgSrc: undefined,\r\n imgWidth: undefined, \r\n imgHeight: undefined,\r\n saving: false,\r\n rowsSearch: [],\r\n selection: [],\r\n rows: [],\r\n loadingDocs: false,\r\n expandedGroups: [],\r\n selectionDoc: [],\r\n selectionDocRow: null,\r\n openModalComment: false,\r\n openModalDate: false,\r\n selectedDate: new Date(),\r\n loadingCheck: false,\r\n open: false,\r\n anchorEl: null,\r\n marginRightZoom: null,\r\n openModalInfo: false,\r\n expanded: undefined, \r\n loadingInfo: false,\r\n rowsInfo: [],\r\n openModalDocs: false,\r\n heightTableDocs: 0,\r\n rowsDocs: [],\r\n loadingDocsGeneral: false,\r\n selectionDocGeneral: [],\r\n expandedGroupsDoc: [],\r\n loadingCheckDocs: false,\r\n loadingClientes: true,\r\n optionAutocomplete: [],\r\n openAutoComplete: false,\r\n valueAutoComplete: null,\r\n loadingPlanes: false,\r\n };\r\n this.fileSelector = this.buildFileSelector();\r\n this.imgBase64 = undefined;\r\n this.cuenta = null;\r\n this.botones_img =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.okImgClick , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseImg, display:'auto', color: 'red'},\r\n ];\r\n this.botones_comentario =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.okCommentClick , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseComment, display:'auto', color: 'red'},\r\n ]; \r\n this.botones_fecha =[\r\n {icono: 'Check', toolt: '', nombre: 'Aceptar', onclick: this.okDateClick , display:'auto'},\r\n {icono: 'Close', toolt: '', nombre: 'Cerrar' ,onclick: this.handleCloseDate, display:'auto', color: 'red'},\r\n ];\r\n}\r\n\r\nhandleCloseImg = ()=>{\r\n\r\n this.setState({ openModalImg: false }, ()=>{\r\n\r\n this.imgBase64 = undefined;\r\n this.setState({ imgSrc: undefined,\r\n imgWidth: undefined, \r\n imgHeight: undefined, \r\n open: false,\r\n anchorEl: null\r\n })\r\n\r\n });\r\n\r\n}\r\n\r\nbuildFileSelector = () => {\r\n\r\n const fileSelector = document.createElement('input');\r\n fileSelector.setAttribute('type', 'file');\r\n //fileSelector.setAttribute('multiple', 'false');\r\n fileSelector.setAttribute('id', 'fileInput');\r\n\r\n let _this = this;\r\n\r\n fileSelector.addEventListener(\"change\", function(e) {\r\n \r\n \r\n if (!this.files[0].type.match(/^image/)){ \r\n fileSelector.value = \"\";\r\n _this.setState({ imgSrc: undefined }); \r\n funciones.showToast('w', 'Tipo de archivo no soportado');\r\n }\r\n else\r\n {\r\n \r\n \r\n if (this.files.length > 0) {\r\n try {\r\n \r\n\r\n let file = e.target.files[0];\r\n let reader = new FileReader();\r\n \r\n reader.onload = async function (e) {\r\n let img = new Image();\r\n\r\n img.addEventListener(\"load\", function(){\r\n \r\n let porcentWidth = undefined;\r\n let porcentHeight = undefined;\r\n\r\n if (!movil){\r\n porcentWidth = this.naturalWidth > this.naturalHeight ? '100%' : this.naturalWidth*100/this.naturalHeight + '%';\r\n porcentHeight = this.naturalHeight > this.naturalWidth ? '100%' : this.naturalHeight*100/this.naturalWidth + '%';\r\n }\r\n else if (movil)\r\n {\r\n if (window.innerWidth < window.innerHeight)\r\n { \r\n \r\n porcentWidth = window.innerWidth - 36;\r\n porcentHeight = this.naturalHeight * ((window.innerWidth - 36)*100/this.naturalWidth) / 100;\r\n \r\n }\r\n else if (window.innerWidth > window.innerHeight)\r\n { \r\n porcentWidth = window.innerHeight - 36;\r\n porcentHeight = this.naturalHeight * ((window.innerHeight - 36)*100/this.naturalWidth) / 100;\r\n }\r\n }\r\n\r\n _this.setState({ imgWidth: porcentWidth, imgHeight: porcentHeight, imgSrc: e.target.result, openModalImg: true }, ()=>{ \r\n fileSelector.value = \"\" });\r\n });\r\n img.src =e.target.result; \r\n let imgBase64 = e.target.result.split(',');\r\n _this.imgBase64 = imgBase64[1]; \r\n \r\n }\r\n reader.readAsDataURL(file); \r\n } catch (exception) {\r\n fileSelector.value = \"\";\r\n funciones.showToast('e', 'Ha ocurrido un error al leer el archivo');\r\n }\r\n } \r\n\r\n }\r\n\r\n });\r\n\r\n return fileSelector;\r\n}\r\n\r\nopenFileDialog = (event) => {\r\n this.fileSelector.click();\r\n}\r\n\r\ndeleteImgClick = ()=>{\r\n\r\nthis.closeLens(); \r\nthis.imgBase64 = undefined;\r\nthis.setState({ imgSrc: undefined, anchorEl: null });\r\n\r\n}\r\n\r\nokImgClick = () =>{\r\n \r\nthis.setState({ saving: true }, ()=>{\r\n const selectedRow = this.state.rows.find(x => x.NUM === this.state.selectionDocRow); \r\n this.gestionDocumento(selectedRow.TIPO_DOC, selectedRow.ID_DOC_CLIENTE, selectedRow.ENTREGADO, '=', '=', this.imgBase64 !== undefined ? this.imgBase64 : '-', 'Se ha actualizado la imagen del documento', undefined);\r\n});\r\n\r\n}\r\n\r\nhandleChangeCuenta = (event) => {\r\n \r\nthis.cuenta = this.state.valueAutoComplete.CUENTA_ALUMNO;\r\nthis.setState({ loadingPlanes: true }, ()=>{ \r\n \r\n new Request\r\n .get(`${globales.ip}/expediente/planes/${this.cuenta}/${tokenInfo.plataforma}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 15000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n window.location.reload();\r\n return; \r\n }\r\n \r\n this.setState({ loadingPlanes: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n \r\n return;\r\n }\r\n \r\n planes = JSON.parse(res.text);\r\n \r\n this.setState({ loadingPlanes: false, loadingDocs: true }, ()=>{\r\n\r\n new Request\r\n .get(`${globales.ip}/expediente/${this.cuenta}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 20000, 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({ rows: [], expandedGroups: [], selectionDoc: [], loadingDocs: false }, ()=>{\r\n funciones.showToast('e', 'No hay conexión');\r\n }); \r\n \r\n return;\r\n }\r\n \r\n const rowsDocs = JSON.parse(res.text);\r\n \r\n if (rowsDocs.length > 0)\r\n { \r\n let groups = [];\r\n let selectionDoc = [];\r\n\r\n rowsDocs.map((item, index)=>{\r\n\r\n if (!groups.find(x => x === item.TIPO_DOC_DESCRIPCION))\r\n groups.push(item.TIPO_DOC_DESCRIPCION);\r\n \r\n if (item.ENTREGADO === 1)\r\n selectionDoc.push(item.NUM);\r\n \r\n return item;\r\n\r\n });\r\n \r\n this.setState({ rows: rowsDocs, expandedGroups: groups, selectionDoc: selectionDoc, loadingDocs: false });\r\n\r\n }\r\n else \r\n this.setState({ rows: [], expandedGroups: [], selectionDoc: [], loadingDocs: false }); \r\n \r\n });\r\n\r\n });\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\nhandleClickInfo = ()=>{\r\n\r\nif (this.state.valueAutoComplete === null || planes.length === 0)\r\n return;\r\n\r\n\r\nthis.setState({ expanded: undefined, \r\n rowsInfo: [], \r\n loadingInfo: true, \r\n openModalInfo: true });\r\n\r\n}\r\n \r\nhandleCloseInfo = () => {\r\nthis.setState({ openModalInfo: false });\r\n}\r\n\r\nchangeSelectionDoc = selectionDoc =>{ \r\n\r\nlet idRow = funciones.getIdRowChecking(selectionDoc, this.state.selectionDoc); \r\nlet actionCheck = selectionDoc.length > this.state.selectionDoc.length ? 1 : 0;\r\n\r\ncheckId = idRow;\r\nthis.setState({ selectionDocRow: idRow, loadingCheck: true }, ()=>{\r\n const rowChecked = this.state.rows.find(x => x.NUM === idRow);\r\n this.gestionDocumento(rowChecked.TIPO_DOC, rowChecked.ID_DOC_CLIENTE, actionCheck, actionCheck === 1 ? rowChecked.COMENTARIO : '-', '=', '=', 'Se ha actualizado el estado del documento', selectionDoc); \r\n});\r\n \r\n}\r\n\r\nchangeSelectionDocGeneral = selectionDocGeneral =>{\r\n \r\n const idRow = funciones.getIdRowChecking(selectionDocGeneral, this.state.selectionDocGeneral); \r\n const actionCheck = selectionDocGeneral.length > this.state.selectionDocGeneral.length ? 1 : 0;\r\n \r\n checkIdDocs = idRow;\r\n this.setState({ loadingCheckDocs: true }, ()=>{\r\n\r\n const rowChecked = this.state.rowsDocs.find(x => x.NUM === idRow);\r\n const id_plan = rowChecked.ID_PLAN !== null ? rowChecked.ID_PLAN : 0; \r\n\r\n new Request\r\n .post(`${globales.ip}/expediente/documentos/operaciones`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ tipo_proceso: (actionCheck === 1) ? 1 : 2, \r\n cuenta_alumno: this.cuenta, \r\n id_plan, \r\n tipo_doc: rowChecked.TIPO_DOC, \r\n id_documento: rowChecked.ID_DOCUMENTO, \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({ loadingCheckDocs: 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 { \r\n let rowsModify = this.state.rows;\r\n let expandedGroups = this.state.expandedGroups;\r\n\r\n if (actionCheck === 1)\r\n { \r\n let newRow = [{ NUM: rowsModify.length > 0 ? rowsModify[rowsModify.length - 1].NUM + \"1\" : \"1\", \r\n ID_DOC_CLIENTE: rows[0].ID_DOC_CLIENTE,\r\n ID_DOCUMENTO: rowChecked.ID_DOCUMENTO,\r\n TIPO_DOC: rowChecked.TIPO_DOC, \r\n TIPO_DOC_DESCRIPCION: rowChecked.TIPO_DOC_DESCRIPCION, \r\n ENTREGADO: 0,\r\n NOMBRE: rowChecked.NOMBRE,\r\n FECHA_ENTREGA: rows[0].FECHA_ENTREGA,\r\n FECHA_RECIBIDO: null,\r\n COMENTARIO: null,\r\n IMAGEN: null\r\n }];\r\n\r\n rowsModify = rowsModify.concat(newRow);\r\n\r\n if (!this.state.expandedGroups.find(x => x === rowChecked.TIPO_DOC_DESCRIPCION))\r\n {\r\n expandedGroups.push(rowChecked.TIPO_DOC_DESCRIPCION);\r\n }\r\n \r\n }\r\n else if (actionCheck === 0)\r\n { \r\n let num = rowsModify.find(x => x.ID_DOCUMENTO === rowChecked.ID_DOCUMENTO && x.TIPO_DOC === rowChecked.TIPO_DOC && x.TIPO_DOC_DESCRIPCION === rowChecked.TIPO_DOC_DESCRIPCION).NUM;\r\n rowsModify = rowsModify.filter(x => x.NUM !== num);\r\n } \r\n\r\n\r\n this.setState({ selectionDocGeneral, expandedGroups, rows: rowsModify, loadingCheckDocs: false }, ()=>{\r\n \r\n const msg = actionCheck === 1 ? 'Se agregó el documento al estudiante ' + this.cuenta : 'Se quitó el documento al estudiante ' + this.cuenta;\r\n funciones.showToast('s', msg);\r\n\r\n }); \r\n }\r\n else\r\n this.setState({ loadingCheckDocs: 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\nhandleAddCommentClick = ()=>{ \r\n this.setState({ openModalComment: true });\r\n}\r\n\r\nhandleCloseComment = ()=>{\r\nthis.setState({ openModalComment: false });\r\n}\r\n\r\nokCommentClick = () => {\r\n\r\nconst rows = this.state.rows.map((item)=>{\r\n if (item.NUM === this.state.selectionDocRow)\r\n item.COMENTARIO = funciones.isEmpty(this.comentarioRef.current.value) ? null : this.comentarioRef.current.value.trim();\r\n \r\n return item;\r\n}); \r\n\r\nthis.setState({ rows, openModalComment: false });\r\n\r\n\r\n}\r\n \r\nonEnteringComment = ()=>{\r\n\r\nthis.comentarioRef.current.focus();\r\nif (this.comentarioRef.current.value.trim().length > 0)\r\n this.comentarioRef.current.setSelectionRange(0, this.comentarioRef.current.value.trim().length);\r\n\r\n}\r\n\r\nhandleOpenModalDate = ()=>{\r\nvar currentTime = new Date();\r\nlet dateRow = this.state.rows.find(x => x.NUM === this.state.selectionDocRow).FECHA_ENTREGA;\r\n dateRow = dateRow === null ? currentTime.getFullYear().toString() + '-' + (currentTime.getMonth() + 1).toString().padStart(2, \"0\") + '-' + currentTime.getDate().toString().padStart(2, \"0\") + 'T00:00:00.000': dateRow;\r\n\r\nthis.setState({ selectedDate: new Date(dateRow.substr(0,19)), openModalDate: true });\r\n}\r\n\r\nhandleCloseDate = ()=>{ \r\nthis.setState({ openModalDate: false });\r\n}\r\n\r\nhandleDateChange = (date)=>{\r\nthis.setState({ selectedDate: date });\r\n}\r\n\r\nonEnteringDate = ()=>{\r\n\r\nif (this.state.selectionDocRow === null)\r\n return;\r\n\r\n}\r\n\r\ngestionDocumento = (tipo_doc, id_doc_alumno, estatus, comentario, fecha_entrega, imagen, msgOk, selectionDoc)=>{\r\n\r\n new Request\r\n .post(`${globales.ip}/expediente/operaciones`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .set('Content-Type', 'application/json')\r\n .send({ tipo_doc, \r\n id_doc_alumno, \r\n estatus, \r\n comentario, \r\n fecha_entrega, \r\n imagen, \r\n ad_usuario: tokenInfo.user })\r\n .retry(0)\r\n .timeout({ response: 25000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n window.location.reload();\r\n return; \r\n }\r\n \r\n this.setState({ saving: false, 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)\r\n { \r\n if (rows[0].RESP === 'OK')\r\n { \r\n fecha_entrega = fecha_entrega === '-' ? null : fecha_entrega; \r\n comentario = comentario === '-' ? null : comentario;\r\n imagen = imagen === '-' ? null : imagen;\r\n\r\n this.setState({ rows: this.state.rows.map((item, index)=>{\r\n if (item.NUM === this.state.selectionDocRow)\r\n { \r\n item.ENTREGADO = estatus !== item.ENTREGADO ? estatus : item.ENTREGADO;\r\n item.FECHA_ENTREGA = item.FECHA_ENTREGA !== fecha_entrega + 'Z' && fecha_entrega !== '=' ? fecha_entrega + 'Z' : item.FECHA_ENTREGA;\r\n item.FECHA_RECIBIDO = estatus === 1 && item.FECHA_RECIBIDO === null ? rows[0].FECHA_RECIBIDO : estatus === 0 ? null : item.FECHA_RECIBIDO;\r\n item.COMENTARIO = comentario !== item.COMENTARIO && comentario !== '=' ? comentario : item.COMENTARIO;\r\n item.IMAGEN = imagen !== item.IMAGEN && imagen !== '=' ? imagen : item.IMAGEN;\r\n }\r\n\r\n return item;\r\n }) \r\n },()=>{\r\n \r\n if (selectionDoc !== undefined)\r\n {\r\n \r\n this.setState({ selectionDoc, loadingCheck: false }, ()=>{\r\n funciones.showToast('s', msgOk); \r\n });\r\n }\r\n else\r\n {\r\n this.setState({ saving: false }, ()=>{ \r\n funciones.showToast('s', msgOk);\r\n });\r\n }\r\n\r\n }); \r\n }\r\n else\r\n {\r\n \r\n this.setState({ saving: false, loadingCheck: false }, ()=>{\r\n funciones.showToast('w', rows[0].RESP); \r\n });\r\n \r\n }\r\n }\r\n else\r\n this.setState({ saving: false, loadingCheck: false }); \r\n \r\n });\r\n\r\n}\r\n\r\nokDateClick = ()=>{\r\n\r\nthis.setState({ saving: true }, ()=>{\r\nconst newDate = this.state.selectedDate.getFullYear() + '-' + (parseInt(this.state.selectedDate.getMonth()) + 1).toString().padStart(2, '0') + '-' + this.state.selectedDate.getDate().toString().padStart(2, '0');\r\nconst selectRow = this.state.rows.find(x => x.NUM === this.state.selectionDocRow);\r\nconst currentDatePart = selectRow.FECHA_ENTREGA !== null ? selectRow.FECHA_ENTREGA.substr(10, 13) : 'T00:00:00.000';\r\n\r\nthis.gestionDocumento(selectRow.TIPO_DOC, selectRow.ID_DOC_CLIENTE, 0, '=', newDate + currentDatePart, '=', 'Se ha actualizado la fecha máxima de entrega', undefined);\r\n\r\n});\r\n\r\n}\r\n\r\nonMouseOver = (event)=>{\r\n \r\n controlOpenLens = true; \r\n \r\n let img = document.getElementById(\"myimage\");\r\n let contentImg = document.getElementById(\"myContentImage\");\r\n let marginRightZoom = '20px';\r\n \r\n if (img.width < contentImg.offsetWidth)\r\n { \r\n marginRightZoom = 20 + ((contentImg.offsetWidth - img.width)/2) + 'px';\r\n }\r\n\r\n if (this.state.anchorEl === null && event.currentTarget !== undefined)\r\n {\r\n this.setState({ marginRightZoom: marginRightZoom ,anchorEl: event.currentTarget }, ()=>{\r\n if (!this.state.open)\r\n { \r\n \r\n setTimeout(()=>{\r\n \r\n if (!controlOpenLens)\r\n { \r\n this.closeLens(); \r\n return;\r\n }\r\n\r\n this.setState({ open: true}, ()=>{\r\n setTimeout(()=>{ this.imageZoom(\"myimage\", \"myresult\", \"myContentImage\", this.props.classes.imgZoomLens, 0, 0);}, 360); \r\n });\r\n\r\n }, 400);\r\n\r\n }\r\n });\r\n }\r\n else if (this.state.anchorEl !== null)\r\n { \r\n if (!this.state.open)\r\n { \r\n \r\n setTimeout(()=>{\r\n \r\n if (!controlOpenLens)\r\n { \r\n this.closeLens(); \r\n return;\r\n }\r\n \r\n this.setState({ open: true}, ()=>{\r\n setTimeout(()=>{ this.imageZoom(\"myimage\", \"myresult\", \"myContentImage\", this.props.classes.imgZoomLens, 0, 0)}, 360);\r\n });\r\n\r\n }, 400);\r\n\r\n }\r\n }\r\n \r\n\r\n}\r\n\r\nonMouseOverContent = (e)=>{\r\n\r\n let img = document.getElementById(\"myimage\");\r\n\r\n if (img === null)\r\n {\r\n return;\r\n }\r\n\r\n let a = img.getBoundingClientRect();\r\n\r\n if (e.pageX < parseInt(a.left) || e.pageX > parseInt(img.width + a.left) + 1 || e.pageY < a.top || e.pageY >= img.height + a.top)\r\n { \r\n controlOpenLens = false; \r\n\r\n if (document.getElementById(\"divLens\") !== null)\r\n {\r\n document.getElementById(\"divLens\").remove(); \r\n }\r\n \r\n if (this.state.open)\r\n {\r\n this.setState({ open: false }, ()=>{\r\n\r\n this.closeLens();\r\n\r\n });\r\n }\r\n\r\n }\r\n\r\n\r\n}\r\n\r\nimageZoom = (imgID, resultID, contentImgID, imgZoomLensClass, x, y)=> {\r\n \r\n var img, lens, result, cx, cy;\r\n img = document.getElementById(imgID);\r\n result = document.getElementById(resultID);\r\n \r\n let contentImg = document.getElementById(contentImgID); \r\n\r\n if (img === null || result === null)\r\n {\r\n return;\r\n } \r\n \r\n \r\n if (document.getElementById(\"divLens\") !== null)\r\n {\r\n document.getElementById(\"divLens\").remove(); \r\n }\r\n\r\n /* Create lens: */ \r\n lens = document.createElement(\"DIV\");\r\n lens.setAttribute(\"class\", imgZoomLensClass); lens.setAttribute(\"id\", \"divLens\"); \r\n /* Insert lens: */\r\n img.parentElement.insertBefore(lens, img); \r\n /* Calculate the ratio between result DIV and lens: */\r\n cx = result.offsetWidth / lens.offsetWidth;\r\n cy = result.offsetHeight / lens.offsetHeight;\r\n /* Set background properties for the result DIV */\r\n result.style.backgroundImage = \"url('\" + img.src + \"')\";\r\n result.style.backgroundSize = (img.width * cx) + \"px \" + (img.height * cy) + \"px\";\r\n /* Execute a function when someone moves the cursor over the image, or the lens: */\r\n lens.addEventListener(\"mousemove\", moveLens);\r\n img.addEventListener(\"mousemove\", moveLens); \r\n /* And also for touch screens: */\r\n lens.addEventListener(\"touchmove\", moveLens);\r\n img.addEventListener(\"touchmove\", moveLens);\r\n\r\n let event = document.createEvent('MouseEvent'); \r\n event.initMouseEvent('mousemove',true,true,null,null,x,y,x,y,null,null,null,null,null,null); \r\n moveLens(event);\r\n\r\n function moveLens(e) {\r\n var pos, x, y; \r\n /* Prevent any other actions that may occur when moving over the image */\r\n e.preventDefault();\r\n /* Get the cursor's x and y positions: */\r\n pos = getCursorPos(e);\r\n /* Calculate the position of the lens: */\r\n x = pos.x - (lens.offsetWidth / 2);\r\n y = pos.y - (lens.offsetHeight / 2); \r\n /* Prevent the lens from being positioned outside the image: */\r\n if (x > img.width - lens.offsetWidth) {x = img.width - lens.offsetWidth;}\r\n if (x < 0) {x = 0;}\r\n if (y > img.height - lens.offsetHeight) {y = img.height - lens.offsetHeight;}\r\n if (y < 0) {y = 0;}\r\n /* Set the position of the lens: */\r\n lens.style.left = contentImg.offsetWidth > img.width ? (x + ((contentImg.offsetWidth - img.width)/2)) + \"px\" : x + \"px\";\r\n lens.style.top = contentImg.offsetHeight > img.height ? (y + ((contentImg.offsetHeight - img.height) /2)) + \"px\" : y + \"px\"; //y + \"px\";\r\n /* Display what the lens \"sees\": */\r\n result.style.backgroundPosition = \"-\" + (x * cx) + \"px -\" + (y * cy) + \"px\";\r\n }\r\n function getCursorPos(e) {\r\n var a, x = 0, y = 0;\r\n e = e || window.event;\r\n /* Get the x and y positions of the image: */\r\n a = img.getBoundingClientRect(); \r\n /* Calculate the cursor's x and y coordinates, relative to the image: */\r\n x = e.pageX - a.left; \r\n y = e.pageY - a.top; \r\n /* Consider any page scrolling: */\r\n x = x - window.pageXOffset;\r\n y = y - window.pageYOffset;\r\n return {x : x, y : y};\r\n }\r\n}\r\n\r\nhandlePanelChange = (expanded)=>()=>{ \r\nthis.setState({ expanded });\r\n}\r\n\r\ngetPanelExpanded = ()=>{\r\n \r\n if (planes.length === 0)\r\n {\r\n return undefined;\r\n }\r\n else if (planes.length === 1)\r\n {\r\n return 'panel1';\r\n }\r\n else if (planes.length > 1)\r\n { \r\n let colecction = [];\r\n let statusTmp = null;\r\n let panelExpanded;\r\n\r\n planes.map((item, index)=>{\r\n\r\n if (!colecction.find(x => x.trim() === item.ESTADO.trim()))\r\n {\r\n colecction.push(item.ESTADO.trim());\r\n }\r\n\r\n return item;\r\n\r\n });\r\n\r\n colecction.map((item, index)=>{\r\n\r\n if ((statusTmp !== 'ACTIVO' || (statusTmp === 'ACTIVO' && item === 'EGRESADO')) && statusTmp !== 'EGRESADO')\r\n { \r\n statusTmp = item;\r\n panelExpanded = 'panel' + (index + 1).toString();\r\n }\r\n\r\n return item\r\n })\r\n \r\n return panelExpanded;\r\n\r\n }\r\n\r\n return undefined; \r\n\r\n}\r\n\r\nonEnteringInfo = ()=>{ \r\n \r\n new Request\r\n .get(`${globales.ip}/expediente/informacion_planes/${this.cuenta}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\r\n .timeout({ response: 15000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ expanded: undefined, rowsInfo: [], loadingInfo: false }, ()=>{\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 this.setState({ expanded: this.getPanelExpanded(), rowsInfo: rows, loadingInfo: false });\r\n else \r\n this.setState({ expanded: undefined, rowsInfo: [], loadingInfo: false }); \r\n \r\n });\r\n\r\n} \r\n\r\ncloseLens = () =>{\r\n\r\n controlOpenLens = false;\r\n\r\n if (document.getElementById(\"divLens\") !== null)\r\n {\r\n document.getElementById(\"divLens\").remove(); \r\n }\r\n \r\n if (this.state.open)\r\n {\r\n this.setState({ open: false });\r\n }\r\n\r\n}\r\n\r\nhandleCloseDocs = ()=>{\r\nthis.setState({ openModalDocs: false });\r\n}\r\n\r\nonEnteringDocs = ()=>{\r\n\r\nthis.setState({ heightTableDocs: funciones.getHeightTableDialog(movil, this.tablaDocsRef, this.dialogActionsRef, !movil ? 7 : 5) }, ()=>{ \r\n\r\n new Request\r\n .get(`${globales.ip}/expediente/documentos/${this.cuenta}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(1)\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 window.location.reload();\r\n return; \r\n }\r\n \r\n this.setState({ expandedGroupsDoc: [], selectionDocGeneral: [], rowsDocs: [], loadingDocsGeneral: false }, ()=>{ \r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n \r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n \r\n if (rows.length > 0)\r\n {\r\n let expandedGroupsDoc = [];\r\n let selectionDocGeneral = [];\r\n\r\n rows.map((item, index)=>{\r\n if (!expandedGroupsDoc.find(x => x === item.TIPO_DOC_DESCRIPCION))\r\n expandedGroupsDoc.push(item.TIPO_DOC_DESCRIPCION);\r\n \r\n if (item.EXISTE === 1)\r\n selectionDocGeneral.push(item.NUM);\r\n \r\n return item;\r\n\r\n });\r\n \r\n this.setState({ expandedGroupsDoc, selectionDocGeneral, rowsDocs: rows, loadingDocsGeneral: false });\r\n }\r\n else \r\n this.setState({ expandedGroupsDoc: [], selectionDocGeneral: [], rowsDocs: [], loadingDocsGeneral: false }); \r\n \r\n });\r\n\r\n\r\n });\r\n\r\n}\r\n\r\nchangeExpandedGroupsDoc = expandedGroupsDoc =>{ \r\n this.setState({ expandedGroupsDoc }); \r\n}\r\n\r\nonChangeAutocomplete = (event, value) =>{\r\n \r\nplanes = []; \r\nthis.setState({ valueAutoComplete: value, openAutoComplete: false, rows: [], expandedGroups: [], selectionDoc: [], idRowSelected: null }, ()=>{ \r\n if (value === null)\r\n return; \r\n \r\n this.handleChangeCuenta(null);\r\n});\r\n \r\n}\r\n\r\nfiltersClientes = (value)=>{ \r\n \r\n new Request\r\n .get(`${globales.ip}/expediente/estudiantes/${value}`)\r\n .set({'authorization': 'Bearer ' + Auth.getToken() })\r\n .retry(0)\r\n .timeout({ response: 20000, deadline: 30000, }) \r\n .end((err, res) => {\r\n \r\n if (err) { \r\n \r\n if (err.toString().substr(0,16) === 'Error: Forbidden')\r\n {\r\n \r\n window.location.reload();\r\n return;\r\n \r\n }\r\n \r\n this.setState({ optionAutocomplete: [], openAutoComplete: false, loadingClientes: false }, ()=>{\r\n funciones.showToast('e', 'No hay conexión');\r\n });\r\n \r\n return;\r\n }\r\n \r\n const rows = JSON.parse(res.text);\r\n this.setState({ optionAutocomplete: rows, loadingClientes: false }); \r\n \r\n \r\n});\r\n \r\n}\r\n\r\nonBlurAutoComplete = ()=>{\r\n\r\n if (this.state.openAutoComplete)\r\n this.setState({ openAutoComplete: false }); \r\n \r\n}\r\n\r\nchangeFilters = filters => { \r\n\r\nif (this.state.selectionDocRow !== null)\r\n this.setState({ selectionDocRow: null });\r\n\r\n}\r\n\r\nhandleImgClick = (idRow)=>() => {\r\n \r\n if (idRow === null)\r\n return;\r\n \r\n const infoRow = this.state.rows.find(x => x.NUM === idRow);\r\n if (infoRow === undefined) \r\n return; \r\n\r\n let _this = this;\r\n let img = new Image();\r\n \r\n if (infoRow.IMAGEN !== null && infoRow.IMAGEN !== undefined)\r\n {\r\n\r\n img.addEventListener(\"load\", function(){\r\n \r\n let porcentWidth = undefined;\r\n let porcentHeight = undefined;\r\n\r\n if (!movil){\r\n porcentWidth = this.naturalWidth > this.naturalHeight ? '100%' : this.naturalWidth*100/this.naturalHeight + '%';\r\n porcentHeight = this.naturalHeight > this.naturalWidth ? '100%' : this.naturalHeight*100/this.naturalWidth + '%';\r\n }\r\n else if (movil)\r\n {\r\n if (window.innerWidth < window.innerHeight)\r\n { \r\n \r\n porcentWidth = window.innerWidth - 36;\r\n porcentHeight = this.naturalHeight * ((window.innerWidth - 36)*100/this.naturalWidth) / 100;\r\n \r\n }\r\n else if (window.innerWidth > window.innerHeight)\r\n { \r\n porcentWidth = window.innerHeight - 36;\r\n porcentHeight = this.naturalHeight * ((window.innerHeight - 36)*100/this.naturalWidth) / 100;\r\n }\r\n }\r\n\r\n _this.setState({ imgWidth: porcentWidth, imgHeight: porcentHeight, imgSrc: this.src, openModalImg: true });\r\n });\r\n img.src = 'data:text/plain/base64;base64,' + infoRow.IMAGEN; \r\n this.imgBase64 = infoRow.IMAGEN !== null ? infoRow.IMAGEN : undefined;\r\n \r\n }\r\n else\r\n {\r\n this.setState({ openModalImg: true }); \r\n }\r\n\r\n\r\n\r\n}\r\n \r\nhandleDocumentsClick = ()=>{\r\n\r\n if (this.state.valueAutoComplete === null)\r\n return;\r\n \r\nthis.setState({ loadingDocsGeneral: true,\r\n rowsDocs: [], \r\n selectionDocGeneral: [], \r\n expandedGroupsDoc: [] , \r\n openModalDocs: true });\r\n}\r\n\r\nhandleRowClick = (idRowSelected) => event => {\r\n \r\n event.preventDefault();\r\n this.setState({ selectionDocRow: idRowSelected });\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\nonRefresh = ()=>{\r\n \r\nthis.setState({ loadingClientes: true }, ()=>{ \r\n this.filtersClientes('-');\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 this.setState({ heightTableMain: funciones.getHeightTableMain(movil, this).heightTable }, ()=>{\r\n\r\n if (tokenInfo.plataforma === 1) // Usuario Admin\r\n { \r\n this.filtersClientes('-');\r\n }\r\n\r\n if (!movil && tokenInfo.plataforma === 1)\r\n document.getElementById('est_expediente').focus();\r\n \r\n }); \r\n \r\n});\r\n \r\n}\r\n\r\nrender() {\r\nconst { classes } = this.props; \r\n\r\n if (this.state.isLoggin === true)\r\n {\r\n return (\r\n \r\n
\r\n \r\n {\r\n (() => {\r\n \r\n if (tokenInfo.plataforma === 1) //Si es Usuario Admin\r\n {\r\n \r\n return (\r\n \r\n \r\n
option.CUENTA_ALUMNO + ' - ' + option.NOMBRE_COMPLETO}\r\n style={{ width: movil ? '100%' : '430px' }}\r\n renderInput={(params) => \r\n {this.state.loadingClientes ? \r\n \r\n \r\n \r\n : \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 onClick={this.handleClickInfo}\r\n disabled={funciones.isEmpty(this.state.valueAutoComplete)}\r\n >\r\n Información\r\n \r\n }\r\n onClick={this.handleDocumentsClick}\r\n disabled={funciones.isEmpty(this.state.valueAutoComplete)}\r\n >\r\n Documentos\r\n \r\n
\r\n \r\n this.fileSelector.click())}\r\n height = {this.state.heightTableMain} \r\n loading= {this.state.loadingDocs}\r\n rowSelected={this.state.selectionDocRow}\r\n rowClick={this.handleRowClick}\r\n enabledFilterRows\r\n showSelectionColumn\r\n groupContentComponent={GroupCellContent}\r\n onFiltersChange={this.changeFilters} \r\n Selection={this.state.selectionDoc}\r\n ChangeSelection={this.changeSelectionDoc} \r\n leftColumnsFixed={[TableSelection.COLUMN_TYPE, 'ICON']}\r\n columnFixedCellComponent={ColumnFixed_cellComponent}\r\n FilteringColumnExtensions={settingFilter}\r\n tableSelectionCellComponent={TableSelectionCellComponent(this.state.loadingCheck, checkId)}\r\n /> \r\n
\r\n\r\n