el).length, total: driverPositions.length }}\n //showTrackerMenu={showTrackerMenu}\n >\n \n \n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\n\nexport const ErrorDialogEmpty = {\n visible: false,\n message: [\"\"],\n};\n\nexport function ErrorDialogSet(visible, message) {\n return {\n visible: visible,\n message: [message],\n };\n}\n\nexport function ErrorDialogNoAuthorizedSet(visible, error) {\n let message = \"\";\n if (error.message == \"Request failed with status code 401\") message = \"No Authorized\";\n return {\n visible: visible,\n message: [message],\n };\n}\n\nexport function ErrorDialogSetResponse(res) {\n var message = \"\";\n if (res.response && res.response.data && res.response.data.statusCode == 418) message = res.response.data.message;\n\n return {\n visible: true,\n message: [message],\n };\n}\n\nexport const ErrorDialog = (props) => {\n let empty = {\n visible: false,\n message: [\"\"],\n };\n\n const [errorDialog, setErrorDialog] = useState(false);\n const [errorMessage, setErrorMessage] = useState(false);\n\n useEffect(async () => {\n setErrorDialog(props.stateDialog.visible);\n setErrorMessage(props.stateDialog.message);\n }, [props]);\n\n const hideErrorDialog = () => {\n setErrorDialog(false);\n props.stateDialog.visible = false;\n };\n\n const errorDialogFooter = (\n <>\n \n \n );\n\n const ListItems = (props) => { \n let response = props.errorMessage.map((e, index) => {\n return {e}
\n });\n return (<>{response});\n };\n\n return (\n \n );\n};\n","import axios from \"../utilities/api-axios\"\nimport { Utils } from \"../utilities/Utils\"\n\nconst apiUrl = process.env.REACT_APP_API_URL;\n\n\nexport class EventService {\n // getEventsSmall() {\n // return axios.get(\"assets/demo/data/products-small.json\").then((res) => res.data.data);\n // }\n\n // getEventsWithOrdersSmall() {\n // return axios.get(\"assets/demo/data/products-orders-small.json\").then((res) => res.data.data);\n // }\n\n getEvents() {\n return axios.get(`${apiUrl}/events/`).then((res) => res.data);\n }\n\n getByClub(clubId) {\n return axios.get(`${apiUrl}/events/byClub/`+ clubId).then((res) => res.data);\n }\n\n async getLiveNow(clubId) {\n const res = await axios.get(`${apiUrl}/events/liveNow/`+ clubId)\n return res.data;\n }\n\n updateEvent(event) {\n\n\n // let eveStart = Utils.setOutGMT(event.eveStart);\n // let eveFinish = Utils.setOutGMT(event.eveFinish);\n\n const updEvent = {\n \"EplId\" : event.eplId,\n \"VieId\" : event.vieId,\n \"StsId\" : event.stsId,\n \"Name\" : event.eveName,\n \"Start\" : event.eveStart,\n \"Finish\" : event.eveFinish,\n \"CluId\": event.cluId,\n \"CouId\": event.couId,\n \"State\": event.eveState,\n \"City\": event.eveCity,\n }\n return axios.put(`${apiUrl}/events/` + event.eveId, updEvent).then((res) => res.data);\n }\n\n createEvent(event) {\n\n const newEvent = {\n \"EplId\" : event.eplId,\n \"VieId\" : event.vieId,\n \"StsId\" : event.stsId,\n \"Name\" : event.eveName,\n \"Start\" : event.eveStart,\n \"Finish\" : event.eveFinish,\n \"CluId\": event.cluId,\n \"CouId\": event.couId,\n \"State\": event.eveState,\n \"City\": event.eveCity,\n }\n\n return axios.post(`${apiUrl}/events/`, newEvent).then((res) => {\n return res.data;\n });\n }\n\n deleteEvent(id) {\n return axios.delete(`${apiUrl}/events/` + id, { _method: \"DELETE\" }).then((res) => {\n return res.data;\n });\n }\n\n publishEvent(id) {\n return axios.put(`${apiUrl}/events/publish/` + id).then((res) => {\n return res.data;\n });\n }\n\n getEvent(id) {\n return axios.get(`${apiUrl}/events/withClub/` + id).then((res) => {\n return res.data;\n });\n }\n\n getInterestPoints(id) {\n return axios.get(`${apiUrl}/events/interestPoints/` + id).then((res) => {\n return res.data;\n });\n }\n\n getSpecialStages(id) {\n return axios.get(`${apiUrl}/events/specialstages/` + id).then((res) => {\n return res.data;\n });\n }\n\n getDrivers(id) {\n return axios.get(`${apiUrl}/events/drivers/` + id).then((res) => res.data);\n }\n\n getFlags(eveId) {\n return axios.get(`${apiUrl}/events/flags/` + eveId).then((res) => res.data);\n }\n\n getAlerts(eveId) {\n return axios.get(`${apiUrl}/events/alerts/` + eveId).then((res) => res.data);\n }\n\n async updloadPolyline(file, eventId) {\n let formData = new FormData();\n formData.append('EventId', eventId);\n formData.append('file', file);\n return await axios.post(`${apiUrl}/commonServices/uploadPolylines`, formData);\n }\n}\n","import React, { useState, useEffect } from \"react\";\n\n//primereact\nimport { Button } from \"primereact/button\";\n\n//utils\nimport { useHistory } from \"react-router-dom\";\nimport { useParams } from \"react-router-dom\";\n\n//services\nimport { TokenAuthService } from \"../service/TokenAuthService\";\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogNoAuthorizedSet } from \"../dialogs/ErrorDialog\";\nimport { EventService } from \"../service/EventService\";\n\nexport const LiveNowEvent = (props) => {\n const emptyEvent = {\n EventId: 0,\n EventName: \"Not current event\",\n Competitors: 0,\n Inviteds: 0,\n CurrentlyRunning: [],\n };\n\n const history = useHistory();\n const params = useParams();\n\n const [loading, setLoading] = useState(true);\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n\n const [isDirector, setIsDirector] = useState(false);\n const [isPlanner, setIsPlanner] = useState(false);\n\n const [events, setEvents] = useState(null);\n const [event, setEvent] = useState(null);\n const [clubId, setClubId] = useState(0);\n\n useEffect(() => {\n try {\n const load = async () => {\n setLoading(true);\n\n let _clubId = 0;\n let tokenAuthService = new TokenAuthService();\n let isAdmin = tokenAuthService.isAdmin();\n\n if (!isAdmin) {\n let club = tokenAuthService.getClub();\n _clubId = club.Id;\n }\n setClubId(_clubId);\n const eventService = new EventService();\n const resEvent = await eventService.getLiveNow(_clubId);\n //if (resEvent && resEvent.length > 0)\n setEvents(resEvent);\n\n let isDirector = tokenAuthService.isDirector();\n let isPlanner = tokenAuthService.isPlanner();\n \n setIsDirector(isDirector);\n setIsPlanner(isPlanner);\n\n setLoading(false);\n };\n\n load();\n } catch (error) {\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n }\n }, []);\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const details = (id) => {\n if (id) {\n history.push(\"/event/\" + id);\n }\n };\n\n const liveRace = (id) => {\n if (id) {\n history.push(\"/map/\" + id);\n }\n };\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n return (\n \n
\n
Live now
\n {events.map((event, index) => (\n
\n
\n
\n
{event.EventName}
\n\n {clubId == 0 &&
{event.InstitutionName}
}\n\n {clubId > 0 &&
{event.Competitors} competitors
}\n {clubId > 0 &&
{event.Inviteds} invited
}\n\n {event.EventId > 0 && (\n
\n {event.CurrentlyRunning.length > 0 && event.CurrentlyRunning.split(\",\").map((stage, index) => {stage})}\n {/* SS01\n SS04 */}\n
\n )}\n
\n {event.EventId > 0 && (\n
\n {(!isDirector || isPlanner) && \n
\n )}\n
\n
\n
\n ))}\n
\n\n
\n
\n
\n {props.leftColumn}\n {props.rightColumn}\n {props.fullColumn}\n
\n
\n
Loading...
\n \n );\n\n const saveItem = () => {\n setSubmitted(true);\n\n if (!validateRequired()) {\n return;\n }\n\n try {\n let _event = { ...event };\n if (!auth.isAdmin()) {\n let club = auth.getClub();\n _event.cluId = club.Id;\n }\n\n if (event.eveId) {\n let eventService = new EventService();\n eventService\n .updateEvent(_event)\n .then((data) => {\n closeOk(_event);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } else {\n let eventService = new EventService();\n eventService\n .createEvent(_event)\n .then((data) => {\n _event.eveId = data.eveId;\n _event.stsId = data.stsId;\n closeOk(_event);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _event = { ...event };\n _event[`${name}`] = val;\n\n setEvent(_event);\n };\n const validateRequired = () => {\n for (let k = 0; k < $(\"[Required]\").length; k++) {\n if (!$(\"[Required]\")[k].value) return false;\n }\n return true;\n };\n const formatDate = (d) => {\n if (d) d = new Date(d);\n return d;\n };\n\n const closeCancel = () => {\n props.onClose(null);\n };\n const closeOk = (_item) => {\n //alert(\"Hide\");\n setSubmitted(false);\n props.onClose(_item);\n };\n const cancel = () => {\n setEvent(emptyEvent);\n closeCancel();\n };\n\n const dialogFooter = (\n <>\n \n \n \n );\n\n return (\n <>\n \n\n \n \n );\n};\n","import React, { useState, useEffect, useRef } from \"react\";\n\n//primereac\nimport { DataTable } from \"primereact/datatable\";\nimport { Column } from \"primereact/column\";\nimport { Toast } from \"primereact/toast\";\nimport { Button } from \"primereact/button\";\nimport { TabPanel, TabView } from \"primereact/tabview\";\nimport { Dialog } from \"primereact/dialog\";\nimport { InputText } from \"primereact/inputtext\";\n\nimport { useHistory } from \"react-router-dom\";\nimport { Utils } from \"../utilities/Utils\";\n//Components\nimport { LiveNowEvent } from \"../components/LiveNowEvent\";\nimport { HeaderPageDetail } from \"../components/headers/HeaderPageDetail\";\n\n//serrvice\nimport { TokenAuthService } from \"../service/TokenAuthService\";\nimport { ClubService } from \"../service/ClubService\";\nimport { CountryService } from \"../service/CountryService\";\nimport { EventService } from \"../service/EventService\";\nimport { EventDialog } from \"../dialogs/EventDialog\";\n\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogSetResponse, ErrorDialogNoAuthorizedSet } from \"../dialogs/ErrorDialog\";\n\nexport const Events = () => {\n let emptyEvent = {\n EventId: null,\n Name: \"\",\n Start: null,\n Finish: null,\n ClubId: null,\n ClubName: \"\",\n Localization: \"\",\n Country: \"\",\n Invited: 0,\n Authorized: 0,\n Schedules: \"\",\n };\n\n const PUBLISHED_EVENT = 402;\n\n const [loading, setLoading] = useState(true);\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n\n const [events, setEvents] = useState(null);\n const [pastEvents, setPastEvents] = useState(null);\n const [upEvents, setUpEvents] = useState(null);\n\n const [eventDialog, setEventDialog] = useState(false);\n const [deleteEventDialog, setDeleteEventDialog] = useState(false);\n //const [deleteEventsDialog, setDeleteEventsDialog] = useState(false);\n const [enabledNewEvent, setEnabledNewEvent] = useState(false);\n const [event, setEvent] = useState(emptyEvent);\n const [selectedProducts, setSelectedEvents] = useState(null);\n const [globalFilter, setGlobalFilter] = useState(null);\n const [clubs, setClubs] = useState(null);\n const [country, setCountry] = useState(null);\n const [typeEvents, setTypeEvents] = useState(0);\n const [isAdmin, setIsAdmin] = useState(false);\n const toast = useRef(null);\n const dt = useRef(null);\n const history = useHistory();\n\n // Se ejecuta luego del render\n useEffect(() => {\n try {\n const load = async () => {\n setLoading(true);\n\n const clubService = new ClubService();\n const resClubs = await clubService.getClubs();\n\n setClubs(resClubs);\n\n const countryService = new CountryService();\n const resCountry = await countryService.getCountries();\n setCountry(resCountry);\n\n let clubId = 0;\n let tokenAuthService = new TokenAuthService();\n let isAdmin = tokenAuthService.isAdmin();\n let isPlanner = tokenAuthService.isPlanner();\n\n setIsAdmin(isAdmin);\n\n if (!isAdmin) {\n clubId = tokenAuthService.getClub().Id;\n }\n\n setEnabledNewEvent(isAdmin || isPlanner);\n\n const eventService = new EventService();\n const resEvents = await eventService.getByClub(clubId);\n\n // for (let i = 0; i < resEvents.length; i++) {\n // var start = new Date(resEvents[i].Start);\n // var finish = new Date(resEvents[i].Finish);\n\n // let startDate = new Date(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate());\n // let finishDate = new Date(finish.getUTCFullYear(), finish.getUTCMonth(), finish.getUTCDate());\n\n // resEvents[i].Start = startDate;\n // resEvents[i].Finish = finishDate;\n // }\n\n //console.log(resEvents);\n setPastEvents(resEvents.filter((el) => el.Schedules === \"past\"));\n let inicialEvents = resEvents.filter((el) => el.Schedules === \"up\" || (el.Schedules == \"curr\" && el.State != PUBLISHED_EVENT));\n // let currentEvents = resEvents.filter((el) => el.Schedules === \"curr\");\n\n setUpEvents(inicialEvents);\n setEvents(inicialEvents);\n\n setLoading(false);\n };\n setTimeout(load, 1000);\n } catch (error) {\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n }\n }, []);\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const deleteEvent = () => {\n hideDeleteEventDialog();\n try {\n let _events = [];\n if (typeEvents == 0) {\n _events = upEvents.filter((val) => val.EventId !== event.EventId);\n setUpEvents(_events);\n } else {\n _events = pastEvents.filter((val) => val.EventId !== event.EventId);\n setPastEvents(_events);\n }\n\n let eventService = new EventService();\n eventService\n .deleteEvent(event.EventId)\n .then((data) => {\n setEvents(_events);\n\n setDeleteEventDialog(false);\n setEvent(emptyEvent);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Event Deleted\", life: 3000 });\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const hideDialog = (_event) => {\n if (_event != null) {\n //supongo que nunca cargo eventos pasados, esta valido igual!!\n let couId = onErrorFind(\n clubs.filter((e) => e.cluId == _event.cluId),\n \"couId\"\n );\n let newEvent = {\n EventId: _event.eveId,\n Name: _event.eveName,\n Start: _event.eveStart,\n Finish: _event.eveFinish,\n ClubId: _event.cluId,\n ClubName: onErrorFind(\n clubs.filter((e) => e.cluId == _event.cluId),\n \"cluName\"\n ),\n Localization: onErrorFind(\n clubs.filter((e) => e.cluId == _event.cluId),\n \"cluAddress\"\n ),\n Country: onErrorFind(\n country.filter((e) => e.couId == couId),\n \"couName\"\n ),\n Invited: 0,\n Authorized: 0,\n Schedules: \"up\",\n };\n upEvents.push(newEvent);\n if (typeEvents == 0) {\n setEvents(upEvents);\n }\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Event Created\", life: 3000 });\n }\n setEventDialog(false);\n setEvent(emptyEvent);\n };\n\n const openNew = () => {\n setEvent(emptyEvent);\n setEventDialog(true);\n };\n\n const hideDeleteEventDialog = () => {\n setDeleteEventDialog(false);\n };\n\n // const hideDeleteEventsDialog = () => {\n // setDeleteEventsDialog(false);\n // };\n\n const editEvent = (event) => {\n history.push(\"/event/\" + event.EventId);\n };\n\n const confirmDeleteEvent = (event) => {\n setEvent(event);\n setDeleteEventDialog(true);\n };\n\n const findIndexById = (id) => {\n let index = -1;\n for (let i = 0; i < events.length; i++) {\n if (events[i].EventId === id) {\n index = i;\n break;\n }\n }\n\n return index;\n };\n\n const exportCSV = () => {\n dt.current.exportCSV();\n };\n\n // #region Templatedatatable\n const onErrorFind = (e, name) => {\n if (e) return e[0][`${name}`];\n else return \"[error]\";\n };\n\n const nameBodyTemplate = (rowData) => {\n return {rowData.Name};\n };\n const clubBodyTemplate = (rowData) => {\n return {rowData.ClubName};\n };\n\n const startFinishBodyTemplate = (rowData) => {\n return {Utils.dateDDMMYY(rowData.Start) + \" | \" + Utils.dateDDMMYY(rowData.Finish)};\n };\n\n const localizationBodyTemplate = (rowData) => {\n return {rowData.Localization};\n };\n\n const countryBodyTemplate = (rowData) => {\n return {rowData.Country};\n };\n\n const invitedBodyTemplate = (rowData) => {\n return {rowData.Invited};\n };\n\n const authorizedBodyTemplate = (rowData) => {\n return {rowData.Authorized};\n };\n\n const stateBodyTemplate = (rowData) => {\n let published = \"No\";\n if (rowData.State == PUBLISHED_EVENT) {\n published = \"Yes\";\n }\n return {published};\n };\n\n const actionBodyTemplate = (rowData) => {\n return (\n \n
\n );\n };\n // #endregion\n\n const header = (\n \n
{typeEvents == 0 ? \"Upcoming\" : \"Past\"} events
\n \n \n setGlobalFilter(e.target.value)} placeholder=\"Search...\" />\n \n \n );\n\n const deleteEventDialogFooter = (\n <>\n \n \n \n );\n\n // const formatDate = (d) => {\n // if (d) d = new Date(d);\n // return d;\n // };\n\n const setActiveIndex = (i) => {\n if (i == 0) {\n setTypeEvents(0);\n setEvents(upEvents);\n } else {\n setEvents(pastEvents);\n setTypeEvents(1);\n }\n\n //console.log(i);\n };\n\n //Header Pages Templates Parts\n const leftColumnTemplate = () => {\n return (\n \n
Events
\n \n );\n };\n\n const rightColumnTemplate = () => {\n return {enabledNewEvent && }
;\n };\n\n return (\n \n
\n
\n
\n\n
\n\n
\n
setActiveIndex(e.index)}>\n \n \n \n\n {/* Live Now Panel */}\n
\n\n
\n {/* Currents Events Table */}\n setSelectedEvents(e.value)}\n dataKey=\"EventId\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"datatable-responsive table-layout-auto\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} events\"\n globalFilter={globalFilter}\n emptyMessage=\"No events found.\"\n header={header}\n >\n \n {isAdmin && }\n \n \n \n \n \n \n \n \n
\n\n
\n\n
\n\n
\n
\n
\n
\n
\n
Loading...
\n \n );\n\n const deleteEvent = () => {\n hideDeleteEventDialog();\n try {\n // let _event = { ...event };\n let eventService = new EventService();\n eventService\n .deleteEvent(event.eveId)\n .then((data) => {\n setDeleteEventDialog(false);\n setEvent(emptyEvent);\n history.push(\"/events/\" + \"Event Deleted\");\n //toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Event Deleted\", life: 3000 });\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const publishEvent = () => {\n try {\n let eventService = new EventService();\n eventService\n .publishEvent(event.eveId)\n .then((data) => {\n hidePublishEventDialog();\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Event Published\", life: 3000 });\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n const showPublishEventDialog = () => {\n setPublishEventDialog(true);\n };\n const hidePublishEventDialog = () => {\n setPublishEventDialog(false);\n };\n const publishEventDialogFooter = (\n <>\n \n \n \n );\n\n const showInteresPointsDialog = () => {\n setInteresPointsDialog(true);\n };\n const hideInteresPointsDialog = () => {\n setInteresPointsDialog(false);\n };\n const interesPointsDialogFooter = (\n <>\n \n \n );\n\n const showSpecialStagesDialog = () => {\n setSpecialStagesDialog(true);\n };\n const hideSpecialStagesDialog = () => {\n setSpecialStagesDialog(false);\n };\n const specialStagesDialogFooter = (\n <>\n \n \n );\n\n const confirmDeleteEvent = () => {\n setDeleteEventDialog(true);\n };\n const hideDeleteEventDialog = () => {\n setDeleteEventDialog(false);\n };\n const editDialog = () => {\n setEventDialog(true);\n };\n\n const openManageDrivers = () => {\n history.push(\"/drivers/\" + event.eveId + \"/\" + null + \"/\" + license.LicId);\n };\n\n const openManageEvent = () => {\n history.push(\"/drawing/\" + event.eveId);\n };\n\n const hideDialog = (_event) => {\n if (_event != null) {\n setEvent(_event);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Event Updated\", life: 3000 });\n }\n setEventDialog(false);\n };\n const downloadCompetitors = () => {\n dt.current.exportCSV();\n };\n const downloadRaceReport = () => {\n dtAlerts.current.exportCSV();\n dtActivity.current.exportCSV();\n };\n\n const downloadMap = () => {\n window.print();\n // var data = document.getElementById('drawing-manager-example')\n // //var data = document.getElementById('root')\n // var contents = window.document.getElementById('drawing-manager-example');\n // document.write(contents.innerHTML);\n // window.print();\n // data = map;\n // html2canvas(data,\n // {\n // \"useCORS\": true,\n // \"allowTaint\": true,\n // \"logging\": true\n // }).then((canvas)=>{\n // // document.body.appendChild(canvas)\n // var image = canvas.toDataURL('image/png', 1.0);\n // var fileName = 'mapa.png'\n // saveAs(image, fileName)\n // })\n };\n\n const saveAs = (blob, fileName) => {\n var elem = window.document.createElement(\"a\");\n elem.href = blob;\n elem.download = fileName;\n elem.style = \"display:none;\";\n (document.body || document.documentElement).appendChild(elem);\n if (typeof elem.click === \"function\") {\n elem.click();\n } else {\n elem.target = \"_blank\";\n elem.dispatchEvent(\n new MouseEvent(\"click\", {\n view: window,\n bubbles: true,\n cancelable: true,\n })\n );\n }\n URL.revokeObjectURL(elem.href);\n elem.remove();\n };\n\n const importCSV = async ({ files }) => {\n try {\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"The point were imported\", life: 3000 });\n } catch (error) {\n let errormessage = \"\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n setStateErrorDialog(ErrorDialogSet(true, errormessage));\n }\n };\n\n // #region Templatedatatable\n\n // const descriptionBodyTemplate = (rowData) => {\n // return (\n // <>\n // {/* Number */}\n // {rowData.Description}\n // \n // );\n // };\n\n const numberBodyTemplate = (rowData) => {\n return {rowData.Number};\n };\n\n const authorizationBodyTemplate = (rowData) => {\n return (\n \n {rowData.Authorized === 1 ? (\n \n Yes\n \n ) : (\n \n \n No\n \n )}\n \n );\n };\n\n const statusBodyTemplate = (rowData) => {\n return (\n \n {rowData.State == \"PENDING_INVITATION\" && \"Pending\"}\n {rowData.State == \"ACEPTED_INVITATION\" && \"Accepted\"}\n {rowData.State == \"REJECTED_INVITATION\" && \"Rejected\"}\n {rowData.State == \"NOTSEND_INVITATION\" && \"Not Send\"}\n \n );\n };\n\n const copilotBodyTemplate = (rowData) => {\n return (\n \n {rowData.CodriverName} {rowData.CodriverSurname} ({rowData.CodriverGrupoSanguineo})\n \n );\n };\n const categoryBodyTemplate = (rowData) => {\n return {rowData.Category};\n };\n const brandBodyTemplate = (rowData) => {\n return {rowData.Brand};\n };\n const modelBodyTemplate = (rowData) => {\n return {rowData.Model};\n };\n\n const stagesBodyTemplate = (rowData) => {\n return {rowData.Stages};\n };\n const circuitNameBodyTemplate = (rowData) => {\n return {rowData.Name};\n };\n const kmBodyTemplate = (rowData) => {\n return {Math.round(rowData.Km * 100) / 100} km (Approx);\n };\n\n const descriptionIPBodyTemplate = (rowData) => {\n return {rowData.Description};\n };\n const latIPBodyTemplate = (rowData) => {\n return {rowData.Lat};\n };\n const longIPBodyTemplate = (rowData) => {\n return {rowData.Long};\n };\n\n // const carNumberBodyTemplate = (rowData) => {\n // return Sent by car {rowData.Number};\n // };\n // const notifDateBodyTemplate = (rowData) => {\n // return {rowData.NotifDate};\n // };\n\n // const specialStageNameBodyTemplate = (rowData) => {\n // return {rowData.Name};\n // };\n\n const pilotBodyTemplate = (rowData) => {\n return (\n \n {rowData.FirstName} {rowData.LastName} ({rowData.DriverGrupoSanguineo})\n \n );\n };\n\n const header = (\n \n
\n Competitors ({drivers ? drivers.length : 0}){\" \"}\n \n {license.Given} out of {license.Total} licenses available\n \n
\n
\n {!isPast && mangeCompetitorPermited && }\n {(isPast || (viewCompetitorsPermited && (isPast || !mangeCompetitorPermited))) && }\n {isPast && }\n
\n
\n
\n );\n };\n\n const rightColumnTemplate = () => {\n return (\n \n {basicEditionPermited && }\n {basicEditionPermited && }\n {basicEditionPermited && }\n
\n );\n };\n\n const fullColumnTemplate = () => {\n return (\n <>\n \n {event.eveName} {isPast && FINISHED EVENT}\n
\n \n
\n - \n Start date{\" \"}\n \n {Utils.dateDDMMYY(event.eveStart)}\n \n
\n - \n Finish date{\" \"}\n \n {Utils.dateDDMMYY(event.eveFinish)}\n \n
\n\n - \n \n {event.eveCity + \", \" + event.eveState + \". \" + (event.cou ? event.cou.couName : \"\")}\n
\n - \n {event.clu.cluName}\n
\n
\n
\n
\n
\n
\n
\n\n {false && (\n
\n
\n
Race reports
\n
\n \n
\n
\n
\n {/* Race activity */}\n
\n
\n
Race activity
\n {\n\n
\n - \n
Car 45 disconnected
\n SS01
\n (13-03-21) 14:02:43
\n \n - \n
Car 45 disconnected
\n SS01
\n (13-03-21) 14:02:43
\n \n
\n
\n\n {/* Specials Stages */}\n
\n
\n
\n Race Alerts\n (16)\n
\n {\n
\n
\n
\n
\n
\n
\n )}\n\n
\n
\n
Map
\n
\n \n {editMapPermited && }\n\n {!isPast && editMapPermited && }\n\n {isPast && }\n
\n
\n\n {/* Mapa //! Todo esto es hardcodeado */}\n\n
\n
\n {\n onLoadMap();\n }}\n />\n
\n\n
\n {/* POIS */}\n
\n
\n
\n Points of interest\n ({interestPoints.length})\n
\n {}\n \n\n
\n {interestPoints.slice(0, 5).map((item, index) => (\n - \n
\n \n {item.Description}\n
\n \n {item.Lat.slice(0, 10)}, {item.Long.slice(0, 10)}\n
\n \n ))}\n
\n
\n\n {/* Specials Stages */}\n
\n
\n
\n Special Stages (SS)\n ({specialStages.length})\n
\n {}\n \n
\n
\n
\n
\n
\n\n
\n setSelectedDrivers(e.value)}\n dataKey=\"Id\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"datatable-responsive table-layout-auto\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} drivers\"\n // globalFilter={globalFilter}\n emptyMessage=\"No drivers found.\"\n header={header}\n >\n {/* */}\n \n \n \n\n \n \n \n \n \n {/* */}\n \n
\n\n
\n\n
\n\n {/* PUBLISH */}\n
\n\n {/* INTEREST POINTS */}\n
\n\n {/* SPECIAL STAGES */}\n
\n\n
\n
\n
\n
\n
Loading...
\n \n );\n\n const saveDriver = async () => {\n setSubmitted(true);\n\n try {\n if (validateRequired()) {\n let _drivers = [...drivers];\n let _driver = { ...driver };\n\n if (_driver.InvitationId) {\n let invitationService = new InvitationService();\n await invitationService\n .updateInvitationDriver(_driver)\n .then(() => {\n let index = findIndexById(_driver.InvitationId);\n _drivers[index] = _driver;\n\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Invitation updated\", life: 3000 });\n closeDialog(_drivers);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } else {\n _driver.EventId = params.eveId;\n let invitationService = new InvitationService();\n await invitationService\n .createInvitationDriver(_driver)\n .then((res) => {\n _driver.InvitationId = res.data.Invitation.Id;\n _driver.EventId = res.data.Invitation.EveId;\n _driver.UserId = res.data.User.Id;\n _driver.DriverId = res.data.Driver.Id;\n _driver.Number = res.data.Invitation.Number;\n _driver.Authorized = res.data.Invitation.Authorized ? 1 : 0;\n _driver.FirstName = res.data.User.Name; // + \" \" + data.User.Surname;\n _driver.LastName = res.data.User.Surname;\n _driver.Category = res.data.Invitation.Category;\n _driver.StatusId = res.data.Invitation.StsId;\n _driver.State = \"NOTSEND_INVITATION\";\n _driver.CodriverName = res.data.Invitation.CodriverName;\n _driver.CodriverSurname = res.data.Invitation.CodriverSurname;\n _driver.CodriverName = res.data.Invitation.CodriverName; // + \" \" + data.Invitation.CodriverSurname;\n _driver.CodriverSurname = res.data.Invitation.CodriverSurname;\n _driver.DriverGrupoSanguineo = res.data.Driver.GrupoSanguineo;\n _driver.CodriverGrupoSanguineo = res.data.Invitation.CodriverGrupoSang;\n _driver.Phone = res.data.User.Phone;\n _driver.Email = res.data.User.Email;\n _driver.Brand = res.data.Invitation.Brand;\n _driver.Model = res.data.Invitation.Model;\n\n _drivers.push(_driver);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Invitation created\", life: 3000 });\n closeDialog(_drivers);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const findIndexById = (id) => {\n let index = -1;\n for (let i = 0; i < drivers.length; i++) {\n if (drivers[i].InvitationId === id) {\n index = i;\n break;\n }\n }\n return index;\n };\n\n const validateForAuthorize = async () => {\n let invitationsValid = [];\n\n await Promise.all(\n selectedDrivers.map(async (item) => {\n let invitationService = new InvitationService();\n let invitation = await invitationService.getById(item.InvitationId);\n\n if (invitation.invNumber && \n invitation.invCodriverName && \n invitation.invCodriverSurname && \n invitation.invCodriverGrupoSanguineo && \n invitation.invBrand && \n invitation.invModel) {\n invitationsValid.push(invitation.invId);\n }\n })\n );\n\n return invitationsValid;\n };\n\n async function applyAction() {\n hideActionConfirmDialog();\n try {\n let invitationService = new InvitationService();\n\n var invitations = [];\n\n selectedDrivers.map((invitation) => {\n invitations.push(invitation.InvitationId);\n });\n\n switch (applyOption) {\n case \"1\":\n //Authorize\n let invitationsValid = await validateForAuthorize();\n let total = invitationsValid.length + \" of \" + invitations.length;\n if (invitationsValid.length === 0) {\n toast.current.show({ severity: \"warn\", summary: \"Successful\", detail: \"The selected pilots, do not have the necessary information for authorize\" });\n } else {\n await invitationService.authorized(true, invitationsValid);\n if (invitationsValid.length === invitations.length) {\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Drivers Authorized \" + total, life: 3000 });\n } else {\n toast.current.show({ severity: \"warn\", summary: \"Successful\", detail: \"There are selected pilots, who do not have the necessary information. They will not be authorized\", life: 3000 });\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Drivers Authorized \" + total, life: 3000 });\n }\n }\n break;\n case \"2\":\n //UnAuthorize\n await invitationService.authorized(false, invitations);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Drivers Unauthorized\", life: 3000 });\n break;\n case \"3\":\n //Send\n await invitationService.send(invitations);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Invitations sent\", life: 3000 });\n break;\n case \"4\":\n //Delete\n await invitationService.deleteSelected(invitations);\n setSelectedDrivers(null);\n invitations = [];\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Drivers deleted\", life: 3000 });\n break;\n default:\n //\n break;\n }\n\n const eventsService = new EventService();\n const resDrivers = await eventsService.getDrivers(params.eveId);\n setDrivers(resDrivers);\n } catch (res) {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n }\n }\n\n // #region Auxiliars\n const refreshGrid = async () => {\n const eventsService = new EventService();\n const resDrivers = await eventsService.getDrivers(params.eveId);\n setDrivers(resDrivers);\n };\n\n const openNew = () => {\n setDriver(emptyDriver);\n setSubmitted(false);\n setDriverDialog(true);\n };\n const hideDialog = () => {\n setSubmitted(false);\n setDriverDialog(false);\n };\n\n const hideActionConfirmDialog = () => {\n setActionConfirmDialog(false);\n };\n\n const validateRequired = () => {\n for (let k = 0; k < $(\"[Required]\").length; k++) {\n if (!$(\"[Required]\")[k].value) return false;\n }\n\n if (driver.Email != driver.RepeatEmail) {\n setRepearMailError(\"This field has to be the same as the Email field.\");\n return false;\n }\n return true;\n };\n const closeDialog = (drivers) => {\n setDrivers(drivers);\n setDriverDialog(false);\n setDriver(emptyDriver);\n };\n\n const exportCSV = () => {\n dt.current.exportCSV();\n };\n const downloadDrivers = () => {\n //dt.current.exportCSV();\n let formatDrivers = drivers.map((d) => {\n return {\n Email: d.Email,\n FirstName: d.FirstName,\n LastName: d.LastName,\n Address: \"\",\n Phone: d.Phone,\n GrupoSanguineo: d.DriverGrupoSanguineo,\n Number: d.Number,\n Brand: d.Brand,\n Model: d.Model,\n Category: d.Category,\n CodriverName: d.CodriverName,\n CodriverSurname: d.CodriverSurname,\n CodriverGrupoSang: d.CodriverGrupoSanguineo,\n Invited: d.State,\n Authorized: d.Authorized,\n };\n });\n Utils.exportJsonToCSV(formatDrivers, \"Drivers\", true);\n };\n const importCSV = async ({ files }) => {\n try {\n const driverService = new DriverService();\n var currFile = files[0];\n await driverService.updloadInvitations(currFile, params.eveId);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"The invitations were created\", life: 3000 });\n refreshGrid(); //refresco la grilla\n } catch (error) {\n let errormessage = \"\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n\n let formattedMessage = JSON.parse(errormessage).map((m) => {\n let errors = \"\";\n if (Array.isArray(m.Errors)) {\n errors = m.Errors.map((e) => e.msg).join(\",\");\n } else {\n errors = m.Errors;\n }\n let text = `Row: ${m.Fila}, error: ${errors}\\n`;\n return text;\n });\n\n setStateErrorDialog(ErrorDialogSet(true, formattedMessage));\n // setErrorMessage(errormessage);\n // setErrorDialog(true);\n }\n };\n const onActionChange = (e) => {\n const val = (e.target && e.target.value) || \"\";\n setApplyOption(val);\n };\n async function confirmAction() {\n try {\n let notSelectedDrivers = true;\n if (selectedDrivers) {\n notSelectedDrivers = notSelectedDrivers.length == 0;\n }\n if (notSelectedDrivers) {\n setStateErrorDialog(ErrorDialogSet(true, \"There are no selected competitors\"));\n return;\n }\n\n if (applyOption == \"0\") {\n setStateErrorDialog(ErrorDialogSet(true, \"Select action, please\"));\n return;\n }\n\n //console.log(applyOption);\n switch (applyOption) {\n case \"1\":\n //Authorize\n setActionConfirmMessage(\"Do you want to authorize \" + selectedDrivers.length + \" selected competitors?\");\n setActionConfirmTextButton(\"Authorize\");\n break;\n case \"2\":\n //UnAuthorize\n setActionConfirmMessage(\"Do you want to unauthorize \" + selectedDrivers.length + \" selected competitors?\");\n setActionConfirmTextButton(\"Unauthorize\");\n break;\n case \"3\":\n //Send\n setActionConfirmMessage(\"Do you want to invite \" + selectedDrivers.length + \" selected competitors? They'll receive an invitation via email and the competitor app\");\n setActionConfirmTextButton(\"Send\");\n break;\n case \"4\":\n //Delete\n setActionConfirmMessage(\"Do you want to delete \" + selectedDrivers.length + \" competitors? You'll no longer be able to edit them unless you regiter them again\");\n setActionConfirmTextButton(\"Delete\");\n break;\n default:\n //\n break;\n }\n\n setActionConfirmDialog(true);\n } catch (error) {\n let errormessage = \"\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n setStateErrorDialog(ErrorDialogSet(true, errormessage));\n // setErrorMessage(errormessage);\n // setErrorDialog(true);\n }\n }\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _driver = { ...driver };\n _driver[`${name}`] = val;\n\n setDriver(_driver);\n };\n const loadDataDriver = (drv) => {\n let _driver = { ...driver };\n\n _driver.DriverId = drv.driId;\n _driver.UserId = drv.rolUse.use.useId;\n\n _driver.FirstName = drv.rolUse.use.useName;\n _driver.LastName = drv.rolUse.use.useSurname;\n\n _driver.DriverGrupoSanguineo = drv.driGrupoSanguineo;\n\n _driver.Email = drv.rolUse.use.useEmail;\n _driver.Phone = drv.rolUse.use.usePhone;\n\n setDriver(_driver);\n };\n\n const onRepeatEmailBlur = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n if (driver.Email == val) {\n setRepearMailError(\"\");\n } else {\n setRepearMailError(\"This field has to be the same as the Email field.\");\n }\n };\n\n const onEmailBlur = async (e) => {\n try {\n const mail = (e.target && e.target.value) || \"\";\n if (mail) {\n const driverService = new DriverService();\n const existDriver = await driverService.getDriverByMail(mail);\n if (existDriver) {\n //validar si es driver y ya fue invitado al evento\n const invitationService = new InvitationService();\n const invitation = await invitationService.getByDriverEvent(existDriver.driId, params.eveId);\n if (invitation.data && invitation.data.length > 0) {\n toast.current.show({ severity: \"warn\", summary: \"warn\", detail: \"The email is already added to the event\", life: 3000 });\n } else {\n //toast.current.show({ severity: \"warn\", summary: \"warn\", detail: \"El piloto ya existe, se completan los datos\", life: 3000 });\n loadDataDriver(existDriver);\n }\n } else {\n //validar si existe como usuario\n const userService = new UserService();\n const existsUser = await userService.getUsersByMail(mail);\n if (existsUser) {\n toast.current.show({ severity: \"warn\", summary: \"warn\", detail: \"The email is associated with a user who is not a Competitor. It can not be added!\", life: 3000 });\n }\n }\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n //#endregion\n\n const competitorsAuthorized = () => {\n const aut = drivers.filter((d) => d.Authorized === 1);\n return aut.length;\n };\n\n // #region Templatedatatable\n const onErrorFind = (e) => {\n if (e) return e.Description;\n else return \"error\";\n };\n\n const onErrorFindCategory = (e) => {\n if (e) return e.Description;\n else return \"\";\n };\n\n const authorizedFormat = (e) => {\n if (e.Authorized == 1)\n return (\n \n Yes\n \n );\n else\n return (\n \n \n No\n \n );\n };\n\n const numberBodyTemplate = (rowData) => {\n return {rowData.Number};\n };\n const authorizationBodyTemplate = (rowData) => {\n return <>{authorizedFormat(rowData)};\n };\n const statusBodyTemplate = (rowData) => {\n return (\n \n {rowData.State == \"PENDING_INVITATION\" && \"Pending\"}\n {rowData.State == \"ACEPTED_INVITATION\" && \"Accepted\"}\n {rowData.State == \"REJECTED_INVITATION\" && \"Rejected\"}\n {rowData.State == \"NOTSEND_INVITATION\" && \"Not Send\"}\n \n );\n };\n const pilotBodyTemplate = (rowData) => {\n return (\n \n {rowData.FirstName} {rowData.LastName} ({rowData.DriverGrupoSanguineo})\n \n );\n };\n\n const copilotBodyTemplate = (rowData) => {\n return (\n \n {rowData.CodriverName} {rowData.CodriverSurname} ({rowData.CodriverGrupoSanguineo})\n \n );\n };\n\n const categoryBodyTemplate = (rowData) => {\n return {rowData.Category};\n };\n const brandBodyTemplate = (rowData) => {\n return {rowData.Brand};\n };\n const modelBodyTemplate = (rowData) => {\n return {rowData.Model};\n };\n\n const emailBodyTemplate = (rowData) => {\n return {rowData.Email};\n };\n\n const editInvitation = (row) => {\n let _driver = row;\n _driver.RepeatEmail = _driver.Email;\n\n setDriver(_driver);\n setSubmitted(false);\n setDriverDialog(true);\n };\n\n const actionBodyTemplate = (rowData) => {\n return (\n \n {rowData.Authorized == 0 &&
\n );\n };\n //#endregion\n\n const header = (\n \n {isEditable && (\n
\n {/* Competitors ({drivers ? drivers.length : 0}) {license.Given} out of {license.Total} licenses available */}\n Competitors ({drivers ? drivers.length : 0}) {competitorsAuthorized()} Authorized\n
\n )}\n\n
\n \n {/* {!isEditable && ...} */}\n\n \n \n setGlobalFilter(e.target.value)} placeholder=\"Search competitor\" />\n \n\n {isEditable && (\n \n onActionChange(e)} className=\"p-mr-3\">\n \n \n )}\n
\n
\n
\n );\n };\n\n const rightColumnTemplate = () => {\n return {isEditable && }
;\n };\n\n return (\n \n
\n
\n
\n\n {/*
*/}\n\n
\n\n {isEditable && (\n
\n \n \n {/* */}\n \n \n
\n )}\n
setSelectedDrivers(e.value)}\n dataKey=\"InvitationId\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"table-layout-auto\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} drivers\"\n globalFilter={globalFilter}\n emptyMessage=\"No drivers found.\"\n header={header}\n >\n \n \n \n \n\n \n {/* */}\n\n \n\n {/* */}\n\n \n \n \n \n {/* */}\n\n {isEditable && }\n \n\n \n\n \n\n \n \n
\n
\n
Loading...
\n \n );\n\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _club = { ...club };\n _club[`${name}`] = val;\n\n setClub(_club);\n };\n const onInputChangePlanner = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _planner = { ...planner };\n _planner[`${name}`] = val;\n\n setPlanner(_planner);\n };\n\n const onRepeatPlannerEmailBlur = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n planner.RepeatEmail = val;\n if (planner.Email == val) {\n setRepearMailError(\"\");\n } else {\n setRepearMailError(\"This field has to be the same as the Email field.\");\n }\n }\n\n const validateRequired = () => {\n for (let k = 0; k < $(\"[Required]\").length; k++) {\n if (!$(\"[Required]\")[k].value) return false;\n }\n \n if (planner.Email != planner.RepeatEmail) {\n setRepearMailError(\"This field has to be the same as the Email field.\");\n return false;\n }\n return true;\n };\n const validateRequiredFirstView = () => {\n //valido todos los requeridos menos los 4 ultimos, que corresponden a la 2 vista\n for (let k = 0; k < $(\"[Required]\").length - 5; k++) {\n if (!$(\"[Required]\")[k].value) return false;\n }\n\n if (club.cluLatitude != \"\" && club.cluLatitude) {\n if (!validateDecimal(club.cluLatitude)) {\n setCoordenadasError(\"Latitude is not in the correct format. Example format: 34,555667\");\n return false;\n } \n \n if (club.cluLongitude != \"\" && club.cluLongitude) {\n if (!validateDecimal(club.cluLongitude)) {\n setCoordenadasError(\"Longitude is not in the correct format. Example format: 34,555667\");\n return false;\n } \n }\n }\n return true;\n };\n\n function validateDecimal(valor) {\n var RE = /^-{0,1}\\d{1,2}\\,[\\d]+$/;\n if (RE.test(valor)) {\n return true;\n } else {\n return false;\n }\n }\n\n const closeCancel = () => {\n setSubmitted(false);\n props.onClose(null);\n };\n const closeOk = (_club) => {\n setSubmitted(false);\n props.onClose(_club);\n };\n const cancel = () => {\n closeCancel();\n };\n\n const saveClub = async () => {\n setSubmitted(true);\n\n try {\n let _club = { ...club };\n let valid = (_club.cluId && validateRequiredFirstView()) || (!_club.cluId && validateRequired());\n\n if (valid) {\n if (_club.cluId) {\n let clubService = new ClubService();\n clubService\n .updateClub(_club)\n .then(() => {\n closeOk(_club);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } else {\n let clubService = new ClubService();\n\n clubService\n .createClub(_club, planner)\n .then((data) => {\n _club[\"cluId\"] = data.cluId;\n _club[\"Planners\"] = planner.FirstName + \" \" + planner.LastName;\n //setClub(_club);\n closeOk(_club);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n } else {\n if (!validateRequiredFirstView()) setNextView(false);\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n const next = () => {\n setNextView(true);\n };\n const previous = () => {\n setNextView(false);\n };\n\n const eventDialogFooter = (\n <>\n {!club.cluId && nextView && }\n {!nextView && }\n\n {!club.cluId && !nextView && }\n {!club.cluId && nextView && }\n {club.cluId && }\n \n );\n return (\n <>\n \n\n \n \n );\n};\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport { DataTable } from \"primereact/datatable\";\nimport { Column } from \"primereact/column\";\nimport { Toast } from \"primereact/toast\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { InputText } from \"primereact/inputtext\";\n\nimport { useHistory } from \"react-router-dom\";\nimport { useParams } from \"react-router-dom\";\nimport { Utils } from \"../utilities/Utils\";\n\nimport { ClubService } from \"../service/ClubService\";\n\nimport { ClubDialog } from \"../dialogs/ClubDialog\";\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogNoAuthorizedSet } from \"../dialogs/ErrorDialog\";\n\nexport const Clubs = () => {\n let emptyClub = {\n cluId: null,\n couId: null,\n cluName: \"\",\n cluAddress: \"\",\n cluContactName: \"\",\n cluContactPhone: \"\",\n cluMail: \"\",\n cluWeb: \"\",\n cluSocialNetwork: \"\",\n usersCount: 0,\n licLicensesGiven: 0,\n licLicenseFrom: null,\n licLicenseTo: null,\n eventsCount: 0,\n };\n\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n const [loading, setLoading] = useState(true);\n\n const [clubs, setClubs] = useState(null);\n const [club, setClub] = useState(emptyClub);\n const [clubDialog, setClubDialog] = useState(false);\n\n const [deleteClubDialog, setDeleteClubDialog] = useState(false);\n const [selectedClubs, setSelectedClubs] = useState(null);\n const [globalFilter, setGlobalFilter] = useState(null);\n // const [eventPlanners, setEventPlanners] = useState(null);\n\n const toast = useRef(null);\n const dt = useRef(null);\n const history = useHistory();\n const params = useParams();\n\n // Se ejecuta luego del render\n useEffect(() => {\n try {\n const load = async () => {\n setLoading(true);\n // const eventPlannersService = new EventPlannersService();\n // const resPlanners = await eventPlannersService.getEventPlannersIdDescription();\n // setEventPlanners(resPlanners);\n\n const clubService = new ClubService();\n const resClubs = await clubService.getClubs();\n\n setClubs(resClubs);\n setLoading(false);\n\n if (params.message) toast.current.show({ severity: \"success\", summary: \"Successful\", detail: params.message, life: 3000 });\n };\n load();\n } catch (error) {\n console.log(\"Club Error\");\n setLoading(false);\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n }\n }, []);\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const openNew = () => {\n setClub(emptyClub);\n setClubDialog(true);\n };\n\n const hideDialog = (_club) => {\n if (_club != null) {\n let index = findIndexById(_club.cluId);\n if (index > -1) {\n clubs[index] = _club;\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Institution Updated\", life: 3000 });\n } else {\n clubs.push(_club);\n _club.eventsCount = 0;\n _club.usersCount = 1;\n _club.licLicensesGiven = 0;\n setClubs(clubs);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Institution Created\", life: 3000 });\n }\n }\n\n setClubDialog(false);\n setClub(emptyClub);\n };\n\n const hideDeleteClubDialog = () => {\n setDeleteClubDialog(false);\n };\n\n const editClub = (club) => {\n history.push(\"/club/\" + club.cluId);\n };\n\n const confirmDeleteClub = (club) => {\n setClub(club);\n setDeleteClubDialog(true);\n };\n\n const deleteClub = () => {\n hideDeleteClubDialog();\n try {\n let _clubs = clubs.filter((val) => val.cluId !== club.cluId);\n\n let clubService = new ClubService();\n clubService\n .deleteClub(club.cluId)\n .then((data) => {\n setClubs(_clubs);\n setDeleteClubDialog(false);\n setClub(emptyClub);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Club Deleted\", life: 3000 });\n })\n .catch((res) => {\n var message = \"\";\n if (res.response.data && res.response.data.statusCode == 418) message = res.response.data.message;\n\n setStateErrorDialog(ErrorDialogSet(true, message));\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n console.log(error.message);\n }\n };\n\n const findIndexById = (id) => {\n let index = -1;\n for (let i = 0; i < clubs.length; i++) {\n if (clubs[i].cluId === id) {\n index = i;\n break;\n }\n }\n\n return index;\n };\n\n // const leftToolbarTemplate = () => {\n // return (\n // \n // {/*\n // \n // */}\n // {/* */}\n // \n // );\n // };\n\n // #region Templatedatatable\n const onErrorFind = (e) => {\n if (e) return e.Planner;\n else return \"error\";\n };\n\n const nameBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.cluName}\n \n );\n };\n\n const plannerBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.Planners}\n {/* { onErrorFind(rowData) } */}\n \n );\n };\n\n const mailBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.cluMail}\n \n );\n };\n\n const usersCountBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.usersCount}\n \n );\n };\n\n const licensesGivenBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.licLicensesGiven}\n \n );\n };\n\n const licensePeriodBodyTemplate = (rowData) => {\n return (\n <>\n {Utils.dateDDMMYY(rowData.licLicenseFrom) + \" to \" + Utils.dateDDMMYY(rowData.licLicenseTo)}\n \n );\n };\n\n const eventsInPeriodBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.eventsCount}\n \n );\n };\n\n const actionBodyTemplate = (rowData) => {\n return (\n \n
\n );\n };\n // #endregion\n\n const header = (\n \n
Institutions
\n
\n \n \n setGlobalFilter(e.target.value)} placeholder=\"Search institution\" />\n \n \n
\n
\n
\n
\n
\n\n
setSelectedClubs(e.value)}\n dataKey=\"cluId\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"table-layout-auto \"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} clubs\"\n globalFilter={globalFilter}\n emptyMessage=\"No Institutions found.\"\n header={header}\n >\n \n \n \n \n \n \n \n \n \n\n \n\n \n\n \n \n
\n
\n
\n );\n };\n // #endregion\n\n const header = (\n \n
Current Events
\n \n \n setGlobalFilter(e.target.value)} placeholder=\"Search...\" className=\"p-inputtext p-component\" />\n \n \n );\n\n const eventDialogFooter = (\n <>\n \n \n \n );\n const deleteEventDialogFooter = (\n <>\n \n \n \n );\n const errorDialogFooter = (\n <>\n \n \n );\n const deleteEventsDialogFooter = (\n <>\n \n \n \n );\n\n const formatDate = (d) => {\n if (d) d = new Date(d);\n return d;\n };\n\n // const validateRequired = () => {\n // for (let k = 0; k < $(\"[Required]\").length; k++) {\n // if (!$(\"[Required]\")[k].value) return false;\n // }\n // return true;\n // };\n\n return (\n \n
\n {/*
*/}\n\n
setSelectedEvents(e.value)}\n dataKey=\"EventId\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"datatable-responsive table-layout-auto\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} events\"\n globalFilter={globalFilter}\n emptyMessage=\"No events found.\"\n header={header}\n >\n \n \n \n \n \n \n \n {/* */}\n\n \n \n\n \n\n \n\n \n\n \n \n
Loading...
\n \n );\n\n const saveUser = () => {\n setSubmitted(true);\n\n try {\n if (validateRequired()) {\n let _users = [...users];\n let _user = { ...user };\n _user.clubId = props.clubId;\n if (user.useId) {\n let userService = new UserService();\n userService\n .updateUser(_user)\n .then((data) => {\n let index = findIndexById(user.useId);\n\n _users[index] = _user;\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"User Updated\", life: 3000 });\n closeDialog(_users);\n })\n .catch((res) => {\n var message = \"\";\n if (res.response && res.response.data && res.response.data.statusCode === 418) message = res.response.data.message;\n\n setStateErrorDialog(ErrorDialogSet(true, message));\n });\n } else {\n let userService = new UserService();\n userService\n .createUser(_user)\n .then((data) => {\n _user.useId = data.useId;\n _user.stsId = data.stsId;\n\n _users.push(_user);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"User Created\", life: 3000 });\n closeDialog(_users);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n console.log(error.message);\n }\n };\n const deleteUser = () => {\n hideDeleteDialog();\n try {\n let _users = users.filter((val) => val.useId !== user.useId);\n\n let userService = new UserService();\n userService\n .deleteRoleUser(user.useId)\n .then((data) => {\n setUsers(_users);\n setDeleteDialog(false);\n setUser(emptyUser);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"User Deleted\", life: 3000 });\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n console.log(error.message);\n }\n };\n\n //FUNCIONES DE DIALOGOS\n const openNewUser = () => {\n setUser(emptyUser);\n setUserDialogVisible(true);\n };\n\n const editUser = (user) => {\n setUser({ ...user });\n setUserDialogVisible(true);\n };\n const userDialogHide = () => {\n setSubmitted(false);\n setUserDialogVisible(false);\n };\n const closeDialog = (_users) => {\n setUsers(_users);\n console.log(_users);\n setUserDialogVisible(false);\n setUser(emptyUser);\n };\n const hideDeleteDialog = () => {\n setDeleteDialog(false);\n };\n const confirmDelete = (user) => {\n setUser(user);\n setDeleteDialog(true);\n };\n\n // #region AUXILIARES\n\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _user = { ...user };\n _user[`${name}`] = val;\n setUser(_user);\n };\n\n const onCheckboxChange = (e, name) => {\n let _user = { ...user };\n _user[`${name}`] = e.checked;\n\n // if (e.checked) {\n // _user[`${name}`] = true;\n // } else _user[`${name}`] = false;\n\n setUser(_user);\n };\n\n const validateRequired = () => {\n if (!user.isPlanner && !user.isViewer && !user.isDirector) return false;\n\n for (let k = 0; k < $(\"[Required]\").length; k++) {\n if (!$(\"[Required]\")[k].value) return false;\n }\n return true;\n };\n const findIndexById = (id) => {\n let index = -1;\n for (let i = 0; i < users.length; i++) {\n if (users[i].useId === id) {\n index = i;\n break;\n }\n }\n\n return index;\n };\n const checkedVal = (val) => {\n //var r = val != \"0\";\n //return r;\n return val;\n };\n // #endregion\n\n // #region Templatedatatable\n const completeRoles = (eplId, vieId, dirId) => {\n try {\n var retVal = \"\";\n if (eplId) {\n retVal += type_roles[roles.filter((e) => e.Id === \"2\")[0].Description] + \" \";\n }\n if (vieId) {\n retVal += type_roles[roles.filter((e) => e.Id === \"5\")[0].Description] + \" \";\n }\n if (dirId) {\n retVal += type_roles[roles.filter((e) => e.Id === \"4\")[0].Description] + \" \";\n }\n\n return retVal;\n } catch (e) {\n return \"error\";\n }\n };\n\n const onErrorFind = (e) => {\n if (e) return e.Description;\n else return \"error\";\n };\n\n const nameBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.useName + \" \" + rowData.useSurname}\n \n );\n };\n\n const rolBodyTemplate = (rowData) => {\n return (\n <>\n {completeRoles(rowData.isPlanner, rowData.isViewer, rowData.isDirector)}\n \n );\n };\n\n const emailBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.useEmail}\n \n );\n };\n\n const statusBodyTemplate = (rowData) => {\n let result = onErrorFind(clubStates.find((e) => e.Id === rowData.stsId.toString()));\n\n if (result === \"ENABLE_USER\") result = \"Enabled\";\n\n return (\n <>\n {result}\n \n );\n };\n const actionBodyTemplate = (rowData) => {\n return (\n \n
\n );\n };\n // #endregion\n\n const deleteDialogFooter = (\n <>\n \n \n \n );\n const userDialogEventFooter = (\n <>\n \n \n \n );\n\n return (\n \n
\n
\n\n
setSelectedUsers(e.value)}\n dataKey=\"useId\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"datatable-responsive table-layout-auto\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} users\"\n //globalFilter={globalFilter}\n emptyMessage=\"No users found.\"\n //header={header}\n >\n {/* */}\n {true && }\n \n \n \n\n \n \n\n \n\n \n\n {/* */}\n \n \n
)\n };\n\n const editLicense = (_item) => {\n props.setLicense(_item);\n }\n\n return (\n \n );\n};\n","import React, { useState, useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Calendar } from \"primereact/calendar\";\nimport { InputNumber } from \"primereact/inputnumber\";\n\nimport { $ } from \"react-jquery-plugin\";\n\nimport { Utils } from \"../utilities/Utils\";\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogSetResponse, ErrorDialogNoAuthorizedSet } from \"../dialogs/ErrorDialog\";\n\nimport { LicenseService } from \"../service/LicenseService\";\n\nexport const LicenseDialog = (props) => {\n let emptyLicense = {\n LicId: null,\n Total: 0,\n Given: 0,\n From: null,\n To: null,\n Events: 0,\n };\n\n var language = navigator.language || navigator.userLanguage;\n let dateFormat = \"mm/dd/yy\";\n\n if (language.toLowerCase().indexOf(\"es\") != -1) {\n dateFormat = \"dd/mm/yy\";\n };\n\n const [loading, setLoading] = useState(true);\n const [visible, setVisible] = useState(null);\n const [submitted, setSubmitted] = useState(false);\n\n const [license, setLicense] = useState(emptyLicense);\n const [newLicenseView, setNewLicenseView] = useState(false);\n const [newLic, setNewLic] = useState(0);\n\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n\n useEffect(() => {\n const load = async () => {\n setLoading(true);\n setSubmitted(false);\n\n setVisible(props.visibleDialog);\n\n let _license = { ...props.license };\n setLicense(_license);\n if (_license.LicId) setNewLicenseView(false);\n else setNewLicenseView(true);\n\n setLoading(false);\n };\n load();\n }, [props.visibleDialog, props.license]);\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const onInputChange = (e, name) => {\n const val = (e && e.value) || \"\";\n let _item = { ...license };\n _item[`${name}`] = val;\n\n setLicense(_item);\n };\n const onInputCalendarChange = async (e, name) => {\n const val = (e && e.value) || \"\";\n let _item = { ...license };\n _item[`${name}`] = val;\n\n const licenseInfo = await getlicenseByDate(_item);\n if (licenseInfo) {\n _item = licenseInfo;\n }\n setLicense(_item);\n };\n const onInputChangeNewLic = (e) => {\n const val = (e && e.value) || \"\";\n if (val === \"\" || val === \"-\") setNewLic(0);\n else setNewLic(val);\n };\n\n\n const getlicenseByDate = async (license) => {\n let linceseInfo = null;\n if (license.From && license.To) {\n let licenseService = new LicenseService();\n let info = await licenseService.getLicenseByDate(license);\n if (info.length > 0) {\n linceseInfo = info[0];\n linceseInfo.Total = parseInt(linceseInfo.Total);\n }\n }\n return linceseInfo;\n }\n const validateRequired = () => {\n // if ((!newLicenseView) &&(newLic == 0))\n // return false;\n\n for (let k = 0; k < $(\"[Required]\").length; k++) {\n if (!$(\"[Required]\")[k].value) return false;\n }\n return true;\n };\n\n const closeCancel = () => {\n props.onClose(null);\n };\n const closeOk = (_license) => {\n setSubmitted(false);\n props.onClose(_license);\n };\n const cancel = () => {\n closeCancel();\n };\n\n const saveLicense = async () => {\n let licenseService = new LicenseService();\n setSubmitted(true);\n\n try {\n if (validateRequired()) {\n setSubmitted(false);\n let _license = { ...license };\n _license.Total = parseInt(_license.Total) + parseInt(newLic);\n setNewLic(0);\n\n if (_license.LicId) {\n licenseService\n .updateLicense(_license)\n .then(() => {\n closeOk(_license);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } else {\n licenseService\n .createLicense(_license)\n .then((data) => {\n _license[\"LicId\"] = data.licId;\n //setLicense(_license);\n closeOk(_license);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const eventDialogFooter = (\n <>\n \n \n \n );\n return (\n <>\n \n\n \n \n );\n};\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { Toast } from \"primereact/toast\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\n\nimport { ClubService } from \"../service/ClubService\";\nimport { LicenseService } from \"../service/LicenseService\";\nimport { EventService } from \"../service/EventService\";\n\nimport { EventsCurrents } from \"./EventsCurrents\";\nimport { UsersByClub } from \"./UsersByClub\";\nimport { ClubDialog } from \"../dialogs/ClubDialog\";\nimport { LicensingHistoryDialog } from \"../dialogs/LicensingHistoryDialog\";\nimport { LicenseDialog } from \"../dialogs/LicenseDialog\";\nimport { TokenAuthService } from \"../service/TokenAuthService\";\n\nimport { HeaderPageDetail } from \"../components/headers/HeaderPageDetail\";\n\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogNoAuthorizedSet, ErrorDialogSetResponse } from \"../dialogs/ErrorDialog\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\nimport { Utils } from \"../utilities/Utils\";\n\nexport const Club = () => {\n let emptyClub = {\n cluId: null,\n couId: null,\n cluName: \"\",\n cluAddress: \"\",\n cluContactName: \"\",\n cluContactPhone: \"\",\n cluMail: \"\",\n cluWeb: \"\",\n cluSocialNetwork: \"\",\n cluFacebook: \"\",\n cluInstagram: \"\",\n };\n\n let emptyLicense = {\n LicId: null,\n ClubId: null,\n Total: 0,\n Given: 0,\n From: null,\n To: null,\n Events: 0,\n };\n\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n const [loading, setLoading] = useState(true);\n\n const [club, setClub] = useState(emptyClub);\n const [license, setLicense] = useState(emptyLicense);\n const [events, setEvents] = useState(null);\n\n const [clubDialog, setClubDialog] = useState(false);\n const [deleteClubDialog, setDeleteClubDialog] = useState(false);\n const [showLicensingHistoryDialog, setShowLicensingHistoryDialog] = useState(false);\n const [licenseDialog, setLicenseDialog] = useState(false);\n const [currentLicenseVisible, setCurrentLicenseVisible] = useState(false);\n const [requestLicensesDialog, setRequestLicensesDialog] = useState(false);\n const [isAdmin, setIsAdmin] = useState(false);\n\n const toast = useRef(null);\n const params = useParams();\n const history = useHistory();\n\n // Se ejecuta luego del render\n useEffect(() => {\n var res = null;\n try {\n const load = async () => {\n setLoading(true);\n\n const eventsService = new EventService();\n const resEvents = await eventsService.getByClub(params.id);\n\n for (let i = 0; i < resEvents.length; i++) {\n var start = new Date(resEvents[i].Start);\n var finish = new Date(resEvents[i].Finish);\n\n let startDate = new Date(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate());\n let finishDate = new Date(finish.getUTCFullYear(), finish.getUTCMonth(), finish.getUTCDate());\n\n resEvents[i].Start = startDate;\n resEvents[i].Finish = finishDate;\n }\n\n setEvents(resEvents);\n res = resEvents;\n\n const licenseService = new LicenseService();\n const resLicenses = await licenseService.getCurrent(params.id);\n\n for (let i = 0; i < resLicenses.length; i++) {\n var start = new Date(resLicenses[i].From);\n var finish = new Date(resLicenses[i].To);\n\n let startDate = new Date(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate());\n let finishDate = new Date(finish.getUTCFullYear(), finish.getUTCMonth(), finish.getUTCDate());\n\n resLicenses[i].From = startDate;\n resLicenses[i].To = finishDate;\n }\n\n if (resLicenses && resLicenses.length > 0) {\n let _license = { ...resLicenses[0] };\n _license.ClubId = params.id; //revisar si es necesario en algun caso\n setLicense(_license);\n setCurrentLicenseVisible(true);\n } else {\n let _license = { ...emptyLicense };\n _license.ClubId = params.id; //Esta linea va para cuando todavÃa no tiene licensias\n setLicense(_license);\n setCurrentLicenseVisible(false);\n }\n\n const auth = new TokenAuthService();\n setIsAdmin(auth.isAdmin());\n\n const clubService = new ClubService();\n const resClub = await clubService.getClub(params.id);\n setClub(resClub);\n\n setLoading(false);\n };\n load();\n } catch (error) {\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n }\n }, []);\n\n const setNewLicense = (_license) => {\n _license.ClubId = params.id;\n setLicense(_license);\n hideHistoryDialog();\n openManagingDialogLicenses();\n };\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const editClub = () => {\n try {\n const load = async () => {\n let clubService = new ClubService();\n let _club = await clubService.getClub(params.id);\n setClub(_club);\n setClubDialog(true);\n };\n load();\n } catch (error) {\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n }\n };\n\n // #region BORRADO\n const confirmDeleteSelected = () => {\n setDeleteClubDialog(true);\n };\n\n const deleteClub = async () => {\n hideDeleteClubDialog();\n try {\n let clubService = new ClubService();\n\n clubService\n .deleteClub(club.cluId)\n .then((data) => {\n setDeleteClubDialog(false);\n setClub(emptyClub);\n history.push(\"/clubs/\" + \"Institution Deleted\");\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const hideDeleteClubDialog = () => {\n setDeleteClubDialog(false);\n };\n // #endregion\n\n // #region Edicion\n const hideDialog = (_club1) => {\n if (_club1 != null) {\n setClub(_club1);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Institutions Updated\", life: 3000 });\n }\n setClubDialog(false);\n };\n // #endregion\n\n const openHistoryDialog = () => {\n setShowLicensingHistoryDialog(true);\n };\n\n const hideHistoryDialog = () => {\n setShowLicensingHistoryDialog(false);\n };\n\n const hiderequestLicensesDialog = () => {\n setRequestLicensesDialog(false);\n };\n const openRequestLicensesDialogLicenses = () => {\n setRequestLicensesDialog(true);\n };\n\n const openManagingDialogLicenses = () => {\n if (isAdmin) setLicenseDialog(true);\n else setRequestLicensesDialog(true);\n };\n const hideManagingDialogLicenses = async (_license) => {\n if (_license != null) {\n setLicense(_license);\n if (currentLicenseVisible) toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"License Updated\", life: 3000 });\n else toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"License Created\", life: 3000 });\n\n const licenseService = new LicenseService();\n const resLicenses = await licenseService.getCurrent(params.id);\n const existsActiveLic = resLicenses != null && resLicenses.length > 0;\n if (existsActiveLic) setLicense(_license);\n else {\n let l = emptyLicense;\n l.ClubId = params.id;\n setLicense(l);\n }\n\n setCurrentLicenseVisible(existsActiveLic);\n }\n setLicenseDialog(false);\n };\n\n const deleteClubDialogFooter = (\n <>\n \n \n \n );\n\n const requestLicensesDialogFooter = (\n <>\n \n \n );\n\n //Header Pages Templates Parts\n const leftColumnTemplate = () => {\n // return BACK
;\n return (\n \n
\n );\n };\n\n const rightColumnTemplate = () => {\n return (\n \n \n \n
\n );\n };\n\n const fullColumnTemplate = () => {\n return (\n <>\n \n
\n
![{club.cluName}](\"assets/rally/club-img.png\")
\n
\n
\n
\n
\n - \n Address: {club.cluAddress}\n
\n
\n
\n
\n - \n Mail: {club.cluMail}\n
\n - \n Facebook: {club.cluFacebook}\n
\n\n - \n Instagram {club.cluInstagram}\n
\n
\n
\n
\n
\n
\n {isAdmin &&
}\n {!isAdmin &&
} {/* si es admin se ve abajo, esta repetido el componente */}\n {currentLicenseVisible && (\n
\n
\n
Licenses
\n
\n \n \n {isAdmin && }\n {!isAdmin && }\n
\n\n
\n
\n
\n {license.Given}/{license.Total}\n
\n
Total licenses given
\n
\n\n
\n
\n From {Utils.dateMMMMDoYYYY(license.From)}
to {Utils.dateMMMMDoYYYY(license.To)}{\" \"}\n
\n {/*
From February 19th, 2020 to September 19th, 2020
*/}\n
Lincensed period
\n
\n
\n
{license.Events}
\n
Events created during period
\n
\n
\n
\n
\n //
\n //
\n //
Licenses
\n\n // \n // View Licensing History\n // \n // \n // \n // {license.Given}/{license.Total}\n //
\n\n // From {Utils.dateMMMMDoYYYY(license.From) + \" to \" + Utils.dateMMMMDoYYYY(license.To)}
\n // {license.Events}
\n // Total licenses given
\n // Lincensed period
\n // Events created during period..
\n // \n //
\n )}\n {!currentLicenseVisible && (\n
\n
\n \n
\n
\n
No licenses nor licensing plan has been added!
\n
\n \n
\n
\n )}\n {/*
\n \n
*/}\n {/* Users */}\n {isAdmin &&
} {/* si no es admin se ve arriba, esta repetido el componente */}\n {/* Eventos */}\n {isAdmin && events.length === 0 && (\n <>\n
{/*
Events
*/}\n
\n
\n
The institution has not created any event yet
\n
\n \n )}\n {isAdmin && events.length !== 0 &&
}\n {/* Modal Edit Details */}\n
\n {/* Modal Delete Institution */}\n
\n
\n
\n
\n
\n
\n
\n
\n
Loading...
\n \n );\n\n // #region Templatedatatable\n // const onErrorFind = (e) => {\n // if (e) return e.Description;\n // else return \"error\";\n // };\n\n const nameBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.Name}\n \n );\n };\n\n const licensesGivenBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.Given}\n \n );\n };\n\n const licensePeriodBodyTemplate = (rowData) => {\n return (\n <>\n {Utils.dateDDMMYY(rowData.From) + \" to \" + Utils.dateDDMMYY(rowData.To)}\n \n );\n };\n\n const eventsInPeriodBodyTemplate = (rowData) => {\n return (\n <>\n {rowData.Events}\n \n );\n };\n const openClub = (lic) => {\n history.push(\"/club/\" + lic.ClubId);\n };\n\n // #endregion\n\n const header = (\n \n
Licensing
\n
\n \n \n setGlobalFilter(e.target.value)} placeholder=\"Search License\" />\n \n
\n
\n
\n );\n };\n\n return (\n \n
\n
\n \n\n setSelectedClubs(e.value)}\n dataKey=\"Id\"\n paginator\n rows={10}\n rowsPerPageOptions={[5, 10, 25]}\n className=\"datatable-responsive table-layout-auto\"\n // paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n // currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} Licenses\"\n globalFilter={globalFilter}\n emptyMessage=\"No Licenses found.\"\n header={header}\n >\n {/* */}\n \n \n \n \n\n \n \n\n \n
\n
\n
\n
Loading...
\n \n );\n\n function handleLoginClick() {\n let tokenAuthService = new TokenAuthService();\n let loginModel = new LoginModel(username, password);\n\n tokenAuthService\n .authenticate(loginModel)\n .then((data) => {\n if (data.changepassword == true) {\n setUserId(data.userId);\n setVisibleChangePassword(true);\n } else {\n hideDialog();\n }\n })\n .catch((error) => {\n let errormessage = \"Invalid start session\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n setStateErrorDialog(ErrorDialogSet(true, errormessage));\n });\n }\n async function handleChangePasswordClick() {\n try {\n if (newPassword == confirmPassword) {\n let userService = new UserService();\n await userService.updatePassword(userId, newPassword).catch((res) => setStateErrorDialog(ErrorDialogSetResponse(res)));\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Password update\", life: 3000 });\n setVisibleChangePassword(false);\n } else {\n setStateErrorDialog(ErrorDialogSet(true, \"The confirm password does not match\"));\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, error.message));\n }\n }\n\n const hideDialog = () => {\n if (visibleChangePassword) {\n let tokenAuthService = new TokenAuthService();\n tokenAuthService.logout();\n }\n props.onClose();\n };\n\n const dialogFooter = (\n <>\n \n {!visibleChangePassword && }\n\n {visibleChangePassword && }\n \n );\n\n return (\n <>\n \n\n \n \n );\n};\n","import { useState } from \"react\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Button } from \"primereact/button\";\n\nimport { UserService } from \"../../service/UserService\";\n\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogSetResponse } from \"../../dialogs/ErrorDialog\";\n\nexport const ForgotPassword = (props) => {\n const [username, setUsername] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n\n const isValid = () => {\n if (username.length < 8) {\n return false;\n }\n return true;\n };\n\n const onClickCodePass = () => {\n let userService = new UserService();\n setSubmitted(true);\n if (!username) return null;\n userService\n .sendPassCodeToEmail(username)\n .then(() => {\n setSubmitted(true);\n if (username && isValid()) {\n props.onHandleCodePass(username);\n }\n })\n .catch((error) => {\n let errormessage = \"Invalid mail\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n setStateErrorDialog(ErrorDialogSet(true, errormessage));\n });\n };\n\n return (\n <>\n \n
\n
\n
Password recovery
\n
We will send a code to your email in order to restore your password.
\n\n
\n setUsername(e.target.value)} />\n {submitted && !username && Email is required.}\n {submitted && !isValid() && username && Your email must be at least 8 characters.}\n
\n\n
\n
\n
\n
\n
![\"Sirius](\"assets/rally/login-bg.png\")
\n
\n
\n
\n
\n
Password recovery
\n
{\"Please enter the code that has been sent to \" + mailAsterisked() + \" in order to restore your password.\"}
\n\n
\n \n setCodePass(e.target.value)} />\n {/* setCodePass(e.target.value)} /> */}\n {submitted && !codePass && Code is required.}\n {submitted && !isValid() && codePass && The code is 4 characters long.}\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n changeValue(e.target.value)}\n className={classNames({ \"p-invalid\": props.required && !value })}\n />\n\n \n \n \n
\n {!value && props.required && { props.messageRequired }}\n \n )\n\n\n};\n\n","import { useState } from \"react\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Button } from \"primereact/button\";\n\nimport { UserService } from \"../../service/UserService\";\n\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogSetResponse } from \"../../dialogs/ErrorDialog\";\nimport { Password } from \"./Password\";\n\nexport const CreateNewPassword = (props) => {\n const [newPassword, setNewPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n\n const isValid = () => {\n if (confirmPassword.length < 8 || confirmPassword.length > 20 || newPassword.length < 8 || newPassword.length > 20) {\n return false;\n }\n\n const validNewPassword = newPassword.match(/^(?=.*[A-Z].*)(?=.*[0-9].*)/);\n\n const validConfirmPassword = confirmPassword.match(/^(?=.*[A-Z].*)(?=.*[0-9].*)/);\n\n if (!validNewPassword || !validConfirmPassword) return false;\n\n return true;\n };\n\n const isMatch = () => {\n if (newPassword !== confirmPassword) {\n return false;\n }\n return true;\n };\n\n const onClickUpdatePassword = () => {\n let userService = new UserService();\n\n if (!(confirmPassword && newPassword && isValid() && isMatch())) {\n setSubmitted(true);\n return;\n }\n\n userService\n .updatePasswordByEmail(props.mail, newPassword)\n .then(() => {\n setSubmitted(true);\n props.onHandleUpdatePass();\n // if (confirmPassword && newPassword && isValid() && isMatch()) {\n // props.onHandleUpdatePass();\n // }\n })\n .catch((error) => {\n let errormessage = \"Invalid update password\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n setStateErrorDialog(ErrorDialogSet(true, errormessage));\n });\n };\n\n return (\n \n
\n
\n
Create new password
\n
For security purposes, we need you to change the password to log into the app. Your password must be between 8 and 20 characters long, including a number and a capital letter
\n\n
\n
\n\n
\n\n {/*
{\n setNewPassword(e.target.value);\n }}\n maxLength=\"20\"\n // className={validationPassInput()}\n /> */}\n \n\n
\n
\n {/*
setConfirmPassword(e.target.value)} /> */}\n \n \n {submitted && !isValid() &&
Your password must be between 8 and 20 characters long, including a number and a capital letter.
}\n {!isMatch() &&
Passwords do not match please check
}\n\n
\n
\n
\n
\n
\n
\n
\n
\n
Loading...
\n \n );\n\n if (passworUpdated) {\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Password updated\", life: 3000 });\n setPassworUpdated(false);\n }\n\n const isValid = () => {\n if (username.length < 8 || username.length > 50 || password.length < 8 || password.length > 20) {\n return false;\n }\n return true;\n };\n\n function handleLoginClick() {\n setSubmitted(true);\n\n if (!isValid()) {\n return;\n }\n\n let tokenAuthService = new TokenAuthService();\n let loginModel = new LoginModel(username, password);\n\n tokenAuthService\n .authenticate(loginModel)\n .then((data) => {\n console.log(data);\n if (data.changepassword === true) {\n setEmailRecoveryPass(username);\n setFirstAccess(true);\n setCreateNewPass(true);\n\n setUserId(data.userId);\n //setVisibleChangePassword(true);\n } else {\n props.onLoggedIn();\n // history.push(\"/dashboard\");\n }\n })\n .catch((error) => {\n let errormessage = \"Invalid start session\";\n if (error.response) {\n errormessage = error.response.data.message;\n }\n\n if (error.message == \"Rol not allowed\") {\n errormessage = \"Rol not allowed, you cannot be a driver\";\n }\n setStateErrorDialog(ErrorDialogSet(true, errormessage));\n });\n }\n\n //Funtion Forgot Password Path\n const handleBackToLogin = () => {\n setForgotPassword(false);\n };\n\n const handleForgotPassword = () => {\n setForgotPassword(true);\n };\n\n const handleCodePass = async (email) => {\n setEmailRecoveryPass(email);\n setForgotPassword(false);\n setCodePass(true);\n };\n\n const handleBackToForgotPassword = () => {\n setCodePass(false);\n setForgotPassword(true);\n };\n\n const handleCreateNewPass = () => {\n setCodePass(false);\n setFirstAccess(false);\n setCreateNewPass(true);\n };\n\n const handleUpdatePass = () => {\n setCreateNewPass(false);\n setCodePass(false);\n setForgotPassword(false);\n\n setPassword(\"\");\n setSubmitted(false);\n setPassworUpdated(true);\n };\n\n const handleBackToCodePassOrLogin = () => {\n setCreateNewPass(false);\n if (!firstAccess) setCodePass(true);\n else {\n setCodePass(false);\n }\n setPassword(\"\");\n setSubmitted(false);\n };\n\n //Forgot Password\n if (forgotPassword) {\n return ;\n }\n\n if (codePass) {\n return ;\n }\n\n if (createNewPass) {\n return ;\n }\n\n return (\n <>\n \n
\n {/* {!visibleChangePassword && ( */}\n
\n
\n
![\"Sirius](\"assets/rally/logo-rally-login.png\")
\n
Welcome to Sirius
\n
\n \n setUsername(e.target.value)} />\n {submitted && !username && Email is required.}\n
\n\n
\n {/* {submitted && !password &&
Password is required. } */}\n {submitted && !isValid() && username &&
Your email and password must be at least 8 characters.}\n\n
\n
\n {/* setChecked(e.checked)} />\n */}\n
\n\n
\n
\n\n
\n
\n
\n {/* )} */}\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n {/* */}\n \n
\n\n
{/*
\n
\n
\n
\n
New polyline
\n
\n
\n
\n {/*
*/}\n\n {/*
*/}\n\n {/*
\n
\n \n \n\n
\n
\n
\n
\n
New POI
\n
{props.coordatesText || \"No coordinates available\"}
\n\n {/*
\n\n
\n {/*
\n
\n
\n );\n\n deleteCircuitFooter = (\n <>\n 
}>