![](\"../assets/logo-udemm.png\"){kind=logo}
\n \n Tamaño pagina:\n \n
;\n};\n\n// filto de fecha\nexport const filterParams = {\n comparator: function (filterLocalDateAtMidnight, cellValue) {\n let dateAsString = cellValue;\n if (dateAsString == null) return -1;\n\n let dateParts = dateAsString.split(\"/\");\n let cellDate = new Date(\n Number(dateParts[2]),\n Number(dateParts[1]) - 1,\n Number(dateParts[0])\n );\n if (filterLocalDateAtMidnight.getTime() === cellDate.getTime()) {\n return 0;\n }\n if (cellDate < filterLocalDateAtMidnight) {\n return -1;\n }\n if (cellDate > filterLocalDateAtMidnight) {\n return 1;\n }\n },\n browserDatePicker: true,\n minValidYear: 2000,\n};\n\n// formato de moneda\nexport const currencyFormatter = (params) => {\n let formateCurrency = new Intl.NumberFormat(\"es-AR\", {\n style: \"currency\",\n currency: \"ARS\",\n minimumFractionDigits: 2,\n });\n return formateCurrency.format(params.value);\n};\n\n// ordena por fecha\nexport const dateComparator = (date1, date2) => {\n let date1Number = monthToComparableNumber(date1);\n let date2Number = monthToComparableNumber(date2);\n if (date1Number === null && date2Number === null) {\n return 0;\n }\n if (date1Number === null) {\n return -1;\n }\n if (date2Number === null) {\n return 1;\n }\n return date1Number - date2Number;\n};\n\nfunction monthToComparableNumber(date) {\n if (date === undefined || date === null || date.length !== 10) {\n return null;\n }\n let yearNumber = date.substring(6, 10);\n let monthNumber = date.substring(3, 5);\n let dayNumber = date.substring(0, 2);\n return yearNumber * 10000 + monthNumber * 100 + dayNumber;\n}\n\nexport function timeStamp(date) {\n let _date;\n if (date === undefined || date === null) {\n _date = new Date();\n } else {\n _date = date;\n }\n let year = _date.getFullYear().toString();\n let month = _date.getMonth().toString().padStart(2, \"0\");\n let day = _date.getDate().toString().padStart(2, \"0\");\n let hora = _date.getHours().toString();\n let min = _date.getMinutes().toString();\n let sec = _date.getSeconds().toString();\n let mil = _date.getMilliseconds().toString();\n return year + month + day + hora + min + sec + mil;\n}\nexport const onFirstDataRendered = (params) => {\n params.api.sizeColumnsToFit();\n};\n\nexport const AG_GRID_LANGUAGE_ES = {\n // Set Filter\n selectAll: \"Seleccionar todo\",\n selectAllSearchResults: \"Seleccionar todos los resultados de busqueda\",\n searchOoo: \"Buscar ...\",\n blanks: \"(Blanco)\",\n noMatches: \"No hay resultados\",\n\n // Number Filter & Text Filter\n filterOoo: \"Filtrar...\",\n equals: \"Igual\",\n notEqual: \"No igual\",\n empty: \"Elegir uno\",\n\n // Number Filter\n lessThan: \"menor que\",\n greaterThan: \"mayor que\",\n lessThanOrEqual: \"menor o igual que\",\n greaterThanOrEqual: \"mayor o igual que\",\n inRange: \"rango\",\n inRangeStart: \"desde\",\n inRangeEnd: \"hasta\",\n\n // Text Filter\n contains: \"Contiene\",\n notContains: \"No contiene\",\n startsWith: \"Comienza con\",\n endsWith: \"Termina con\",\n\n // Date Filter\n dateFormatOoo: \"yyyy-mm-dd\",\n\n // Filter Conditions\n andCondition: \"y\",\n orCondition: \"o\",\n\n // Filter Buttons\n applyFilter: \"Aplicar\",\n resetFilter: \"Reniciar\",\n clearFilter: \"Limpiar\",\n cancelFilter: \"Cancelar\",\n\n // Filter Titles\n textFilter: \"Text Filter\",\n numberFilter: \"Number Filter\",\n dateFilter: \"Date Filter\",\n setFilter: \"Set Filter\",\n\n // Side Bar\n columns: \"Columnas\",\n filters: \"Filtros\",\n\n // columns tool panel\n pivotMode: \"Pivot Mode\",\n groups: \"Row Groups\",\n rowGroupColumnsEmptyMessage: \"Drag here to set row groups\",\n values: \"Values\",\n valueColumnsEmptyMessage: \"Drag here to aggregate\",\n pivots: \"Column Labels\",\n pivotColumnsEmptyMessage: \"Drag here to set column labels\",\n\n // Header of the Default Group Column\n group: \"Group\",\n\n // Other\n loadingOoo: \"Cargando...\",\n noRowsToShow: \"No se encontaron Filas\",\n enabled: \"Activo\",\n\n // Menu\n pinColumn: \"Pin Column\",\n pinLeft: \"Pin Left\",\n pinRight: \"Pin Right\",\n noPin: \"No Pin\",\n valueAggregation: \"Value Aggregation\",\n autosizeThiscolumn: \"Autosize This Column\",\n autosizeAllColumns: \"Autosize All Columns\",\n groupBy: \"Group by\",\n ungroupBy: \"Un-Group by\",\n resetColumns: \"Reset Columns\",\n expandAll: \"Expand All\",\n collapseAll: \"Close All\",\n copy: \"Copy\",\n ctrlC: \"Ctrl+C\",\n copyWithHeaders: \"Copy With Headers\",\n paste: \"Paste\",\n ctrlV: \"Ctrl+V\",\n export: \"Export\",\n csvExport: \"CSV Export\",\n excelExport: \"Excel Export\",\n\n // Enterprise Menu Aggregation and Status Bar\n sum: \"Suma\",\n min: \"Min\",\n max: \"Max\",\n none: \"Nada\",\n count: \"Cantidad\",\n avg: \"Promedio\",\n filteredRows: \"Filtrado\",\n selectedRows: \"Seleccionado\",\n totalRows: \"Total Filas\",\n totalAndFilteredRows: \"Filas\",\n more: \"Mas\",\n to: \"hasta\",\n of: \"de\",\n page: \"Página\",\n nextPage: \"Siguiente\",\n lastPage: \"Ultima Página\",\n firstPage: \"Primera Página\",\n previousPage: \"Anterior\",\n\n // Pivoting\n pivotColumnGroupTotals: \"Total\",\n\n // Enterprise Menu (Charts)\n pivotChartAndPivotMode: \"Pivot Chart & Pivot Mode\",\n pivotChart: \"Pivot Chart\",\n chartRange: \"Chart Range\",\n\n columnChart: \"Column\",\n groupedColumn: \"Grouped\",\n stackedColumn: \"Stacked\",\n normalizedColumn: \"100% Stacked\",\n\n barChart: \"Bar\",\n groupedBar: \"Grouped\",\n stackedBar: \"Stacked\",\n normalizedBar: \"100% Stacked\",\n\n pieChart: \"Pie\",\n pie: \"Pie\",\n doughnut: \"Doughnut\",\n\n line: \"Line\",\n\n xyChart: \"X Y (Scatter)\",\n scatter: \"Scatter\",\n bubble: \"Bubble\",\n\n areaChart: \"Area\",\n area: \"Area\",\n stackedArea: \"Stacked\",\n normalizedArea: \"100% Stacked\",\n\n histogramChart: \"Histogram\",\n\n // Charts\n pivotChartTitle: \"Pivot Chart\",\n rangeChartTitle: \"Range Chart\",\n settings: \"Settings\",\n data: \"Data\",\n format: \"Format\",\n categories: \"Categories\",\n defaultCategory: \"(None)\",\n series: \"Series\",\n xyValues: \"X Y Values\",\n paired: \"Paired Mode\",\n axis: \"Axis\",\n navigator: \"Navigator\",\n color: \"Color\",\n thickness: \"Thickness\",\n xType: \"X Type\",\n automatic: \"Automatic\",\n category: \"Category\",\n number: \"Number\",\n time: \"Time\",\n xRotation: \"X Rotation\",\n yRotation: \"Y Rotation\",\n ticks: \"Ticks\",\n width: \"Width\",\n height: \"Height\",\n length: \"Length\",\n padding: \"Padding\",\n spacing: \"Spacing\",\n chart: \"Chart\",\n title: \"Title\",\n titlePlaceholder: \"Chart title - double click to edit\",\n background: \"Background\",\n font: \"Font\",\n top: \"Top\",\n right: \"Right\",\n bottom: \"Bottom\",\n left: \"Left\",\n labels: \"Labels\",\n size: \"Size\",\n minSize: \"Minimum Size\",\n maxSize: \"Maximum Size\",\n legend: \"Legend\",\n position: \"Position\",\n markerSize: \"Marker Size\",\n markerStroke: \"Marker Stroke\",\n markerPadding: \"Marker Padding\",\n itemSpacing: \"Item Spacing\",\n itemPaddingX: \"Item Padding X\",\n itemPaddingY: \"Item Padding Y\",\n layoutHorizontalSpacing: \"Horizontal Spacing\",\n layoutVerticalSpacing: \"Vertical Spacing\",\n strokeWidth: \"Stroke Width\",\n offset: \"Offset\",\n offsets: \"Offsets\",\n tooltips: \"Tooltips\",\n callout: \"Callout\",\n markers: \"Markers\",\n shadow: \"Shadow\",\n blur: \"Blur\",\n xOffset: \"X Offset\",\n yOffset: \"Y Offset\",\n lineWidth: \"Line Width\",\n normal: \"Normal\",\n bold: \"Bold\",\n italic: \"Italic\",\n boldItalic: \"Bold Italic\",\n predefined: \"Predefined\",\n fillOpacity: \"Fill Opacity\",\n strokeOpacity: \"Line Opacity\",\n histogramBinCount: \"Bin count\",\n columnGroup: \"Column\",\n barGroup: \"Bar\",\n pieGroup: \"Pie\",\n lineGroup: \"Line\",\n scatterGroup: \"X Y (Scatter)\",\n areaGroup: \"Area\",\n histogramGroup: \"Histogram\",\n groupedColumnTooltip: \"Grouped\",\n stackedColumnTooltip: \"Stacked\",\n normalizedColumnTooltip: \"100% Stacked\",\n groupedBarTooltip: \"Grouped\",\n stackedBarTooltip: \"Stacked\",\n normalizedBarTooltip: \"100% Stacked\",\n pieTooltip: \"Pie\",\n doughnutTooltip: \"Doughnut\",\n lineTooltip: \"Line\",\n groupedAreaTooltip: \"Area\",\n stackedAreaTooltip: \"Stacked\",\n normalizedAreaTooltip: \"100% Stacked\",\n scatterTooltip: \"Scatter\",\n bubbleTooltip: \"Bubble\",\n histogramTooltip: \"Histogram\",\n noDataToChart: \"No data available to be charted.\",\n pivotChartRequiresPivotMode: \"Pivot Chart requires Pivot Mode enabled.\",\n chartSettingsToolbarTooltip: \"Menu\",\n chartLinkToolbarTooltip: \"Linked to Grid\",\n chartUnlinkToolbarTooltip: \"Unlinked from Grid\",\n chartDownloadToolbarTooltip: \"Download Chart\",\n\n // ARIA\n ariaHidden: \"hidden\",\n ariaVisible: \"visible\",\n ariaChecked: \"checked\",\n ariaUnchecked: \"unchecked\",\n ariaIndeterminate: \"indeterminate\",\n ariaColumnSelectAll: \"Toggle Select All Columns\",\n ariaInputEditor: \"Input Editor\",\n ariaDateFilterInput: \"Date Filter Input\",\n ariaFilterInput: \"Filter Input\",\n ariaFilterColumnsInput: \"Filter Columns Input\",\n ariaFilterValue: \"Filter Value\",\n ariaFilterFromValue: \"Filter from value\",\n ariaFilterToValue: \"Filter to value\",\n ariaFilteringOperator: \"Filtering Operator\",\n ariaColumn: \"Column\",\n ariaColumnGroup: \"Column Group\",\n ariaRowSelect: \"Press SPACE to select this row\",\n ariaRowDeselect: \"Press SPACE to deselect this row\",\n ariaRowToggleSelection: \"Press Space to toggle row selection\",\n ariaRowSelectAll: \"Press Space to toggle all rows selection\",\n ariaToggleVisibility: \"Press SPACE to toggle visibility\",\n ariaSearch: \"Search\",\n ariaSearchFilterValues: \"Search filter values\",\n\n // ARIA LABEL FOR DIALOGS\n ariaLabelColumnMenu: \"Column Menu\",\n ariaLabelCellEditor: \"Cell Editor\",\n ariaLabelDialog: \"Dialog\",\n ariaLabelSelectField: \"Select Field\",\n ariaLabelTooltip: \"Tooltip\",\n ariaLabelContextMenu: \"Context Menu\",\n ariaLabelSubMenu: \"SubMenu\",\n ariaLabelAggregationFunction: \"Aggregation Function\",\n};\n\nexport const exportSeparator = (gridApi, params = {}) => {\n let _params = {\n ...params,\n columnSeparator: \";\",\n };\n\n gridApi.exportDataAsCsv(_params);\n};\n","import { GridApi } from \"ag-grid-community\";\nimport { toast } from \"react-toastify\";\n\nexport const isObjEmpty = (obj) => {\n return Object.keys(obj).length === 0 && obj.constructor === Object;\n};\n\nexport const notifySuccess = (mensaje) =>\n toast.success(mensaje, {\n position: \"top-right\",\n autoClose: 4000,\n closeOnClick: true,\n pauseOnHover: true,\n });\n\nexport const notifyError = (mensaje) =>\n toast.error(mensaje, {\n position: \"top-right\",\n autoClose: 4000,\n closeOnClick: true,\n pauseOnHover: true,\n });\n\nexport const notifyInfo = (mensaje) =>\n toast.info(mensaje, {\n position: \"top-right\",\n autoClose: 4000,\n closeOnClick: true,\n pauseOnHover: true,\n });\n\nexport const notifyWarning = (mensaje) =>\n toast.warning(mensaje, {\n position: \"top-right\",\n autoClose: 4000,\n closeOnClick: true,\n pauseOnHover: true,\n });\n\nexport const exReg = {\n exNumeroTelefono:\n /^(?:(?:00)?549?)?0?(?:11|[2368]\\d)(?:(?=\\d{0,2}15)\\d{2})??\\d{8}$/,\n exEmail: /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9-.]+$/,\n};\n\nexport const formateCurrency = new Intl.NumberFormat(\"es-AR\", {\n style: \"currency\",\n currency: \"ARS\",\n minimumFractionDigits: 2,\n});\n\nexport const formateNumber = new Intl.NumberFormat(\"es-AR\", {\n style: \"decimal\",\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n});\n\nexport const stingToDate = (fecha) => {\n const [day, month, year] = fecha.split(\"/\");\n return new Date(year, month - 1, day);\n};\n","import { AgGridReact } from \"ag-grid-react\";\nimport { useState, useEffect } from \"react\";\nimport {\n gridOptions,\n onFirstDataRendered,\n AG_GRID_LANGUAGE_ES,\n filterParams,\n currencyFormatter,\n dateComparator,\n} from \"../../helpers/tablaConfig\";\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-material.css\";\nimport { Button } from \"react-bootstrap\";\nimport { formateCurrency } from \"../../helpers/helpers\";\n\n\nexport default function PagoCuota({ data, realizarPago = {} }) {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n\n const onGridReady = (params) => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n };\n\n\n const columnDef = [\n\n\n {\n headerName: \"Concepto\",\n field: \"concepto\",\n minWidth: 600,\n maxWidth: 800,\n cellStyle: { textAlign: \"left\" },\n },\n {\n headerName: \"Importe\",\n field: \"cuentaCorriente.importeConcepto\",\n minWidth: 100,\n maxWidth: 200,\n cellStyle: { textAlign: \"right\" },\n cellRenderer: currencyFormatter,\n },\n {\n headerName: \"Mes\",\n field: \"detalleDeudasDTO.mes\",\n minWidth: 50,\n maxWidth: 200,\n cellStyle: { textAlign: \"right\" },\n },\n {\n headerName: \"Año\",\n field: \"detalleDeudasDTO.anio\",\n minWidth: 50,\n maxWidth: 200,\n cellStyle: { textAlign: \"right\" },\n },\n\n\n\n ];\n\n return (\n \n realizarPago(data.totalDeuda)}>\n Pagar deuda: {formateCurrency.format(data.totalDeuda || 0)}\n \n\n
\n );\n}","import { Button, Card, Col, Container, Row } from \"react-bootstrap\";\nimport { formateCurrency } from \"../../helpers/helpers\";\n\nexport default function PagoDeuda({ data, realizarPago }) {\n return (\n \n
\n \n
\n \n
\n \n
\n Deuda
\n\n \n
\n \n
\n
\n \n realizarPago(data.deudaDto.importeTotal)}\n >\n Pagar deuda: {formateCurrency.format(data.deudaDto.importeTotal)}\n \n
\n \n {datosDeuda?.cuantaPagoElectronico && (\n \n Su código para Pago mis cuentas es:{\" \"}\n {datosDeuda?.cuantaPagoElectronico}\n \n )}\n
\n );\n}\n","import { AgGridColumn, AgGridReact } from \"ag-grid-react\";\n\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-material.css\";\nimport {\n gridOptions,\n onFirstDataRendered,\n AG_GRID_LANGUAGE_ES,\n defaultColDef,\n} from \"../../../helpers/tablaConfig\";\nimport { useState, useMemo } from \"react\";\n\nexport default function IncripcionesMateriasTable({ materias }) {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n\n const gridStyle = useMemo(() => ({ height: \"100%\", width: \"100%\" }), []);\n\n const onGridReady = (params) => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n };\n\n const onPageSizeChanged = (newPageSize) => {\n var value = document.getElementById(\"page-size\").value;\n gridApi.paginationSetPageSize(Number(value));\n };\n\n const columnDef = [\n {\n headerName: \"Curso\",\n field: \"dmateria\",\n cellStyle: { textAlign: \"left\", \"white-space\": \"normal\" },\n autoHeight: true,\n },\n {\n headerName: \"Clase\",\n field: \"tipoclase\",\n maxWidth: 120,\n cellStyle: { textAlign: \"left\", \"white-space\": \"normal\" },\n autoHeight: true,\n },\n {\n headerName: \"Horario\",\n field: \"diaSemana\",\n minWidth: 200,\n maxWidth: 200,\n cellStyle: { textAlign: \"left\", \"white-space\": \"normal\" },\n autoHeight: true,\n },\n {\n headerName: \"Año\",\n field: \"anioCarrera\",\n minWidth: 120,\n maxWidth: 120,\n resizable: true,\n cellStyle: { textAlign: \"right\" },\n },\n {\n headerName: \"Profesores\",\n field: \"celda\",\n minWidth: 300,\n cellStyle: { textAlign: \"left\", \"white-space\": \"normal\" },\n autoHeight: true,\n\n resizable: true,\n },\n {\n headerName: \"Aula\",\n field: \"aula\",\n minWidth: 300,\n cellStyle: { textAlign: \"left\", \"white-space\": \"normal\" },\n autoHeight: true,\n\n resizable: true,\n },\n ];\n\n return (\n <>\n {datosDeuda && pagosPendientes()}
\n \n \n
\n \n \n );\n}\n","import axios from \"axios\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { CURSO_INSCRIPCIONES_ENDPOINT } from \"../../../helpers/endpoints\";\nimport {Card} from \"react-bootstrap\";\nimport IncripcionesMateriasTabla from \"./IncripcionesMateriasTabla\";\nimport { setMessageAction } from \"../../../actions/messageActions\";\n\n\nexport default function ConsultaInscrionMateria() {\n\n const [materias, setMaterias] = useState(null);\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const dispatch = useDispatch();\n\n const mensajeSistema = (message, tipo) => {\n dispatch(setMessageAction({\n type: tipo,\n mensaje: message ? message : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\"\n }));\n };\n\n const getNotas = () => {\n carreraSect && (axios\n .get(CURSO_INSCRIPCIONES_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma)\n .then((resp) => {\n setMaterias(resp.data);\n }))\n .catch((error) => {\n \n const msj = error?.response ? error.response.data.message : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\";\n mensajeSistema(msj, \"ERROR\");\n \n });\n };\n\n useEffect(() => {\n setMaterias(null);\n carreraSect && getNotas();\n }, [carreraSect]);\n\n return (\n\n \n \n \n\n\n\n
\n )\n}\n","import { Container, Row, Col, Card, Spinner } from \"react-bootstrap\";\n\n\n\nexport default function LugarNacimiento({ lugarNacimiento }) {\n\n\n\n return (\n\n \n
\n \n
\n \n
\n Persona
\n\n \n {(!persona) ?\n (\n Loading...\n )\n :\n <>\n \n
\n \n
\n \n }\n\n \n
\n \n \n \n\n\n\n
\n )\n}\n","import { useFormik } from \"formik\";\nimport { Button, Col, Container, Form, Row } from \"react-bootstrap\";\nimport { exReg } from \"../../helpers/helpers\";\nimport validator from 'validator';\n\n\nconst validate = valores => {\n let errores = {};\n\n if (!validator.isEmpty(valores.telefono)) {\n if (!exReg.exNumeroTelefono.test(valores.telefono)) {\n errores.telefono = 'El numero de teléfono no es validao.'\n }\n }\n return errores;\n}\n\nexport default function TelefonoForm({ onSubmitCallback, initialForm, setShow }) {\n const formik = useFormik({\n initialValues: initialForm,\n validate,\n onSubmit: values => {\n onSubmitCallback(values);\n setShow(false);\n },\n });\n\n return (\n \n
\n \n
\n \n
\n Lugar de nacimiento
\n\n \n {(!lugarNacimiento) ?\n (\n Loading...\n )\n :\n <>\n \n
\n \n }\n \n
\n \n \n \n\n {\n setShow(false)}\n backdrop=\"static\"\n dialogClassName=\"modal-90w\"\n >\n \n \n Actualizar telefóno {titulo} \n \n \n \n \n \n }\n\n
\n\n );\n}\n","\nimport \"bootstrap/dist/css/bootstrap.min.css\";\n\nimport { Container, Card, Spinner } from \"react-bootstrap\";\nimport Telefono from \"./Telefono\";\n\nexport default function TelefonoList({ telefonos, onSubmitCallback }) {\n\n return (\n \n
\n \n
\n {titulo}
\n\n
\n \n Teléfono: {telefono?.telefono}\n
\n\n \n
\n \n
\n )\n}\n\n","import { useFormik } from \"formik\";\nimport { Button, Col, Container, Form, Row } from \"react-bootstrap\";\nimport validator from 'validator';\n\n\nconst validate = valores => {\n let errores = {};\n\n if (validator.isEmpty(valores.email)) {\n errores.email = 'Email es obligatorio.'\n } else if (!validator.isEmail(valores.email)) {\n errores.email = 'El email no es valido.'\n }\n\n return errores;\n}\n\nexport default function CorreoFormModal({ onSubmitCallback, initialForm, setShow }) {\n const formik = useFormik({\n initialValues: initialForm,\n validate,\n onSubmit: values => {\n onSubmitCallback(values);\n setShow(false);\n },\n });\n\n return (\n \n \n \n\n
\n\n \n
\n Teléfonos
\n\n \n\n {(!telefonos) ?\n\n (\n Loading...\n )\n :\n <>\n {\n telefonos.map((t,i) => (\n t.tipo === \"Particular 1\" ?\n \n
\n\n \n setShow(false)}\n backdrop=\"static\"\n dialogClassName=\"modal-90w\"\n >\n \n \n Actualizar e-mail {titulo} \n \n \n \n \n \n }\n
\n );\n}\n","import \"bootstrap/dist/css/bootstrap.min.css\";\nimport { Card, Container, Spinner } from \"react-bootstrap\";\nimport Correo from \"./Correo\";\n\nexport default function CorreoList({ emails, onSubmitCallback }) {\n return (\n \n \n \n
\n {\n \n
\n \n
\n {titulo}
\n\n
\n \n e-mail: {email.email}\n
\n\n\n
\n \n \n \n
\n\n )\n}\n","import { useFormik } from \"formik\";\nimport validator from 'validator';\nimport { Button, Col, Container, Form, Row } from \"react-bootstrap\";\n\n\n\nconst validate = valores => {\n let errores = {};\n\n if (validator.isEmpty(valores.direccion || '')) {\n errores.direccion = \"Dirección es requerida\"\n }\n\n if (validator.isEmpty(valores.altura || '')) {\n errores.altura = \"Altura es requerida\"\n }\n\n if (valores.pais?.id < 0) {\n errores.pais = \"Debe seleccionar un país\"\n }\n\n if (valores.provincia?.id < 0) {\n errores.provincia = \"Debe seleccionar una privincia\"\n }\n\n if (valores.localidad?.id < 0) {\n errores.localidad = \"Debe seleccionar una localidad\"\n }\n return errores;\n}\n\nconst options = data => {\n return data.map((e) => (\n \n )\n );\n\n}\n\n\n\nexport default function DireccionParticularModal({ onSubmitCallback, initialForm, paises, provincias, localidades, changeSelect, setShow }) {\n const formik = useFormik({\n initialValues: initialForm,\n validate,\n\n onSubmit: values => {\n onSubmitCallback(values);\n setShow(false);\n },\n\n });\n return (\n \n
\n Correos
\n\n\n \n\n {(!emails) ?\n\n (\n Loading...\n )\n :\n <>\n {\n emails.map((e,i) => (\n e.tipoMail === \"e-mail 1\" ?\n \n\n
\n\n \n
\n \n
\n \n
\n Dirección particular
\n\n \n {(!direccion) ?\n\n (\n Loading...\n )\n :\n\n <>\n \n
\n \n
\n }\n\n \n
\n {direccion &&\n (\n \n
)\n }\n\n \n \n
\n \n );\n}\n","// 👇️ using a CDN to import axios\n\nimport axios from \"axios\";\n\nexport const axiosDownloadFile = (url, fileName) => {\n return axios({\n url,\n method: \"GET\",\n responseType: \"blob\",\n headers: {\n Accept: \"application/pdf\",\n },\n })\n .then((response) => {\n const href = window.URL.createObjectURL(response.data);\n\n const anchorElement = document.createElement(\"a\");\n\n anchorElement.href = href;\n anchorElement.download = fileName.replace(\".\", \"\");\n\n document.body.appendChild(anchorElement);\n anchorElement.click();\n\n document.body.removeChild(anchorElement);\n window.URL.revokeObjectURL(href);\n })\n .catch((error) => {\n console.error(\"error: \", error);\n });\n};\n","import { Button, Card } from \"react-bootstrap\";\nimport { useCallback, useState, useEffect, useMemo, useRef } from \"react\";\nimport {\n INSCRIPCION_FINAL_ENDPOINT,\n INSCRIPCION_FINAL_PDF_ENDPOINT,\n} from \"../../../helpers/endpoints\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { setMessageAction } from \"../../../actions/messageActions\";\nimport { helpHttp } from \"../../../helpers/helpAxios\";\nimport InscripcionFinalesTable from \"./InscripcionFinalesTable\";\nimport swal from \"sweetalert2\";\nimport { currencyFormatter, gridOptions } from \"../../../helpers/tablaConfig\";\nimport {\n BsFillPlusCircleFill,\n BsFillFileEarmarkPdfFill,\n BsFillTrashFill,\n} from \"react-icons/bs\";\nimport { axiosDownloadFile } from \"../../../helpers/axiosDownloadFile\";\n\nexport default function InscripcionFinales() {\n const [mesasFienalesDisponibles, setMesasFienalesDisponibles] =\n useState(null);\n const [mesasFinalesInscripto, setMesasFinalesInscripto] = useState(null);\n const [todos, setTodos] = useState(null);\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const dispatch = useDispatch();\n\n const gridRef = useRef();\n const containerStyle = useMemo(() => ({ width: \"100%\", height: \"100%\" }), []);\n const gridStyle = useMemo(() => ({ height: \"100%\", width: \"100%\" }), []);\n\n const onGridReady = useCallback((params) => {\n params.api.sizeColumnsToFit();\n window.addEventListener(\"resize\", function () {\n setTimeout(function () {\n params.api.sizeColumnsToFit();\n });\n });\n\n gridRef.current.api.sizeColumnsToFit();\n }, []);\n\n const mensajeSistema = (message, tipo) => {\n dispatch(\n setMessageAction({\n type: tipo,\n mensaje: message\n ? message\n : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\",\n })\n );\n };\n\n const regIncripcion = (dato) => {\n return { ...dato, btnText: \"\", disabled: false };\n };\n const regEliminar = (dato) => {\n return { ...dato, btnText: \"\", disabled: false };\n };\n\n const getMateriasIncripcion = () => {\n helpHttp()\n .get(INSCRIPCION_FINAL_ENDPOINT + \"/\" + carreraSect.alumnoPrograma)\n .then((resp) => {\n setTodos(resp.data);\n let incripto = resp.data.filter((d) => d.estado !== \"DISPONIBLE\");\n setMesasFinalesInscripto(incripto.map((d) => regEliminar(d)));\n\n let disponible = resp.data.filter((d) => d.estado === \"DISPONIBLE\");\n setMesasFienalesDisponibles(disponible.map((d) => regIncripcion(d)));\n })\n .catch((error) => {\n setMesasFinalesInscripto([]);\n setMesasFienalesDisponibles([]);\n mensajeSistema(error.message, \"ERROR\");\n });\n };\n\n const info = (importe) => {\n if (importe != 0) {\n swal.fire({\n title: `Se inscribió a un final`,\n text: `Para finalizar la inscripción, debe abonar ${importe}. \n De corresponder junto con el importe del final se debe abonar matrícula.`,\n icon: \"info\",\n buttons: true,\n dangerMode: true,\n toast: true,\n });\n }\n };\n\n const inscripcion = ({ mesaSelected }) => {\n const itemsToUpdate = [];\n const api = mesaSelected.api;\n\n itemsToUpdate.push(mesaSelected.data);\n\n api.applyTransaction({ remove: [mesaSelected.data] });\n\n swal\n .fire({\n title: `Materia: ${mesaSelected.data.materia}`,\n icon: \"question\",\n iconHtml: \"؟\",\n buttons: true,\n dangerMode: true,\n confirmButtonText: `Si`,\n cancelButtonText: \"No\",\n cancelButtonColor: \"#d33\",\n showCancelButton: true,\n showCloseButton: true,\n })\n .then((result) => {\n if (result.isConfirmed) {\n let seleccion = {\n ...mesaSelected.data,\n btnText: \"Proce...\",\n disabled: true,\n };\n\n mesaSelected.node.setData(seleccion);\n\n helpHttp()\n .post(\n INSCRIPCION_FINAL_ENDPOINT + \"/\" + carreraSect.alumnoPrograma,\n {\n data: {\n id: mesaSelected.data.id,\n preactaId: mesaSelected.data.preactaId,\n },\n }\n )\n .then((resp) => {\n setMesasFienalesDisponibles((mesasFienalesDisponibles) =>\n mesasFienalesDisponibles.filter((m) => m.id !== seleccion.id)\n );\n\n setMesasFinalesInscripto((prev) => [\n ...prev,\n regEliminar(resp.data),\n ]);\n\n const param = {\n value: resp.data.importe,\n };\n const importe = currencyFormatter(param);\n if (importe !== 0) {\n info(importe);\n }\n })\n .catch((error) => {\n setMesasFienalesDisponibles((mesasFienalesDisponibles) =>\n mesasFienalesDisponibles.filter((m) => m.id !== seleccion.id)\n );\n setMesasFienalesDisponibles((prev) => [\n ...prev,\n regIncripcion(seleccion),\n ]);\n mensajeSistema(error.message, \"ERROR\");\n });\n }\n });\n };\n\n const deleteMateriasIncripcion = ({ mesaSelected }) => {\n let seleccion = {\n ...mesaSelected.data,\n btnText: \"Proce...\",\n disabled: true,\n };\n\n swal\n .fire({\n title: `Materia: ${mesaSelected.data.materia}`,\n icon: \"question\",\n iconHtml: \"؟\",\n buttons: true,\n dangerMode: true,\n confirmButtonText: `Si`,\n cancelButtonText: \"No\",\n cancelButtonColor: \"#d33\",\n showCancelButton: true,\n showCloseButton: true,\n })\n .then((result) => {\n if (result.isConfirmed) {\n setMesasFinalesInscripto((prev) =>\n mesasFinalesInscripto.map((item) => {\n if (item.id === seleccion.id) return seleccion;\n else return item;\n })\n );\n\n helpHttp()\n .put(\n INSCRIPCION_FINAL_ENDPOINT + \"/\" + carreraSect.alumnoPrograma,\n {\n data: {\n id: mesaSelected.data.id,\n preactaId: mesaSelected.data.preactaId,\n },\n }\n )\n .then((resp) => {\n setMesasFinalesInscripto((mesasFinalesInscripto) =>\n mesasFinalesInscripto.filter(\n (m) => m.id !== mesaSelected.data.id\n )\n );\n setMesasFienalesDisponibles((prev) => [\n ...prev,\n regIncripcion(resp.data),\n ]);\n })\n .catch((error) => {\n setMesasFinalesInscripto((mesasFinalesInscripto) =>\n mesasFinalesInscripto.filter(\n (m) => m.id !== mesaSelected.data.id\n )\n );\n setMesasFinalesInscripto((prev) => [\n ...prev,\n regEliminar(seleccion),\n ]);\n mensajeSistema(error.message, \"ERROR\");\n });\n }\n });\n };\n\n useEffect(() => {\n setMesasFienalesDisponibles(null);\n setMesasFinalesInscripto(null);\n carreraSect && getMateriasIncripcion();\n }, [carreraSect]);\n\n const pdf = () => {\n axiosDownloadFile(\n INSCRIPCION_FINAL_PDF_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma,\n \"fianlesInscriptos\"\n );\n };\n\n return (\n <>\n Mesas de finales disponibles
\n\n \n
\n \n \n
\n \n
\n Mesas de finales inscripto
\n\n {\n pdf()}\n disabled={\n mesasFinalesInscripto?.length === 0 ||\n mesasFinalesInscripto === null\n ? true\n : false\n }\n >\n {
\n \n
\n \n );\n}\n","import InscripcionACursosTabla from \"./InscripcionACursosTabla\";\nimport { Alert, Button, Card } from \"react-bootstrap\";\nimport { useState, useEffect } from \"react\";\nimport {\n INSCRIPCION_CURSO_ENDPOINT,\n INSCRIPCION_CURSO_PDF_ENDPOINT,\n} from \"../../../helpers/endpoints\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { setMessageAction } from \"../../../actions/messageActions\";\nimport { helpHttp } from \"../../../helpers/helpAxios\";\nimport swal from \"sweetalert2\";\nimport {\n BsFillTrashFill,\n BsFillFileEarmarkPdfFill,\n BsFillPlusCircleFill,\n} from \"react-icons/bs\";\nimport { cursoEstado } from \"../../../helpers/constantes\";\nimport { axiosDownloadFile } from \"../../../helpers/axiosDownloadFile\";\n\nconst regIncripcion = (dato) => {\n return { ...dato, btnText: \"\", disabled: false };\n};\nconst regEliminar = (dato) => {\n return { ...dato, btnText: \"\", disabled: false };\n};\n\nexport default function InscripcionCursos() {\n const [materiasDisponibles, setMateriasDisponibles] = useState(null);\n const [materiasInscripto, setMateriasInscripto] = useState(null);\n const [isInscripcionWebFinalizada, setIsInscripcionWebFinalizada] =\n useState(false);\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const dispatch = useDispatch();\n\n const mensajeSistema = (message, tipo) => {\n dispatch(\n setMessageAction({\n type: tipo,\n mensaje: message\n ? message\n : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\",\n })\n );\n };\n\n const getMateriasIncripcion = () => {\n helpHttp()\n .get(INSCRIPCION_CURSO_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma)\n .then((resp) => {\n let disponible = resp.data.filter(\n (d) => d.accion === cursoEstado.DISPONIBLE\n );\n setMateriasDisponibles(disponible.map((d) => regIncripcion(d)));\n let inscripto = resp.data.filter(\n (d) => d.accion !== cursoEstado.DISPONIBLE\n );\n setMateriasInscripto(inscripto.map((d) => regEliminar(d)));\n setIsInscripcionWebFinalizada(\n resp.data.filter((d) => !d.inscripcionHabilitada)\n );\n })\n .catch((error) => {\n setMateriasDisponibles([]);\n setMateriasInscripto([]);\n mensajeSistema(error.message, \"ERROR\");\n });\n };\n\n const deleteMateriasIncripcion = ({ cursoSelected }) => {\n let seleccion = {\n ...cursoSelected.data,\n btnText: \"Proce...\",\n disabled: true,\n };\n\n swal\n .fire({\n title: `Materia: ${cursoSelected.data.descripcion}`,\n text: `En el horario: ${cursoSelected.data.horarios} `,\n icon: \"question\",\n iconHtml: \"؟\",\n buttons: true,\n dangerMode: true,\n confirmButtonText: `Eliminar curso`,\n cancelButtonText: \"Mejor mas tarde\",\n cancelButtonColor: \"#d33\",\n showCancelButton: true,\n showCloseButton: true,\n })\n .then((result) => {\n if (result.isConfirmed) {\n setMateriasInscripto((prev) =>\n materiasInscripto.map((item) => {\n if (item.id === seleccion.id) return seleccion;\n else return item;\n })\n );\n\n const curso = {\n id: seleccion.id,\n alumnoProgramaId: carreraSect.alumnoPrograma,\n //materia: seleccion.materia.materiaId,\n cursoTipoClase: seleccion.cursoTipoClase,\n accion: seleccion.accion,\n };\n console.log(JSON.stringify(curso, 0, 2));\n helpHttp()\n .put(INSCRIPCION_CURSO_ENDPOINT, { data: curso })\n .then((resp) => {\n setMateriasInscripto((materiasInscripto) =>\n materiasInscripto.filter((m) => m.id !== seleccion.id)\n );\n setMateriasDisponibles((prev) => [\n ...prev,\n regIncripcion(resp.data),\n ]);\n })\n .catch((error) => {\n setMateriasInscripto((mesasFinalesInscripto) =>\n mesasFinalesInscripto.filter((m) => m.id !== seleccion.id)\n );\n setMateriasInscripto((prev) => [...prev, regEliminar(seleccion)]);\n mensajeSistema(error.message, \"ERROR\");\n });\n }\n });\n };\n\n const postMateriasIncripcion = ({ cursoSelected }) => {\n let seleccion = {\n ...cursoSelected.data,\n btnText: \"Proce...\",\n disabled: true,\n };\n swal\n .fire({\n title: `Materia: ${cursoSelected.data.descripcionCurso}`,\n text: `En el horario: ${cursoSelected.data.horarios} `,\n icon: \"question\",\n iconHtml: \"؟\",\n buttons: true,\n dangerMode: true,\n confirmButtonText: `Si`,\n cancelButtonText: \"No\",\n cancelButtonColor: \"#d33\",\n showCancelButton: true,\n showCloseButton: true,\n })\n .then((result) => {\n if (result.isConfirmed) {\n setMateriasDisponibles((prev) =>\n materiasDisponibles.map((item) => {\n if (item.id === seleccion.id) return seleccion;\n else return item;\n })\n );\n\n helpHttp()\n .post(\n INSCRIPCION_CURSO_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma,\n {\n data: {\n id: seleccion.id,\n cursoTipoClase: seleccion.cursoTipoClase,\n },\n }\n )\n .then((resp) => {\n setMateriasDisponibles((materiasInscripto) =>\n materiasInscripto.filter((m) => m.id !== seleccion.id)\n );\n setMateriasInscripto((prev) => [...prev, regEliminar(resp.data)]);\n mensajeSistema(\n \"Se encuentra inscripto a \" + resp.data.descripcionCurso,\n \"success\"\n );\n })\n .catch((error) => {\n setMateriasDisponibles((materiasDisponibles) =>\n materiasDisponibles.filter((m) => m.id !== seleccion.id)\n );\n setMateriasDisponibles((prev) => [\n ...prev,\n regIncripcion(seleccion),\n ]);\n mensajeSistema(error?.message, \"ERROR\");\n });\n }\n });\n };\n\n useEffect(() => {\n setMateriasDisponibles(null);\n setMateriasInscripto(null);\n carreraSect && getMateriasIncripcion();\n }, [carreraSect]);\n\n const pdf = () => {\n axiosDownloadFile(\n INSCRIPCION_CURSO_PDF_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma,\n \"cursosInscriptos\"\n );\n };\n\n return (\n <>\n {isInscripcionWebFinalizada && (\n Materias disponible
\nMaterias inscripto
\n\n\n {\n pdf()}\n disabled={\n materiasInscripto?.length == 0 || materiasInscripto === null\n ? true\n : false\n }\n >\n {
\n \n
\n\n );\n}\n","import Tabla from \"./FehcaExamenesTabla\";\nimport {Card} from \"react-bootstrap\";\nimport { useState, useEffect} from \"react\";\nimport axios from \"axios\";\nimport { INSCRIPCION_FECHA_EXAMEN_ENDPOINT } from \"../../../helpers/endpoints\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { setMessageAction } from \"../../../actions/messageActions\";\n\nexport default function ConsultaFechaExamenPage() {\n\n const [fechaFinal, setFechaFinal] = useState(null);\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const dispatch = useDispatch();\n\n const mensajeSistema = (message, tipo) => {\n dispatch(setMessageAction({\n type: tipo,\n mensaje: message ? message : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\"\n }));\n};\n\n const getFechaFinal = () => {\n axios\n .get(INSCRIPCION_FECHA_EXAMEN_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma)\n .then((resp) => {\n setFechaFinal(resp.data);\n })\n .catch((error) => {\n const msj = error?.response ? error.response.data.message : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\";\n mensajeSistema(msj, \"ERROR\");\n });\n };\n\n useEffect(() => {\n\n carreraSect && getFechaFinal();\n }, [carreraSect]);\n\n return (\n \n \n
\n \n
\n \n \n { \n
\n );\n}\n","import { AgGridReact } from \"ag-grid-react\";\nimport {\n gridOptions,\n onFirstDataRendered,\n AG_GRID_LANGUAGE_ES,\n exportSeparator,\n dateComparator,\n defaultColDef,\n} from \"../../../helpers/tablaConfig\";\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-material.css\";\nimport { useState, useRef, useMemo } from \"react\";\nimport { Button, Col, Row } from \"react-bootstrap\";\nimport { axiosDownloadFile } from \"../../../helpers/axiosDownloadFile\";\nimport { CERTIFICADO } from \"../../../helpers/endpoints\";\nimport { BsFillCloudArrowDownFill } from \"react-icons/bs\";\nimport { formateNumber, stingToDate } from \"../../../helpers/helpers\";\n\nexport default function NotasTabla({ promedio, notas }) {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n const gridRef = useRef();\n\n const gridStyle = useMemo(() => ({ height: \"100%\", width: \"100%\" }), []);\n\n const onGridReady = (params) => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n };\n\n const onPageSizeChanged = (newPageSize) => {\n var value = document.getElementById(\"page-size\").value;\n gridApi.paginationSetPageSize(Number(value));\n window.addEventListener(\"resize\", function () {\n setTimeout(function () {\n newPageSize.api.sizeColumnsToFit();\n });\n });\n gridRef.current.api.sizeColumnsToFit();\n };\n\n const nota = (params) => {\n if (params.value === \"number\") {\n return formateNumber.format(params.value.toFixed(2)).toString();\n }\n\n switch (params.data.notaLetra) {\n case \"E\":\n case \"U\":\n return \"\";\n default:\n return params.data.notaLetra;\n }\n };\n const isDownloadSertificado = (params) => {\n const fechaExamenDate = stingToDate(params.data.fechaExamen);\n const currentDate = new Date();\n const fourMonthsAgo = new Date(\n currentDate.setMonth(currentDate.getMonth() - 4)\n );\n\n if (fechaExamenDate >= fourMonthsAgo) {\n // solo los certificados que el examen paso menos de un mes\n\n if (params.value === \"number\") {\n return true && !params.data.promosion;\n }\n switch (params.data.notaLetra) {\n case \"E\":\n case \"U\":\n case \"AUS\":\n return false;\n default:\n return true && !params.data.promosion;\n }\n }\n return false;\n };\n const onBtExport = () => {\n exportSeparator(gridApi);\n };\n\n const columnDef = [\n {\n headerName: \"Código Mataria\",\n field: \"descred\",\n maxWidth: 175,\n resizable: true,\n },\n {\n headerName: \"Materia\",\n field: \"descripcion\",\n minWidth: 600,\n resizable: true,\n floatingFilter: false,\n filter: true,\n },\n {\n field: \"fechaExamen\",\n comparator: dateComparator,\n resizable: true,\n },\n {\n field: \"tipoEvaluacion\",\n resizable: true,\n unSortIcon: true,\n filter: true,\n floatingFilter: false,\n },\n {\n headerName: \"Nota\",\n field: \"notaNumero\",\n resizable: true,\n valueFormatter: (params) => nota(params),\n },\n {\n headerName: \"Aprobado\",\n field: \"aprobado\",\n resizable: true,\n },\n {\n headerName: \"Certificado examen\",\n field: \"accion\",\n sortable: false,\n unSortIcon: false,\n filter: false,\n floatingFilter: false,\n resizable: true,\n cellStyle: { textAlign: \"center\" },\n cellRendererFramework: (params) => btnCertificado(params),\n },\n ];\n const btnCertificado = (params) => {\n return (\n \n \n
\n \n \n \n \n \n
\n );\n}\n","import React from \"react\";\n\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Alert, Button, Card, Container, Row } from \"react-bootstrap\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport {\n ALUMNO_REGULAR,\n DEACARGAR_CERTIFICADO_ALUMNO_REGULAR,\n} from \"../helpers/endpoints\";\nimport { useState, useEffect } from \"react\";\nimport { helpHttp } from \"../helpers/helpAxios\";\nimport { setMessageAction } from \"../actions/messageActions\";\nimport {\n BsExclamationTriangle,\n BsFillFileEarmarkPdfFill,\n} from \"react-icons/bs\";\nimport { axiosDownloadFile } from \"../helpers/axiosDownloadFile\";\n\nexport default function Home() {\n const dispatch = useDispatch();\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const [isRegular, setIsRegular] = useState(false);\n const [isDisable, setIsDisable] = useState(true);\n const [isMostrarMensaje, setIsMostrarMensaje] = useState(false);\n\n const mensajeSistema = (message, tipo) => {\n dispatch(\n setMessageAction({\n type: tipo,\n mensaje: message\n ? message\n : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\",\n })\n );\n };\n\n const getIsRegular = () => {\n helpHttp()\n .get(ALUMNO_REGULAR + \"/\" + carreraSect?.alumnoPrograma)\n .then((response) => {\n setIsRegular(response.data);\n setIsDisable(false);\n })\n .catch((error) => {\n mensajeSistema(error.message, \"error\");\n });\n };\n\n useEffect(() => {\n carreraSect?.alumnoPrograma && getIsRegular();\n }, [carreraSect]);\n\n const pdf = () => {\n if (isRegular) {\n setIsMostrarMensaje(false);\n axiosDownloadFile(\n DEACARGAR_CERTIFICADO_ALUMNO_REGULAR +\n \"/\" +\n carreraSect?.alumnoPrograma,\n \"certificado\"\n );\n // deshabilitar button durante 5 segundos\n setIsDisable(true);\n setTimeout(() => {\n setIsDisable(false);\n }, 15000);\n } else {\n setIsMostrarMensaje(true);\n }\n };\n return (\n <>\n \n Usted no es alumno regular.
\n Por favor comunicarse con el departamento de alumnos\n
\n
\n )\n}\n","export default function Historico() {\n return (\n Consulta de catalogo
\n\n
\n )\n}\n","export default function Renovar() {\n return (\n Histórico
\n\n
\n )\n}\n","export default function ListaPagos() {\n return (\n Renovar
\n\n
\n )\n}\n","import React, { useState } from \"react\";\nimport { Form, Button, Col, Row, Spinner } from \"react-bootstrap\";\n\nexport default function SignInForm({\n errors,\n onSubmitCallback,\n loading,\n recuerarClave,\n certificadoExamen,\n}) {\n const [usernameUdemm, setUsernameUdemm] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [type, setType] = useState(\"DNI\");\n\n const submitForm = (e) => {\n e.preventDefault();\n onSubmitCallback({ usernameUdemm, password, type });\n };\n\n return (\n \n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport { Container, Row, Col, Card, Alert } from \"react-bootstrap\";\nimport SignInForm from \"./SignInForm\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport validator from \"validator\";\nimport { isObjEmpty } from \"../../helpers/helpers\";\nimport { loginUser } from \"../../actions/authActions\";\nimport { useHistory } from \"react-router-dom\";\nimport routers from \"../../helpers/routers\";\n\nexport default function SignIn() {\n const [errors, setErrors] = useState({});\n const dispatch = useDispatch();\n const loggedIn = useSelector((state) => state.auth.loggedIn);\n const history = useHistory();\n const [loading, setLoading] = useState(false);\n //const location = useLocation();\n\n useEffect(() => {\n if (loggedIn) {\n /*history.push(location.state ? location.state.from : \"/principal\");*/\n history.push(\"/principal\");\n }\n });\n\n const login = ({ usernameUdemm, password, type }) => {\n const errors = {};\n setErrors(errors);\n\n if (validator.isEmpty(usernameUdemm)) {\n errors.usernameUDemm = \"El usuario no puede estar vacío\";\n }\n\n if (validator.isEmpty(password)) {\n errors.password = \"La contraseña no puede estar vacia\";\n }\n\n if (!isObjEmpty(errors)) {\n setErrors(errors);\n return;\n }\n\n setLoading(true);\n\n const username = type + \"_\" + usernameUdemm;\n\n dispatch(loginUser({ username, password }))\n .then((response) => {})\n .catch((error) => {\n setLoading(false);\n if (error.response?.status === 400) {\n setErrors({ auth: \"Usuario o contraseña incorrectos\" });\n } else {\n setErrors({\n auth: error?.response\n ? error.response.data.message\n : \"Es este momento no podemos procesar la solicitud. Intente mas tardes\",\n });\n }\n });\n };\n const recuerarClave = () => {\n history.push(routers.recuperoClave);\n };\n const certificadoExamen = () => {\n history.push(routers.certificadoExamen);\n };\n return (\n ListaPagos
\nIniciar sesión alumnos
\n\n
\n
\n );\n}\n","import { AgGridReact } from \"ag-grid-react\";\nimport { gridOptions, onFirstDataRendered, AG_GRID_LANGUAGE_ES } from '../../helpers/tablaConfig';\nimport 'ag-grid-community/dist/styles/ag-grid.css'\nimport 'ag-grid-community/dist/styles/ag-theme-material.css';\nimport { useState } from \"react\";\n\n\nexport default function TamiteMateriaTabla({data, onRowSelected,fielaSecleccionada, edit}) {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n \n const onGridReady = (params) => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n };\n\n\n const columnDef = [\n {\n headerName: \"Materia\",\n field: \"descripcion\",\n cellStyle: { textAlign: 'left' }\n },\n \n ];\n\n return (\n <>\n \n onBtExport()}\n disabled={!(data && data.length > 0)}\n style={{ fontWeight: \"bold\" }}\n className=\"bt btn-info mb-2\"\n >\n Exportar CSV\n \n
\n\n \n
\n Total materias seleccionadas: {edit.current ? fielaSecleccionada.length : data?.length }
\n\n \n
\n \n\n )\n}\n","import React, { useState } from \"react\";\nimport { Form, Button, Col, Row } from \"react-bootstrap\";\nimport TablaMaterias from \"./TamiteMateriaTabla\";\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\nimport \"ag-grid-community/dist/styles/ag-theme-material.css\";\n\nexport default function ModalTramiteForm({\n tipoTramite,\n onSubmitCallback,\n initialForm,\n errors,\n cargarMaterias,\n dataMateria,\n edit,\n}) {\n const [form, setForm] = useState(initialForm);\n const [fielaSecleccionada, setFielaSecleccionada] = useState([]);\n\n const handleChange = (e) => {\n const { name, value } = e.target;\n edit.current && value === \"PROGRAMA\" && cargarMaterias();\n setForm({\n ...form,\n [name]: value,\n });\n };\n\n const onRowSelected = async (params) => {\n if (params.node.isSelected()) {\n await setFielaSecleccionada([\n ...fielaSecleccionada,\n { materiaId: params.data.materiaId },\n ]);\n } else {\n await setFielaSecleccionada(\n fielaSecleccionada.filter((f) => f.materiaId != params.data.materiaId)\n );\n }\n };\n\n const submitForm = (e) => {\n e.preventDefault();\n if (form.tipoTramite === \"PROGRAMA\") {\n onSubmitCallback({ ...form, materias: fielaSecleccionada });\n } else {\n onSubmitCallback({ ...form, materias: [{}] });\n }\n };\n\n const handleInputChange = (e) => {\n form.isCertificadoMinisterio = !form.isCertificadoMinisterio;\n };\n\n return (\n \n );\n}\n","import axios from \"axios\";\n\nexport const helpHttp = () => {\n\n const customFetch = async (endpoint, options) => {\n \n return await axios(endpoint,options);\n let rest;\n\n switch (options.method) {\n case \"POST\":\n \n rest = await axios.post(endpoint, options.data ,{\n headers: {'Accept': 'application/json', 'Content-type': 'application/json','Accept-Encoding':'gzip', 'x-accept-encoding':'gzip'}\n });\n break;\n\n default:\n \n break;\n \n }\n return await rest.data;\n };\n \n const get = async (url, options = {}) => customFetch(url, options);\n \n const post = (url, options = {}) => {\n \n options= {...options,\n method: \"POST\",\n };\n \n return customFetch(url, options);\n };\n \n const put = (url, options = {}) => {\n options= {method: \"PUT\",};\n return customFetch(url, options);\n };\n \n const del = (url, options = {}) => {\n options= {method: \"DELETE\",};\n return customFetch(url, options);\n };\n \n return {\n \n get,\n post,\n put,\n del,\n };\n };","import React, { useState, useEffect, useRef } from \"react\";\nimport { Button, Modal, Card } from \"react-bootstrap\";\nimport validator from \"validator\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport {\n INICIO_TRAMITE_ENDPOINT,\n INICIO_TRAMITE_ENDPOINT_MATERIAS,\n INICIO_TRAMITE_ENDPOINT_MATERIAS_TRAMITE,\n INICIO_TRAMITE_TIPO_ENDPOINT,\n} from \"../../helpers/endpoints\";\nimport Tabla from \"./InicioTramitesTabla\";\nimport Form from \"./ModalTramiteForm\";\nimport { helpHttp } from \"../../helpers/helpHttp\";\nimport { isObjEmpty } from \"../../helpers/helpers\";\nimport { setMessageAction } from \"../../actions/messageActions\";\nimport swal from \"sweetalert2\";\n\nlet initialForm = {\n tipoTramite: \"\",\n observaciones: \"\",\n datosAdicionales: \"\",\n isCertificadoMinisterio: false,\n materias: [{}],\n tipoTramiteSelect: {},\n};\n\nexport default function InicioTramite() {\n const [errorForm, setErrorForm] = useState({});\n const [tramitesIniciados, setTramitesIniciados] = useState(null);\n const [tipoTramite, setTipoTramite] = useState([]);\n const [show, setShow] = useState(false);\n const [dataMateria, setDataMateria] = useState(null);\n const dispatch = useDispatch();\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const edit = useRef(true);\n\n useEffect(() => {\n carreraSect && getTramitesHistoricos();\n }, [carreraSect]);\n\n const mensajeSistema = (message, tipo) => {\n dispatch(\n setMessageAction({\n type: tipo,\n mensaje: message\n ? message\n : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\",\n })\n );\n };\n\n const inicializarFormulario = (data = {}) => {\n initialForm = {\n tipoTramite: isObjEmpty(data) ? \"\" : data.tipoTramiteSelect.valor,\n meaning: isObjEmpty(data) ? null : data.tipoTramiteSelect.meaning,\n observaciones: data.observaciones,\n datosAdicionales: data.datosAdicionales,\n isCertificadoMinisterio: data.isCertificadoMinisterio,\n };\n };\n\n const validarForm = (form) => {\n const errors = {};\n setErrorForm(errors);\n\n if (validator.isEmpty(form.tipoTramite)) {\n errors.tipoTramite = \"Debe seleccionar un tipo de tramite\";\n }\n\n return errors;\n };\n\n const getTramitesHistoricos = () => {\n helpHttp()\n .get(INICIO_TRAMITE_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma)\n .then((resp) => setTramitesIniciados(resp.data))\n .catch((error) => mensajeSistema(error.response.data.message, \"ERROR\"));\n };\n\n const tipostramites = () => {\n setDataMateria(null);\n inicializarFormulario();\n edit.current = true;\n\n helpHttp()\n .get(INICIO_TRAMITE_TIPO_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma)\n .then((resp) => setTipoTramite(resp.data))\n .catch((error) => mensajeSistema(error.response.data.message, \"ERROR\"));\n };\n\n const cargarMaterias = () => {\n helpHttp()\n .get(INICIO_TRAMITE_ENDPOINT_MATERIAS + \"/\" + carreraSect?.alumnoPrograma)\n .then((resp) => setDataMateria(resp.data))\n .catch((error) => mensajeSistema(error.response.data.message, \"ERROR\"));\n };\n\n const cargarMateriasSeleccionadas = (numeroTramite) => {\n helpHttp()\n .get(INICIO_TRAMITE_ENDPOINT_MATERIAS_TRAMITE + \"/\" + numeroTramite)\n .then((resp) => setDataMateria(resp.data))\n .catch((error) => mensajeSistema(error.response.data.message, \"ERROR\"));\n };\n\n const infoTramite = (importe) => {\n if (importe != 0) {\n swal.fire({\n title: `El trámite solicitado ha generado una deuda`,\n text: `Para finalizar la solicitud, debe abonar $${importe}. \n Si el mismo no es saldado en los proximos 30 días, el trámite se eliminará de manera automática.`,\n icon: \"info\",\n buttons: true,\n dangerMode: true,\n toast: true,\n });\n }\n };\n\n const onSubmitCallback = (form) => {\n let errors = validarForm(form);\n if (!isObjEmpty(errors)) {\n setErrorForm(errors);\n return;\n }\n setDataMateria(null);\n setShow(!show);\n setTipoTramite(null);\n\n helpHttp()\n .post(INICIO_TRAMITE_ENDPOINT + \"/\" + carreraSect?.alumnoPrograma, {\n data: form,\n })\n .then((resp) => {\n setTramitesIniciados([resp.data, ...tramitesIniciados]);\n\n infoTramite(resp.data.saldo);\n\n mensajeSistema(\n \"Se genero el tramite: \" + resp.data.numeroTramite,\n \"success\"\n );\n })\n .catch((error) => mensajeSistema(error.response.data.message, \"ERROR\"));\n };\n\n const deleteRow = (id) => {\n swal\n .fire({\n title: `¿Quiere borrar el trámite ${id}?`,\n text: \"Una vez eliminado, ¡no podrá recuperar recuperar el tramite! \",\n icon: \"question\",\n iconHtml: \"؟\",\n buttons: true,\n dangerMode: true,\n confirmButtonText: `Eliminar`,\n cancelButtonText: \"Cancelar\",\n cancelButtonColor: \"#d33\",\n showCancelButton: true,\n showCloseButton: true,\n })\n .then((result) => {\n if (result.isConfirmed) {\n helpHttp()\n .del(INICIO_TRAMITE_ENDPOINT + \"/\" + id)\n .then((resp) => {\n setTramitesIniciados((tramitesIniciados) =>\n tramitesIniciados.filter((t) => t.numeroTramite != resp.data)\n );\n mensajeSistema(\"Tramite: \" + resp.data + \" borrado\", \"success\");\n })\n .catch((error) =>\n mensajeSistema(error.response.data.message, \"ERROR\")\n );\n }\n });\n };\n\n const handleVer = (data) => {\n inicializarFormulario(data);\n edit.current = false;\n if (data.codTipo === \"PROGRAMA\") {\n cargarMateriasSeleccionadas(data.numeroTramite);\n }\n setShow(true);\n };\n\n return (\n \n \n \n\n {\n setDataMateria(null) || setShow(false)}\n backdrop=\"static\"\n dialogClassName=\"modal-90w\"\n >\n \n \n Inicio de Trámite\n \n \n \n \n \n }\n
\n );\n}\n","import React from \"react\";\nimport { Route, Redirect , useLocation } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport {hasAnyAuthority} from \"../../helpers/roles\";\nimport routers from \"../../helpers/routers\";\n\nexport default function PrivateRoute({\n hasRole,\n component: Component,\n hasAnyAuthorities = [],\n ...rest\n}) {\n const loggedIn = useSelector((state) => state.auth.loggedIn);\n const authorities = useSelector((state) => state.auth.authorities);\n const location = useLocation();\n\n return (\n \n {\n tipostramites();\n setShow(true);\n }}\n >\n Iniciar Trámite\n \n
\n
\n \n
\n
\n );\n}\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { Nav, Navbar, NavDropdown, Form } from \"react-bootstrap\";\nimport { NavLink } from \"react-router-dom\";\nimport routers from \"../helpers/routers\";\n\nimport { MdOutgoingMail, MdPlace, MdPhone, MdFacebook } from \"react-icons/md\";\nimport { AiFillTwitterCircle, AiFillInstagram } from \"react-icons/ai\";\n\nexport default function Footer() {\n const year = new Date().getFullYear();\n\n return (\n \n );\n}\n","import { AgGridReact } from 'ag-grid-react';\nimport {\n gridOptions,\n onFirstDataRendered,\n AG_GRID_LANGUAGE_ES,\n filterParams,\n currencyFormatter,\n dateComparator,\n exportSeparator\n} from \"../../../helpers/tablaConfig\"\nimport {useState} from \"react\";\nimport {Button} from \"react-bootstrap\";\nimport {GrDocumentCsv} from \"react-icons/gr\";\nimport 'ag-grid-community/dist/styles/ag-grid.css'\nimport 'ag-grid-community/dist/styles/ag-theme-material.css';\n\n\nexport default function InscripcionFinalesTable({data, inscripcion}) {\n const [gridApi, setGridApi] = useState(null);\n const [gridColumnApi, setGridColumnApi] = useState(null);\n\n const onGridReady = (params) => {\n setGridApi(params.api);\n setGridColumnApi(params.columnApi);\n };\n\n\n const onBtExport = () => {\n gridApi.exportDataAsCsv();\n };\n\n\n\n const columnDef = [\n\n\n {\n headerName: \"Mesa\",\n field: \"id\",\n minWidth: 150,\n maxWidth: 200,\n cellStyle: {textAlign: 'right'}\n },\n {\n headerName: \"Materia\",\n field: \"materia.materiaDesc\",\n minWidth: 300,\n cellStyle: {textAlign: 'left','white-space': 'normal'},\n autoHeight: true\n },\n {\n headerName: \"Fecha\",\n field: \"fechaMesa\",\n minWidth: 150,\n maxWidth: 500,\n cellStyle: {textAlign: 'center'},\n filter: \"agDateColumnFilter\",\n filterParams: filterParams,\n comparator: dateComparator\n }\n\n ];\n return (\n <>\n \n onBtExport()}\n disabled={!(data && data.length > 0)}\n style={{fontWeight: \"bold\"}}\n className=\"bt btn-info mb-2\"\n >
\n \n \n \n\n
\n \n );\n}\n","import {Card, Container} from \"react-bootstrap\";\nimport {useState, useEffect} from \"react\";\nimport {HISTORICO_INSCRIPCION_FINAL_ENDPOINT} from \"../../../helpers/endpoints\";\nimport {useSelector, useDispatch} from \"react-redux\";\nimport {setMessageAction} from \"../../../actions/messageActions\";\nimport {helpHttp} from \"../../../helpers/helpAxios\";\nimport InscripcionFinalesTable from \"./InscripcionFinalesTable\";\nimport axios from \"axios\";\n\n\nexport default function HistoricoInscricionFinales() {\n const [mesasFinales, setMesasFinales] = useState(null);\n const carreraSect = useSelector((state) => state.carr.carreraSect);\n const dispatch = useDispatch();\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n\n const mensajeSistema = (message, tipo) => {\n dispatch(setMessageAction({\n type: tipo,\n mensaje: message ? message : \"Es este momento no podemos procesar la solicitud. Intente mas tarde\"\n }));\n };\n\n\n\n const getMateriasIncripcion = () => {\n helpHttp().get(HISTORICO_INSCRIPCION_FINAL_ENDPOINT + \"/\" + carreraSect.alumnoPrograma, {source}).then((resp) => {\n setMesasFinales(resp.data);\n }).catch((error) => {\n setMesasFinales([]);\n mensajeSistema(error.message, \"ERROR\");\n });\n };\n\n\n\n useEffect(() => {\n setMesasFinales(null);\n carreraSect && getMateriasIncripcion();\nreturn\n }, [carreraSect]);\n\n return (\n \n
\n )\n}\n","export default function () {\n return (\n AccesDanegate
\n\n
\n )\n}\n","import { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport roles from \"../helpers/roles\";\nimport routers from \"../helpers/routers\";\nimport LayoutStudent from \"../layouts/LayoutStudent\";\nimport AlumnoDeuda from \"../components/alumnoDeuda/AlumnoDeuda\";\nimport ConsultaInscrionMateria from \"../components/Consultas/InscripcionesMaterias/ConsultaInscripcionMaterias\";\nimport DatosPersonalesPage from \"../components/datosPersonales/DatosPersonalesPage\";\nimport InscripcionFinales from \"../components/inscripciones/InscripcionFinales/InscripcionFinales\";\nimport InscripcionCursos from \"../components/inscripciones/inscripcionCursos/InscripcionCursos\";\nimport ConsultaFechaExamenPage from \"../components/Consultas/ConsultaFechaExamen/ConsultaFechaExamenPage\";\nimport NotasPages from \"../components/Consultas/Notas/NotasPages\";\nimport Home from \"../components/Home\";\nimport ConsultaCatalogo from \"../components/biblioteca/ConsultaCatalogo\";\nimport Historico from \"../components/biblioteca/Historico\";\nimport Renovar from \"../components/biblioteca/Renovar\";\nimport ListaPagos from \"../components/alumnoDeuda/ListaPagos\";\nimport SignIn from \"../components/signIn/SignIn\";\nimport StartOfProcess from \"../components/inicioTramite/InicioTramite\";\nimport PrivateRoute from \"../components/utils/PrivateRoute\";\nimport ImagenHeader from \"../components/Imagenes/ImagenHeader\";\nimport { useSelector } from \"react-redux\";\nimport MensajesSistema from \"../components/MensajesSistema\";\n\nimport Footer from \"../layouts/Footer\";\nimport HistoricoInscricionFinales from \"../components/Consultas/HisoticoInscripcionFinales/HistoricoInscricionFinales\";\nimport BlanqueoClave from \"../components/clave/BlanqueoClave\";\nimport RecuperoClave from \"../components/clave/RecuperoClave\";\nimport CertificadoExamen from \"../components/certificadoExamen/CertificadoExamen\";\nimport AccesDanegate from \"../components/AccesDanegate\";\nimport NoFoundPage from \"../components/NoFoundPage\";\n\nexport default function AppRouterStudent() {\n const errorSitema = useSelector((state) => state.err);\n\n return (\n