\r\n
\r\n );\r\n\r\n\r\n}","import LinkBox from \"../components/LinkBox\";\r\n\r\nexport default function Home(){\r\n\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n return (\r\n \r\n
\r\n {value}
\r\n\r\n{text}
\r\n\r\n \r\n
\r\n {routeText} \r\n \r\n
\r\n );\r\n\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { API } from \"../APICalls\";\r\n\r\nexport default function Raffles(){\r\n\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n\r\n\r\n const[raffles, setRaffles] = useState([]);\r\n\r\n useEffect(() => {\r\n\r\n API.GetAllRaffles().then((response) => {\r\n if(response.ok){\r\n response.json().then((data) => {\r\n setRaffles(data);\r\n });\r\n }\r\n else{\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n })\r\n\r\n }, []);\r\n\r\n return (\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n LebenRaffle
\r\n\r\n
\r\n - \r\n
- Home \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}","export default function SmallBox({text, value, bgColorClass, icon}){\r\n\r\n\r\n\r\n return (\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Todos los Sorteos
\r\n\r\n
\r\n - \r\n
- Home \r\n
- Todos los sorteos \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 Lista de sorteos
\r\n\r\n \r\n \r\n
\r\n
\r\n | Nombre | \r\n# Premio(s) | \r\n# Participantes | \r\nProcesado | \r\nAcciones | \r\n
|---|---|---|---|---|
| {item.Name} | \r\n{item.WinnerNumber} + {item.BenchNumber} | \r\n{item.ParticipantNumber} | \r\n\r\n {item.RaffleDatetime == null ? (\r\n No\r\n ) : (\r\n Sí\r\n ) }\r\n | \r\n\r\n Ver\r\n | \r\n
\r\n
\r\n );\r\n\r\n\r\n}","import { useEffect, useState } from \"react\";\r\n\r\nexport default function NumberSelectionSimulator({numbers}){\r\n\r\n \r\n var randomNums = Array.from({length: numbers}, () => Math.floor(Math.random() * 4215));\r\n\r\n const [random, setRandom] = useState(randomNums);\r\n\r\n useEffect(() => {\r\n const interval = setInterval(function() {\r\n setRandom(Array.from({length: numbers}, () => Math.floor(Math.random() * 4215)));\r\n }, 80);\r\n\r\n\r\n return () => {\r\n clearInterval(interval);\r\n }\r\n }, [])\r\n\r\n\r\n return(\r\n \r\n
\r\n {value}
\r\n\r\n{text}
\r\n\r\n \r\n
\r\n \r\n {random.join(', ')}\r\n
\r\n );\r\n\r\n}","export default function ActionBox({text, value, bgColorClass, icon, action, actionText}){\r\n\r\n\r\n\r\n return (\r\n\r\n \r\n );\r\n\r\n\r\n}","import { useEffect, useState } from \"react\";\r\nimport { API, getApiKey, urlBase } from \"../APICalls\";\r\n\r\nexport default function FileUploader({onFileUploadDone}){\r\n\r\n\r\n const [isSelectedFile, setIsSelectedFile] = useState(false);\r\n const [selectedFile, setSelectedFile] = useState(null);\r\n const [uploadedPercentage, setUploadedPercentage] = useState(0);\r\n \r\n\r\n const onSelectedFile = (evt) => {\r\n var file = evt.target.files[0];\r\n \r\n setSelectedFile(null);\r\n setIsSelectedFile(false);\r\n setUploadedPercentage(0);\r\n\r\n if(file != null)\r\n {\r\n setSelectedFile(file);\r\n setIsSelectedFile(true);\r\n\r\n // MANAGE UPLOAD\r\n\r\n var formdata = new FormData();\r\n formdata.append(file.name, file);\r\n\r\n var xhr = new XMLHttpRequest();\r\n xhr.open(\"POST\", urlBase + '/api/File');\r\n\r\n xhr.setRequestHeader(\"Authorization\", getApiKey());\r\n\r\n xhr.upload.addEventListener('progress', function(evt) {\r\n\r\n // Update percentage\r\n var percentageLoaded = Math.floor((evt.loaded/evt.total) * 100);\r\n setUploadedPercentage(percentageLoaded);\r\n\r\n });\r\n\r\n xhr.onreadystatechange = function() {\r\n if (xhr.readyState == XMLHttpRequest.DONE) {\r\n onFileUploadDone(JSON.parse(xhr.response));\r\n }\r\n }\r\n\r\n\r\n\r\n xhr.send(formdata);\r\n }\r\n };\r\n\r\n return (\r\n\r\n <>\r\nFicheros de máximo 200MB
\r\n {document.querySelector('#fileupload').click()}}>\r\n \r\n Selecciona archivos...\r\n \r\n \r\n\r\n\r\n
\r\n \r\n {isSelectedFile ? (\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 { useEffect, useState } from \"react\";\r\nimport { Link, useParams } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\n\r\nimport { API, urlBase } from \"../APICalls\";\r\n\r\nimport lebenRaffleIcon from \"../assets/logo.png\";\r\nimport SmallBox from \"../components/SmallBox\";\r\nimport NumberSelectionSimulator from \"../components/NumberSelectionSimulator\";\r\nimport LinkBox from \"../components/LinkBox\";\r\nimport ActionBox from \"../components/ActionBox\";\r\nimport FileUploader from \"../components/FileUploader\";\r\n\r\nexport default function Raffle() {\r\n function sleep(ms) {\r\n return new Promise((resolve) => setTimeout(resolve, ms));\r\n }\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n const [raffle, setRaffle] = useState(null);\r\n\r\n const [processingRaffle, setProcessingRaffle] = useState(false);\r\n\r\n const [downloadingOrigin, setDownloadingOrigin] = useState(false);\r\n const [downloadingWinners, setDownloadingWinners] = useState(false);\r\n const [downloadingBench, setDownloadingBench] = useState(false);\r\n\r\n const [raffleForm, setRaffleForm] = useState(null);\r\n const [raffleFormToken, setRaffleFormToken] = useState(null);\r\n const [editingRaffleForm, setEditingRaffleForm] = useState(false);\r\n const [raffleFormTitle, setRaffleFormTitle] = useState(\"\");\r\n const [raffleFormDescription, setRaffleFormDescription] = useState(\"\");\r\n const [raffleFormImageFile, setRaffleFormImageFile] = useState(null);\r\n const [raffleFormExpiresIn, setRaffleFormExpiresIn] = useState(0);\r\n const [downloadingRegistries, setDownloadingRegistries] = useState(false);\r\n\r\n var { raffleId } = useParams();\r\n\r\n useEffect(() => {\r\n API.GetRaffle(raffleId)\r\n .then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setRaffle(data);\r\n });\r\n } else {\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() => {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n API.GetForm(raffleId)\r\n .then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n if (data && data.form) {\r\n setRaffleFormToken(data.token);\r\n setRaffleForm(data.form);\r\n setRaffleFormTitle(data.form.Title);\r\n setRaffleFormDescription(data.form.Description);\r\n setRaffleFormImageFile(data.form.ImageFile);\r\n setRaffleFormExpiresIn(data.form.ExpiresIn);\r\n }\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }, []);\r\n\r\n const processRaffle = () => {\r\n API.ProcessRaffle(raffleId)\r\n .then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setProcessingRaffle(true);\r\n setRaffle(data);\r\n sleep(3000).then(() => {\r\n setProcessingRaffle(false);\r\n });\r\n });\r\n } else {\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() => {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n };\r\n\r\n const resetRaffle = () => {\r\n API.ResetRaffle(raffleId)\r\n .then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setRaffle(data);\r\n });\r\n } else {\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() => {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n };\r\n\r\n const downloadBlob = (blob, filename) => {\r\n var url = window.URL.createObjectURL(blob);\r\n var a = document.createElement(\"a\");\r\n a.href = url;\r\n a.download = filename;\r\n document.body.appendChild(a); // we need to append the element to the dom -> otherwise it will not work in firefox\r\n a.click();\r\n a.remove(); //afterwards we remove the element again\r\n };\r\n\r\n const downloadOriginDatabase = () => {\r\n if (raffle != null && raffle.FileId != null) {\r\n setDownloadingOrigin(true);\r\n var filename = \"download\";\r\n API.GetRaffleResultFile(raffle.Id, \"all\")\r\n .then((response) => {\r\n filename = response.headers\r\n .get(\"Content-Disposition\")\r\n .replace(\"attachment; filename=\", \"\");\r\n return response.blob();\r\n })\r\n .then((blob) => {\r\n downloadBlob(blob, filename);\r\n })\r\n .finally(() => {\r\n setDownloadingOrigin(false);\r\n });\r\n }\r\n };\r\n\r\n const downloadWinnersDatabase = () => {\r\n if (raffle != null && raffle.FileId != null) {\r\n setDownloadingWinners(true);\r\n var filename = \"download\";\r\n API.GetRaffleResultFile(raffle.Id, \"winners\")\r\n .then((response) => {\r\n filename = response.headers\r\n .get(\"Content-Disposition\")\r\n .replace(\"attachment; filename=\", \"\");\r\n return response.blob();\r\n })\r\n .then((blob) => {\r\n downloadBlob(blob, filename);\r\n })\r\n .finally(() => {\r\n setDownloadingWinners(false);\r\n });\r\n }\r\n };\r\n\r\n const downloadBenchDatabase = () => {\r\n if (raffle != null && raffle.FileId != null) {\r\n setDownloadingBench(true);\r\n var filename = \"download\";\r\n API.GetRaffleResultFile(raffle.Id, \"bench\")\r\n .then((response) => {\r\n filename = response.headers\r\n .get(\"Content-Disposition\")\r\n .replace(\"attachment; filename=\", \"\");\r\n return response.blob();\r\n })\r\n .then((blob) => {\r\n downloadBlob(blob, filename);\r\n })\r\n .finally(() => {\r\n setDownloadingBench(false);\r\n });\r\n }\r\n };\r\n\r\n const saveRaffleForm = () => {\r\n if (raffleFormTitle === \"\" || raffleFormDescription === \"\") {\r\n alert(\"Es obligatorio completar título y descripción\");\r\n return;\r\n }\r\n if (raffleForm && raffleForm.Id) {\r\n // edit\r\n API.EditForm(\r\n raffleForm.Id,\r\n raffleFormTitle,\r\n raffleFormDescription,\r\n raffleFormImageFile,\r\n raffleFormExpiresIn\r\n ).then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setRaffleForm(data.form);\r\n setRaffleFormToken(data.token);\r\n setEditingRaffleForm(false);\r\n });\r\n }\r\n });\r\n } else {\r\n API.CreateForm(\r\n raffleId,\r\n raffleFormTitle,\r\n raffleFormDescription,\r\n raffleFormImageFile,\r\n raffleFormExpiresIn\r\n ).then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setRaffleForm(data.form);\r\n setRaffleFormToken(data.token);\r\n setEditingRaffleForm(false);\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const imageUploaded = (file) => {\r\n setRaffleFormImageFile(file.Id);\r\n };\r\n\r\n const [copyLinkButtonText, setCopyLinkButtonText] = useState(\"Copiar enlace\");\r\n const onCopyLink = () => {\r\n navigator.clipboard.writeText(\r\n `${window.location.origin}/form/${raffleFormToken}`\r\n );\r\n\r\n // show text for 3 seconds\r\n setCopyLinkButtonText(\"¡Enlace copiado!\");\r\n setTimeout(() => {\r\n setCopyLinkButtonText(\"Copiar enlace\");\r\n }, 1500);\r\n };\r\n\r\n const onOpenLink = () => {\r\n window.open(`${window.location.origin}/form/${raffleFormToken}`, \"_blank\");\r\n };\r\n\r\n const downloadFormRegistries = () => {\r\n if (raffle != null && raffleForm != null) {\r\n setDownloadingRegistries(true);\r\n var filename = \"download\";\r\n API.GetFormRegistriesFile(raffleForm.Id)\r\n .then((response) => {\r\n filename = response.headers\r\n .get(\"Content-Disposition\")\r\n .replace(\"attachment; filename=\", \"\");\r\n return response.blob();\r\n })\r\n .then((blob) => {\r\n downloadBlob(blob, filename);\r\n })\r\n .finally(() => {\r\n setDownloadingRegistries(false);\r\n });\r\n }\r\n };\r\n\r\n if (raffle == null) {\r\n return (\r\n {selectedFile.name}
\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\n\r\nimport { API } from \"../APICalls\";\r\nimport FileUploader from \"../components/FileUploader\";\r\n\r\nexport default function AddRaffle(){\r\n\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n let navigate = useNavigate();\r\n\r\n const [name, setName] = useState('');\r\n const [bench, setBench] = useState('');\r\n const [winners, setWinners] = useState('');\r\n const [participants, setParticipants] = useState('');\r\n const [fileId, setFileId] = useState(null);\r\n\r\n const [nameError, setNameError] = useState(false);\r\n const [benchError, setBenchError] = useState(false);\r\n const [winnersError, setWinnersError] = useState(false);\r\n const [participantsError, setParticipantsError] = useState(false);\r\n\r\n\r\n const fileUploaded = (response) => {\r\n setFileId(response.Id);\r\n };\r\n\r\n useEffect(() => {\r\n if(fileId != null)\r\n {\r\n API.GetFileAnalysis(fileId).then((response) =>{\r\n if(response.ok)\r\n {\r\n response.json().then((data) => {\r\n setParticipants(data.NLines);\r\n });\r\n }\r\n else{\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }\r\n }, [fileId]);\r\n\r\n const saveRaffle = (event) => {\r\n event.preventDefault();\r\n\r\n\r\n // Reset Errors\r\n var errors = false;\r\n setNameError(false);\r\n setWinnersError(false);\r\n setBenchError(false);\r\n setParticipantsError(false);\r\n\r\n\r\n // Check Errors\r\n if(name == null || name == '')\r\n {\r\n errors |= true;\r\n setNameError(true);\r\n }\r\n if(winners == null || winners == '' || winners < 1)\r\n {\r\n errors |= true;\r\n setWinnersError(true);\r\n }\r\n if(bench == null || bench == '' || bench < 0)\r\n {\r\n errors |= true;\r\n setBenchError(true);\r\n }\r\n\r\n if(participants == null || participants == '' || participants < 1)\r\n {\r\n errors |= true;\r\n setParticipantsError(true);\r\n }\r\n\r\n\r\n //Save form\r\n if(!errors)\r\n {\r\n\r\n API.CreateRaffle(name, winners, participants, bench, fileId).then((response) => {\r\n if(response.ok){\r\n navigate(\"/raffles\");\r\n }\r\n else{\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }\r\n\r\n }\r\n \r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Sorteo: {raffle.Name}
\r\n\r\n
\r\n - \r\n
- \r\n Home\r\n \r\n
- \r\n Todos los sorteos\r\n \r\n
- Sorteo \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 Detalles
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {raffle.FileId == null ? (\r\n <>\r\n ) : (\r\n \r\n {downloadingOrigin ? (\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Resultado
\r\n\r\n {raffle.RaffleDatetime == null ? (\r\n <>\r\n
\r\n\r\n Iniciar Sorteo\r\n \r\n \r\n ) : (\r\n <>\r\n {processingRaffle ? (\r\n
\r\n
\r\n {processingRaffle ? (\r\n \r\n Procesando Sorteo...\r\n \r\n ) : (\r\n <>\r\n // Reiniciar Sorteo\r\n )}\r\n \r\n )}\r\n
\r\n \r\n Todavía no se ha realizado el sorteo\r\n
\r\n\r\n
\r\n Ganadores:{\" \"}\r\n {raffle.RaffleResult.split(\", \")\r\n .slice(0, raffle.WinnerNumber)\r\n .join(\", \")}\r\n
\r\n\r\n Suplentes:{\" \"}\r\n {raffle.RaffleResult.split(\", \")\r\n .slice(raffle.WinnerNumber)\r\n .join(\", \")}\r\n
\r\n \r\n ) : (\r\n\r\n
\r\n )}\r\n \r\n {downloadingWinners ? (\r\n
\r\n \r\n {downloadingBench ? (\r\n
\r\n \r\n
\r\n {moment(raffle.CreationDatetime).format(\r\n \"[Sorteo realizado el ] DD/MM/YYYY [ a las ] HH:mm\"\r\n )}\r\n
\r\n\r\n {processingRaffle ? (\r\n \r\n Procesando Sorteo...\r\n \r\n ) : (\r\n <>\r\n // Reiniciar Sorteo\r\n )}\r\n \r\n )}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {!raffleForm && !editingRaffleForm && (\r\n Formulario de confirmación
\r\n\r\n setEditingRaffleForm(true)}\r\n >\r\n Configurar Formulario\r\n \r\n
\r\n )}\r\n {raffleForm && !editingRaffleForm && (\r\n \r\n No se ha creado un formulario de confirmación para este\r\n sorteo. Puedes configurar uno a continuación.\r\n
\r\n\r\n
\r\n )}\r\n {editingRaffleForm && (\r\n \r\n
\r\n \r\n setEditingRaffleForm(true)}\r\n >\r\n Editar Formulario\r\n \r\n
\r\n {raffleForm.Title}
\r\n \r\n {raffleForm.ExpiresIn === 0\r\n ? \"El formulario no caduca\"\r\n : `Caduca después de ${raffleForm.ExpiresIn} días`}\r\n \r\n {raffleFormImageFile && (\r\n{raffleForm.Description}
\r\n\r\n {raffleFormToken && (\r\n <>\r\n \r\n \r\n Desgarcar registros de confirmación\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n Enlace\r\n
\r\n\r\n Para compartir el formulario con los\r\n participantes, copia el siguiente enlace.\r\n Recuerda que este enlace es válido durante{\" \"}\r\n {raffleForm.ExpiresIn === 0\r\n ? \"(no caduca)\"\r\n : `${raffleForm.ExpiresIn} días`}{\" \"}\r\n desde hoy.\r\n
\r\n \r\n {window.location.origin}/form/\r\n {raffleFormToken}\r\n \r\n\r\n
\r\n \r\n \r\n \r\n {copyLinkButtonText}\r\n \r\n
\r\n \r\n \r\n \r\n Abrir en ventana nueva\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n Guardar\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setRaffleFormTitle(e.target.value)\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setRaffleFormExpiresIn(e.target.value)\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {raffleFormImageFile && (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setRaffleFormDescription(e.target.value)\r\n }\r\n />\r\n
\r\n \r\n
\r\n );\r\n\r\n}","import { useState } from \"react\";\r\nimport { API } from \"../APICalls\";\r\n\r\nexport default function Login(){\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"sidebar-mini\");\r\n\r\n\r\n const [email, setEmail] = useState('');\r\n const [password, setPassword] = useState('');\r\n\r\n \r\n const [logingIn, setLogingIn] = useState(false);\r\n\r\n\r\n const doLogin = (event) => {\r\n event.preventDefault();\r\n \r\n if(email == '' || email == null){\r\n alert('El campo email es obligatorio');\r\n }\r\n if(password == '' || password == null){\r\n alert('El campo password es obligatorio');\r\n }\r\n\r\n setLogingIn(true);\r\n API.Login(email, password).then((response) => {\r\n if(response.ok)\r\n {\r\n response.json().then((json) => {\r\n localStorage.setItem('apiSesionId', json);\r\n });\r\n }\r\n else{ // Bad Login\r\n alert(\"No existe la combinación usuario/contraseña\");\r\n setLogingIn(false);\r\n }\r\n })\r\n .catch(() => {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n setLogingIn(false);\r\n });\r\n };\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Crear sorteo
\r\n\r\n
\r\n - \r\n
- Home \r\n
- Crear sorteo \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 Detalles
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { API } from \"../APICalls\";\r\n\r\nexport default function Users(){\r\n\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n\r\n\r\n const[users, setUsers] = useState([]);\r\n\r\n useEffect(() => {\r\n\r\n API.GetAllUsers().then((response) => {\r\n if(response.ok){\r\n response.json().then((data) => {\r\n setUsers(data);\r\n });\r\n }\r\n else{\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n })\r\n\r\n }, []);\r\n\r\n return (\r\n\r\n \r\n LebenRaffle\r\n
\r\n \r\n
\r\n \r\n
\r\n Inicio de sesión
\r\n\r\n \r\n\r\n
\r\n );\r\n\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\n\r\nimport { API } from \"../APICalls\";\r\nimport FileUploader from \"../components/FileUploader\";\r\n\r\nexport default function AddUser(){\r\n\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n let navigate = useNavigate();\r\n\r\n const [name, setName] = useState('');\r\n const [surname, setSurname] = useState('');\r\n const [userId, setUserId] = useState('');\r\n const [password, setPassword] = useState('');\r\n const [email, setEmail] = useState('');\r\n \r\n\r\n const [nameError, setNameError] = useState(false);\r\n const [surnameError, setSurnameError] = useState(false);\r\n const [userIdError, setUserIdError] = useState(false);\r\n const [passwordError, setPasswordError] = useState(false);\r\n const [emailError, setEmailError] = useState(false);\r\n \r\n\r\n\r\n\r\n const saveUser = (event) => {\r\n event.preventDefault();\r\n\r\n\r\n // Reset Errors\r\n var errors = false;\r\n setNameError(false);\r\n setSurnameError(false);\r\n setUserIdError(false);\r\n setPasswordError(false);\r\n setEmailError(false);\r\n\r\n\r\n // Check Errors\r\n if(name == null || name == '')\r\n {\r\n errors |= true;\r\n setNameError(true);\r\n }\r\n if(surname == null || surname == '')\r\n {\r\n errors |= true;\r\n setSurnameError(true);\r\n }\r\n if(password == null || password == '')\r\n {\r\n errors |= true;\r\n setPasswordError(true);\r\n }\r\n if(email == null || email == '')\r\n {\r\n errors |= true;\r\n setEmailError(true);\r\n }\r\n if(userId == null || userId == '')\r\n {\r\n errors |= true;\r\n setUserIdError(true);\r\n }\r\n\r\n //Save form\r\n if(!errors)\r\n {\r\n\r\n API.Signup(userId, email, password, name, surname).then((response) => {\r\n if(response.ok){\r\n navigate(\"/users\");\r\n }\r\n else{\r\n response.text().then((error) => alert(JSON.parse(error).Message));\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }\r\n\r\n }\r\n \r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Todos los Usuarios
\r\n\r\n
\r\n - \r\n
- Home \r\n
- Todos los usuarios \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 Lista de usuarios
\r\n\r\n \r\n \r\n
\r\n
\r\n | Nombre | \r\nApellido | \r\nAcciones | \r\n
|---|---|---|
| {item.Name} | \r\n{item.Surname} | \r\n\r\n \r\n | \r\n
\r\n
\r\n );\r\n\r\n}","import { useEffect, useState } from \"react\";\r\nimport { Link, useNavigate, useParams } from \"react-router-dom\";\r\n\r\nimport { API } from \"../APICalls\";\r\nimport lebenRaffleIcon from '../assets/logo.png';\r\n\r\nexport default function User(){\r\n\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.add(\"sidebar-mini\");\r\n\r\n let navigate = useNavigate();\r\n\r\n const [name, setName] = useState('');\r\n const [surname, setSurname] = useState('');\r\n const [userId, setUserId] = useState('');\r\n const [password, setPassword] = useState('');\r\n const [email, setEmail] = useState('');\r\n \r\n\r\n const [nameError, setNameError] = useState(false);\r\n const [surnameError, setSurnameError] = useState(false);\r\n const [userIdError, setUserIdError] = useState(false);\r\n const [passwordError, setPasswordError] = useState(false);\r\n const [emailError, setEmailError] = useState(false);\r\n\r\n\r\n const[account, setAccount] = useState(null);\r\n const[user, setUser] = useState(null);\r\n\r\n var {accountId} = useParams();\r\n \r\n\r\n useEffect(() => {\r\n API.GetUser(accountId).then((response) => {\r\n if(response.ok){\r\n response.json().then((data) => {\r\n setUser(data);\r\n setName(data.Name);\r\n setSurname(data.Surname);\r\n });\r\n }\r\n else{\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n\r\n API.GetAccount(accountId).then((response) => {\r\n if(response.ok){\r\n response.json().then((data) => {\r\n setAccount(data);\r\n setEmail(data.Email);\r\n setUserId(data.UserId);\r\n });\r\n }\r\n else{\r\n alert(\"Token is not valid\");\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n\r\n }, []);\r\n\r\n\r\n\r\n\r\n const saveUser = (event) => {\r\n event.preventDefault();\r\n\r\n\r\n // Reset Errors\r\n var errors = false;\r\n setNameError(false);\r\n setSurnameError(false);\r\n setUserIdError(false);\r\n setPasswordError(false);\r\n setEmailError(false);\r\n\r\n\r\n // Check Errors\r\n if(name == null || name == '')\r\n {\r\n errors |= true;\r\n setNameError(true);\r\n }\r\n if(surname == null || surname == '')\r\n {\r\n errors |= true;\r\n setSurnameError(true);\r\n }\r\n if(password == null || password == '')\r\n {\r\n errors |= true;\r\n setPasswordError(true);\r\n }\r\n if(email == null || email == '')\r\n {\r\n errors |= true;\r\n setEmailError(true);\r\n }\r\n if(userId == null || userId == '')\r\n {\r\n errors |= true;\r\n setUserIdError(true);\r\n }\r\n\r\n //Save form\r\n if(!errors)\r\n {\r\n\r\n API.PostAccount(account.Id, userId, email, password).then((response) => {\r\n if(response.ok){\r\n API.PostUser(account.Id, name, surname).then((response) => {\r\n if(response.ok)\r\n navigate('/users');\r\n else\r\n alert(\"Token is not valid\");\r\n })\r\n .catch(()=>{\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }\r\n else{\r\n response.text().then((error) => alert(JSON.parse(error).Message));\r\n }\r\n })\r\n .catch(() =>\r\n {\r\n alert(\"Cannot connect to LebenRaffle API\");\r\n });\r\n }\r\n\r\n }\r\n \r\n\r\n\r\n if(user == null || account == null)\r\n {\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Crear Usuario
\r\n\r\n
\r\n - \r\n
- Home \r\n
- Crear usuario \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n );\r\n }\r\n else\r\n {\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n}","const provinces = [\r\n {\r\n parent_code: \"01\",\r\n code: \"04\",\r\n label: \"Almería\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"11\",\r\n label: \"Cádiz\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"14\",\r\n label: \"Córdoba\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"18\",\r\n label: \"Granada\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"21\",\r\n label: \"Huelva\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"23\",\r\n label: \"Jaén\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"29\",\r\n label: \"Málaga\",\r\n },\r\n {\r\n parent_code: \"01\",\r\n code: \"41\",\r\n label: \"Sevilla\",\r\n },\r\n {\r\n parent_code: \"02\",\r\n code: \"22\",\r\n label: \"Huesca\",\r\n },\r\n {\r\n parent_code: \"02\",\r\n code: \"44\",\r\n label: \"Teruel\",\r\n },\r\n {\r\n parent_code: \"02\",\r\n code: \"50\",\r\n label: \"Zaragoza\",\r\n },\r\n {\r\n parent_code: \"03\",\r\n code: \"33\",\r\n label: \"Asturias\",\r\n },\r\n {\r\n parent_code: \"04\",\r\n code: \"07\",\r\n label: \"Balears, Illes\",\r\n },\r\n {\r\n parent_code: \"05\",\r\n code: \"35\",\r\n label: \"Palmas, Las\",\r\n },\r\n {\r\n parent_code: \"05\",\r\n code: \"38\",\r\n label: \"Santa Cruz de Tenerife\",\r\n },\r\n {\r\n parent_code: \"06\",\r\n code: \"39\",\r\n label: \"Cantabria\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"05\",\r\n label: \"Ávila\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"09\",\r\n label: \"Burgos\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"24\",\r\n label: \"León\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"34\",\r\n label: \"Palencia\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"37\",\r\n label: \"Salamanca\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"40\",\r\n label: \"Segovia\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"42\",\r\n label: \"Soria\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"47\",\r\n label: \"Valladolid\",\r\n },\r\n {\r\n parent_code: \"07\",\r\n code: \"49\",\r\n label: \"Zamora\",\r\n },\r\n {\r\n parent_code: \"08\",\r\n code: \"02\",\r\n label: \"Albacete\",\r\n },\r\n {\r\n parent_code: \"08\",\r\n code: \"13\",\r\n label: \"Ciudad Real\",\r\n },\r\n {\r\n parent_code: \"08\",\r\n code: \"16\",\r\n label: \"Cuenca\",\r\n },\r\n {\r\n parent_code: \"08\",\r\n code: \"19\",\r\n label: \"Guadalajara\",\r\n },\r\n {\r\n parent_code: \"08\",\r\n code: \"45\",\r\n label: \"Toledo\",\r\n },\r\n {\r\n parent_code: \"09\",\r\n code: \"08\",\r\n label: \"Barcelona\",\r\n },\r\n {\r\n parent_code: \"09\",\r\n code: \"17\",\r\n label: \"Girona\",\r\n },\r\n {\r\n parent_code: \"09\",\r\n code: \"25\",\r\n label: \"Lleida\",\r\n },\r\n {\r\n parent_code: \"09\",\r\n code: \"43\",\r\n label: \"Tarragona\",\r\n },\r\n {\r\n parent_code: \"10\",\r\n code: \"03\",\r\n label: \"Alicante/Alacant\",\r\n },\r\n {\r\n parent_code: \"10\",\r\n code: \"12\",\r\n label: \"Castellón/Castelló\",\r\n },\r\n {\r\n parent_code: \"10\",\r\n code: \"46\",\r\n label: \"Valencia/València\",\r\n },\r\n {\r\n parent_code: \"11\",\r\n code: \"06\",\r\n label: \"Badajoz\",\r\n },\r\n {\r\n parent_code: \"11\",\r\n code: \"10\",\r\n label: \"Cáceres\",\r\n },\r\n {\r\n parent_code: \"12\",\r\n code: \"15\",\r\n label: \"Coruña, A\",\r\n },\r\n {\r\n parent_code: \"12\",\r\n code: \"27\",\r\n label: \"Lugo\",\r\n },\r\n {\r\n parent_code: \"12\",\r\n code: \"32\",\r\n label: \"Ourense\",\r\n },\r\n {\r\n parent_code: \"12\",\r\n code: \"36\",\r\n label: \"Pontevedra\",\r\n },\r\n {\r\n parent_code: \"13\",\r\n code: \"28\",\r\n label: \"Madrid\",\r\n },\r\n {\r\n parent_code: \"14\",\r\n code: \"30\",\r\n label: \"Murcia\",\r\n },\r\n {\r\n parent_code: \"15\",\r\n code: \"31\",\r\n label: \"Navarra\",\r\n },\r\n {\r\n parent_code: \"16\",\r\n code: \"01\",\r\n label: \"Araba/Álava\",\r\n },\r\n {\r\n parent_code: \"16\",\r\n code: \"48\",\r\n label: \"Bizkaia\",\r\n },\r\n {\r\n parent_code: \"16\",\r\n code: \"20\",\r\n label: \"Gipuzkoa\",\r\n },\r\n {\r\n parent_code: \"17\",\r\n code: \"26\",\r\n label: \"Rioja, La\",\r\n },\r\n {\r\n parent_code: \"18\",\r\n code: \"51\",\r\n label: \"Ceuta\",\r\n },\r\n {\r\n parent_code: \"19\",\r\n code: \"52\",\r\n label: \"Melilla\",\r\n },\r\n];\r\n\r\nexport default provinces;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { API, urlBase } from \"../APICalls\";\r\nimport provinces from \"../assets/provinces\";\r\n\r\nexport default function Form() {\r\n var { token } = useParams();\r\n\r\n const [raffleForm, setRaffleForm] = useState(null);\r\n const [retrievingRaffleFormError, setRetrievingRaffleFormError] =\r\n useState(false);\r\n\r\n const [submitFormStatus, setSubmitFormStatus] = useState(null);\r\n\r\n useEffect(() => {\r\n API.GetCustomerForm(token).then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setRaffleForm(data);\r\n });\r\n } else {\r\n setRetrievingRaffleFormError(true);\r\n }\r\n });\r\n }, []);\r\n\r\n const orderedProvinces = provinces.sort((a, b) => {\r\n return a.code.localeCompare(b.code);\r\n });\r\n\r\n const [name, setName] = useState(\"\");\r\n const [surname, setSurname] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [phone, setPhone] = useState(\"\");\r\n const [nationalId, setNationalId] = useState(\"\");\r\n const [addressName, setAddressName] = useState(\"\");\r\n const [addressNumber, setAddressNumber] = useState(\"\");\r\n const [addressOther, setAddressOther] = useState(\"\");\r\n const [addressPostalCode, setAddressPostalCode] = useState(\"\");\r\n const [addressCity, setAddressCity] = useState(\"\");\r\n const [addressProvince, setAddressProvince] = useState(\"\");\r\n const [acceptTerms, setAcceptTerms] = useState(false);\r\n\r\n const [formErrors, setFormErrors] = useState(null);\r\n\r\n const submitForm = (e) => {\r\n const checkedFormErrors = {};\r\n //validate name: required, max 50 length\r\n if (name == \"\") checkedFormErrors.name = \"El nombre es obligatorio\";\r\n else if (name.length > 50)\r\n checkedFormErrors.name = \"El nombre no puede tener más de 50 caracteres\";\r\n\r\n //validate surname: required, max 50 length\r\n if (surname == \"\")\r\n checkedFormErrors.surname = \"Los apellidos son obligatorios\";\r\n else if (surname.length > 50)\r\n checkedFormErrors.surname =\r\n \"Los apellidos no pueden tener más de 50 caracteres\";\r\n\r\n //validate email: required, max 512 length, valid email with regex\r\n if (email == \"\") checkedFormErrors.email = \"El email es obligatorio\";\r\n else if (email.length > 512)\r\n checkedFormErrors.email = \"El email no puede tener más de 512 caracteres\";\r\n else if (!email.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i))\r\n checkedFormErrors.email = \"El email no es válido\";\r\n\r\n //validate phone: required, spanish phone number (starting in 6,7,8,9 and 9 digits)\r\n if (phone == \"\") checkedFormErrors.phone = \"El teléfono es obligatorio\";\r\n else if (!phone.match(/^[6-9]\\d{8}$/))\r\n checkedFormErrors.phone = \"El teléfono no es válido\";\r\n\r\n //validate nationalId: required, spanish NIF or spanish NIE\r\n if (nationalId == \"\")\r\n checkedFormErrors.nationalId = \"El NIF/NIE es obligatorio\";\r\n else if (!nationalId.match(/^([0-9]{8}[A-Z])|([XYZ][0-9]{7}[A-Z])$/))\r\n checkedFormErrors.nationalId =\r\n \"El NIF/NIE no es válido (ej. 12345678A o X1234567A)\";\r\n\r\n //validate addressName: required, max 150 length\r\n if (addressName == \"\")\r\n checkedFormErrors.addressName = \"El nombre de la vía es obligatorio\";\r\n else if (addressName.length > 150)\r\n checkedFormErrors.addressName =\r\n \"El nombre de la vía no puede tener más de 150 caracteres\";\r\n\r\n //validate addressNumber: required, max 16 length, number only\r\n if (addressNumber == \"\")\r\n checkedFormErrors.addressNumber = \"El número es obligatorio\";\r\n else if (addressNumber.length > 16)\r\n checkedFormErrors.addressNumber =\r\n \"El número no puede tener más de 16 caracteres\";\r\n else if (!addressNumber.match(/^[0-9]+$/))\r\n checkedFormErrors.addressNumber = \"El número no es válido\";\r\n\r\n //validate addressOther: max 50 length, not required\r\n if (addressOther.length > 50)\r\n checkedFormErrors.addressOther =\r\n \"El resto de la dirección no puede tener más de 50 caracteres\";\r\n\r\n //validate addressPostalCode: required, starting from 00 to 52, 5 digits total\r\n if (addressPostalCode == \"\")\r\n checkedFormErrors.addressPostalCode = \"El código postal es obligatorio\";\r\n else if (!addressPostalCode.match(/^(0[1-9]|[1-4][0-9]|5[0-2])[0-9]{3}$/))\r\n checkedFormErrors.addressPostalCode = \"El código postal no es válido\";\r\n\r\n //validate addressCity: required, max 100 length\r\n if (addressCity == \"\")\r\n checkedFormErrors.addressCity = \"La ciudad es obligatoria\";\r\n else if (addressCity.length > 100)\r\n checkedFormErrors.addressCity =\r\n \"La ciudad no puede tener más de 100 caracteres\";\r\n\r\n //validate addressProvince: required, max 50 length\r\n if (addressProvince == \"\")\r\n checkedFormErrors.addressProvince = \"La provincia es obligatoria\";\r\n else if (addressProvince.length > 50)\r\n checkedFormErrors.addressProvince =\r\n \"La provincia no puede tener más de 50 caracteres\";\r\n\r\n //validate acceptTerms: required\r\n if (!acceptTerms)\r\n checkedFormErrors.acceptTerms =\r\n \"Debes aceptar los términos y condiciones para participar\";\r\n\r\n setFormErrors(checkedFormErrors);\r\n\r\n console.log(Object.keys(checkedFormErrors).length);\r\n\r\n if (Object.keys(checkedFormErrors).length > 0) return;\r\n\r\n console.log(\"Form is valid\");\r\n\r\n //TODO: Post form\r\n\r\n API.SubmitCustomerForm(\r\n raffleForm.Id,\r\n raffleForm.RaffleId,\r\n name,\r\n surname,\r\n email,\r\n phone,\r\n nationalId,\r\n addressName,\r\n addressNumber,\r\n addressOther,\r\n addressPostalCode,\r\n addressCity,\r\n addressProvince\r\n ).then((response) => {\r\n if (response.ok) {\r\n response.json().then((data) => {\r\n setSubmitFormStatus(\"success\");\r\n });\r\n } else {\r\n setSubmitFormStatus(\"server-error\");\r\n }\r\n });\r\n };\r\n\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"login-page\");\r\n document.getElementsByTagName(\"body\")[0].classList.remove(\"sidebar-mini\");\r\n\r\n if (raffleForm == null && retrievingRaffleFormError == false)\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Crear Usuario
\r\n\r\n
\r\n - \r\n
- Home \r\n
- Crear usuario \r\n
\r\n
\r\n \r\n \r\n
\r\n Loading...
;\r\n\r\n if (retrievingRaffleFormError) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 400
\r\n\r\n
\r\n \r\n {\" \"}\r\n Oops! Lo sentimos, ha pasado el plazo que tenías para enviarnos\r\n tus datos desde que se notifica el premio.\r\n
\r\n¡Te esperamos en el siguiente!
\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n if (submitFormStatus == \"success\") {\r\n return (\r\n <>\r\n \r\n Version 1.7.4\r\n
\r\n \r\n Copyright © {new Date().getFullYear()}{\" \"}\r\n \r\n Grupo Leben Servicios de Marketing\r\n \r\n .\r\n {\" \"}\r\n Todos los derechos reservados.\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 ¡Enhorabuena! Hemos recibido tus datos correctamente\r\n
\r\n\r\n En breve nos pondremos en contacto contigo para enviarte tu\r\n premio.\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n if (submitFormStatus == \"server-error\") {\r\n return (\r\n <>\r\n \r\n Version 1.7.4\r\n
\r\n \r\n Copyright © {new Date().getFullYear()}{\" \"}\r\n \r\n Grupo Leben Servicios de Marketing\r\n \r\n .\r\n {\" \"}\r\n Todos los derechos reservados.\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 500
\r\n\r\n
\r\n \r\n {\" \"}\r\n Oops! Ha ocurrido un error al guardar tus datos\r\n
\r\n\r\n Inténtalo de nuevo más tarde. Si el error persiste, ponte en\r\n contacto con el organizador del sorteo\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Version 1.7.4\r\n
\r\n \r\n Copyright © {new Date().getFullYear()}{\" \"}\r\n \r\n Grupo Leben Servicios de Marketing\r\n \r\n .\r\n {\" \"}\r\n Todos los derechos reservados.\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport { Routes, Route } from \"react-router-dom\";\r\n\r\nimport Footer from \"./layout/Footer\";\r\nimport Header from \"./layout/Header\";\r\nimport Sidebar from \"./layout/Sidebar\";\r\n\r\nimport Home from \"./screens/Home\";\r\nimport Raffles from \"./screens/Raffles\";\r\nimport Raffle from \"./screens/Raffle\";\r\nimport AddRaffle from \"./screens/AddRaffle\";\r\nimport Login from \"./screens/Login\";\r\nimport Users from \"./screens/Users\";\r\nimport AddUser from \"./screens/AddUser\";\r\nimport User from \"./screens/User\";\r\nimport Form from \"./screens/Form\";\r\n\r\nfunction App() {\r\n const [isLoggedIn, setIsLoggedIn] = useState(false);\r\n\r\n const [isViewingForm, setIsViewingForm] = useState(false);\r\n\r\n const checkApiKey = () => {\r\n var apiKey = localStorage.getItem(\"apiSesionId\");\r\n if (apiKey == null || apiKey == \"\") setIsLoggedIn(false);\r\n else setIsLoggedIn(true);\r\n };\r\n\r\n useEffect(() => {\r\n checkApiKey();\r\n const interval = setInterval(() => {\r\n checkApiKey();\r\n }, 1000);\r\n\r\n return () => clearInterval(interval);\r\n }, []);\r\n\r\n useEffect(() => {\r\n // check if url is /form\r\n\r\n if (window.location.pathname.includes(\"/form\")) {\r\n setIsViewingForm(true);\r\n } else {\r\n setIsViewingForm(false);\r\n }\r\n }, []);\r\n\r\n if (isViewingForm)\r\n return (\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 {raffleForm.Title}\r\n
\r\n\r\n {raffleForm?.ImageFile && (\r\n
\r\n \r\n
\r\n )}\r\n {raffleForm.Description}
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n setName(e.target.value)}\r\n />\r\n \r\n {formErrors?.name}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setSurname(e.target.value)}\r\n />\r\n \r\n {formErrors?.surname}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setPhone(e.target.value)}\r\n />\r\n \r\n {formErrors?.phone}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setNationalId(\r\n e.target.value\r\n .toUpperCase()\r\n .replace(\"-\", \"\")\r\n .replace(\" \", \"\")\r\n )\r\n }\r\n />\r\n \r\n {formErrors?.nationalId}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setEmail(e.target.value)}\r\n />\r\n \r\n {formErrors?.email}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setAddressName(e.target.value)}\r\n />\r\n \r\n {formErrors?.addressName}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setAddressNumber(e.target.value)}\r\n />\r\n \r\n {formErrors?.addressNumber}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setAddressOther(e.target.value)}\r\n />\r\n \r\n {formErrors?.addressOther}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setAddressPostalCode(e.target.value)}\r\n />\r\n \r\n {formErrors?.addressPostalCode}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setAddressCity(e.target.value)}\r\n />\r\n \r\n {formErrors?.addressCity}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setAddressProvince(e.target.value)}\r\n >\r\n \r\n {orderedProvinces.map((province) => (\r\n \r\n ))}\r\n \r\n \r\n {formErrors?.addressProvince}\r\n \r\n
\r\n \r\n \r\n {formErrors?.acceptTerms}\r\n \r\n )}\r\n
\r\n \r\n setAcceptTerms(e.target.checked)}\r\n />\r\n \r\n
\r\n\r\n {formErrors?.acceptTerms && (\r\n \r\n \r\n Enviar\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {isLoggedIn ? (\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\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom/client';\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nconst root = ReactDOM.createRoot(document.getElementById('root'));\r\nroot.render(\r\n