= ({\n resource,\n action,\n loading,\n err,\n children,\n}) => {\n const [showDetails, setShowDetails] = useState(false);\n\n function fix(s: string): string {\n s = s.replace(\"de el\", \"del\");\n return s[0].toUpperCase() + s.slice(1);\n }\n\n function replaceNewlines(s: string) {\n return (\n <>\n {s.split(\"\\n\").map((line, index) => (\n \n {line}\n \n ))}\n \n );\n }\n\n function simple(message: string) {\n return (\n \n
\n
{replaceNewlines(fix(message))}
\n
\n
\n
\n
{replaceNewlines(fix(message))}
\n\n {!showDetails && (\n
setShowDetails(true)}>\n Mostrar detalles\n \n )}\n
\n\n {showDetails && (\n
\n
{JSON.stringify(err, null, \" \")} \n {err.stack &&
{err.stack} }\n
\n )}\n
Cargando...
;\n }\n\n if (!err) {\n return <>{children};\n }\n\n return null;\n};\n\nexport default Request;\n","import Swal from \"sweetalert2\";\nimport copy from \"copy-to-clipboard\";\n\n/**\nexport function popLink(link) {\n Swal.fire({\n icon: 'warning',\n title: 'Para editar su postulación, volver al siguiente link:',\n html: \"\"+link+\"
Se le sugiere que lo guarde
\",\n confirmButtonColor: '#3085d6',\n confirmButtonText: 'Copiar el link.'\n }).then((result) => {\n if (result.value) {\n postulacionSuccess(link)\n }\n })\n}\n*/\n\nexport function postulacionSuccess(correo_postulación){\n Swal.fire({\n title: 'Postulación Finalizada',\n html: 'Su postulación se ha completado exitosamente. Hemos enviado un email de confirmación a ' + correo_postulación,\n icon: 'success',\n confirmButtonColor: '#3085d6',\n confirmButtonText: 'Volver al inicio',\n onClose(popup: HTMLElement) {\n redirectToHome()\n }\n }).then(() => redirectToHome())\n}\n\nexport function editPostulacionSuccess(correo_postulación){\n Swal.fire({\n title: 'Postulación Editada',\n html: 'Su postulación se ha editado exitosamente. Hemos enviado un email de confirmación a ' + correo_postulación,\n icon: 'success',\n confirmButtonColor: '#3085d6',\n confirmButtonText: 'Volver al inicio',\n onClose(popup: HTMLElement) {\n redirectToHome()\n }\n }).then(() => redirectToHome())\n}\n\nfunction redirectToHome() {\n window.location.href = \"/ListaConcursos/\"\n}\n\n","import Swal from \"sweetalert2\";\n\ntype errorMessage = {\n title: string\n body: string,\n}\n\nfunction redirect(url: string): void {\n if(url){\n window.location.replace((window as any).ENV.URL_FRONT + \"ListaConcursos\")\n }\n}\n\nexport function handleLoadingConcursoError(error, url) {\n const message = getLoadingConcursosErrorMessage(error)\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then(() => redirect(url));\n}\n\nfunction getLoadingConcursosErrorMessage(error): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Pulse OK para volver a cargar esta página.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"La página a la que intenta acceder fue eliminada o no existe\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda.\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nexport function handleConcursosDetailError(error) {\n const message = getConcursosDetailsErrorMessage(error)\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then();\n}\n\nfunction getConcursosDetailsErrorMessage(error): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"El concurso fue eliminado o no existe\",\n body: \"Por favor intente crear otro concurso.\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nexport function handleCreateConcursoError(error) {\n const message = getCreateConcursoErrorMessage(error)\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then();\n}\n\nfunction getCreateConcursoErrorMessage(error): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"Este servicio fue eliminado o no existe\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nexport function handleDownloadFileError(error) {\n const message = getDownloadFileErrorMessage(error)\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then();\n}\n\nfunction getDownloadFileErrorMessage(error): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"El archivo fue eliminado o no existe\",\n body: \"Por favor inténtelo más tarde.
\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nexport function handlePostulacionError(error) {\n const message = getPostulacionErrorMessage(error)\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then();\n}\n\nfunction getPostulacionErrorMessage(error): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"El concurso fue eliminado o no existe\",\n body: \"Por favor inténtelo más tarde.
\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nexport function handleServerError() {\n Swal.fire({\n icon: 'error',\n title: \"Ocurrió un error en nuestros servidores\",\n html: \"Por favor vuelva a intentarlo.
\"\n }).then();\n\n}\n\nexport function handlePostularError(error, correo) {\n const message = getPostularErrorMessage(error, correo)\n if (error.response.status === 406) {\n Swal.fire({\n icon: 'warning',\n title: message.title,\n html: message.body,\n onClose(popup: HTMLElement) {\n redirectToHome()\n }\n }).then();\n } else {\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then();\n }\n}\n\nfunction getPostularErrorMessage(error, correo): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"El concurso al que intenta postular fue eliminado o no existe\",\n body: \"Por favor inténtelo más tarde.
\"\n }\n }\n if (error.response.status === 406) {\n return {\n title: \"Error, número de documento ya ingresado\",\n body: \"El número de documento ingresado ya se encuentra asociado a una postulación.
\"\n }\n }\n if (error.response.status === 400) {\n return {\n title: \"El formulario presenta errores\",\n body: \"Hubo un error en el formulario
\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nexport function handleEdicionConcursoError(error) {\n const message = getEdicionConcursoErrorMessage(error)\n Swal.fire({\n icon: 'error',\n title: message.title,\n html: message.body\n }).then();\n}\n\nfunction getEdicionConcursoErrorMessage(error): errorMessage {\n if (error.response) {\n if (error.response.status === 500) {\n return {\n title: \"Ocurrió un error en nuestros servidores\",\n body: \"Por favor vuelva a intentarlo.
\"\n }\n }\n if (error.response.status === 404) {\n return {\n title: \"Postulación no encontrada\",\n body: \"El link de postulación no es válido, o el concurso fue eliminado.\"\n }\n }\n if (error.response.status === 410) {\n return {\n title: \"El concurso ha cerrado\",\n body: \"No es posible cargar su postulación, porque el período de postulación para este concurso ha terminado.\"\n }\n }\n } else if (error.message === \"Network Error\") {\n return {\n title: \"No se pudo establecer la conexión con nuestros servidores\",\n body: \"Revise su conexión a internet e intente nuevamente, y si el error aún persiste, intente nuevamente más tarde\"\n }\n }\n return {\n title: \"Ocurrió un error desconocido\",\n body: \"Si el problema persiste, contacte a la Mesa de Ayuda\"\n }\n}\n\nfunction redirectToHome() {\n window.location.href = \"/ListaConcursos/\"\n}\n","import React, { ChangeEvent, Dispatch, SetStateAction } from \"react\";\nimport axios from \"axios\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Button from \"@material-ui/core/Button\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport { useTextField } from \"./Form\";\nimport Swal from \"sweetalert2\";\nimport { handleDownloadFileError } from \"../utils/errors\";\n\ntype FileExtension = {\n // esto es lo que ve el usuario\n extension: string; // ej. \".pdf\"\n\n // esto es lo que revisa la validación de formato\n // así nos evitamos problemas de si es por ejemplo .jpg o .jpeg\n mimeType: string; // ej. \"application/pdf\"\n};\n\nexport const allowedExtensions: FileExtension[] = [\n { extension: \".pdf\", mimeType: \"application/pdf\" },\n { extension: \".doc\", mimeType: \"application/msword\" },\n { extension: \".jpg\", mimeType: \"image/jpeg\" },\n { extension: \".png\", mimeType: \"image/png\" },\n {\n extension: \".docx\",\n mimeType:\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n },\n];\n\nexport interface IAttachment {\n readonly id?: number; // id from the backend. If present, you can't change the file anymore.\n readonly nombre: string; // Label provided by the user. This is not the name of the file in the filesystem.\n readonly archivo: File | null; // will contain a file only if the attachment hasn't been uploaded to the backend yet.\n readonly reactKey: string; // this should be unique across all attachments to avoid bugs\n readonly deleted?: boolean;\n}\n\nexport class Attachment implements IAttachment {\n readonly id?: number;\n readonly nombre: string;\n readonly archivo: File | null;\n readonly reactKey: string;\n readonly deleted?: boolean;\n\n constructor(props: IAttachment) {\n this.id = props.id;\n this.nombre = props.nombre;\n this.archivo = props.archivo;\n this.reactKey = props.reactKey;\n this.deleted = props.deleted;\n }\n\n static empty(): Attachment {\n return new Attachment({\n id: undefined, // as it hasn't been uploaded to the backend yet\n nombre: \"\",\n archivo: null,\n reactKey: Math.random().toString(), // unique across all attachments\n deleted: false,\n });\n }\n\n // Implements all the setters in a single method.\n // Note: it returns a new Attachment instance, keeping the original intact\n // example: renamedAttachment = attachment.set({ nombre: \"nuevo nombre\" });\n set(fields: Partial): Attachment {\n return this.new({ ...this, ...fields });\n }\n\n new(props: IAttachment): Attachment {\n return new Attachment(props);\n }\n\n // used by form validation\n get isValid(): boolean {\n return this.validate() === \"OK\";\n }\n\n // used by form validation\n validate(): string {\n if (this.id != null || this.id !=-1) {\n return \"OK\"; // as we assume the attachments from the backend are always valid\n }\n\n if (this.archivo == null) {\n return \"Debe elegir un archivo\";\n }\n\n const attachmentMimeType = this.archivo.type;\n if (\n !allowedExtensions.some(\n (extension) => attachmentMimeType === extension.mimeType\n )\n ) {\n return \"El archivo no pertenece a ninguno de los formatos permitidos\";\n }\n\n return \"OK\";\n }\n}\n\nexport type FileFieldProps = {\n // this is a controlled component\n attachment: Attachment;\n setAttachment: Dispatch>;\n};\n\nexport const FileField: React.FC = (props) => {\n const { attachment, setAttachment } = props;\n\n const nombreField = useTextField({\n fullWidth: true,\n label: \"Nombre archivo\",\n name: attachment.reactKey,\n defaultValue: attachment.nombre,\n requiredFieldMessage: \"Indique el nombre del documento\",\n\n onChange(event: ChangeEvent): void {\n const nombre = event.target.value;\n setAttachment((x) => x.set({ nombre }));\n },\n\n validate(_value: string): string {\n // this field will also show the validation errors of the attachment, as it doesn't have it's own field\n return attachment.validate();\n },\n });\n\n function onDelete() {\n setAttachment((x) => x.set({ deleted: true }));\n }\n\n if (attachment.deleted) {\n return null;\n }\n\n return (\n \n \n \n {nombreField.render()}\n \n \n e.mimeType).join(\",\")}\n route=\"downloadFile\"\n onBlur={nombreField.onBlur}\n />\n \n \n \n \n \n \n );\n};\n\ntype AttachOrDownloadProps = {\n attachment: Attachment;\n setAttachment: Dispatch>;\n enableAttach: boolean;\n enableDownload: boolean;\n accept: string;\n onBlur?(): void;\n route: string;\n};\n\nexport const AttachOrDownload: React.FC = (props) => {\n function onChangeSelectedFiles(files: FileList) {\n if (files.length === 0) {\n // no files selected --> do nothing\n } else if (files.length === 1) {\n const archivo = files.item(0)!;\n props.setAttachment((x) => x.set({ archivo }));\n } else {\n alert(\"Seleccione solo un archivo a la vez\");\n }\n\n props.onBlur?.();\n }\n\n function downloadFile() {\n if (props.attachment.id !== -1) {\n axios({\n url: `${(window as any).ENV.API_URL}/${props.route}/${props.attachment.id\n }/`,\n method: \"GET\",\n responseType: \"blob\", // important\n })\n .then((response) => {\n const file = new Blob([response.data], { type: response.data.type });\n const fileURL = URL.createObjectURL(file);\n const link = document.createElement(\"a\");\n link.href = fileURL;\n link.download = props.attachment.nombre; // the label provided by the user will be used as the default file name\n link.click();\n })\n .catch((error) => handleDownloadFileError(error));\n } else {\n return Swal.fire({\n icon: \"warning\",\n text: \" El antecedente no presenta documentos adjuntos\",\n });\n }\n }\n\n return (\n \n {props.enableAttach && (\n {\n if (event.target.files == null) {\n alert(\n \"event.target.files puede ser null.\\n\" +\n \"Si ves esto, dile a nuestros desarrolladores cómo lo hiciste\"\n );\n } else {\n onChangeSelectedFiles(event.target.files);\n }\n }}\n accept={props.accept}\n />\n )}\n\n {props.enableDownload && (\n \n Ver archivo\n \n )}\n \n );\n};\n","import React, { Dispatch, SetStateAction, useState } from \"react\";\nimport {\n Attachment,\n AttachOrDownload,\n FileFieldProps,\n IAttachment,\n} from \"../../common/attachments\";\nimport capitalize from \"@material-ui/core/utils/capitalize\";\nimport { Antecedente } from \"../../common/Form\";\nimport { AntecedenteDefault } from \"../admin-concursos/Mantenedor\";\n\ntype FileExtension = {\n // esto es lo que ve el usuario\n extension: string; // ej. \".pdf\"\n\n // esto es lo que revisa la validación de formato\n // así nos evitamos problemas de si es por ejemplo .jpg o .jpeg\n mimeType: string; // ej. \"application/pdf\"\n};\n\nexport const allowedExtensions: FileExtension[] = [\n { extension: \".pdf\", mimeType: \"application/pdf\" },\n { extension: \".doc\", mimeType: \"application/msword\" },\n { extension: \".jpg\", mimeType: \"image/jpeg\" },\n { extension: \".png\", mimeType: \"image/png\" },\n {\n extension: \".docx\",\n mimeType:\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n },\n //{ extension: \".jpg\", mimeType: \"image/jpeg\" },\n //{ extension: \".png\", mimeType: \"image/png\" },\n //{ extension: \".gif\", mimeType: \"image/gif\" },\n];\n\ninterface IPostulacionAttachment extends IAttachment {\n readonly antecedente: AntecedenteDefault;\n}\n\nexport class PostulacionAttachment\n extends Attachment\n implements IPostulacionAttachment {\n readonly antecedente: AntecedenteDefault;\n\n constructor(props: IPostulacionAttachment) {\n super(props);\n this.antecedente = props.antecedente;\n }\n\n // override\n validate(): string {\n console.log(this.antecedente);\n if (this.antecedente.obligatorio=='0') {\n return \"OK\";\n }\n\n if (this.archivo == null) {\n return this.id == -1 ? \"Debe elegir un archivo\" : \"OK\";\n }\n\n const attachmentMimeType = this.archivo.type;\n if (\n !allowedExtensions.some(\n (extension) => attachmentMimeType === extension.mimeType\n )\n ) {\n return \"El archivo no pertenece a ninguno de los formatos permitidos\";\n }\n\n return \"OK\";\n }\n\n // override\n new(props: IPostulacionAttachment): PostulacionAttachment {\n return new PostulacionAttachment(props);\n }\n}\n\ntype PostulacionFileFieldProps = FileFieldProps & {\n attachment: PostulacionAttachment;\n setAttachment: Dispatch>;\n isEditing: boolean;\n};\n\nexport const PostulacionFileField: React.FC = (\n props\n) => {\n const { attachment, setAttachment } = props;\n const [hasBeenBlurred, setHasBeenBlurred] = useState(false);\n\n if (attachment.deleted) {\n return null;\n }\n\n const shouldShowError = hasBeenBlurred && !attachment.isValid;\n\n return (\n \n
\n {capitalize(attachment.nombre)}\n \n\n {props.attachment.antecedente.obligatorio == '1' && (\n (Requerido, Solo se permite adjuntar un archivo por antecedente) \n )}\n\n e.mimeType).join(\",\")}\n onBlur={() => setHasBeenBlurred(true)}\n route=\"downloadFilePostulacion\"\n />\n {shouldShowError && (\n {attachment.validate()}
\n )}\n = (props) => {\n return (\n \n {props.children}\n \n );\n};\n\nconst Label: React.FC = (props) => {\n return (\n \n {props.children}\n \n );\n};\n\nconst Value: React.FC = (props) => {\n return {props.children} ;\n};\n\ntype InputFileProps = {\n label: string;\n};\n\nconst InputFile: React.FC = (props) => {\n return (\n \n {props.label}
\n \n Campo requerido\n \n Adjuntar Archivo \n \n );\n};\n\ntype Nacionalidad = {\n id: number;\n nombre: string;\n};\n\ntype Postulacion = {\n tipo_documento: string;\n id: number;\n id_nacionalidad: string;\n id_pais_residencia: string;\n concurso: number;\n codigo: string;\n correo: string;\n telefono: string;\n nombres: string;\n apellidos: string;\n rut_pasaporte: string;\n direccion: string;\n titulos: {\n id: number;\n titulo: string;\n institucion: string;\n };\n antecedentes: {\n id: number; // este es el que se le pasa a downloadFilePostulacion\n postulacion: number;\n antecedente: number;\n archivo: number;\n }[];\n};\n\ntype PostulacionFormType = {\n concursoPk: string | number;\n defaultData?: Postulacion;\n popUp?: boolean;\n uuid?: string;\n};\n\nconst PostulacionForm: React.FC = (props) => {\n const classes = useStyles();\n const concursoPk = props.concursoPk;\n const [concurso, setConcurso] = useState({});\n const [loading, setLoading] = useState(true);\n const [loading2, setLoading2] = useState(true);\n const [clicked, setClicked] = useState(false);\n const [getConcursoError, setGetConcursoError] = useState(false);\n const [getNacionalidadesError, setGetNacionalidadesError] = useState(false);\n const [openSpinner, setOpenSpinner] = useState(false);\n const defaultData = props.defaultData;\n\n function getCorreoContacto() {\n return concurso.correo_contacto\n }\n\n useEffect(() => {\n setLoading(true);\n axios\n .get(`${(window as any).ENV.API_URL}/datosConcurso/${concursoPk}/`)\n .then((response) => setConcurso(response.data))\n .catch((error) => {\n setGetConcursoError(true);\n handlePostulacionError(error);\n })\n .finally(() => setLoading(false));\n }, [concursoPk]);\n\n // cargar nacionalidades del backend\n const [nacionalidades, setNacionalidades] = useState([]);\n useEffect(() => {\n if (!getConcursoError) {\n setLoading2(true);\n axios\n .get((window as any).ENV.API_URL + \"/nacionalidades/\")\n .then((response) => {\n let nacionalidades = response.data;\n // las nacionalidades del backend no vienen ordenadas\n nacionalidades = _.sortBy(nacionalidades, \"nombre\");\n nacionalidades = nacionalidades.filter((nac) => nac.id > 0);\n let cl = nacionalidades.find((nac) => nac.nombre === \"CHILE\");\n let clIndex = nacionalidades.indexOf(cl);\n nacionalidades.splice(clIndex, 1);\n // que salga chile al principio\n nacionalidades = [cl, ...nacionalidades];\n setNacionalidades(nacionalidades);\n })\n .catch((error) => {\n setGetNacionalidadesError(true);\n handleServerError();\n })\n .finally(() => setLoading2(false));\n }\n }, []);\n\n // form datos personales\n\n const nombresField = useTextField({\n label: \"Nombres\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.nombres : \"\",\n });\n const apellidosField = useTextField({\n label: \"Apellidos\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.apellidos : \"\",\n });\n const correoField = useTextField({\n label: \"Email\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.correo : \"\",\n validate: validateEmail,\n });\n const telefonoField = usePhoneField({\n label: \"Teléfono\",\n defaultValue: defaultData ? defaultData.telefono : \"\",\n });\n\n const direccionField = useTextField({\n label: \"Dirección de Residencia\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.direccion : \"\",\n });\n\n const nacionalidadField = useSelectField({\n label: \"Nacionalidad\",\n defaultValue: defaultData ? defaultData.id_nacionalidad : \"\",\n options: nacionalidades.map((nac) => ({\n value: nac.id.toString(),\n label: nac.nombre,\n })),\n });\n\n const paisResidenciaField = useSelectField({\n label: \"Pais de Residencia\",\n defaultValue: defaultData ? defaultData.id_pais_residencia : \"\",\n options: nacionalidades.map((nac) => ({\n value: nac.id.toString(),\n label: nac.nombre,\n })),\n });\n\n const rutPasaporteField = useRadioField({\n label: \"Tipo de documento\",\n name: \"rut_pasaporte\",\n defaultValue: defaultData ? defaultData.tipo_documento : \"\",\n options: [\n { value: \"rut\", label: \"Rut\" },\n { value: \"pasaporte\", label: \"Pasaporte\" },\n ],\n });\n\n const numDocumentoField = useTextField({\n label: \"Número de documento\",\n defaultValue: defaultData ? defaultData.rut_pasaporte : \"\",\n fullWidth: true,\n ...(rutPasaporteField.value === \"rut\"\n ? {\n validate: validateRut,\n format: formatRut,\n }\n : rutPasaporteField.value === \"pasaporte\"\n ? {\n validate: validatePassport,\n format: formatPassport,\n }\n : {\n validate: () => \"Seleccione arriba el tipo de documento\",\n }),\n });\n\n const datosPersonalesForm = useForm([\n nombresField,\n apellidosField,\n correoField,\n telefonoField,\n rutPasaporteField,\n numDocumentoField,\n nacionalidadField,\n direccionField,\n paisResidenciaField,\n ]);\n\n const titulosField = useTitulosField({\n defaultValue: defaultData ? defaultData.titulos : null,\n });\n const titulosForm = useForm([titulosField]);\n\n const postulacion = {\n concurso: concursoPk,\n id_nacionalidad: nacionalidadField.value,\n id_pais_residencia: paisResidenciaField.value,\n correo: correoField.value,\n telefono: telefonoField.value,\n rut_pasaporte: numDocumentoField.value,\n nombres: nombresField.value,\n apellidos: apellidosField.value,\n tipo_documento: rutPasaporteField.value,\n direccion: direccionField.value\n };\n\n const enviarPostulacion = React.useCallback(() => {\n //showSpinner();\n setOpenSpinner(true)\n setClicked(true)\n console.log(postulacion);\n const json = {\n concurso: postulacion.concurso,\n id_nacionalidad: postulacion.id_nacionalidad,\n id_pais_residencia: postulacion.id_pais_residencia,\n correo: postulacion.correo,\n telefono: postulacion.telefono,\n rut_pasaporte: postulacion.rut_pasaporte,\n nombres: postulacion.nombres,\n apellidos: postulacion.apellidos,\n tipo_documento: postulacion.tipo_documento,\n direccion: postulacion.direccion\n };\n\n const formObj = {\n postulacion: json,\n titulos: titulosField.value.toArray(),\n antecedentes: attachments\n .map((attachment) => ({\n antecedente: attachment.antecedente.id,\n archivo: attachment.archivo,\n }))\n .toArray(),\n };\n const options = {\n indices: true,\n nullsAsUndefineds: false,\n booleansAsIntegers: false,\n allowEmptyArrays: false,\n }\n const formData = objectToFormData(formObj, options);\n const config = {\n headers: {\n \"content-type\": \"multipart/form-data\",\n },\n };\n\n if (defaultData) {\n axios\n .put(\n (window as any).ENV.API_URL + \"/postulacion/\" + props.uuid + \"/\",\n formData,\n config\n )\n .then((res) => {\n //hideSpinner(\"success\");\n setOpenSpinner(false)\n setTimeout(() => {\n editPostulacionSuccess(postulacion.correo);\n }, 1000);\n })\n .catch((error) => {\n setOpenSpinner(false)\n setClicked(false);\n handlePostularError(error, getCorreoContacto());\n });\n } else {\n axios\n .post((window as any).ENV.API_URL + \"/postulacion/\", formData, config)\n .then((res) => {\n //hideSpinner(\"success\");\n setOpenSpinner(false)\n setTimeout(() => {\n postulacionSuccess(postulacion.correo);\n }, 1000);\n })\n .catch((error) => {\n //hideSpinner(\"error\");\n setOpenSpinner(false)\n setClicked(false);\n handlePostularError(error, getCorreoContacto());\n });\n }\n }, [postulacion]);\n\n // adjuntar antecedentes\n const [attachments, setAttachments] = useState(List());\n\n useEffect(() => {\n if (attachments.isEmpty() && concurso.antecedentes != null) {\n setAttachments(\n List(\n (concurso.antecedentes ?? []).map(\n (antecedenteConcurso: AntecedenteDefault) =>\n new PostulacionAttachment({\n id:\n defaultData?.antecedentes /* postulacion */\n ?.find(\n (antecedentePostulacion) =>\n antecedentePostulacion.antecedente ===\n antecedenteConcurso.id &&\n antecedentePostulacion.archivo != -1\n )?.id ?? -1,\n nombre: antecedenteConcurso.nombre,\n archivo: null,\n reactKey: antecedenteConcurso.id.toString(),\n deleted: false,\n antecedente: antecedenteConcurso,\n })\n )\n )\n );\n }\n }, [attachments, concurso.antecedentes]);\n\n function updateAttachment(\n index: number,\n action: SetStateAction\n ): void {\n if (typeof action === \"function\") {\n const resp=(list) => list.update(index, action);\n setAttachments(resp);\n } else {\n setAttachments((list) => list.set(index, action));\n }\n }\n\n function form() {\n if (clicked === true) {\n return true\n }\n let formsAreValid = true\n if (datosPersonalesForm.isValid &&\n titulosField.value.size > 0) {\n formsAreValid = false\n attachments.forEach(element => {\n if (element.antecedente.obligatorio == '1') {\n console.log(element.nombre)\n formsAreValid = !element.isValid\n }\n\n });\n }\n console.log(formsAreValid)\n return formsAreValid\n }\n\n // render\n return (\n \n
\n \n
\n \n {concurso.nombre_facultad}\n \n {concurso.nombre} \n \n \n Nombre \n {concurso.nombre_contacto} \n
\n \n Correo \n {concurso.correo_contacto} \n
\n \n\n \n \n \n \n {nombresField.render()} \n \n \n {apellidosField.render()} \n \n \n \n \n {correoField.render()} \n \n \n {telefonoField.render()} \n \n \n \n {nacionalidadField.render()} \n \n \n \n {rutPasaporteField.render()} \n \n \n {numDocumentoField.render()} \n \n \n {rutPasaporteField.value === \"rut\" ? (\n \n Ingrese el número de documento sin puntos y con guión. Ej:\n 12345678-9\n \n ) : rutPasaporteField.value === \"pasaporte\" ? (\n \n Ingrese el número de documento anteponiendo una P. Ej:\n P12345678\n \n ) : null}\n \n {paisResidenciaField.render()} \n \n \n {direccionField.render()} \n \n \n \n\n \n {titulosField.render()}\n \n\n \n \n Archivos permitidos:{\" \"}\n {allowedExtensions.map((e) => e.extension).join(\", \")}. La suma del tamaño de los archivos debe ser menor a 20MB.\n updateAttachment(index, action)}\n isEditing={defaultData != null}\n />\n ))}\n \n\n \n \n Postular\n \n
\n \n \n \n \n \n );\n};\n\nexport default PostulacionForm;\n","import React from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport PostulacionContainer from \"./PostulacionContainer\";\nimport PostulacionForm from \"./PostulacionForm\";\n\nconst PostulacionHome: React.FC = () => {\n const { concursoPk } = useParams();\n\n return (\n \n Formulario de postulación \n \n );\n};\n\nexport default PostulacionHome;\n","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\n\nconst useStyles = makeStyles({\n table: {\n boxShadow: \"none\",\n marginBottom: \"1.5rem\",\n },\n trow: {\n \"&:nth-child(even)\": {\n backgroundColor: \"#f5f5f5\",\n },\n },\n thead: {\n color: \"white !important\",\n },\n tcell: {\n height: \"max-content\",\n paddingTop: 2,\n paddingBottom: 2,\n paddingRight: \"16px\",\n },\n});\n\nconst StyledHeadCell = (props) => {\n const classes = useStyles();\n const content = props.content;\n const style = props.style;\n\n return (\n \n {content}\n \n );\n};\n\nconst StyledBodyCell = (props) => {\n const classes = useStyles();\n const content = props.content;\n const style = props.style;\n\n return (\n \n {content}\n \n );\n};\n\nconst StyledSkeleton = (props) => {\n const opacity = props.opacity || 1;\n return (\n \n
\n );\n};\n\nconst StyledTable = (props) => {\n const classes = useStyles();\n const headers = props.headers;\n const rows = props.rows;\n const loading = props.loading;\n\n if (loading) {\n const skeletonHeight = 50;\n const skeletonTotal = 6;\n return (\n \n {[...Array(skeletonTotal).keys()].map((idx) => (\n \n \n \n \n {headers.map((header, hIdx) => (\n \n \n \n {rows.map((row, rIdx) => (\n \n {row.map((cell, cIdx) => (\n \n ))}\n \n
\n \n );\n};\n\nexport default StyledTable;\n","import React from \"react\";\nimport axios from \"axios\";\nimport StyledTable from \"../../common/StyledTable\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport Button from \"@material-ui/core/Button\";\nimport PostulacionContainer from \"./PostulacionContainer\";\nimport Swal from \"sweetalert2\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {handleDownloadFileError, handleLoadingConcursoError} from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n }));\n\nconst ConcursosFacultad = (props) => {\n const classes = useStyles();\n const [openSpinner, setOpenSpinner] = React.useState(false);\n\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n {props.concursosFacultad.map((facultad, index) => {\n return (\n
\n \n
\n {facultad.nombre_facultad ? facultad.nombre_facultad : \"\"}\n \n
\n \n filaConcurso({\n id: concurso.id,\n codigo: concurso.codigo,\n nombre: concurso.nombre,\n apertura: concurso.fecha_inicio,\n cierre: concurso.fecha_termino,\n concursoId: concurso.id,\n numPostulantes: 0,\n creador: concurso.id_usuario_creador,\n contacto: concurso.id_usuario_contacto,\n publicacion: concurso.fecha_aviso_diario,\n facultades: props.facultades,\n openSpinner: setOpenSpinner,\n })\n )}\n />\n
\n
\n \n \n \n );\n })}\n
;\n};\n\nconst filaConcurso = (props) => {\n const cierreDate = props.cierre ? new Date(new Date(props.cierre).getTime()) : undefined;\n const cierreDateLocal = cierreDate ? new Date(cierreDate).toISOString().substring(0, 19) : undefined;\n\n const fechaApertura = moment(props.apertura).locale(\"es\").format(\"LLL\");\n const fechaPublicacion = moment(props.publicacion).locale(\"es\").format(\"LL\");\n const fechaCierre = moment(cierreDateLocal).locale(\"es\").format(\"LLL\");\n\n return [\n {content: props.codigo, style: {width: \"1px\"}},\n {content: props.nombre, style: {width: \"800px\"}},\n {content: fechaCierre, style: {width: \"193px\"}},\n {\n content: \n handleDownloadFilesClick(props)}\n style={{width: \"120px\"}}>\n Descargar Documentos\n \n Postular \n
\n )\n}\n\nconst handleDownloadFilesClick = (props) => {\n props.openSpinner(true)\n axios({\n url: window.ENV.API_URL + \"/archivosConcurso/\" + props.concursoId,\n method: \"GET\",\n responseType: \"blob\", // important\n })\n .then((response) => {\n props.openSpinner(false)\n if (response.status === 204) {\n return Swal.fire({\n icon: 'warning',\n text: ' El concurso no presenta documentos adjuntos'\n })\n }\n const file = new Blob([response.data], {\n type: \"application/zip\",\n });\n const fileURL = URL.createObjectURL(file);\n const link = document.createElement(\"a\");\n link.href = fileURL; \n link.download = \"Documentos \" + props.nombre.replace(/[^a-zA-Z0-9]/g, '_').replace(/([_]+)/g, '_');\n link.click();\n })\n .catch((error) => {\n props.openSpinner(false)\n handleDownloadFileError(error)\n });\n}\nconst PostulacionList = (props) => {\n const [concursos, setConcursos] = React.useState([]);\n const [loadingConcursos, setLoadingConcursos] = React.useState(true);\n const [error, setError] = React.useState(false);\n\n React.useEffect(() => {\n let api_route = \"/concursosPostulacion/\";\n\n axios\n .get(window.ENV.API_URL + api_route)\n .then((res) => {\n setConcursos(res.data);\n setLoadingConcursos(false);\n })\n .catch((error) => {\n handleLoadingConcursoError(error, window.ENV.URL_FRONT + \"ListaConcursos\");\n setLoadingConcursos(false);\n setError(true)\n });\n }, []);\n\n return (\n \n 0}\n concursosFacultad={concursos}\n error={error}\n />\n \n );\n\n}\n\n\nexport default PostulacionList;\n","import React from \"react\";\nimport axios from \"axios\";\nimport \"moment/locale/es\";\nimport PostulacionContainer from \"./PostulacionContainer\";\nimport { useParams } from \"react-router-dom\";\nimport PostulacionForm from \"./PostulacionForm\";\nimport {handleEdicionConcursoError} from \"../../utils/errors\";\n\nconst PostulacionEdit = (props) => {\n const { uuid, pop } = useParams();\n const [postulacion, setPostulacion] = React.useState({});\n const [loadingPostulacion, setLoadingPostulacion] = React.useState(true);\n\n React.useEffect(() => {\n let api_route = `/postulacion/${uuid}/`;\n\n axios\n .get(window.ENV.API_URL + api_route)\n .then((res) => {\n setPostulacion(res.data[0]);\n setLoadingPostulacion(false);\n })\n .catch((error) => handleEdicionConcursoError(error));\n }, []);\n\n if (loadingPostulacion) {\n return \n \n Edición de Postulación\n \n\n \n );\n};\n\nexport default PostulacionEdit;\n","import React from \"react\";\nimport axios from \"axios\";\nimport StyledTable from \"../../common/StyledTable\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport Swal from \"sweetalert2\";\nimport Button from \"@material-ui/core/Button\";\nimport PostulacionContainer from \"./PostulacionContainer\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {\n handleDownloadFileError,\n handleLoadingConcursoError,\n} from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n}));\n\nconst ConcursosFacultad = (props) => {\n const classes = useStyles();\n const [openSpinner, setOpenSpinner] = React.useState(false);\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n {props.concursosFacultad.map((facultad, index) => {\n return (\n
\n \n
\n {facultad.nombre_facultad ? facultad.nombre_facultad : \"\"}\n \n
\n \n filaConcurso({\n codigo: concurso.codigo,\n nombre: concurso.nombre,\n apertura: concurso.fecha_inicio,\n cierre: concurso.fecha_termino,\n concursoId: concurso.id,\n numPostulantes: 0,\n creador: concurso.id_usuario_creador,\n contacto: concurso.id_usuario_contacto,\n publicacion: concurso.fecha_aviso_diario,\n facultades: props.facultades,\n openSpinner: setOpenSpinner,\n })\n )}\n />\n
\n
\n \n \n \n );\n })}\n
\n handleDownloadFilesClick(props)}\n style={{ width: \"120px\" }}\n >\n Descargar Documentos\n \n
\n ),\n style: { width: \"117px\" },\n },\n ];\n};\n\nconst handleDownloadFilesClick = (props) => {\n props.openSpinner(true)\n axios({\n url: window.ENV.API_URL + \"/archivosConcurso/\" + props.concursoId,\n method: \"GET\",\n responseType: \"blob\", // important\n })\n .then((response) => {\n props.openSpinner(false)\n if (response.status === 204) {\n return Swal.fire({\n icon: \"warning\",\n text: \" El concurso no presenta documentos adjuntos\",\n });\n }\n const file = new Blob([response.data], {\n type: \"application/zip\",\n });\n const fileURL = URL.createObjectURL(file);\n const link = document.createElement(\"a\");\n link.href = fileURL;\n link.download = \"Documentos \" + props.codigo;\n link.click();\n })\n .catch((error) => { \n props.openSpinner(false);\n handleDownloadFileError(error);\n });\n};\n\nconst PostulacionList = (props) => {\n const [concursos, setConcursos] = React.useState([]);\n const [loadingConcursos, setLoadingConcursos] = React.useState(true);\n\n React.useEffect(() => {\n let api_route = \"/historialPostulacion/\";\n\n axios\n .get(window.ENV.API_URL + api_route)\n .then((res) => {\n setConcursos(res.data);\n setLoadingConcursos(false);\n })\n .catch((error) =>\n handleLoadingConcursoError(\n error,\n window.ENV.URL_FRONT + \"HistorialConcursos\"\n )\n );\n }, []);\n\n return (\n \n 0}\n concursosFacultad={concursos}\n />\n \n );\n};\n\nexport default PostulacionList;\n","import Box from \"@material-ui/core/Box\";\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\n\nexport const useStyles = makeStyles((theme) => ({\n tab: {\n background: \"white\",\n color: \"black\",\n },\n appbar: {\n backgroundColor: \"#50907D\",\n boxShadow: \"none\",\n paddingLeft: \"1em\",\n },\n button: {\n background: \"#f29426\",\n color: \"white\",\n paddingTop: \"10px\",\n paddingBottom: \"10px\",\n paddingLeft: \"15px\",\n paddingRight: \"15px\",\n height: \"max-content\",\n \"&:hover, &:focus\": {\n background: \"#f27500 !important\",\n },\n },\n dialog: {\n \"& .MuiDialog-paper\": {\n maxWidth: \"700px\",\n },\n },\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n}));\n\nTabPanel.propTypes = {\n children: PropTypes.node,\n index: PropTypes.any.isRequired,\n value: PropTypes.any.isRequired,\n};\n\nexport function TabPanel(props) {\n const {children, value, index, ...other} = props;\n\n return (\n \n {value === index && {children} }\n \n );\n}\n\n\n","import React, {Fragment} from \"react\";\nimport axios from \"axios\";\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport DetailsTable from \"../../common/DetailsTable\";\nimport InfoIcon from '@material-ui/icons/Info';\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport \"moment/locale/es\";\nimport {handleConcursosDetailError} from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n dialog: {\n \"& .MuiDialog-paper\": {\n maxWidth: \"700px\",\n },\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nconst DetailsModal = (props) => {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const [openSpinner, setOpenSpinner] = React.useState(false);\n const [data, setData] = React.useState({});\n\n const handleError = (error) => {\n setOpen(false);\n setOpenSpinner(false);\n handleConcursosDetailError(error)\n }\n\n const handleOpen = () => {\n setOpenSpinner(true)\n axios\n .get(window.ENV.API_URL + \"/concursos/\" + props.concursoId + \"/\")\n .then((res) => {\n setOpen(true);\n setData(res.data[0]);\n setOpenSpinner(false);\n })\n .catch((error) => handleError(error));\n };\n\n return (\n \n {/* handleOpen()}>{props.label} */}\n {props.label}}\n >\n \n \n \n setOpen(false)}\n scroll={\"paper\"}\n className={classes.dialog}\n fullWidth\n >\n Detalles del concurso \n\n \n \n \n setOpen(false)}\n >\n Cancelar\n \n \n \n \n \n \n \n );\n};\n\nexport default DetailsModal;\n","import React, { Fragment } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Button from \"@material-ui/core/Button\";\nimport SendIcon from \"@material-ui/icons/Send\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport { objectToFormData } from \"object-to-formdata\";\n\nimport axios from \"axios\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n dialog: {\n \"& .MuiDialog-paper\": {\n maxWidth: \"700px\",\n },\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nexport default function ActaFinalModal(props) {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const [openSpinner, setOpenSpinner] = React.useState(false);\n const [attachment, setAttachment] = React.useState(null);\n\n const handleOpen = (event) => {\n setOpen(!open);\n };\n\n const handleClick = () => {\n setOpenSpinner(true);\n const config = {\n headers: {\n \"content-type\": \"multipart/form-data\",\n },\n };\n var formObj = {\n archivos: [{nombre: \"acta\", archivo: attachment}],\n };\n const formData = objectToFormData(formObj);\n axios\n .post(\n window.ENV.API_URL + \"/concursosActa/\" + props.concursoId + \"/\",\n formData,\n config\n )\n .then((res) => {\n handleOpen();\n setOpenSpinner(false);\n })\n .then((res) => window.location.href = window.ENV.URL_FRONT + \"Concursos?tab=4\")\n .catch((error) => console.error(error));\n };\n\n const onChangeSelectedFiles = (event) => {\n const files = event.target.files;\n if (files.length === 0) {\n // no files selected --> do nothing\n } else if (files.length === 1) {\n const archivo = files.item(0);\n setAttachment(archivo);\n } else {\n alert(\"Seleccione solo un archivo a la vez\");\n }\n };\n\n return (\n \n {/*{props.label}}\n >\n \n \n \n \n Acta de cierre \n \n \n Escoja el acta de cierre del concurso{\" \"}\n {`${props.code} - ${props.name}`} \n (.pdf)\n
\n \n
\n \n \n \n Cancelar\n \n \n Finalizar\n \n \n \n \n \n \n );\n}\n","import React from \"react\";\nimport DetailsModal from \"../pages/admin-concursos/DetailsModal\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport GetAppIcon from \"@material-ui/icons/GetApp\";\nimport Menu from \"@material-ui/core/Menu\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport DescriptionIcon from \"@material-ui/icons/Description\";\nimport ActaFinalModal from \"../pages/concursos/ActaFinalModal\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport axios from \"axios\";\n\nconst useStyles = makeStyles({\n menuIcon: {\n minWidth: \"35px\",\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n item: {\n \"& .MuiTreeItem-iconContainer svg\": { fontSize: \"24px\" },\n \"& .MuiTreeItem-label\": { fontSize: \"24px\" },\n \"&.Mui-selected .MuiTreeItem-label\": { background: \"none !important\" },\n },\n});\n\nconst ExcelIcon = () => {\n return (\n \n
\n
\n Descargar}\n >\n \n \n \n {/*\n \n downloadPostulantes(props.concursoId, props.codigo)}\n >\n \n \n downloadFiles(props.concursoId, props.codigo)}\n >\n \n \n downloadActa(props.concursoId)}>\n \n \n \n ) : null}\n \n
\n {props.pending ? (\n
\n ) : null}\n
= (props) => {\n const classes = useStyles();\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n return (\n \n \n {props.concursosFacultad.map((facultad: ConcursosFacultad, index) => {\n if (facultad.data.length > 0) {\n return (\n
\n \n \n \n \n filaConcurso({\n pending: props.pending,\n codigo: concurso.codigo,\n nombre: concurso.nombre,\n apertura: concurso.fecha_inicio,\n cierre: concurso.fecha_termino,\n concursoId: concurso.id,\n numPostulantes: concurso.num_postulantes,\n creador: concurso.id_usuario_creador,\n contacto: concurso.id_usuario_contacto,\n publicacion: concurso.fecha_aviso_diario,\n comentario: \"\",\n })\n )}\n archived={false}\n />\n
\n \n \n );\n }\n })}\n \n {!props.pending ? (\n \n \n \n
\n {props.concursosFacultad.map(\n (facultad: ConcursosFacultad, index) => {\n if (facultad.data_archived.length > 0) {\n return (\n
\n \n \n \n \n filaConcursoArchivado({\n pending: props.pending,\n codigo: concurso.codigo,\n nombre: concurso.nombre,\n apertura: concurso.fecha_inicio,\n cierre: concurso.fecha_termino,\n concursoId: concurso.id,\n numPostulantes: 0,\n creador: concurso.id_usuario_creador,\n contacto: concurso.id_usuario_contacto,\n publicacion:\n concurso.fecha_aviso_diario,\n comentario: concurso.comentario,\n fecha_archivo: concurso.fecha_ultima_modificacion\n })\n )}\n archived={true}\n />\n \n \n
No existen concursos archivados
;\n }\n }\n }\n )}\n \n \n \n \n ) : null}\n \n );\n};\n\ntype Concurso = {\n id: number;\n codigo: string;\n nombre: string;\n fecha_inicio: string;\n fecha_termino: string;\n fecha_aviso_diario: string;\n id_facultad: number;\n id_usuario_creador: number;\n id_usuario_contacto: number;\n num_postulantes: number;\n comentario: string;\n fecha_ultima_modificacion: string;\n};\n\ntype ConcursoProps = {\n rows: ({ content: string } | { content: JSX.Element })[][];\n archived: boolean;\n};\n\nconst Concurso: React.FC = (props) => {\n const rows = props.rows;\n let headers = [\n { content: \"Código\" },\n { content: \"Nombre\" },\n { content: \"Fecha de Cierre\" },\n { content: \"Nº de Postulaciones\" },\n { content: \"Acciones\" },\n ];\n if (props.archived) {\n headers = [\n { content: \"Código\" },\n { content: \"Nombre\" },\n { content: \"Fecha de Archivado\" },\n { content: \"Acciones\" },\n ]\n }\n return \n
\n );\n};\n\nconst filaConcurso = (props: FilaConcursoProps) => {\n const fechaCierre = moment(props.cierre).locale(\"es\").format(\"LLL\");\n\n return [\n { content: props.codigo, style: { width: \"1px\" } },\n { content: props.nombre },\n { content: fechaCierre, style: { width: \"193px\" } },\n {\n content: props.numPostulantes ? \"\" + props.numPostulantes : \"0\",\n style: { width: \"172px\" },\n },\n {\n content: = (props) => {\n const [concursos, setConcursos] = useState([]);\n const [loadingConcursos, setLoadingConcursos] = useState(true);\n const [error, setError] = useState(false);\n const [expanded, setExpanded] = React.useState([]);\n\n const handleToggle = (event, nodeIds) => {\n setExpanded(nodeIds);\n };\n\n function handleError(error: any): void {\n setError(true);\n let route = props.site == \"revisor\" ? \"AdminConcursos/\" : \"Concursos/\";\n handleLoadingConcursoError(\n error,\n (window as any).ENV.URL_FRONT + route + \"?tab=\" + props.index\n );\n }\n\n useEffect(() => {\n let apiRoute = props.pending ? \"/concursosActa/\" : \"/concursosTerminados/\";\n axios\n .get((window as any).ENV.API_URL + apiRoute)\n .then((res) => {\n setConcursos(res.data);\n setExpanded(res.data.map((concurso) => concurso.nombre_facultad));\n setLoadingConcursos(false);\n })\n .catch((error) => handleError(error));\n }, [props.pending]);\n\n if (!error)\n return (\n 0}\n concursosFacultad={concursos}\n pending={props.pending}\n />\n \n );\n return null;\n};\n\nexport default ConcursosHistory;\n","import React, {Fragment} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport CheckIcon from \"@material-ui/icons/Check\";\nimport axios from \"axios\";\nimport {handleConcursosDetailError} from \"../../utils/errors\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nconst ApproveModal = (props) => {\n const classes = useStyles();\n const [openSpinner, setOpenSpinner] = React.useState(false);\n const [open, setOpen] = React.useState(false);\n\n const handleOpen = () => {\n setOpen(!open);\n };\n\n const handleError = (error) => {\n setOpen(false);\n setOpenSpinner(false);\n handleConcursosDetailError(error)\n }\n\n const handleClick = () => {\n setOpenSpinner(true);\n axios\n .post(\n window.ENV.API_URL + \"/concursosRevision/\" + props.concursoId + \"/\",\n {\n status: \"aprobado\",\n }\n )\n .then(() => window.location.reload())\n .catch((error) => handleError(error));\n };\n\n return (\n \n {/*\n \n {props.label}\n */}\n\n {props.label}}\n >\n \n \n \n \n Aprobar concurso \n \n \n ¿Desea aprobar el concurso {props.name} ?\n
\n \n \n \n Cancelar\n \n \n Aprobar\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default ApproveModal;\n","import React, {Fragment} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport TextField from \"@material-ui/core/TextField\";\nimport ClearIcon from \"@material-ui/icons/Clear\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport axios from \"axios\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport {handleConcursosDetailError} from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nconst DeclineModal = (props) => {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const [comment, setComment] = React.useState(\"\");\n const [openSpinner, setOpenSpinner] = React.useState(false);\n\n const handleOpen = () => {\n setOpen(!open);\n };\n\n const handleChange = (event) => {\n setComment(event.target.value);\n };\n\n const handleError = (error) => {\n setOpen(false);\n setOpenSpinner(false);\n handleConcursosDetailError(error)\n }\n\n const handleClick = () => {\n setOpenSpinner(true);\n axios\n .post(\n window.ENV.API_URL + \"/concursosRevision/\" + props.concursoId + \"/\",\n {\n status: \"rechazado\",\n comentario: comment,\n }\n )\n .then((res) => window.location.reload())\n .catch((error) => handleError(error));\n };\n\n return (\n \n {/*\n \n {props.label}\n */}\n {props.label}}\n >\n \n \n \n \n Rechazar concurso \n \n \n Escriba el motivo para rechazar el concurso{\" \"}\n {props.name} \n
\n\n \n \n \n Cancelar\n \n \n Rechazar\n \n \n \n \n \n \n \n );\n};\n\nexport default DeclineModal;\n","import React, { SetStateAction, useCallback, useEffect, useState } from \"react\";\nimport Field from \"../../common/Field\";\nimport axios from \"axios\";\nimport \"./formStyles.css\";\nimport { objectToFormData } from \"object-to-formdata\";\nimport Button from \"@material-ui/core/Button\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Snackbar from \"@material-ui/core/Snackbar\";\nimport MuiAlert from \"@material-ui/lab/Alert\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Grid from \"@material-ui/core/Grid\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport { validateEmail } from \"../../utils/email\";\n\nimport {\n AntecedenteField,\n Antecedente,\n useTextField,\n useSelectField,\n useDateField,\n useTimeField,\n useForm,\n} from \"../../common/Form\";\nimport { convert, LocalDate, LocalDateTime } from \"js-joda\";\nimport { List } from \"immutable\";\nimport { Attachment, FileField } from \"../../common/attachments\";\nimport { handleCreateConcursoError } from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n}));\n\nconst tzOffset = new Date().getTimezoneOffset() * 60000;\n\nfunction Alert(props) {\n return = (props) => {\n const defaultData = props.defaultData || null;\n const saveDraft = props.saveDraft || false;\n const [facultades, setFacultades] = useState([]);\n const [contactos, setContactos] = useState([]);\n const [open, setOpen] = useState(false);\n const [openSpinner, setOpenSpinner] = React.useState(false);\n const fatherSetOpenSpinner = props.fatherSetOpenSpinner;\n const fatherSetOpen = props.fatherSetOpen;\n const [id_fac, set_id_fac] = useState(\"\");\n\n const showSpinner = () => {\n setOpenSpinner(true);\n };\n\n const handleError = (error) => {\n fatherSetOpenSpinner(false);\n fatherSetOpen(false);\n handleCreateConcursoError(error);\n };\n\n useEffect(() => {\n if (!saveDraft) {\n fatherSetOpenSpinner(true);\n axios\n .get((window as any).ENV.API_URL + \"/facultades/\")\n .then((res) => {\n setFacultades(res.data);\n fatherSetOpenSpinner(false);\n setOpen(true);\n })\n //todo mostrar mensajes de error\n .catch((error) => handleError(error));\n } else {\n setOpen(true);\n }\n }, []);\n\n useEffect(() => {\n axios\n .get(\n (window as any).ENV.API_URL +\n \"/contactos/\" +\n (defaultData ? defaultData.id_facultad : id_fac) +\n \"/\"\n )\n .then((res) => {\n setContactos(res.data);\n });\n }, [id_fac]);\n\n const update_contactos = (id) => {\n set_id_fac(id);\n };\n\n // Form\n const codigo = useTextField({\n label: \"Código\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.codigo : \"\",\n disabled: true,\n });\n\n const nombreConcursoField = useTextField({\n label: \"Nombre del concurso\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.nombre : \"\",\n });\n\n const nombreContactoField = useTextField({\n label: \"Nombre del contacto\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.nombre_contacto : \"\",\n });\n const mailContactoField = useTextField({\n label: \"E-mail del contacto\",\n fullWidth: true,\n defaultValue: defaultData ? defaultData.correo_contacto : \"\",\n validate(value: string): string {\n return validateEmail(value);\n },\n });\n const inicioDate = new Date(new Date(defaultData?.fecha_inicio).getTime());\n const inicioTime = new Date(\n new Date(defaultData?.fecha_inicio).getTime() - tzOffset\n );\n const fechaAperturaField = useDateField({\n label: \"Fecha de apertura\",\n disablePast: true,\n defaultValue: defaultData?.fecha_inicio\n ? LocalDate.parse(new Date(inicioDate).toISOString().substring(0, 10))\n : undefined,\n });\n const horaAperturaField = useTimeField({\n label: \"Hora de apertura\",\n defaultValue: defaultData?.fecha_inicio\n ? LocalDateTime.parse(new Date(inicioTime).toISOString().substring(0, 23))\n : undefined,\n });\n const cierreDate = new Date(new Date(defaultData?.fecha_termino).getTime());\n const cierreTime = new Date(\n new Date(defaultData?.fecha_termino).getTime() - tzOffset\n );\n const fechaCierreField = useDateField({\n label: \"Fecha de cierre\",\n disablePast: true,\n defaultValue: defaultData?.fecha_termino\n ? LocalDate.parse(new Date(cierreDate).toISOString().substring(0, 10))\n : undefined,\n validate(date: LocalDate): string {\n const apertura = fechaAperturaField.value;\n if (apertura && date.isBefore(apertura)) {\n return \"Debe elegir una fecha posterior a la apertura\";\n } else {\n return \"OK\";\n }\n },\n });\n const horaCierreField = useTimeField({\n label: \"Hora de cierre\",\n defaultValue: defaultData?.fecha_termino\n ? LocalDateTime.parse(new Date(cierreTime).toISOString().substring(0, 23))\n : undefined,\n });\n const fechaAvisoDiarioField = useDateField({\n label: \"Fecha de aviso diario\",\n defaultValue: defaultData?.fecha_aviso_diario\n ? LocalDate.parse(\n new Date(defaultData.fecha_aviso_diario)\n .toISOString()\n .substring(0, 10)\n )\n : undefined,\n validate(date: LocalDate): string {\n const apertura = fechaAperturaField.value;\n if (apertura && date.isAfter(apertura)) {\n return \"La fecha de aviso no puede ser posterior a la fecha de apertura\";\n } else {\n return \"OK\";\n }\n },\n });\n\n const nombreFacultadField = useSelectField({\n label: \"Facultad\",\n disabled: saveDraft,\n defaultValue: defaultData ? defaultData.id_facultad : \"\",\n onChange: (event: any) => {\n update_contactos(event.target.value);\n },\n options: defaultData\n ? [{ value: defaultData.id_facultad, label: defaultData.nombre_facultad }]\n : facultades.map((fac: Facultad) => ({\n value: fac.id.toString(),\n label: fac.nombre,\n })),\n });\n\n /**\n const contactoField = useSelectField({\n label: \"Contacto\",\n defaultValue: defaultData ? defaultData.id_contacto : \"\",\n options: contactos.map((cont: Contacto) => ({\n value: cont.id.toString(),\n label: cont.nombres + \" \" + cont.paterno + \" \" + cont.materno,\n })),\n });\n */\n\n const mainForm = useForm([\n nombreConcursoField,\n nombreContactoField,\n mailContactoField,\n // contactoField,\n fechaAperturaField,\n fechaCierreField,\n horaCierreField,\n horaAperturaField,\n fechaAvisoDiarioField,\n nombreFacultadField,\n ]);\n\n const formatAntecedentes = (antecedentes: AntecedenteDefault[]) => {\n const arr: Antecedente[] = [];\n antecedentes.forEach((antecedente: AntecedenteDefault) => {\n arr.push({\n id: antecedente.id,\n nombre: antecedente.nombre,\n estado: antecedente.obligatorio ? \"obligatorio\" : \"opcional\",\n isValid: antecedente.isValid,\n eliminable: antecedente.nombre !== \"Currículum\",\n deleted: false,\n });\n });\n return arr;\n };\n\n // Antecedentes\n const [antecedentes, setAntecedentes] = useState(\n defaultData?.antecedentes.length > 0\n ? formatAntecedentes(defaultData.antecedentes)\n : [\n {\n id: undefined,\n nombre: \"Currículum\",\n estado: \"obligatorio\",\n eliminable: false,\n isValid: true,\n deleted: false,\n },\n {\n id: undefined,\n nombre: \"Declaración jurada\",\n estado: \"obligatorio\",\n eliminable: true,\n isValid: true,\n deleted: false,\n },\n ]\n );\n\n const onClickAgregarAntecedente = useCallback(() => {\n const newAntecedente = {\n id: undefined,\n nombre: \"\",\n estado: \"opcional\",\n eliminable: true,\n isValid: false,\n deleted: false,\n };\n setAntecedentes((antecedentes) => [...antecedentes, newAntecedente]);\n }, []);\n\n const eliminarAntecedente = useCallback(\n (indexAntecedente: number) => {\n antecedentes[indexAntecedente].deleted = true;\n setAntecedentes([...antecedentes]);\n },\n [antecedentes]\n );\n\n // Archivos\n const [attachments, setAttachments] = useState(\n List(\n defaultData?.archivos\n ? defaultData.archivos.map(\n (atFile: AtfileDefault) =>\n new Attachment({\n id: atFile.id, // id from backend\n nombre: atFile.nombre,\n archivo: null,\n reactKey: atFile.id.toString(), // unique across all attachments\n deleted: false,\n })\n )\n : [\n new Attachment({\n id: undefined, // as it hasn't been uploaded to the backend yet\n nombre: \"Bases del concurso\",\n archivo: null,\n reactKey: Math.random().toString(), // unique across all attachments\n deleted: false,\n }),\n new Attachment({\n id: undefined, // as it hasn't been uploaded to the backend yet\n nombre: \"Declaración jurada\",\n archivo: null,\n reactKey: Math.random().toString(), // unique across all attachments\n deleted: false,\n }),\n new Attachment({\n id: undefined, // as it hasn't been uploaded to the backend yet\n nombre: \"Tipo de currículum\",\n archivo: null,\n reactKey: Math.random().toString(), // unique across all attachments\n deleted: false,\n }),\n ]\n )\n );\n\n function addAttachment() {\n setAttachments((list) => list.push(Attachment.empty()));\n }\n\n function updateAttachment(\n index: number,\n action: SetStateAction\n ): void {\n if (typeof action === \"function\") {\n const resp=(list) => list.update(index, action);\n setAttachments(resp);\n } else {\n setAttachments((list) => list.set(index, action));\n }\n }\n\n const formsAreValid =\n mainForm.isValid &&\n attachments.every(\n (attachment) => attachment.isValid || Boolean(attachment.deleted)\n ) &&\n antecedentes.every((ante) => ante.isValid || Boolean(ante.deleted));\n\n // Concurso\n const concurso = {\n nombre: nombreConcursoField.value,\n fechaApertura: fechaAperturaField.value,\n fechaCierre: fechaCierreField.value,\n horaCierre: horaCierreField.value,\n horaApertura: horaAperturaField.value,\n fecha_aviso_diario: fechaAvisoDiarioField.value,\n nombreFacultad: nombreFacultadField.value,\n archivos: attachments.toArray(),\n id_usuario_contacto: \"0180206779\", //contactoField.value,\n nombre_contacto: nombreContactoField.value,\n correo_contacto: mailContactoField.value,\n antecedentes,\n };\n\n // Aviso de confirmacion\n const [openToast, setOpenToast] = React.useState(false);\n const [toastVariant, setToastVariant] = React.useState(\"error\");\n const [toastContent, setToastContent] = React.useState(\"\");\n\n const classes = useStyles();\n\n const hideSpinner = useCallback(\n (variant) => {\n setOpenSpinner(false);\n const contentSuccess = saveDraft ? \"modificado\" : \"creado\";\n const contentError = saveDraft ? \"modificar\" : \"crear\";\n switch (variant) {\n case \"success\":\n setOpenToast(true);\n setToastVariant(variant);\n setToastContent(`El concurso ha sido ${contentSuccess} con éxito.`);\n break;\n case \"error\":\n setOpenToast(true);\n setToastVariant(variant);\n setToastContent(\n `Ocurrió un error al intentar ${contentError} el concurso.`\n );\n break;\n default:\n setOpenToast(false);\n break;\n }\n },\n [saveDraft]\n );\n\n const onClickSolicitarPublicacion = useCallback(() => {\n showSpinner();\n const inicio = {\n date: convert(concurso.fechaApertura!)\n .toDate()\n .toISOString()\n .substring(0, 10),\n time: convert(concurso.horaApertura!)\n .toDate()\n .toISOString()\n .substring(11, 23),\n };\n const termino = {\n date: convert(concurso.fechaCierre!)\n .toDate()\n .toISOString()\n .substring(0, 10),\n time: convert(concurso.horaCierre!)\n .toDate()\n .toISOString()\n .substring(11, 23),\n };\n const json = {\n nombre: concurso.nombre,\n id_facultad: concurso.nombreFacultad,\n fecha_inicio: `${inicio.date}T${inicio.time}Z`,\n fecha_termino: `${termino.date}T${termino.time}Z`,\n fecha_aviso_diario: convert(concurso.fecha_aviso_diario!)\n .toDate()\n .toISOString(),\n id_usuario_creador: (window as any).User.Rut,\n id_usuario_contacto: \"encanchar con api personas\", //contactoField.value,\n nombre_contacto: concurso.nombre_contacto,\n correo_contacto: concurso.correo_contacto,\n };\n\n const formObj = {\n concurso: json,\n archivos: attachments.toArray(),\n antecedentes: antecedentes,\n };\n\n if (!saveDraft) {\n formObj.antecedentes = antecedentes.filter(\n (antecedente) => !antecedente.deleted\n );\n formObj.archivos = attachments\n .filter((attachment) => !attachment.deleted)\n .toArray();\n } else {\n formObj.antecedentes = antecedentes.filter(\n (antecedente) => antecedente.id || !antecedente.deleted\n );\n formObj.archivos = attachments\n .filter((attachment) => attachment.id || !attachment.deleted)\n .toArray();\n }\n\n const formData = objectToFormData(formObj);\n Object.entries(json).forEach(([key, value]) => {\n formData.set(key, `${value}`);\n });\n const config = {\n headers: {\n \"content-type\": \"multipart/form-data\",\n },\n };\n\n const redirectSite =\n props.sitio == \"creador\"\n ? (window as any).ENV.URL_FRONT + \"Concursos?tab=0\"\n : (window as any).ENV.URL_FRONT + \"AdminConcursos?tab=0\";\n if (!saveDraft) {\n axios\n .post((window as any).ENV.API_URL + \"/concursos/\", formData, config)\n .then(() => {\n hideSpinner(\"success\");\n setTimeout(() => {\n window.location.href = redirectSite;\n }, 1000);\n })\n .catch((err) => {\n hideSpinner(\"error\");\n console.error(err);\n });\n } else {\n axios\n .put(\n (window as any).ENV.API_URL +\n \"/concursosBorrador/\" +\n props.concursoId +\n \"/\",\n formData,\n config\n )\n .then(() => {\n hideSpinner(\"success\");\n setTimeout(() => {\n window.location.href = redirectSite;\n }, 1000);\n })\n .catch((err) => {\n hideSpinner(\"error\");\n console.error(err);\n });\n }\n }, [\n concurso,\n attachments,\n antecedentes,\n saveDraft,\n hideSpinner,\n props.concursoId,\n ]);\n\n const title = props.title;\n const disableOnInvalid = props.disableOnInvalid;\n\n return (\n \n {title} \n\n \n {props?.defaultData?.comentario ? (\n \n {props.defaultData.comentario}\n \n ) : null}\n\n Información básica \n Complete los campos con la información básica del concurso.
\n\n \n {saveDraft ? (\n \n {codigo.render()} \n \n ) : null}\n \n {nombreConcursoField.render()} \n \n \n {nombreFacultadField.render()} \n \n {/*\n \n {contactoField.render()} \n */}\n \n \n {nombreContactoField.render()} \n \n \n {mailContactoField.render()} \n \n \n \n \n {fechaAvisoDiarioField.render()} \n \n \n \n \n {fechaAperturaField.render()} \n \n \n {horaAperturaField.render()} \n \n \n \n \n {fechaCierreField.render()} \n \n \n {horaCierreField.render()} \n \n \n \n\n Documentación \n \n Añada los documentos que detallan el concurso (.pdf, .doc, .docx).{\" \"}\n
\n\n \n {attachments.map((attachment, index) => (\n updateAttachment(index, action)}\n />\n ))}\n
\n\n Antecedentes \n Añada los documentos requeridos para cada postulante.
\n\n \n {antecedentes.map((antecedente, indexAntecedente) =>\n antecedente ? (\n
eliminarAntecedente(indexAntecedente)}\n />\n ) : null\n )}\n \n\n \n props.handleModal()}\n >\n Cancelar\n \n \n Guardar\n \n \n \n \n setOpenToast(false)}\n >\n {toastContent} \n \n \n );\n};\nexport default Mantenedor;\n","import React, {Fragment} from \"react\";\nimport axios from \"axios\";\nimport Button from \"@material-ui/core/Button\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Mantenedor from \"../admin-concursos/Mantenedor\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport EditIcon from '@material-ui/icons/Edit';\nimport {handleConcursosDetailError} from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n dialog: {\n \"& .MuiDialog-paper\": {\n maxWidth: \"700px\",\n },\n },\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nexport default function EditConcursoModal(props) {\n const [open, setOpen] = React.useState(false);\n const [data, setData] = React.useState({});\n const [openSpinner, setOpenSpinner] = React.useState(false);\n const classes = useStyles();\n\n const handleError = (error) => {\n setOpen(false);\n setOpenSpinner(false);\n handleConcursosDetailError(error)\n }\n\n const handleOpen = () => {\n setOpenSpinner(true);\n axios\n .get(`${window.ENV.API_URL}/concursosBorrador/${props.concursoId}/`)\n .then((res) => {\n setData(res.data);\n setOpen(true);\n setOpenSpinner(false);\n })\n .catch((error) => handleError(error));\n };\n\n return (\n \n {/*{props.label} */}\n {props.label}}\n >\n \n \n \n setOpen(false)}\n scroll={\"paper\"}\n className={classes.dialog}\n fullWidth\n >\n setOpen(false)}\n concursoId={props.concursoId}\n title={\"Editar concurso\"}\n saveDraft={true}\n defaultData={data}\n disableOnInvalid={true}\n sitio={props.sitio}\n />\n \n \n \n \n \n );\n}\n","import React, {Fragment} from \"react\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport ArchiveIcon from \"@material-ui/icons/Archive\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\n\nimport axios from \"axios\";\nimport {handleConcursosDetailError} from \"../../utils/errors\";\nimport TextField from \"@material-ui/core/TextField\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n dialog: {\n \"& .MuiDialog-paper\": {\n maxWidth: \"700px\",\n },\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nexport default function DraftDeleteModal(props) {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const [openSpinner, setOpenSpinner] = React.useState(false);\n let comment = \"\"\n\n const handleOpen = (event) => {\n setOpen(!open);\n };\n\n const handleChange = (event) =>{\n comment = event.target.value\n };\n\n const handleError = (error) => {\n setOpen(false);\n setOpenSpinner(false);\n handleConcursosDetailError(error)\n }\n\n const handleClick = () => {\n setOpenSpinner(true);\n axios\n .delete(window.ENV.API_URL + \"/concursos/\" + props.concursoId + \"/\",{data:{comentario:comment}})\n .then((res) => {\n handleOpen();\n setOpenSpinner(false);\n window.location.reload();\n })\n .catch((error) => handleError(error));\n };\n\n return (\n \n {/*\n {props.label}}\n >\n \n \n \n \n Archivar concurso \n \n \n Escriba el motivo para archivar el concurso{\" \"}\n {props.name} \n
\n \n
\n \n \n \n Cancelar\n \n \n Archivar\n \n \n \n \n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport StyledTable from \"../../common/StyledTable\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport DetailsModal from \"../admin-concursos/DetailsModal\";\nimport ApproveModal from \"./ApproveModal\";\nimport DeclineModal from \"./DeclineModal\";\nimport EditConcursoModal from \"../common/EditConcursoModal\";\nimport DraftDeleteModal from \"../concursos/DraftDeleteModal\";\nimport { handleLoadingConcursoError } from \"../../utils/errors\";\nimport TreeView from \"@material-ui/lab/TreeView\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport TreeItem from \"@material-ui/lab/TreeItem\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nconst useStyles = makeStyles({\n item: {\n \"& .MuiTreeItem-iconContainer svg\": { fontSize: \"24px\" },\n \"& .MuiTreeItem-label\": { fontSize: \"24px\" },\n \"&.Mui-selected .MuiTreeItem-label\": { background: \"none !important\" },\n },\n});\n\ntype ConcursosFacultadProps = {\n visible: boolean;\n loading: boolean;\n concursosFacultad: ConcursosFacultad[];\n};\n\ntype ConcursoEnviado = {\n concurso: Concurso;\n fecha_envio: string;\n};\n\ntype ConcursosFacultad = {\n nombre_facultad: string;\n data: ConcursoEnviado[];\n};\n\ntype Facultad = {\n id: number;\n nombre: string;\n};\n\nconst ConcursosFacultad: React.FC = (props) => {\n const classes = useStyles();\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n \n {props.concursosFacultad.map(\n (concursoFacultad: ConcursosFacultad, index) => {\n return (\n
\n \n \n \n \n filaConcurso({\n codigo: concursoEnviado.concurso.codigo,\n nombre: concursoEnviado.concurso.nombre,\n apertura: concursoEnviado.concurso.fecha_inicio,\n cierre: concursoEnviado.concurso.fecha_termino,\n concursoId: concursoEnviado.concurso.id,\n numPostulantes: 0,\n creador:\n concursoEnviado.concurso.id_usuario_creador,\n contacto:\n concursoEnviado.concurso.id_usuario_contacto,\n publicacion:\n concursoEnviado.concurso.fecha_aviso_diario,\n fecha_envio: concursoEnviado.fecha_envio,\n })\n )}\n />\n \n );\n }\n )}\n \n \n );\n};\n\ntype Concurso = {\n id: number;\n codigo: string;\n nombre: string;\n fecha_inicio: string;\n fecha_termino: string;\n fecha_aviso_diario: string;\n id_facultad: number;\n id_usuario_creador: number;\n id_usuario_contacto: number;\n};\n\ntype ConcursoProps = {\n rows: ({ content: string } | { content: JSX.Element })[][];\n};\n\nconst Concurso: React.FC = (props) => {\n const rows = props.rows;\n const headers = [\n { content: \"Código\" },\n { content: \"Nombre\" },\n { content: \"Fecha de Envío\" },\n { content: \"Fecha de Publicación en el Diario\" },\n //{ content: \"Fecha de Apertura\" },\n { content: \"Acciones\" },\n ];\n\n return = (props) => {\n const [concursos, setConcursos] = useState([]);\n const [loadingConcursos, setLoadingConcursos] = useState(true);\n const [error, setError] = useState(false);\n const [expanded, setExpanded] = React.useState([]);\n\n const handleToggle = (event, nodeIds) => {\n setExpanded(nodeIds);\n };\n\n useEffect(() => {\n /**\n function sortByFechaPublicacion(data: []) {\n let sortedData = data.sort((a: any, b: any) => new Date(b.fecha_aviso_diario).getTime() - new Date(a.fecha_aviso_diario).getTime());\n return sortedData;\n }*/\n\n let api_route = \"/concursosRevision/\";\n\n function handleError(error: any): void {\n setError(true);\n handleLoadingConcursoError(\n error,\n (window as any).ENV.URL_FRONT + \"AdminConcursos/?tab=\" + props.index\n );\n }\n\n axios\n .get((window as any).ENV.API_URL + api_route)\n .then((res) => {\n setConcursos(res.data);\n setExpanded(res.data.map((concurso) => concurso.nombre_facultad));\n setLoadingConcursos(false);\n })\n .catch((error) => handleError(error));\n }, []);\n\n if (!error)\n return (\n 0}\n concursosFacultad={concursos}\n />\n \n );\n return null;\n};\n\nexport default AdminConcursosPending;\n","import React, { useState, useEffect } from \"react\";\nimport StyledTable from \"../../common/StyledTable\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport DetailsModal from \"../admin-concursos/DetailsModal\";\nimport { hide_show } from \"../../utils/drop_down\";\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\nimport IconButton from \"@material-ui/core/Button\";\nimport { handleLoadingConcursoError } from \"../../utils/errors\";\nimport TreeView from \"@material-ui/lab/TreeView\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport TreeItem from \"@material-ui/lab/TreeItem\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nconst useStyles = makeStyles({\n item: {\n \"& .MuiTreeItem-iconContainer svg\": { fontSize: \"24px\" },\n \"& .MuiTreeItem-label\": { fontSize: \"24px\" },\n \"&.Mui-selected .MuiTreeItem-label\": { background: \"none !important\" },\n },\n});\n\ntype ConcursosFacultadProps = {\n visible: boolean;\n loading: boolean;\n concursosFacultad: ConcursosFacultad[];\n};\n\ntype ConcursoRevisado = {\n concurso: Concurso;\n fecha_envio: string;\n estado: string;\n comentario: string;\n};\n\ntype ConcursosFacultad = {\n nombre_facultad: string;\n data: ConcursoRevisado[];\n};\n\nconst ConcursosFacultad: React.FC = (props) => {\n const classes = useStyles();\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n \n {props.concursosFacultad.map(\n (concursoFacultad: ConcursosFacultad, index) => {\n return (\n
\n \n \n \n \n filaConcurso({\n codigo: concursoRevisado.concurso.codigo,\n nombre: concursoRevisado.concurso.nombre,\n apertura: concursoRevisado.concurso.fecha_inicio,\n cierre: concursoRevisado.concurso.fecha_termino,\n concursoId: concursoRevisado.concurso.id,\n numPostulantes: 0,\n creador:\n concursoRevisado.concurso.id_usuario_creador,\n contacto:\n concursoRevisado.concurso.id_usuario_contacto,\n publicacion:\n concursoRevisado.concurso.fecha_aviso_diario,\n fecha_envio: concursoRevisado.fecha_envio,\n estado: concursoRevisado.estado,\n })\n )}\n />\n \n );\n }\n )}\n \n \n );\n};\n\ntype Concurso = {\n id: number;\n codigo: string;\n nombre: string;\n fecha_inicio: string;\n fecha_termino: string;\n fecha_aviso_diario: string;\n id_facultad: number;\n id_usuario_creador: number;\n id_usuario_contacto: number;\n};\n\ntype ConcursoProps = {\n rows: ({ content: string } | { content: JSX.Element })[][];\n};\n\nconst Concurso: React.FC = (props) => {\n const rows = props.rows;\n const headers = [\n { content: \"Código\" },\n { content: \"Nombre\" },\n { content: \"Fecha de Publicación en el Diario\" },\n { content: \"Estado\" },\n //{ content: \"Fecha de Apertura\" },\n { content: \"Acciones\" },\n ];\n\n return Rechazado ;\n case \"Aprobado\":\n return Aprobado ;\n case \"Abierto\":\n return Abierto ;\n case \"Pendiente Acta\":\n return Pendiente Acta ;\n default:\n return
;\n }\n };\n return [\n { content: props.codigo, style: { width: \"1px\" } },\n { content: props.nombre },\n { content: fechaPublicacion, style: { width: \"254px\" } },\n { content: getVariant(props.estado), style: { width: \"160px\" } },\n //{ content: fechaApertura },\n {\n content: (\n \n
\n ),\n style: { width: \"15px\" },\n },\n ];\n};\n\ntype FilaConcursoProps = {\n codigo: string;\n nombre: string;\n apertura: string;\n cierre: string;\n concursoId: number;\n numPostulantes: number;\n creador: number;\n contacto: number;\n publicacion: string;\n fecha_envio: string;\n estado: string;\n};\n\ntype AdminConcursosReviewedProps = {\n index: number;\n};\n\nconst AdminConcursosReviewed: React.FC = (\n props\n) => {\n const [concursos, setConcursos] = useState([]);\n const [loadingConcursos, setLoadingConcursos] = useState(true);\n const [error, setError] = useState(false);\n const [expanded, setExpanded] = React.useState([]);\n\n const handleToggle = (event, nodeIds) => {\n setExpanded(nodeIds);\n };\n\n useEffect(() => {\n /**\n function sortByFechaPublicacion(data: []) {\n let sortedData = data.sort((a: any, b: any) => new Date(b.fecha_aviso_diario).getTime() - new Date(a.fecha_aviso_diario).getTime());\n return sortedData;\n }*/\n\n let api_route = \"/concursosRevisados/\";\n\n function handleError(error: any): void {\n setError(true);\n handleLoadingConcursoError(\n error,\n (window as any).ENV.URL_FRONT + \"AdminConcursos/?tab=\" + props.index\n );\n }\n\n axios\n .get((window as any).ENV.API_URL + api_route)\n .then((res) => {\n setConcursos(res.data);\n setExpanded(res.data.map((concurso) => concurso.nombre_facultad));\n setLoadingConcursos(false);\n })\n .catch((error) => handleError(error));\n }, []);\n\n if (!error)\n return (\n 0}\n concursosFacultad={concursos}\n />\n \n );\n return null;\n};\n\nexport default AdminConcursosReviewed;\n","import React, { Fragment, useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport Backdrop from \"@material-ui/core/Backdrop\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Button from \"@material-ui/core/Button\";\nimport SendIcon from \"@material-ui/icons/Send\";\nimport DetailsTable from \"../../common/DetailsTable\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport axios from \"axios\";\nimport {\n handleConcursosDetailError,\n handleLoadingConcursoError,\n} from \"../../utils/errors\";\n\nconst useStyles = makeStyles((theme) => ({\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: \"#fff\",\n },\n dialog: {\n \"& .MuiDialog-paper\": {\n maxWidth: \"700px\",\n },\n },\n tooltip: {\n fontSize: \"14px\",\n fontWeight: \"normal\",\n },\n}));\n\nexport default function DraftSendModal(props) {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const [data, setData] = React.useState({});\n const [openSpinner, setOpenSpinner] = React.useState(false);\n\n const handleOpen = (event) => {\n setOpen(!open);\n };\n\n const handleError = (error) => {\n setOpen(false);\n setOpenSpinner(false);\n handleConcursosDetailError(error);\n };\n\n const handleClick = () => {\n setOpenSpinner(true);\n axios\n .post(window.ENV.API_URL + \"/concursosBorrador/\" + props.concursoId + \"/\")\n .then((res) => {\n handleOpen();\n setOpenSpinner(false);\n window.location.reload();\n })\n .catch((error) => handleError(error));\n };\n\n const handleOpenModal = () => {\n setOpenSpinner(true);\n axios\n .get(window.ENV.API_URL + \"/concursos/\" + props.concursoId + \"/\")\n .then((res) => {\n setData(res.data[0]);\n handleOpen();\n setOpenSpinner(false);\n })\n .catch((error) => handleError(error));\n };\n\n return (\n \n {/*\n {props.label}}\n >\n \n \n \n \n Solicitud de concurso \n \n \n ¿Desea solicitar la aprobación del siguiente concurso?\n
\n \n \n \n Cancelar\n \n \n Solicitar aprobación\n \n \n \n \n \n \n \n \n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport StyledTable from \"../../common/StyledTable\";\nimport EditConcursoModal from \"../common/EditConcursoModal\";\nimport DraftSendModal from \"./DraftSendModal\";\nimport DraftDeleteModal from \"./DraftDeleteModal\";\nimport TreeView from \"@material-ui/lab/TreeView\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport TreeItem from \"@material-ui/lab/TreeItem\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { handleLoadingConcursoError } from \"../../utils/errors\";\n\nconst useStyles = makeStyles({\n item: {\n \"& .MuiTreeItem-iconContainer svg\": { fontSize: \"24px\" },\n \"& .MuiTreeItem-label\": { fontSize: \"24px\" },\n \"&.Mui-selected .MuiTreeItem-label\": { background: \"none !important\" },\n },\n});\n\ntype ConcursosFacultadProps = {\n visible: boolean;\n loading: boolean;\n concursosFacultad: ConcursosFacultad[];\n};\n\ntype Concurso = {\n id: number;\n codigo: string;\n nombre: string;\n fecha_inicio: string;\n fecha_termino: string;\n fecha_aviso_diario: string;\n id_facultad: number;\n id_usuario_creador: number;\n id_usuario_contacto: number;\n};\n\ntype concursoDraft = {\n concurso: Concurso;\n fecha_ultima_modificacion: string;\n estado: string;\n comentario: string;\n};\n\ntype ConcursosFacultad = {\n nombre_facultad: string;\n data: concursoDraft[];\n};\n\ntype Facultad = {\n id: number;\n nombre: string;\n};\n\nconst ConcursosFacultad: React.FC = (props) => {\n const classes = useStyles();\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n \n {props.concursosFacultad.map(\n (concursoFacultad: ConcursosFacultad, index) => {\n return (\n
\n \n \n \n \n filaConcurso({\n codigo: concursoDraft.concurso.codigo,\n nombre: concursoDraft.concurso.nombre,\n apertura: concursoDraft.concurso.fecha_inicio,\n cierre: concursoDraft.concurso.fecha_termino,\n concursoId: concursoDraft.concurso.id,\n creador:\n concursoDraft.concurso.id_usuario_creador,\n contacto:\n concursoDraft.concurso.id_usuario_contacto,\n publicacion:\n concursoDraft.concurso.fecha_aviso_diario,\n fecha_ultima_modificacion:\n concursoDraft.fecha_ultima_modificacion,\n comentarios: concursoDraft.comentario,\n estado: concursoDraft.estado,\n })\n )}\n />\n \n );\n }\n )}\n \n \n );\n};\n\ntype ConcursoProps = {\n rows: ({ content: string } | { content: JSX.Element })[][];\n};\n\nconst Concurso: React.FC = (props) => {\n const rows = props.rows;\n const headers = [\n { content: \"Código\" },\n { content: \"Nombre\" },\n //{ content: \"Fecha de Publicación en el Diario\" },\n { content: \"Última Modificación\" },\n { content: \"Estado\" },\n { content: \"Acciones\" },\n ];\n\n return Rechazado ;\n case \"no_publicado\":\n return No enviado ;\n default:\n return No enviado ;\n }\n };\n\n return [\n { content: props.codigo, style: { width: \"1px\" } },\n { content: props.nombre },\n //{ content: fechaPublicacion, style: {width: \"254px\"} },\n { content: fechaUltimaModificacion, style: { width: \"214px\" } },\n { content: getVariant(props.estado), style: { width: \"113px\" } },\n {\n content: (\n \n
\n ),\n style: { width: \"180px\" },\n },\n ];\n};\n\ntype FilaConcursoProps = {\n codigo: string;\n nombre: string;\n apertura: string;\n cierre: string;\n concursoId: number;\n creador: number;\n contacto: number;\n publicacion: string;\n fecha_ultima_modificacion: string;\n comentarios: string;\n estado: string;\n};\n\ntype DraftProps = {\n index: number;\n};\n\nconst ConcursosDraft: React.FC = (props) => {\n const [concursos, setConcursos] = useState([]);\n const [loadingConcursos, setLoadingConcursos] = useState(true);\n const [error, setError] = useState(false);\n const [expanded, setExpanded] = React.useState([]);\n \n const handleToggle = (event, nodeIds) => {\n setExpanded(nodeIds);\n };\n\n useEffect(() => {\n /**\n function sortByFechaPublicacion(data: []) {\n let sortedData = data.sort((a: any, b: any) => new Date(b.fecha_aviso_diario).getTime() - new Date(a.fecha_aviso_diario).getTime());\n return sortedData;\n }*/\n\n function handleError(error: any): void {\n setError(true);\n handleLoadingConcursoError(\n error,\n (window as any).ENV.URL_FRONT + \"Concursos/?tab=\" + props.index\n );\n }\n\n let api_route = \"/concursosBorrador/\";\n\n axios\n .get((window as any).ENV.API_URL + api_route)\n .then((res) => {\n setConcursos(res.data);\n setExpanded(res.data.map((concurso) => concurso.nombre_facultad));\n setLoadingConcursos(false);\n })\n .catch((error) => handleError(error));\n }, []);\n\n if (!error) {\n return (\n 0}\n concursosFacultad={concursos}\n />\n \n );\n }\n\n return null;\n};\n\nexport default ConcursosDraft;\n","import React, { useState, useEffect } from \"react\";\nimport StyledTable from \"../../common/StyledTable\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport DetailsModal from \"../admin-concursos/DetailsModal\";\nimport TreeView from \"@material-ui/lab/TreeView\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport TreeItem from \"@material-ui/lab/TreeItem\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { handleLoadingConcursoError } from \"../../utils/errors\";\n\nconst useStyles = makeStyles({\n item: {\n \"& .MuiTreeItem-iconContainer svg\": { fontSize: \"24px\" },\n \"& .MuiTreeItem-label\": { fontSize: \"24px\" },\n \"&.Mui-selected .MuiTreeItem-label\": { background: \"none !important\" },\n },\n});\n\ntype ConcursosFacultadProps = {\n visible: boolean;\n loading: boolean;\n concursosFacultad: ConcursosFacultad[];\n};\n\ntype ConcursoEnviado = {\n concurso: Concurso;\n fecha_envio: string;\n};\n\ntype ConcursosFacultad = {\n nombre_facultad: string;\n data: ConcursoEnviado[];\n};\n\ntype Facultad = {\n id: number;\n nombre: string;\n};\n\nconst ConcursosFacultad: React.FC = (props) => {\n const classes = useStyles();\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n \n {props.concursosFacultad.map(\n (concursoFacultad: ConcursosFacultad, index) => {\n return (\n
\n \n \n \n \n filaConcurso({\n codigo: concursoEnviado.concurso.codigo,\n nombre: concursoEnviado.concurso.nombre,\n apertura: concursoEnviado.concurso.fecha_inicio,\n cierre: concursoEnviado.concurso.fecha_termino,\n concursoId: concursoEnviado.concurso.id,\n numPostulantes: 0,\n creador:\n concursoEnviado.concurso.id_usuario_creador,\n contacto:\n concursoEnviado.concurso.id_usuario_contacto,\n publicacion:\n concursoEnviado.concurso.fecha_aviso_diario,\n fecha_envio: concursoEnviado.fecha_envio,\n })\n )}\n />\n \n );\n }\n )}\n \n \n );\n};\n\ntype Concurso = {\n id: number;\n codigo: string;\n nombre: string;\n fecha_inicio: string;\n fecha_termino: string;\n fecha_aviso_diario: string;\n id_facultad: number;\n id_usuario_creador: number;\n id_usuario_contacto: number;\n};\n\ntype ConcursoProps = {\n rows: ({ content: string } | { content: JSX.Element })[][];\n};\n\nconst Concurso: React.FC = (props) => {\n const rows = props.rows;\n const headers = [\n { content: \"Código\" },\n { content: \"Nombre\" },\n { content: \"Fecha de Envío\" },\n { content: \"Fecha de Publicación en el Diario\" },\n //{ content: \"Fecha de Apertura\" },\n { content: \"Acciones\" },\n ];\n\n return \n
\n ),\n style: { width: \"1px\" },\n },\n ];\n};\n\ntype FilaConcursoProps = {\n codigo: string;\n nombre: string;\n apertura: string;\n cierre: string;\n concursoId: number;\n numPostulantes: number;\n creador: number;\n contacto: number;\n publicacion: string;\n fecha_envio: string;\n};\n\ntype PendingProps = {\n index: number;\n};\n\nconst ConcursosPendingResolution: React.FC = (props) => {\n const [concursos, setConcursos] = useState([]);\n const [loadingConcursos, setLoadingConcursos] = useState(true);\n const [error, setError] = useState(false);\n const [expanded, setExpanded] = React.useState([]);\n\n const handleToggle = (event, nodeIds) => {\n setExpanded(nodeIds);\n };\n\n useEffect(() => {\n /**\n function sortByFechaPublicacion(data: []) {\n let sortedData = data.sort((a: any, b: any) => new Date(b.fecha_aviso_diario).getTime() - new Date(a.fecha_aviso_diario).getTime());\n return sortedData;\n }*/\n\n function handleError(error: any): void {\n setError(true);\n handleLoadingConcursoError(\n error,\n (window as any).ENV.URL_FRONT + \"Concursos/?tab=\" + props.index\n );\n }\n\n let api_route = \"/concursosRevision/\";\n\n axios\n .get((window as any).ENV.API_URL + api_route)\n .then((res) => {\n setConcursos(res.data);\n setExpanded(res.data.map((concurso) => concurso.nombre_facultad));\n setLoadingConcursos(false);\n })\n .catch((error) => handleError(error));\n }, []);\n\n if (!error)\n return (\n 0}\n concursosFacultad={concursos}\n />\n \n );\n return null;\n};\n\nexport default ConcursosPendingResolution;\n","import React, {useState, useEffect} from \"react\";\nimport StyledTable from \"../../common/StyledTable\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport \"moment/locale/es\";\nimport DetailsModal from \"../admin-concursos/DetailsModal\";\nimport TreeView from \"@material-ui/lab/TreeView\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport TreeItem from \"@material-ui/lab/TreeItem\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {handleLoadingConcursoError} from \"../../utils/errors\";\nimport {ActionsButtons} from \"../../common/ActionButtons\";\n\nconst useStyles = makeStyles({\n item: {\n \"& .MuiTreeItem-iconContainer svg\": {fontSize: \"24px\"},\n \"& .MuiTreeItem-label\": {fontSize: \"24px\"},\n \"&.Mui-selected .MuiTreeItem-label\": {background: \"none !important\"},\n },\n});\n\ntype ConcursosFacultadProps = {\n visible: boolean;\n loading: boolean;\n concursosFacultad: ConcursosFacultad[];\n abierto: boolean;\n};\n\ntype ConcursosFacultad = {\n nombre_facultad: string;\n data: Concurso[];\n};\n\ntype Facultad = {\n id: number;\n nombre: string;\n};\n\nconst ConcursosFacultad: React.FC = (props) => {\n const classes = useStyles();\n if (props.loading) {\n return \n No hay concursos disponibles.
\n \n );\n }\n\n return (\n \n \n {props.concursosFacultad.map((facultad: ConcursosFacultad, index) => {\n return (\n
\n \n \n \n \n filaConcurso({\n codigo: concurso.codigo,\n nombre: concurso.nombre,\n apertura: concurso.fecha_inicio,\n cierre: concurso.fecha_termino,\n concursoId: concurso.id,\n numPostulantes: concurso.num_postulantes,\n creador: concurso.id_usuario_creador,\n contacto: concurso.id_usuario_contacto,\n publicacion: concurso.fecha_aviso_diario,\n abierto: props.abierto,\n })\n )}\n />\n \n );\n })}\n \n \n );\n};\n\ntype Concurso = {\n id: number;\n codigo: string;\n nombre: string;\n fecha_inicio: string;\n fecha_termino: string;\n fecha_aviso_diario: string;\n id_facultad: number;\n id_usuario_creador: number;\n id_usuario_contacto: number;\n num_postulantes: number;\n};\n\ntype ConcursoProps = {\n abierto: boolean;\n rows: ({ content: string } | { content: JSX.Element })[][];\n};\n\nconst Concurso: React.FC = (props) => {\n const rows = props.rows;\n const headers = [\n {content: \"Código\"},\n {content: \"Nombre\"},\n ...(!props.abierto\n ? [{content: \"Fecha de Publicación en el Diario\"}]\n : []),\n {content: \"Fecha de Apertura\"},\n ...(props.abierto ? [{content: \"Fecha de Cierre\"}] : []),\n ...(props.abierto ? [{content: \"Nº de Postulaciones\"}] : [{content: \"Nº de Postulaciones\"}]),\n {content: \"Acciones\"},\n ];\n\n return ;\n};\n\nconst filaConcurso = (props: FilaConcursoProps) => {\n const fechaApertura = moment(props.apertura).locale(\"es\").format(\"LLL\");\n const fechaPublicacion = moment(props.publicacion).locale(\"es\").format(\"LL\");\n const fechaCierre = moment(props.cierre).locale(\"es\").format(\"LLL\");\n\n return [\n {content: props.codigo, style: {width: \"1px\"}},\n {content: props.nombre},\n ...(!props.abierto\n ? [{content: fechaPublicacion, style: {width: \"254px\"}}]\n : []),\n {content: fechaApertura, style: {width: \"193px\"}},\n ...(props.abierto\n ? [{content: fechaCierre, style: {width: \"193px\"}}]\n : []),\n ...(props.abierto\n ? [{content: \"\" + props.numPostulantes, style: {width: \"172px\"}}]\n : [{content: \"\" + props.numPostulantes, style: {width: \"172px\"}}]),\n ...(props.abierto\n ?\n [{content: (\n
), style: {width: \"1px\"}\n }])]\n\n};\n\ntype FilaConcursoProps = {\n codigo: string;\n nombre: string;\n apertura: string;\n cierre: string;\n concursoId: number;\n numPostulantes: number;\n creador: number;\n contacto: number;\n publicacion: string;\n abierto: boolean;\n};\n\ntype TipoAprobado = {\n abierto: boolean;\n index: number;\n};\n\nconst ConcursosApproved: React.FC = (props) => {\n const [concursos, setConcursos] = useState([]);\n const [loadingConcursos, setLoadingConcursos] = useState(true);\n const [error, setError] = useState(false);\n const [expanded, setExpanded] = React.useState([]);\n\n const handleToggle = (event, nodeIds) => {\n setExpanded(nodeIds);\n };\n\n useEffect(() => {\n /**\n function sortByFechaPublicacion(data: []) {\n let sortedData = data.sort((a: any, b: any) => new Date(b.fecha_aviso_diario).getTime() - new Date(a.fecha_aviso_diario).getTime());\n return sortedData;\n }*/\n\n function handleError(error: any): void {\n setError(true);\n handleLoadingConcursoError(\n error,\n (window as any).ENV.URL_FRONT + \"Concursos/?tab=\" + props.index\n );\n }\n\n let apiRoute = props.abierto\n ? \"/concursosAbiertos/\"\n : \"/concursosAprobados/\";\n\n axios\n .get((window as any).ENV.API_URL + apiRoute)\n .then((res) => {\n setConcursos(res.data);\n setExpanded(res.data.map((concurso) => concurso.nombre_facultad));\n setLoadingConcursos(false);\n })\n .catch((error) => handleError(error));\n }, [props.abierto]);\n\n if (!error)\n return (\n }\n defaultExpandIcon={ 0}\n concursosFacultad={concursos}\n abierto={props.abierto}\n />\n \n );\n return null;\n};\n\nexport default ConcursosApproved;\n","import React, { Component, Fragment } from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport PostulacionHome from \"./pages/postulaciones/PostulacionHome\";\nimport PostulacionList from \"./pages/postulaciones/PostulacionList\";\nimport PostulacionEdit from \"./pages/postulaciones/PostulacionEdit\";\nimport PostulacionHistory from \"./pages/postulaciones/PostulacionHistory\";\nimport ConcursosContainer from \"./pages/common/ConcursosContainer\";\nimport { ApmRoute } from \"@elastic/apm-rum-react\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\n\nconst App = (props) => {\n const theme = React.useMemo(\n () =>\n createMuiTheme({\n palette: {\n primary: {\n main: \"#004a93\",\n },\n secondary: {\n main: \"#d7084c\",\n },\n },\n }),\n []\n );\n\n return (\n \n \n \n \n \n No se especificó a qué concurso postular. Use{\" \"}\n /Postulacion/<inserte pk del concurso aquí>\n
\n \n \n \n \n );\n};\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"./post-bootstrap.css\";\nimport axios from \"axios\";\nimport { init as initApm } from \"@elastic/apm-rum\";\n\ninitApm({\n serviceName: \"concurso-front-public\",\n serverUrl: window.ENV.SERVER,\n active: true,\n serviceVersion: \"0.1.0\", \n environment: \"concurso-academico\",\n logLevel: \"trace\",\n breakdownMetrics: true,\n});\n\n// This axios interceptor is used for CAS Authentication\n// It sends the token in the headers for all axios requests,\n// so instead of doing\n// axios.get(url, {headers: {Authorization: window.Token}})\n// we can just do\n// axios.get(url)\naxios.interceptors.request.use((config) => {\n // config.headers.Authorization = window.Token;\n return config;\n});\n\nReactDOM.render(