\r\n \r\n Cambiar Contraseña\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState } from 'react';\r\nimport { faUserEdit, faTimes, faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Modal, Button, Form, Row, Col, Alert, Image } from \"react-bootstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport student from \"../Images/student.gif\";\r\nimport Swal from 'sweetalert2';\r\nimport axios from 'axios';\r\n\r\nexport default function ModalChangesImage({ user }) {\r\n const [show, setShow] = useState(false),\r\n [errorMsg, setErrorMsg] = useState(''),\r\n [infoMsg, setInfoMsg] = useState(' '),\r\n [picture, setPicture] = useState(''),\r\n \r\n handleChange = async ({ target }) => {\r\n setErrorMsg('');\r\n if(target.files.length > 0) {\r\n if(target.files[0].size > 2097152) {\r\n target.value = null;\r\n setErrorMsg(`La imagen es demasiado grande.`);\r\n setPicture('');\r\n return;\r\n } else {\r\n let reader = new FileReader();\r\n reader.readAsDataURL(target.files[0]);\r\n reader.onloadend = () => setPicture(reader.result);\r\n }\r\n } else setPicture(''); \r\n },\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n if (picture === user.picture) {setErrorMsg('La nueva imagen no puede ser igual a la anterior'); return;};\r\n axios({\r\n method: 'post',\r\n url: `/users/edit/${user._id}`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { picture: picture }\r\n }).then(() => {\r\n Swal.fire({\r\n title: 'Hecho!', \r\n text: `Imagen Actualizada!`, \r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n handleClose();\r\n }).catch(() => \r\n Swal.fire({\r\n title: 'Hubo un error', \r\n text: `No se pudo actualizar la imagen`, \r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n })\r\n );\r\n },\r\n\r\n handleClose = () => {\r\n setShow(false);\r\n setPicture('');\r\n setErrorMsg('');\r\n setInfoMsg(' ');\r\n },\r\n handleShow = () => setShow(true);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n Cambiar Imagen\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useContext } from 'react';\r\nimport { Container, Row, Col, Image, Form, Card } from \"react-bootstrap\";\r\nimport userContext from '../../context/user/userContext';\r\nimport profileMobile from \"../Images/profilemobile.png\";\r\nimport ModalChangesProfile from './ModalChangesProfile';\r\nimport ModalChangesImage from './ModalChangesImage';\r\nimport student from \"../Images/student.gif\";\r\nimport profile from \"../Images/Perfil.png\";\r\nimport \"./UserProfile.css\";\r\n\r\nexport default function UserProfile() {\r\n const [show, setShow] = useState(false),\r\n {user} = useContext(userContext);\r\n\r\n return (\r\n <>\r\n \r\n 
\r\n
\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { faLaughBeam, faSmileBeam, faSmile, faFrown, faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Container, Row, Col, ProgressBar, Card } from \"react-bootstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport userContext from '../../context/user/userContext';\r\nimport { useParams } from \"react-router-dom\";\r\nimport Loading from '../Loading/Loading';\r\nimport axios from 'axios';\r\n\r\nexport default function TestResult() {\r\n const { user } = useContext(userContext),\r\n [result, setResult] = useState({ results: [], test: { title: '' }}),\r\n [loading, setLoading] = useState(true),\r\n { id } = useParams(),\r\n medium = 7, low = 4.5,\r\n\r\n getResult = () => {\r\n axios({\r\n method: 'get',\r\n url: `/tests/results/${id}`, \r\n headers: { 'x-auth-token': user.token }\r\n }).then(response => {\r\n setResult(response.data);\r\n setLoading(false);\r\n }).catch(() => {\r\n setLoading(true);\r\n getResult();\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (user && user.token && user.type === 1) getResult();\r\n // eslint-disable-next-line\r\n }, [user]);\r\n\r\n return (\r\n <>\r\n {\r\n loading ? \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Resultado del Examen
\r\n{result[0] && result[0].test}
\r\n {\r\n result && result.length > 0 ?\r\n result.map(h =>\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
) :\r\n {`${h.user.name} ${h.user.surname}`}
\r\n \r\n{String(h.result).slice(0,3)}
\r\n \r\nNadie ha realizado este examen aún !!
\r\n }\r\n\r\n \r\n {\r\n (status !== \"loading\" && status !== \"live\") ?\r\n \r\n
\r\n );\r\n}","import React from 'react'\r\nimport {faPhoneAlt, faEnvelope, faUserCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport contactus from \"../Images/Home/contactus.png\";\r\nimport { Container, Row, Col, Image } from \"react-bootstrap\";\r\n\r\nexport default function Contact({_ref}) {\r\n return (\r\n \r\n
:\r\n \r\n {\r\n status === \"offline\" ? 'Video Actualmente no disponible' :\r\n status === \"noSubject\" ? 'Seleccioná una materia' : \"Primero iniciá sesión\"\r\n }\r\n
\r\n\r\n {\r\n status === \"loading\" &&\r\n
\r\n }\r\n \r\n \r\n
\r\n }\r\n {\r\n video?.includes('vimeo') ?\r\n \r\n : \r\n \r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n
\r\n \r\n Contactanos
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {user && `${userType()} ${user.name} ${user.surname}`}
\r\n\r\n \r\n
\r\n {\r\n average >= medium ? \r\n
\r\n \r\n Promedio de exámenes totales
\r\n{String(average).slice(0,3)}
\r\n \r\n\r\n Vas por un excelente camino. Continua así\r\n
\r\n Continua esforzándote para lograr un mejor desempeño\r\n
\r\n Todavia no has rendido ningun examen\r\n
\r\n Esfuerzate para lograr un mejor desempeño\r\n
\r\n Historial Academico\r\n
\r\nFiltrar por examen
\r\n \r\n{h.test.title}
\r\n \r\n{String(h.result).slice(0,3)}
\r\n \r\n\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {user && `${userType()} ${user.name} ${user.surname}`}
\r\n \r\n\r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretRight } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Row, Card, Col, Image } from \"react-bootstrap\";\r\nimport noresult from '../Images/noresult.gif'\r\n\r\nexport default function ExcercisesAndSolutions({ files }) {\r\n return (\r\n <>\r\n No Tienes Exámenes que rendir ya que eres el profesor
\r\nDirígete a Profesor, Exámenes para revisar el progreso de tus alumnos
\r\nCualquier duda no dudes en contactarnos
\r\nEjercicios y Soluciones
\r\n{file.title}
\r\n \r\n\r\n
\r\n\r\n } \r\n Complementos
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n ) \r\n :\r\n {file.title}
\r\n{file.title}
\r\n \r\n\r\n
\r\n }\r\n Evaluaciones
\r\n\r\n \r\n
\r\n
\r\n ) :\r\n {file.title}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n loadingState && \r\n \r\n \r\n
\r\n \r\n
\r\n Cuenta: {`${user.name}, ${user.surname}`}
\r\n\r\n {file.title}\r\n
\r\n\r\n {file.title}\r\n
\r\n \r\n\r\n \r\n
\r\n }\r\n {\r\n file?.video ?\r\n viewed ? :\r\n !loadingState && \r\n :\r\n Contacta con el administrador
\r\n }\r\n{title}
\r\n{title}
\r\n \r\n {buttons}\r\n{title}
\r\n{title}
\r\n \r\n{title}
\r\nDiapositivas
\r\n\r\n {generateContent(file)}\r\n
\r\n ) : \r\n \r\n
\r\n }\r\n \r\n
:\r\n showNoSubject ?\r\n \r\n Primero Seleccioná una materia\r\n
:\r\n \r\n
\r\n \r\n ¡Bienvenidos!
\r\n\r\n
\r\n \r\n {content.name}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {`${content.teacher?.name} ${content.teacher?.surname}`}
\r\n{content.category}
\r\n\r\n {content.description}\r\n
\r\n \r\n{s.section}
\r\n\r\n Para consultas:\r\n
\r\n \r\n\r\n \r\n { selectedNotification._id ? 'Modificar ' : 'Crear ' }\r\n Notificación\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\n // \r\n // \r\n // Crear Noticia\r\n // \r\n // \r\n // \r\n // \r\n //
","import React, { useState, useContext } from 'react';\r\nimport userContext from '../../context/user/userContext';\r\nimport { Form } from 'react-bootstrap';\r\nimport Swal from 'sweetalert2';\r\nimport axios from 'axios';\r\n\r\nexport default function VisibleSwitch({ file, type = 'files' }) {\r\n const { user } = useContext(userContext),\r\n [visible, setVisible] = useState(file.is_visible),\r\n handleChange = ({target}) => {\r\n axios({\r\n method: 'post',\r\n url: `/${type}/edit/${file._id}`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { is_visible: !visible }\r\n }).then(() => {\r\n setVisible(!visible);\r\n Swal.fire({\r\n title: 'Hecho!', \r\n text: `${type === 'files' ? 'Archivo' : 'Notificación'} ${file.title} es ahora ${target.checked ? 'visible' : 'no visible'}`,\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n }).catch(() =>\r\n Swal.fire({\r\n title: 'No se pudo completar la acción',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n })\r\n );\r\n };\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect, useContext } from 'react';\r\nimport { faCaretRight, faEye, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Row, Col, Button, Card, Image } from \"react-bootstrap\";\r\nimport userContext from '../../context/user/userContext';\r\nimport ModalNotification from \"./ModalNotification\";\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport VisibleSwitch from './VisibleSwitch';\r\nimport Swal from 'sweetalert2';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminNotification() {\r\n const [notifications, setNotifications] = useState([]),\r\n [selectedNotification, setSelectedNotification] = useState({_id: ''}),\r\n {subject} = useContext(subjectContext),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n\r\n getNotifications = () => {\r\n axios({\r\n method: 'get',\r\n url: `/notifications/all`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: subject.current },\r\n cancelToken: source.token\r\n }).then(response => {\r\n setNotifications(response.data);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = u => {\r\n setSelectedNotification(u);\r\n setShow(true);\r\n },\r\n \r\n onDelete = u => {\r\n Swal.fire({\r\n title: 'Seguro?',\r\n text: \"Esta acción es irreversible\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Borrar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n axios({\r\n method: 'post',\r\n url: `/notifications/delete/${u._id}`, \r\n headers: { 'x-auth-token': user.token }\r\n }).then(() => {\r\n Swal.fire({\r\n title: 'Notificación Eliminada',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n getNotifications();\r\n }).catch(() => \r\n Swal.fire({\r\n title: 'No se pudo eliminar',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n })\r\n );\r\n };\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (user && user.token && (user.type === 1 || user.type === 4) && !show) getNotifications();\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n\t}, [user, show]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Notificaciones {subject.current ? 'del curso' : 'Generales'}
\r\nTítulo
\r\n \r\nMensaje
\r\n \r\n{h.title}
\r\n \r\n{h.content}
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n Titulo:
\r\n{h.title}
\r\n \r\nMensaje:
\r\n{h.content}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n Usuario\r\n \r\n \r\n \r\n \r\n \r\n Usuario \r\n \r\n \r\n Nombre y Apellido \r\n \r\n \r\n \r\n \r\n Teléfono \r\n \r\n \r\n Email \r\n \r\n \r\n \r\n {\r\n type &&\r\n <>\r\n \r\n Parcial 1 \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Fecha de Baja Parcial 1 \r\n \r\n \r\n \r\n Parcial 2 \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Fecha de Baja Parcial 2 \r\n \r\n \r\n \r\n Parcial 3 \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Fecha de Baja Parcial 3 \r\n \r\n \r\n \r\n Final \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Fecha de Baja Final \r\n \r\n \r\n \r\n }\r\n \r\n Libre \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Fecha de Baja Libre \r\n \r\n \r\n \r\n\r\n \r\n setErrorMsg('')} show={errorMsg !== ''}>\r\n {errorMsg}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}","import React, { useEffect } from 'react';\r\nimport { Col, Form, FormControl } from \"react-bootstrap\";\r\n/* import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSearch } from \"@fortawesome/free-solid-svg-icons\"; */\r\n\r\nexport default function SearchBar({ content=[], setFiltered, fields=[] }) {\r\n const search = e => {\r\n if (e.target.value && e.target.value.trim()) {\r\n let str = e.target.value.trim().toLowerCase(), b = false,\r\n results = content.filter(c => {\r\n b = false;\r\n fields.forEach(prop => {\r\n if (c[prop].toString().toLowerCase().includes(str)) {\r\n b = true;\r\n return;\r\n }\r\n });\r\n return b;\r\n });\r\n setFiltered(results);\r\n }\r\n else setFiltered(content);\r\n };\r\n\r\n useEffect(() => setFiltered(content), [content, setFiltered]);\r\n\r\n return (\r\n Solicitudes
\r\nNombre
\r\n \r\n{_user.name}
\r\n \r\n{_user.email}
\r\n \r\nNombre:
\r\n{_user.name}
\r\n \r\nEmail:
\r\n{_user.email}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n { selectedItem._id ? 'Modificar ' : 'Crear ' } Ejercicio/Solución\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useContext } from 'react';\r\nimport { Card, Row, Col, Button } from 'react-bootstrap';\r\nimport subjectContext from '../../context/subject/subjectContext';\r\n\r\nexport default function SectionSelect({ title='Archivos', section, setSection }) {\r\n const {subject} = useContext(subjectContext);\r\n return (\r\n Elegi tus {title}
\r\n{section} Ejercicios y Soluciones
\r\n{file.title}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n { selectedItem._id ? 'Modificar ' : 'Crear ' } Diapositiva\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { faCaretRight, faEdit, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Row, Col, Button, Card, Image } from \"react-bootstrap\";\r\nimport userContext from '../../context/user/userContext';\r\nimport ModalComplement from './ModalComplement';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport SectionSelect from \"./SectionSelect\";\r\nimport VisibleSwitch from \"./VisibleSwitch\";\r\nimport Swal from 'sweetalert2';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminComplements() {\r\n const [selectedItem, setSelectedItem] = useState({_id: ''}),\r\n [section, setSection] = useState('Libre'),\r\n [filtered, setFiltered] = useState([]),\r\n {subject} = useContext(subjectContext),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n [files, setFiles] = useState([]),\r\n\r\n translate = () => {\r\n switch(section) {\r\n case \"Parcial 1\": return 'partial1';\r\n case \"Parcial 2\": return 'partial2';\r\n case \"Parcial 3\": return 'partial3';\r\n case \"Libre\": return 'free';\r\n default: return 'final';\r\n };\r\n },\r\n \r\n getFiles = () => {\r\n axios({\r\n method: 'post',\r\n url: `/files/section/${translate()}-complement`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: subject.current },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if(response.status === 200) {\r\n setFiles(response.data);\r\n } else throw new Error(response.data.msg);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = item => {\r\n setSelectedItem(item);\r\n setShow(true);\r\n },\r\n \r\n onDelete = item => {\r\n Swal.fire({\r\n title: 'Seguro?',\r\n text: \"Esta acción es irreversible\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Borrar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n axios({\r\n method: 'post',\r\n url: `/files/delete/${item._id}`, \r\n headers: { 'x-auth-token': user.token }\r\n }).then(response => {\r\n if(response.status === 200) {\r\n Swal.fire({\r\n title: 'Archivo Eliminado',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n getFiles();\r\n } else {\r\n Swal.fire({\r\n title: 'No se pudo eliminar',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n\t\tif (user && user.token && (user.type === 1 || user.type === 4) && !show) getFiles();\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n\t}, [user, show, section]);\r\n\r\n return (\r\n <>\r\n {section} Complementos
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n ) : \r\n {file.title}
\r\n{file.title}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n Modificar Materia\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from 'react';\r\nimport { faCaretRight, faEye } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Row, Col, Button, Card, Image, Form } from \"react-bootstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport userContext from '../../context/user/userContext';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport ModalHomepage from \"./ModalHomepage\";\r\nimport Paged from './Paged';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminHomepage() {\r\n const [itemsPerPage, setItemsPerPage] = useState(15),\r\n [selectedSubject, setSelectedSubject] = useState({_id: ''}),\r\n [filtered, setFiltered] = useState([]),\r\n [subjects, setSubjects] = useState([]),\r\n [lastPage, setLastPage] = useState(0),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n [page, setPage] = useState(0),\r\n \r\n getSubjects = () => {\r\n axios({\r\n method: 'get',\r\n url: `/subjects/all/auth`,\r\n cancelToken: source.token,\r\n headers: { 'x-auth-token': user.token }\r\n }).then(response => {\r\n if(response.status === 200) setSubjects(response.data);\r\n else throw new Error(response.data.msg);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = s => {\r\n setSelectedSubject(s);\r\n setShow(true);\r\n };\r\n\r\n useEffect(() => {\r\n\t\tif (user && user.token && user.type === 4 && !show) getSubjects();\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n\t}, [user, show]);\r\n\r\n useEffect(() => {\r\n setPage(0);\r\n\t\tif (filtered && filtered.length > 0) setLastPage(Math.floor(filtered.length / itemsPerPage));\r\n else setLastPage(-1);\r\n // eslint-disable-next-line\r\n\t}, [filtered, itemsPerPage]);\r\n\r\n return (\r\n <>\r\n Mis Materias
\r\nNombre
\r\n \r\nTipo
\r\n \r\n{subject.name}
\r\n \r\n{subject.type ? 'Completa' : 'Libre'}
\r\n \r\nNombre:
\r\n{subject.name}
\r\n \r\nTipo: {subject.type ? 'Completa' : 'Libre'}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n { selectedUser._id ? 'Modificar ' : 'Crear ' }\r\n Usuario\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from 'react';\r\nimport { faCaretRight, faEye } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Row, Col, Button, Card, Image, Form } from \"react-bootstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport userContext from '../../context/user/userContext';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport ModalUser from \"./ModalUser\";\r\nimport Paged from './Paged';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminStudents() {\r\n const [itemsPerPage, setItemsPerPage] = useState(15),\r\n [selectedUser, setSelectedUser] = useState({_id: ''}),\r\n [filtered, setFiltered] = useState([]),\r\n [lastPage, setLastPage] = useState(0),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n [users, setUsers] = useState([]),\r\n [page, setPage] = useState(0),\r\n \r\n getStudents = () => {\r\n axios({\r\n method: 'get',\r\n url: `/users/students`, \r\n headers: { 'x-auth-token': user.token },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if(response.status === 200) setUsers(response.data.filter(u => !u.is_deleted));\r\n else throw new Error(response.data.msg);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = u => {\r\n setSelectedUser(u);\r\n setShow(true);\r\n };\r\n\r\n useEffect(() => {\r\n\t\tif (user && user.token && (user.type === 1 || user.type === 4) && !show) getStudents();\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n\t}, [user, show]);\r\n\r\n useEffect(() => {\r\n setPage(0);\r\n\t\tif (filtered && filtered.length > 0) setLastPage(Math.floor(filtered.length / itemsPerPage));\r\n else setLastPage(-1);\r\n // eslint-disable-next-line\r\n\t}, [filtered, itemsPerPage]);\r\n\r\n return (\r\n <>\r\n Mis Alumnos
\r\nNombre
\r\n \r\nTeléfono
\r\n \r\n{`${_user.surname}, ${_user.name}`}
\r\n \r\n{_user.phone}
\r\n \r\nNombre:
\r\n{`${_user.surname}, ${_user.name}`}
\r\n \r\nTeléfono:
\r\n{_user.phone}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n { selectedItem._id ? 'Modificar ' : 'Crear ' } Diapositiva\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { faCaretRight, faEdit, faTrashAlt, faFilePdf, faVideo } from \"@fortawesome/free-solid-svg-icons\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Row, Col, Button, Card, Image } from \"react-bootstrap\";\r\nimport userContext from '../../context/user/userContext';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport SectionSelect from \"./SectionSelect\";\r\nimport VisibleSwitch from \"./VisibleSwitch\";\r\nimport ModalSlide from './ModalSlide';\r\nimport Video from \"../Video/Video\";\r\nimport Swal from 'sweetalert2';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminSlides() {\r\n const [selectedItem, setSelectedItem] = useState({_id: ''}),\r\n [section, setSection] = useState('Libre'),\r\n [showVideo, setShowVideo] = useState(false),\r\n [filtered, setFiltered] = useState([]),\r\n {subject} = useContext(subjectContext),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n [files, setFiles] = useState([]),\r\n [video, setVideo] = useState(''),\r\n handleShow = video => {\r\n setVideo(video);\r\n setShowVideo(true);\r\n },\r\n\r\n handleClose = () => {\r\n setShowVideo(false);\r\n setVideo('');\r\n },\r\n\r\n translate = () => {\r\n switch(section) {\r\n case \"Parcial 1\": return 'partial1';\r\n case \"Parcial 2\": return 'partial2';\r\n case \"Parcial 3\": return 'partial3';\r\n case \"Libre\": return 'free';\r\n default: return 'final';\r\n }\r\n },\r\n \r\n getFiles = () => {\r\n axios({\r\n method: 'post',\r\n url: `/files/section/${translate()}-slide`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: subject.current },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if(response.status === 200) {\r\n setFiles(response.data);\r\n } else throw new Error(response.data.msg);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = item => {\r\n setSelectedItem(item);\r\n setShow(true);\r\n },\r\n \r\n onDelete = item => {\r\n Swal.fire({\r\n title: 'Seguro?',\r\n text: \"Esta acción es irreversible\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Borrar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n axios({\r\n method: 'post',\r\n url: `/files/delete/${item._id}`, \r\n headers: { 'x-auth-token': user.token }\r\n }).then(response => {\r\n if(response.status === 200) {\r\n Swal.fire({\r\n title: 'Archivo Eliminado',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n getFiles();\r\n } else {\r\n Swal.fire({\r\n title: 'No se pudo eliminar',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n }\r\n });\r\n },\r\n \r\n generateContent = (title, link) => {\r\n let idx = link.indexOf('video=');\r\n if (idx > -1) {\r\n let link1 = link.slice(0, idx), video = link.slice(idx + 6);\r\n return (\r\n {title}
\r\n{title}
\r\n{section} Diapositivas
\r\n\r\n \r\n {\r\n generateContent(file.title, file.link)\r\n }\r\n
\r\n\r\n \r\n
\r\n
\r\n ) : \r\n {file.title}
\r\n \r\n {\r\n generateContent(file.title, file.link)\r\n }\r\n\r\n
\r\n }\r\n \r\n \r\n { selectedItem._id ? 'Modificar ' : 'Crear ' } Prueba\r\n \r\n \r\n \r\n \r\n
\r\n {section} Pruebas
\r\n\r\n \r\n
\r\n
) : \r\n {file.title}
\r\n \r\n\r\n
\r\n }\r\n Usuarios
\r\nNombre
\r\n \r\nTeléfono
\r\n \r\n{`${_user.surname}, ${_user.name}`}
\r\n \r\n{_user.phone}
\r\n \r\nNombre:
\r\n{`${_user.surname}, ${_user.name}`}
\r\n \r\nTeléfono:
\r\n{_user.phone}
\r\n \r\n\r\n
\r\n }\r\n Visualizaciones
\r\nNombre
\r\n \r\nContenido consultado
\r\n \r\n{`${_user.surname}, ${_user.name}`}
\r\n \r\n{_user.content_viewed?.length}
\r\n \r\nNombre:
\r\n{`${_user.surname}, ${_user.name}`}
\r\n \r\nContenido consultado:
\r\n{_user.content_viewed?.length}
\r\n \r\n\r\n
\r\n }\r\n \r\n
\r\n );\r\n}","export default (state, action) => {\r\n switch(action.type) {\r\n case 'INICIAR_SESION':\r\n localStorage.setItem('CampusEnzoUser', JSON.stringify(action.payload));\r\n return {...action.payload};\r\n case 'ACTUALIZAR_USUARIO': return {...state, ...action.payload};\r\n case 'CERRAR_SESION':\r\n localStorage.removeItem('CampusEnzoUser');\r\n localStorage.removeItem('campus-subject');\r\n return { name: '', username: '', token: '', type: 0, surname: '' };\r\n default: return state;\r\n }\r\n}","import React, { useReducer } from 'react';\r\nimport userContext from './userContext';\r\nimport userReducer from './userReducer';\r\nimport axios from 'axios';\r\n\r\nexport default function UserState(props) {\r\n const init = initialUser => {\r\n if (initialUser.token) {\r\n axios({\r\n method: 'post',\r\n url: '/users/authToken', \r\n headers: { 'x-auth-token': initialUser.token },\r\n data: {\r\n token: initialUser.token,\r\n username: initialUser.username\r\n }\r\n }).then(response => {\r\n if(response.status === 200) {\r\n return iniciarSesion(response.data);\r\n } else {\r\n console.log('Respuesta de red OK pero respuesta HTTP no OK.', response.data);\r\n return {name: '', username: '', token: '', type: 0, surname: ''};\r\n }\r\n }).catch(error => console.log('Hubo un problema con la petición Fetch:' + error.message));\r\n }\r\n },\r\n\r\n initialState = JSON.parse(localStorage.getItem('CampusEnzoUser')) || {name: '', username: '', token: '', type: 0, surname: ''},\r\n\r\n // Dispatch para ejecutar las acciones\r\n [state, dispatch] = useReducer(userReducer, initialState, init),\r\n\r\n // Acciones del CRUD\r\n\r\n // iniciar sesión\r\n iniciarSesion = user => \r\n dispatch({\r\n type: 'INICIAR_SESION',\r\n payload: user\r\n }),\r\n\r\n // actualizar usuario\r\n actualizarUsuario = user => dispatch({ type: 'ACTUALIZAR_USUARIO', payload: user }),\r\n\r\n // cerrar sesión\r\n cerrarSesion = () => dispatch({ type: 'CERRAR_SESION' });\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n Hola {user.name}!\r\n
\r\n \r\n signOut()} className=\"ml-2 fa-lg\" />\r\n
\r\n \r\n
\r\n Hola {user.name}!\r\n
\r\n \r\n
\r\n \r\n
:\r\n showNoSubject ?\r\n \r\n Primero Seleccioná una materia\r\n
:\r\n Video en Vivo
\r\n
\r\n \r\n :\r\n
\r\n }\r\n \r\n \r\n { selectedSubject._id ? 'Modificar ' : 'Crear ' }\r\n Materia\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from 'react';\r\nimport { faCaretRight, faEye, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Row, Col, Button, Card, Image, Form } from \"react-bootstrap\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport userContext from '../../context/user/userContext';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport ModalSubject from './ModalSubject';\r\nimport Swal from 'sweetalert2';\r\nimport Paged from './Paged';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminSubjects() {\r\n const [itemsPerPage, setItemsPerPage] = useState(15),\r\n [selectedSubject, setSelectedSubject] = useState({_id: ''}),\r\n [filtered, setFiltered] = useState([]),\r\n [subjects, setSubjects] = useState([]),\r\n [lastPage, setLastPage] = useState(0),\r\n {update} = useContext(subjectContext),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n [page, setPage] = useState(0),\r\n \r\n getSubjects = () => {\r\n axios({\r\n method: 'get',\r\n url: `/subjects/all/auth`, \r\n headers: { 'x-auth-token': user.token },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if (response.status === 200) setSubjects(response.data);\r\n else throw new Error(response.data.msg);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = s => {\r\n setSelectedSubject(s);\r\n setShow(true);\r\n },\r\n\r\n onDelete = s => {\r\n Swal.fire({\r\n title: 'Seguro?',\r\n text: \"Esta acción es irreversible\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Borrar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n axios({\r\n method: 'post',\r\n url: `/subjects/delete/${s._id}`, \r\n headers: { 'x-auth-token': user.token }\r\n }).then(response => {\r\n if(response.status === 200) {\r\n update({ update: true });\r\n Swal.fire({\r\n title: 'Materia Eliminada',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n getSubjects();\r\n } else {\r\n Swal.fire({\r\n title: 'No se pudo eliminar',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n };\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n\t\tif (user && user.token && user.type === 1 && !show) getSubjects();\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n\t}, [user, show]);\r\n\r\n useEffect(() => {\r\n setPage(0);\r\n\t\tif (filtered && filtered.length > 0) setLastPage(Math.floor(filtered.length / itemsPerPage));\r\n else setLastPage(-1);\r\n // eslint-disable-next-line\r\n\t}, [filtered, itemsPerPage]);\r\n\r\n return (\r\n <>\r\n Materias
\r\nNombre
\r\n \r\nProfesor
\r\n \r\n{subject.name}
\r\n \r\n{subject.teacher.name} {subject.teacher.surname}
\r\n \r\nMateria:
\r\n{subject.name}
\r\n \r\nProfesor:
\r\n{subject.teacher.name} {subject.teacher.surname}
\r\n \r\n\r\n
\r\n }\r\n \r\n \r\n { selectedTeacher._id ? 'Modificar ' : 'Crear ' }\r\n Profesor\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from 'react';\r\nimport { faCaretRight, faEye, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Row, Col, Button, Card, Image, Form } from \"react-bootstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport userContext from '../../context/user/userContext';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport noresult from \"../Images/noresult.gif\";\r\nimport ModalTeacher from './ModalTeacher';\r\nimport Swal from 'sweetalert2';\r\nimport Paged from './Paged';\r\nimport axios from 'axios';\r\n\r\nexport default function AdminTeacher() {\r\n const [itemsPerPage, setItemsPerPage] = useState(15),\r\n [selectedTeacher, setSelectedTeacher] = useState({_id: ''}),\r\n [teachers, setTeachers] = useState([]),\r\n [filtered, setFiltered] = useState([]),\r\n [lastPage, setLastPage] = useState(0),\r\n source = axios.CancelToken.source(),\r\n [show, setShow] = useState(false),\r\n {user} = useContext(userContext),\r\n [page, setPage] = useState(0),\r\n\r\n getTeachers = () => {\r\n axios({\r\n method: 'get',\r\n url: `/users/teachers`, \r\n headers: { 'x-auth-token': user.token },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if(response.status === 200) setTeachers(response.data.filter(u => !u.is_deleted));\r\n else throw new Error(response.data.msg);\r\n }).catch(error => {\r\n if (!axios.isCancel(error)) console.log('Hubo un problema con la petición: ' + error.message);\r\n });\r\n },\r\n\r\n onEdit = u => {\r\n setSelectedTeacher(u);\r\n setShow(true);\r\n },\r\n\r\n onSuspend = u => {\r\n let enabled = !u.enabled;\r\n Swal.fire({\r\n title: u.enabled ? 'Inhabilitar este profesor?' : 'Habilitar este profesor?',\r\n icon: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: u.enabled ? 'Inhabilitar' : 'Habilitar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n axios({\r\n method: 'post',\r\n url: `/users/edit/${u._id}`,\r\n headers: { 'x-auth-token': user.token },\r\n data: { enabled }\r\n }).then(response => {\r\n if(response.status === 200) {\r\n Swal.fire({\r\n title: enabled ? 'Profesor Habilitado' : 'Profesor Inhabilitado',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n getTeachers();\r\n } else {\r\n Swal.fire({\r\n title: 'Hubo un error',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n };\r\n });\r\n },\r\n\r\n onDelete = u => {\r\n Swal.fire({\r\n title: 'Seguro?',\r\n text: \"Esta acción es irreversible\",\r\n icon: 'warning',\r\n showCancelButton: true,\r\n cancelButtonColor: '#3085d6',\r\n confirmButtonColor: '#d33',\r\n confirmButtonText: 'Borrar',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n axios({\r\n method: 'post',\r\n url: `/users/delete/${u._id}`,\r\n headers: { 'x-auth-token': user.token }\r\n }).then(response => {\r\n if (response.status === 200) {\r\n Swal.fire({\r\n title: 'Usuario Eliminado',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n getTeachers();\r\n } else {\r\n Swal.fire({\r\n title: 'No se pudo eliminar',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n };\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n\t\tif (user && user.token && user.type === 1 && !show) getTeachers();\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n\t}, [user, show]);\r\n\r\n useEffect(() => {\r\n setPage(0);\r\n\t\tif (filtered && filtered.length > 0) setLastPage(Math.floor(filtered.length / itemsPerPage));\r\n else setLastPage(-1);\r\n // eslint-disable-next-line\r\n\t}, [filtered, itemsPerPage]);\r\n\r\n return (\r\n <>\r\n Profesores
\r\nNombre
\r\n \r\nTeléfono
\r\n \r\n{`${teacher.surname}, ${teacher.name}`}
\r\n \r\n{teacher.phone}
\r\n \r\nNombre:
\r\n{`${teacher.surname}, ${teacher.name}`}
\r\n \r\nTeléfono:
\r\n{teacher.phone}
\r\n \r\n\r\n
\r\n }\r\n \r\n
\r\n );\r\n}","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { faFileAlt, faPenSquare, faFilePdf, faCalendarCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport ExcercisesAndSolutions from \"../Material/ExcercisesAndSolutions\";\r\nimport { Container, Row, Col, Image, Tab, Nav } from \"react-bootstrap\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport userContext from '../../context/user/userContext';\r\nimport LibreMobile from \"../Images/libremobile.png\";\r\nimport Complement from \"../Material/Complement\";\r\nimport Evaluation from \"../Material/Evaluation\";\r\nimport noaccess from '../Images/noaccess.gif';\r\nimport Librep from \"../Images/libre.png\";\r\nimport Loading from '../Loading/Loading';\r\nimport Slide from \"../Material/Slide\";\r\nimport axios from 'axios';\r\n\r\nexport default function Free() {\r\n const [showNoAccess, setShowNoAccess] = useState(false),\r\n [showNoSubject, setShowNoSubject] = useState(false),\r\n { subject } = useContext(subjectContext),\r\n [loading, setLoading] = useState(true),\r\n [type, setType] = useState('slide'),\r\n { user } = useContext(userContext),\r\n [files, setFiles] = useState([]),\r\n\r\n getFiles = () => {\r\n axios({\r\n method: 'post',\r\n url: type !== 'test' ? `/files/section/free-${type}` : `/tests/section/free`,\r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: subject.current }\r\n }).then(response => {\r\n if(response.status === 200) {\r\n setFiles(response.data);\r\n setLoading(false);\r\n } else throw new Error(response.data.msg);\r\n }).catch(() => {\r\n setLoading(true);\r\n setShowNoAccess(true);\r\n getFiles();\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n if (subject && subject.current) {\r\n if (user && user.token && user.plan) {\r\n if (user.plan.free > (type !== 'test' ? 0 : 1) && new Date(user.plan.free_down).getTime() > new Date().getTime()) {\r\n setShowNoAccess(false);\r\n getFiles(); \r\n } else {\r\n setShowNoAccess(true);\r\n setLoading(false);\r\n }\r\n }\r\n } else {\r\n setShowNoSubject(true);\r\n setLoading(false);\r\n }\r\n // eslint-disable-next-line\r\n }, [user?.token, type, subject.current]);\r\n\r\n return (\r\n <>\r\n \r\n
:\r\n showNoSubject ?\r\n \r\n Primero Seleccioná una materia\r\n
:\r\n \r\n
\r\n Nuestras Materias
\r\n\r\n
\r\n \r\n \r\n )\r\n }\r\n {s.name}
\r\n\r\n \r\n {\r\n registerMethod === false ? <>Iniciar Sesión : <>Registrase\r\n }\r\n \r\n {\r\n registerMethod === false ?\r\n <>\r\n \r\n {loading && \r\n \r\n :\r\n <>\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n );\r\n}","import React from 'react';\r\nimport { Container, Row, Col, Image } from \"react-bootstrap\";\r\nimport aulavirtual1 from \"../Images/Home/aulavirtual1.jpg\";\r\nimport aulavirtual3 from \"../Images/Home/aulavirtual3.jpg\";\r\nimport aulavirtual from \"../Images/Home/aulavirtual.jpg\";\r\n\r\nexport default function AboutsUs({_ref}) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Quiénes Somos
\r\nUn equipo de profesores enfocados en explicarte la materia a través de un contenido prolijo, sencillo y organizado. Buscamos tu facilidad y que te lleves la mejor experiencia utilizando nuestra plataforma.
\r\n \r\n\r\n
\r\n \r\n Metodologia Virtual
\r\nLa pandemia nos puso de cabeza con las clases en linea. PERO! Con un contenido bien organizado creemos que los beneficios de las clases virtuales hicieron que lleguen para quedarse.
\r\n\r\n
\r\n \r\n Organizá tus Horarios
\r\nQueremos facilitar el acceso a las clases y olvidarnos de los horarios. Vas a tener videos explicativos en diapositivas para que puedas reproducirlos en cualquier momento
\r\n\r\n ¡Bienvenidos a Mi Aula!\r\n
\r\n\r\n ¡Bienvenidos a
Mi Aula!\r\n
\r\n \r\n Te brindamos todo el contenido para pasar
con éxito tus materias\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Solicitudes Enviadas (click para cancelar la solicitud)\r\n \r\n \r\n \r\n {\r\n subjects && subjects.length > 0 ?\r\n subjects.map(s =>\r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useContext, useEffect } from 'react';\r\nimport { faBook, faExclamationCircle, faPlus, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Modal, Button, Row, Col, Container } from \"react-bootstrap\";\r\nimport userContext from '../../context/user/userContext';\r\nimport Swal from 'sweetalert2';\r\nimport axios from 'axios';\r\n\r\nexport default function ModalRequestSubject() {\r\n const [show, setShow] = useState(false),\r\n [subjects, setSubjects] = useState([]),\r\n source = axios.CancelToken.source(),\r\n handleClose = () => setShow(false),\r\n handleShow = () => setShow(true),\r\n { user } = useContext(userContext),\r\n\r\n getSubjects = () => {\r\n axios({\r\n method: 'post',\r\n url: `/subjects/student_data`,\r\n headers: { 'x-auth-token': user.token },\r\n data: { user: user._id },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if (response.status === 200) setSubjects(response.data.available);\r\n else {\r\n Swal.fire({\r\n title: 'Hubo un error',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n handleClose();\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n },\r\n\r\n request = id => {\r\n axios({\r\n method: 'post',\r\n url: `/subjects/request`,\r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: id },\r\n cancelToken: source.token\r\n }).then(response => {\r\n if (response.status === 200) {\r\n Swal.fire({\r\n title: 'Solicitud Enviada!',\r\n icon: 'success',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n setSubjects(subjects.filter(s => s._id !== id));\r\n } else {\r\n Swal.fire({\r\n title: 'Hubo un error',\r\n icon: 'error',\r\n timer: 2000,\r\n showConfirmButton: false\r\n });\r\n throw new Error(response.data.msg);\r\n };\r\n }).catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n };\r\n\r\n useEffect(() => {\r\n getSubjects();\r\n\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n No solicitaste ninguna inscripción
\r\n\r\n \r\n Solicitar Materia\r\n \r\n \r\n \r\n {\r\n subjects && subjects.length > 0 ?\r\n subjects.map(s =>\r\n \r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { Container, Row, Col, Image, Card, Accordion, Button, Alert } from \"react-bootstrap\";\r\nimport { faFileAlt, faBook } from \"@fortawesome/free-solid-svg-icons\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport ModalRequestedSubjects from \"./ModalRequestedSubjects\";\r\nimport userContext from '../../context/user/userContext';\r\nimport ModalRequestSubject from \"./ModalRequestSubject\";\r\nimport HisAcProMob from \"../Images/hisacpromob.png\";\r\nimport ParProMob from \"../Images/parpromob.png\";\r\nimport FinProMob from \"../Images/finpromob.png\";\r\nimport PerProMob from \"../Images/perpromob.png\";\r\nimport HisAcPro from \"../Images/hisacpro.png\";\r\nimport student from \"../Images/student.gif\";\r\nimport ParPro from \"../Images/parpro.png\";\r\nimport FinPro from \"../Images/finpro.png\";\r\nimport PerPro from \"../Images/perpro.png\";\r\nimport { Link } from \"react-router-dom\";\r\nimport axios from 'axios';\r\nimport \"./HomeAlt.css\";\r\n\r\nexport default function HomeUser() {\r\n const [news, setNews] = useState(0),\r\n [show, setShow] = useState(false),\r\n { user } = useContext(userContext),\r\n source = axios.CancelToken.source(),\r\n [subjects, setSubjects] = useState([]),\r\n { subject } = useContext(subjectContext),\r\n [notifications, setNotifications] = useState([]),\r\n\r\n getData = () => {\r\n axios({\r\n method: 'get',\r\n url: `/notifications/all`,\r\n headers: { 'x-auth-token': user.token },\r\n cancelToken: source.token\r\n }).then(({ data }) => setNotifications(data.reverse()))\r\n .catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n\r\n axios({\r\n method: 'get',\r\n url: `/subjects/all/auth`,\r\n headers: { 'x-auth-token': user.token }\r\n }).then(({ data }) => setSubjects(data))\r\n .catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n },\r\n\r\n readNotifications = () => {\r\n if (!show)\r\n axios({\r\n method: 'post',\r\n url: `/users/read_notifications`,\r\n headers: { 'x-auth-token': user.token }\r\n }).then(() => setNews(0))\r\n .catch(error => console.log('Hubo un problema con la petición: ' + error.message));\r\n },\r\n\r\n userType = () => {\r\n switch (user.type) {\r\n case 1: return 'Admin';\r\n case 2: return 'CPN';\r\n case 3: return 'LIC';\r\n case 4: return 'Profesor';\r\n default: return '';\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (user && user.token) getData();\r\n\r\n return () => source.cancel();\r\n // eslint-disable-next-line\r\n }, [user]);\r\n\r\n useEffect(() => {\r\n if (notifications && notifications.length > 0) {\r\n let unread = 0, last_read = new Date(user.notification_read);\r\n for (let i = 0; i < notifications.length; i++) if (new Date(notifications[i].created_at) > last_read) unread++;\r\n setNews(unread);\r\n }\r\n // eslint-disable-next-line\r\n }, [notifications]);\r\n\r\n return (\r\n <>\r\n No hay materias a las que puedas inscribirte
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { setShow(p => !p); readNotifications(); }}\r\n eventKey=\"show\"\r\n >\r\n Noticias\r\n \r\n \r\n {\r\n news > 0 &&\r\n \r\n \r\n {\r\n notifications && notifications.length > 0 ? notifications.map(n =>\r\n \r\n \r\n ) :\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Bienvenido {user && user.name}!
\r\n\r\n {user && `${userType()} ${user.name} ${user.surname}`}\r\n
\r\n \r\n {\r\n user.type !== 1 && user.type !== 4 &&\r\n\r\n \r\n
\r\n }\r\n Bienvenido {user && user.name}!
\r\n\r\n
\r\n \r\n
\r\n {news}
\r\n\r\n No te olvides de revisar las ultimas noticias !!\r\n
\r\n }\r\n\r\n\r\n \r\n {n.title}\r\n \r\n {n.content}\r\n
\r\n\r\n No hay noticias recientes !!\r\n
\r\n \r\n }\r\n\r\n
\r\n \r\n
\r\n {news}
\r\n\r\n No te olvides de revisar las ultimas noticias !!\r\n
\r\n\r\n No te olvides de revisar las ultimas noticias !!\r\n
\r\n\r\n\r\n \r\n {n.title}\r\n \r\n {n.content}\r\n
\r\n\r\n
\r\n Tus Materias
\r\n\r\n
\r\n
\r\n Tus Solicitudes
\r\nTu usuario fue dado de baja
\r\nPor cualquier reclamo contacta con el administador o mandanos un email.
\r\n\r\n \r\n handleClick(options[0], 0)}>\r\n
\r\n \r\n \r\n handleClick(options[1], 1)}>\r\n
\r\n \r\n \r\n handleClick(options[2], 2)}>\r\n
\r\n \r\n \r\n handleClick(options[3], 3)}>\r\n
\r\n \r\n
\r\n );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { faCheckCircle, faTimesCircle } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { faCheck, faClock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport CountdownTimer from \"react-component-countdown-timer\";\r\nimport { Container, Row, Col, Card } from \"react-bootstrap\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport \"./Review.css\";\r\n\r\nexport default function Review({ result }) {\r\n const history = useHistory(),\r\n [check, setCheck] = useState([]),\r\n\r\n finish = () => history.push('/history');\r\n\r\n useEffect(() => {\r\n let checks = [];\r\n result.test.answers.forEach((a, idx) => {\r\n checks[idx] = false;\r\n if (a === result.answers[idx]) {\r\n checks[idx] = true;\r\n }\r\n });\r\n setCheck(checks);\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n {options[0]}
\r\n \r\n{options[1]}
\r\n \r\n{options[2]}
\r\n \r\n{options[3]}
\r\n \r\n\r\n \r\n \r\n {\r\n result.test.questions.map((q, i) =>\r\n \r\n \r\n {q.question}\r\n \r\n \r\n {\r\n result.answers[i] === result.test.answers[i] ?\r\n \r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n \r\n )\r\n }\r\n
\r\n \r\n
\r\n );\r\n}","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { faLongArrowAltLeft, faLongArrowAltRight, faClock, faPaperPlane } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Container, Row, Col, Card, Form, Button, Image, Alert } from \"react-bootstrap\";\r\nimport { faCircle, faDotCircle } from \"@fortawesome/free-regular-svg-icons\";\r\nimport subjectContext from '../../context/subject/subjectContext';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport CountdownTimer from \"react-component-countdown-timer\";\r\nimport { useParams, useHistory } from \"react-router-dom\";\r\nimport userContext from '../../context/user/userContext';\r\nimport noaccess from '../Images/noaccess.gif';\r\nimport Loading from '../Loading/Loading';\r\nimport Option from \"./Option\";\r\nimport Review from \"./Review\";\r\nimport axios from 'axios';\r\nimport \"./Test.css\";\r\n\r\nexport default function Test() {\r\n const [test, setTest] = useState({ title: '', section: '', questions: [{question: '', options: ['','','','']}] }),\r\n [result, setResult] = useState({ finished: false, result: {} }),\r\n [showNoAccess, setShowNoAccess] = useState(false),\r\n { subject } = useContext(subjectContext),\r\n [errorMsg, setErrorMsg] = useState(''),\r\n [loading, setLoading] = useState(true),\r\n [sended, setSended] = useState(false),\r\n [answers, setAnswers] = useState([]),\r\n { user } = useContext(userContext),\r\n [timer, setTimer] = useState(-1),\r\n [page, setPage] = useState(0),\r\n history = useHistory(),\r\n { id } = useParams(),\r\n\r\n getTest = () => {\r\n axios({\r\n method: 'get',\r\n url: `/tests/id/${id}`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: subject.current }\r\n }).then(response => {\r\n setTest(response.data);\r\n }).catch(() => {\r\n setLoading(true);\r\n setShowNoAccess(true);\r\n getTest();\r\n });\r\n },\r\n\r\n getResult = id => {\r\n axios({\r\n method: 'get',\r\n url: `/history/id/${id}`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { subject: subject.current }\r\n }).then(response => {\r\n setResult({ finished: true, result: response.data });\r\n }).catch(() => {\r\n setLoading(true);\r\n getResult();\r\n });\r\n },\r\n\r\n changeAnswer = option => {\r\n localStorage.setItem(`answers-${id}`, JSON.stringify(answers));\r\n setAnswers(prev => {\r\n prev[page] = option;\r\n return prev;\r\n });\r\n setErrorMsg('');\r\n },\r\n\r\n sendTest = (validate = true) => {\r\n let aux = answers;\r\n if (sended) {setErrorMsg('Ya rendiste esta prueba'); return;}\r\n if (validate) {\r\n if (answers.length < test.questions.length) {setErrorMsg('Revisa que hayas respondido todas las preguntas antes de enviar'); return;}\r\n answers.forEach(a => { if (!a) {setErrorMsg('Revisa que hayas respondido todas las preguntas antes de enviar'); return;} });\r\n } else {\r\n test.questions.forEach((q, i) => {\r\n let b = false;\r\n for (let j = 0; j < 4; j++) {\r\n if (answers[i] === q.options[j]) {\r\n b = true;\r\n i = 4;\r\n }\r\n }\r\n if (!b) aux.splice(i, 0, \"\");\r\n });\r\n }\r\n setAnswers(aux);\r\n axios({\r\n method: 'post',\r\n url: `/history/create`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { test: id, answers: aux, subject: subject.current }\r\n }).then(response => {\r\n localStorage.removeItem(`start-${id}`);\r\n localStorage.removeItem(`answers-${id}`);\r\n getResult(response.data._id);\r\n }).catch(() => {\r\n setErrorMsg('Hubo un error. Reintentando');\r\n sendTest(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n if (user && user.token && user.plan) {\r\n if (test && test.title) {\r\n if (user.plan[test.section] !== 2) {\r\n setShowNoAccess(true);\r\n setLoading(false);\r\n } else {\r\n setShowNoAccess(false);\r\n axios({\r\n method: 'post',\r\n url: `/history/validate`, \r\n headers: { 'x-auth-token': user.token },\r\n data: { test: id }\r\n }).then(response => {\r\n if (response.data.length > 0) {\r\n setSended(true);\r\n setErrorMsg('Ya rendiste esta prueba. Podés consultar el resultado en tu historial');\r\n setTimeout(() => history.push('/history'), 2000);\r\n }\r\n else {\r\n let localData = localStorage.getItem(`start-${id}`) || '', start;\r\n setAnswers(JSON.parse(localStorage.getItem(`answers-${id}`)) || []);\r\n if (localData) {\r\n start = new Date(JSON.parse(localData));\r\n } else {\r\n start = new Date();\r\n localStorage.setItem(`start-${id}`, JSON.stringify(start));\r\n }\r\n let diff = (new Date() - start) / 1000;\r\n if (diff < 3600) {\r\n setTimer(3600 - diff);\r\n } else {\r\n setErrorMsg('El plazo para resolver el cuestionario ya venció');\r\n sendTest(false);\r\n } \r\n }\r\n }).catch(() => setErrorMsg('Hubo un error, intentá de nuevo'));\r\n setLoading(false);\r\n }\r\n } else getTest();\r\n }\r\n // eslint-disable-next-line\r\n\t}, [user, test]);\r\n\r\n return (\r\n <>\r\n {\r\n loading ? \r\n \r\n \r\n {\r\n check.map((c, i) => c ?\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n Revisión del Examen {result.test.title}
\r\n\r\n
\r\n Nota del examen: {result.result}
\r\n\r\n \r\n
\r\n {result.answers[i]}
\r\n \r\n{result.answers[i] || \"No seleccionaste una respuesta\"}
\r\n \r\n\r\n Respuesta Correcta: {result.test.answers[i]}\r\n
\r\n\r\n \r\n
\r\n \r\n
:\r\n !result.finished ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n
:\r\n \r\n sendTest(false)} />}\r\n
\r\n \r\n \r\n {/* Indicadores en parte superior */\r\n test.questions.map((q, i) => i <= page ?\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n