\n \n \n onInputChange(e, \"eveName\")}\n required\n className={classNames({ \"p-invalid\": submitted && !event.eveName })}\n />\n {submitted && !event.eveName && (\n Name is required.\n )}\n
\n {auth.isAdmin() && (\n \n \n onInputChangeInstitution(e, \"cluId\")}\n required\n className={classNames({ \"p-invalid\": submitted && !event.cluId })}\n />\n {submitted && !event.cluId && (\n Institution is required.\n )}\n
\n )}\n\n
\n Location
\n\n \n
\n \n onInputChange(e, \"couId\")}\n required\n className={classNames({ \"p-invalid\": submitted && !event.couId })}\n />\n {submitted && !event.couId && (\n Country is required.\n )}\n
\n
\n \n onInputChange(e, \"eveState\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !event.eveState,\n })}\n />\n {submitted && !event.eveState && (\n State/Province is required.\n )}\n
\n
\n \n onInputChange(e, \"eveCity\")}\n required\n className={classNames({ \"p-invalid\": submitted && !event.eveCity })}\n />\n {submitted && !event.eveCity && (\n City is required.\n )}\n
\n \n
\n \n onInputChange(e, \"eveCircuitName\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !event.eveCircuitName,\n })}\n />\n {submitted && !event.eveCircuitName && (\n Circuit Name is required.\n )}\n
\n
\n \n setSelectedCategories(e.value)}\n className={classNames({\n \"p-invalid\": submitted && selectedCategories.length === 0,\n })}\n />\n {submitted && selectedCategories.length === 0 && (\n Categories is required.\n )}\n
\n
\n Date
\n\n \n
\n \n onInputChange(e, \"eveStart\")}\n required\n showIcon={true}\n className={classNames({\n \"p-invalid\": submitted && !event.eveStart,\n })}\n />\n {submitted && !event.eveStart && (\n Start is required.\n )}\n
\n
\n \n onInputChange(e, \"eveFinish\")}\n required\n showIcon={true}\n className={classNames({\n \"p-invalid\": submitted && !event.eveFinish,\n })}\n />\n {submitted && !event.eveFinish && (\n Finish is required.\n )}\n
\n\n
\n
\n
\n onInputNumberChange(e, \"eveGeoRadius\")}\n tooltip=\"The Finish Radius is the maximum distance around the Finish Line to consider that a competitor has crossed it\"\n className={classNames({\n \"p-invalid\": submitted && !validateRadius(),\n })}\n required\n />{\" \"}\n meters\n \n \n \n
\n
\n
\n onInputNumberChange(e , \"eveSafetyCarDelay\")}\n tooltip=\"Time in seconds before the safety car flag is deployed\"\n className={classNames({\n \"p-invalid\": submitted && !validateSafetyDelay(),\n })}\n required\n />{\" \"}\n seconds\n \n \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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Event Deleted\",\n life: 3000,\n });\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 CircuitName: _event.eveCircuitName,\n };\n upEvents.push(newEvent);\n if (typeEvents == 0) {\n setEvents(upEvents);\n }\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Event Created\",\n life: 3000,\n });\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 (\n \n {Utils.dateDDMMYY(rowData.Start) +\n \" | \" +\n Utils.dateDDMMYY(rowData.Finish)}\n \n );\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 const circuitNameBodyTemplate = (rowData) => {\n return {rowData.CircuitName};\n };\n\n const actionBodyTemplate = (rowData) => {\n return (\n \n editEvent(rowData)}\n />\n {/*
\n );\n };\n\n const stateBodyTemplate = (rowData) => {\n let published = \"No\";\n if (parseInt(rowData.State) === PUBLISHED_EVENT) {\n published = \"Yes\";\n }\n return {published};\n };\n // #endregion\n\n const header = (\n \n
\n {typeEvents == 0 ? \"Upcoming\" : \"Past\"} events\n
\n \n \n setGlobalFilter(e.target.value)}\n placeholder=\"Search...\"\n />\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 (\n \n {enabledNewEvent && (\n \n )}\n
\n );\n };\n\n return (\n \n
\n
\n
\n\n
\n\n
\n
setActiveIndex(e.index)}\n >\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 {eventDialog && (\n \n )}\n\n \n \n {event && (\n \n Are you sure you want to delete {event.name}?
\n They will no longer be able to access the platform\n \n )}\n
\n \n\n \n \n
\n
\n
\n
\n
\n SS {this.stagesList(route.Stages)}\n
\n
\n
\n
{route.CircuitName}
\n
\n\n
\n
\n {Math.round(route.Kms * 100) / 100} km (Approx)\n
\n
{fecha}
\n
\n
\n // {
{poi.description}
}\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Event Published\",\n life: 3000,\n });\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 const openManageSectors = () => {\n history.push(\"/sectors/\" + event.traId);\n };\n\n const resetLaps = async () => {\n const eventService = new EventService();\n await eventService.resetLaps(params.id);\n showToast(\"Lap counter reseted\", \"Succeful\", \"success\");\n };\n\n const hideDialog = (_event) => {\n if (_event != null) {\n setEvent(_event);\n showToast(\"Event Updated\", \"Succeful\", \"success\");\n // toast.current.show({\n // severity: \"success\",\n // summary: \"Successful\",\n // detail: \"Event Updated\",\n // life: 3000,\n // });\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 };\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"The point were imported\",\n life: 3000,\n });\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 \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} (\n {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 (\n \n {Math.round(rowData.Km * 100) / 100} km (Approx)\n \n );\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 \n )}\n {(isPast ||\n (viewCompetitorsPermited &&\n (isPast || !mangeCompetitorPermited))) && (\n \n )}\n {/* {isPast && (\n \n )} */}\n
\n
\n history.goBack()}\n className=\"p-button-text btn-back txt-clrLight100\"\n />\n
\n );\n };\n\n const rightColumnTemplate = () => {\n return (\n \n {(basicEditionPermited || isAdmin) && (\n \n )}\n {basicEditionPermited && (\n \n )}\n {basicEditionPermited && (\n \n )}\n
\n );\n };\n\n const fullColumnTemplate = () => {\n return (\n <>\n \n {event.eveName}{\" \"}\n {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 +\n \", \" +\n event.eveState +\n \". \" +\n (event.cou ? event.cou.couName : \"\")}\n
\n - \n {event.clu.cluName}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Map
\n
\n \n {trackId && (\n \n )}\n\n {!isPast && editMapPermited && (\n \n )}\n\n {!isPast && event.traId && editMapPermited && (\n \n )}\n {/* {!isPast && event.traId && resetLapsPermited && (\n {\n setResetLapsDialog(true);\n }}\n />\n )} */}\n\n {isPast && (\n \n )}\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 \n ({interestPoints.length})\n \n
\n {\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
\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 {eventDialog && (\n
\n )}\n\n \n \n {event && (\n \n Are you sure you want to delete {event.name}?
\n They will no longer be able to access the platform\n \n )}\n
\n \n {/* PUBLISH */}\n \n \n {event && (\n \n Are you sure you want to make this event public? Competitors\n will receive an invite and be able to see the details of the\n race on thier apps.\n \n )}\n
\n \n\n {/* INTEREST POINTS */}\n \n \n \n \n \n {\" \"}\n \n \n \n\n {/* SPECIAL STAGES */}\n \n \n \n \n \n \n \n\n \n setResetLapsDialog(false)}\n reset={resetLaps}\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Invitation updated\",\n life: 3000,\n });\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.CategoryId = res.data.Invitation.CatId;\n _driver.StatusId = res.data.Invitation.StsId;\n _driver.Category = \"\";\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 =\n 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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Invitation created\",\n life: 3000,\n });\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 removeAllInvitations = async () => {\n try {\n var invitations = [];\n\n drivers.map((invitation) => {\n invitations.push(invitation.InvitationId);\n });\n\n let invitationService = new InvitationService();\n await invitationService.deleteSelected(invitations);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"invitations deleted\",\n life: 3000,\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 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 validateForAuthorizeRow = (row) => {\n let r = row.CategoryId && row.Number && row.Brand && row.Model;\n if (r) return true;\n return false;\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 (\n invitation.catId &&\n invitation.invNumber &&\n // invitation.invCodriverName &&\n // invitation.invCodriverSurname &&\n // invitation.invCodriverGrupoSanguineo &&\n invitation.invBrand &&\n invitation.invModel\n ) {\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({\n severity: \"warn\",\n summary: \"Successful\",\n detail:\n \"The selected pilots, do not have the necessary information for authorize\",\n life: 6000,\n });\n } else {\n await invitationService.authorized(true, invitationsValid);\n if (invitationsValid.length === invitations.length) {\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Drivers Authorized \" + total,\n life: 3000,\n });\n } else {\n toast.current.show({\n severity: \"warn\",\n summary: \"Successful\",\n detail:\n \"There are selected pilots, who do not have the necessary information. They will not be authorized\",\n life: 6000,\n });\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Drivers Authorized \" + total,\n life: 6000,\n });\n }\n }\n break;\n case \"2\":\n //UnAuthorize\n await invitationService.authorized(false, invitations);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Drivers Unauthorized\",\n life: 3000,\n });\n break;\n case \"3\":\n //Send\n await invitationService.send(invitations);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Invitations sent\",\n life: 3000,\n });\n break;\n case \"4\":\n //Delete\n await invitationService.deleteSelected(invitations);\n setSelectedDrivers(null);\n invitations = [];\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Drivers deleted\",\n life: 3000,\n });\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 setPhoneEnabled(true);\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 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 = async () => {\n const eventsService = new EventService();\n const resDrivers = await eventsService.getDrivers(params.eveId);\n setDrivers(resDrivers);\n\n let formatDrivers;\n\n if (drivers.length === 0) {\n formatDrivers = [\n {\n Email: \"\",\n FirstName: \"\",\n LastName: \"\",\n Address: \"\",\n Phone: \"\",\n GrupoSanguineo: \"\",\n Number: \"\",\n Brand: \"\",\n Model: \"\",\n Category: \"\",\n CodriverName: \"\",\n CodriverSurname: \"\",\n CodriverGrupoSang: \"\",\n // Invited: \"\",\n // Authorized: \"\",\n },\n ];\n } else {\n 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 }\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"The invitations were created\",\n life: 3000,\n });\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 let errorList = m.Errors || m.msg;\n if (Array.isArray(errorList)) {\n errors = errorList.map((e) => e.msg).join(\",\");\n } else {\n errors = errorList;\n }\n //let text = `Row: ${m.Fila}, error: ${errors}\\n`;\n let text = m.Fila\n ? `Row: ${m.Fila}, error: ${errors}\\n`\n : `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(\n ErrorDialogSet(true, \"There are no selected competitors\")\n );\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(\n \"Do you want to authorize \" +\n selectedDrivers.length +\n \" selected competitors?\"\n );\n setActionConfirmTextButton(\"Authorize\");\n break;\n case \"2\":\n //UnAuthorize\n setActionConfirmMessage(\n \"Do you want to unauthorize \" +\n selectedDrivers.length +\n \" selected competitors?\"\n );\n setActionConfirmTextButton(\"Unauthorize\");\n break;\n case \"3\":\n //Send\n setActionConfirmMessage(\n \"Do you want to invite \" +\n selectedDrivers.length +\n \" selected competitors? They'll receive an invitation via email and the competitor app\"\n );\n setActionConfirmTextButton(\"Send\");\n break;\n case \"4\":\n //Delete\n setActionConfirmMessage(\n \"Do you want to delete \" +\n selectedDrivers.length +\n \" competitors? You'll no longer be able to edit them unless you regiter them again\"\n );\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 if (!isAdmin) setPhoneEnabled(false);\n\n setDriver(_driver);\n };\n\n const invitationExists = async (driId, categoryId) => {\n const invitationService = new InvitationService();\n\n const invitation = await invitationService.getByDriverEvent(\n driId,\n params.eveId,\n categoryId\n );\n console.log(\"invitation.data\", invitation.data);\n if (invitation.data && invitation.data.length > 0) {\n return true;\n }\n return false;\n };\n\n const validateEmail = async (mail, categoryId) => {\n try {\n let toastMessage = \"\";\n if (mail) {\n const driverService = new DriverService();\n const existDriver = await driverService.getDriverByMailClub(\n mail,\n clubId\n );\n if (existDriver) {\n if (!categoryId) {\n loadDataDriver(existDriver);\n } else {\n let _invitationExists = await invitationExists(\n existDriver.driId,\n categoryId\n );\n if (!_invitationExists) {\n loadDataDriver(existDriver);\n } else {\n toastMessage =\n \"The email is already added to the event\\\\category\";\n }\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 toastMessage =\n \"The email is associated with a user who is not a Competitor. It can not be added!\";\n }\n }\n }\n if (toastMessage !== \"\")\n toast.current.show({\n severity: \"error\",\n summary: \"error\",\n detail: toastMessage,\n life: 3000,\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const onEmailBlur = async (e) => {\n const mail = (e.target && e.target.value) || \"\";\n const categoryId = driver.CategoryId;\n validateEmail(mail, categoryId);\n };\n\n const validateCategory = async (mail, categoryId) => {\n try {\n let toastMessage = \"\";\n if (categoryId) {\n if (mail) {\n const driverService = new DriverService();\n const existDriver = await driverService.getDriverByMail(mail);\n if (existDriver) {\n let _invitationExists = await invitationExists(\n existDriver.driId,\n categoryId\n );\n if (_invitationExists) {\n toastMessage =\n \"The email is already added to the event\\\\category\";\n }\n }\n }\n }\n\n if (toastMessage !== \"\")\n toast.current.show({\n severity: \"error\",\n summary: \"error\",\n detail: toastMessage,\n life: 3000,\n });\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const onCategoryBlur = async (e) => {\n const mail = driver.Email;\n const categoryId = (e.target && e.target.value) || \"\";\n validateCategory(mail, categoryId);\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 \n Yes\n \n );\n else\n return (\n \n \n {validateForAuthorizeRow(e) ? \"No\" : \"Missing data\"}\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} (\n {rowData.CodriverGrupoSanguineo})\n \n );\n };\n\n const categoryBodyTemplate = (rowData) => {\n return (\n \n {onErrorFindCategory(\n categories.find((e) => e.Id == rowData.CategoryId)\n )}\n \n );\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\n setDriver(_driver);\n setSubmitted(false);\n setDriverDialog(true);\n if (!isAdmin) setPhoneEnabled(false);\n };\n\n const actionBodyTemplate = (rowData) => {\n return (\n \n {rowData.Authorized == 0 && (\n editInvitation(rowData)}\n />\n )}\n {/*
\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}){\" \"}\n \n {competitorsAuthorized()} Authorized\n \n
\n )}\n\n
\n {!isEditable && isAdmin && (\n setRemoveAllDialogVisible(true)}\n >\n )}\n\n \n {/* {!isEditable && ...} */}\n\n \n \n setGlobalFilter(e.target.value)}\n placeholder=\"Search competitor\"\n />\n \n\n {isEditable && (\n \n onActionChange(e)}\n className=\"p-mr-3\"\n >\n \n \n )}\n
\n
\n history.goBack()}\n className=\"p-button-rounded p-button-outlined p-button-icon-only p-mr-3\"\n />\n
\n );\n };\n\n const rightColumnTemplate = () => {\n return (\n \n {isEditable && (\n \n )}\n
\n );\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 {isEditable && (\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 Contact details
\n\n {/* \n \n onInputChange(e, \"Address\")} required rows={3} cols={20} />\n
*/}\n \n
\n \n onInputChange(e, \"Email\")}\n required=\"true\"\n onBlur={(e) => onEmailBlur(e)}\n className={classNames({\n \"p-invalid\": submitted && !driver.Email,\n })}\n />\n {submitted && !driver.Email && (\n Email is required.\n )}\n
\n
\n \n onInputChange(e, \"Phone\")}\n disabled={!phoneEnabled}\n // className={classNames({\n // \"p-invalid\": submitted && !driver.Phone,\n // })}\n />\n {/* {submitted && !driver.Phone && (\n Phone is required.\n )} */}\n
\n
\n Info
\n\n \n
\n \n {\n onInputChange(e, \"CategoryId\");\n onCategoryBlur(e);\n }}\n required\n className={classNames({\n \"p-invalid\": submitted && !driver.CategoryId,\n })}\n />\n {submitted && !driver.CategoryId && (\n Category is required.\n )}\n
\n
\n \n onInputChange(e, \"Number\")}\n // required className={classNames({ \"p-invalid\": submitted && !driver.Number })}\n />\n {/* {submitted && !driver.Number && Car Number is required.} */}\n
\n
\n Competitor details
\n\n \n
\n \n onInputChange(e, \"FirstName\")}\n required=\"true\"\n autoFocus\n className={classNames({\n \"p-invalid\": submitted && !driver.FirstName,\n })}\n />\n {submitted && !driver.FirstName && (\n First Name is required.\n )}\n
\n
\n \n onInputChange(e, \"LastName\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !driver.LastName,\n })}\n />\n {submitted && !driver.LastName && (\n Last Name is required.\n )}\n
\n\n
\n \n onInputChange(e, \"DriverGrupoSanguineo\")}\n required=\"true\"\n className={classNames({\n \"p-invalid\": submitted && !driver.DriverGrupoSanguineo,\n })}\n />\n {submitted && !driver.DriverGrupoSanguineo && (\n \n Driver's blood type is required.\n \n )}\n
\n
\n
\n \n onInputChange(e, \"CodriverName\")}\n // required className={classNames({ \"p-invalid\": submitted && !driver.CodriverName })}\n />\n {/* {submitted && !driver.CodriverName && Co-driver Name is required.} */}\n
\n
\n \n onInputChange(e, \"CodriverSurname\")}\n // required className={classNames({ \"p-invalid\": submitted && !driver.CodriverSurname })}\n />\n {/* {submitted && !driver.CodriverSurname && Co-driver is required.} */}\n
\n\n
\n \n onInputChange(e, \"CodriverGrupoSanguineo\")}\n // required className={classNames({ \"p-invalid\": submitted && !driver.CodriverGrupoSanguineo })}\n />\n {/* {submitted && !driver.CodriverGrupoSanguineo && Co-driver's blood type is required.} */}\n
\n
\n Vehicle details
\n\n \n
\n \n onInputChange(e, \"Brand\")}\n // required className={classNames({ \"p-invalid\": submitted && !driver.Brand })}\n />\n {/* {submitted && !driver.Brand && Brand is required.} */}\n
\n
\n \n onInputChange(e, \"Model\")}\n // required className={classNames({ \"p-invalid\": submitted && !driver.Model })}\n />\n {/* {submitted && !driver.Model && Model is required.} */}\n
\n
\n \n {driver && {actionConfirmMessage}}\n
\n \n\n {\n setRemoveAllDialogVisible(false);\n if (r) {\n removeAllInvitations();\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 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 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(\n \"Latitude is not in the correct format. Example format: 34,555667\"\n );\n return false;\n }\n\n if (club.cluLongitude != \"\" && club.cluLongitude) {\n if (!validateDecimal(club.cluLongitude)) {\n setCoordenadasError(\n \"Longitude is not in the correct format. Example format: 34,555667\"\n );\n return false;\n }\n }\n }\n setCoordenadasError(\"\");\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 =\n (_club.cluId && validateRequiredFirstView()) ||\n (!_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 console.log(_club, planner);\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 \n )}\n {!nextView && (\n \n )}\n\n {!club.cluId && !nextView && (\n \n )}\n {!club.cluId && nextView && (\n \n )}\n {club.cluId && (\n \n )}\n \n );\n return (\n <>\n \n \n {!nextView && (\n Step 1 of 2
\n )}\n {nextView && (\n Step 2 of 2
\n )}\n \n
\n \n onInputChange(e, \"cluName\")}\n autoFocus\n required\n className={classNames({\n \"p-invalid\": submitted && !club.cluName,\n })}\n />\n {submitted && !club.cluName && (\n Name is required.\n )}\n
\n
\n
\n \n onInputChange(e, \"couId\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !club.couId,\n })}\n />\n {submitted && !club.couId && (\n Country is required.\n )}\n
\n
\n \n onInputChange(e, \"cluState\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !club.cluState,\n })}\n />\n {submitted && !club.cluState && (\n State is required.\n )}\n
\n
\n
\n
\n \n onInputChange(e, \"cluCity\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !club.cluCity,\n })}\n />\n {submitted && !club.cluCity && (\n City is required.\n )}\n
\n
\n \n onInputChange(e, \"cluAddress\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !club.cluAddress,\n })}\n />\n {submitted && !club.cluAddress && (\n Address is required.\n )}\n
\n
\n
\n \n onInputChange(e, \"cluMail\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !club.cluMail,\n })}\n />\n {submitted && !club.cluMail && (\n Mail is required.\n )}\n
\n
\n
\n \n onInputChange(e, \"cluWeb\")}\n />\n
\n\n
\n \n onInputChange(e, \"cluSocialNetwork\")}\n />\n
\n
\n
\n
\n \n onInputChange(e, \"cluFacebook\")}\n />\n
\n\n
\n \n onInputChange(e, \"cluInstagram\")}\n />\n
\n
\n
\n
\n
\n\n
\n onInputChange(e, \"cluLatitude\")}\n tooltip=\"You can get the coordinates by right clicking on the location from google maps\"\n />\n \n \n \n
\n
\n
\n
\n onInputChange(e, \"cluLongitude\")}\n tooltip=\"You can get the coordinates by right clicking on the location from google mapsl\"\n />\n \n \n \n {coordenadasError}\n
\n \n \n\n \n \n
Contact person details
\n
\n This person is going to be the event organizer and will be able to\n login with the given email address\n
\n\n
\n
\n \n onInputChangePlanner(e, \"FirstName\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !planner.FirstName,\n })}\n />\n {submitted && !planner.FirstName && (\n \n Contact First Name is required.\n \n )}\n
\n
\n \n onInputChangePlanner(e, \"LastName\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !planner.LastName,\n })}\n />\n {submitted && !planner.LastName && (\n \n Contact Last Name is required.\n \n )}\n
\n
\n\n
\n
\n \n onInputChangePlanner(e, \"Phone\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !planner.Phone,\n })}\n />\n {submitted && !planner.Phone && (\n \n Contact Phone is required.\n \n )}\n
\n
\n \n onInputChangePlanner(e, \"Email\")}\n required\n className={classNames({\n \"p-invalid\": submitted && !planner.Email,\n })}\n />\n {submitted && !planner.Email && (\n Contact Mail is required.\n )}\n
\n
\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Institution Updated\",\n life: 3000,\n });\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Institution Created\",\n life: 3000,\n });\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Club Deleted\",\n life: 3000,\n });\n })\n .catch((res) => {\n var message = \"\";\n if (res.response.data && res.response.data.statusCode == 418)\n 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 \n {Utils.dateDDMMYY(rowData.licLicenseFrom) +\n \" to \" +\n Utils.dateDDMMYY(rowData.licLicenseTo)}\n \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 editClub(rowData)}\n />\n {/*
\n );\n };\n // #endregion\n\n const header = (\n \n
Institutions
\n
\n \n \n setGlobalFilter(e.target.value)}\n placeholder=\"Search institution\"\n />\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 {club && (\n \n Are you sure you want to delete {club.name}?
\n They will no longer be able to access the platform\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 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 editLicense(rowData)}\n />\n
\n );\n };\n\n const editLicense = (_item) => {\n props.setLicense(_item);\n };\n\n return (\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 licenses found.\"\n //header={header}\n >\n \n \n \n \n {props.isAdmin && (\n \n )}\n \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 {\n ErrorDialog,\n ErrorDialogEmpty,\n ErrorDialogSet,\n ErrorDialogSetResponse,\n ErrorDialogNoAuthorizedSet,\n} 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\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 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\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 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 let licenseService = new LicenseService();\n licenseService\n .updateLicense(_license)\n .then(() => {\n closeOk(_license);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n } else {\n let licenseService = new LicenseService();\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 {newLicenseView && (\n \n \n onInputChange(e, \"Total\")}\n className={classNames({\n \"p-invalid\": submitted && !license.Total,\n })}\n />\n {submitted && !license.Total && (\n Total is required.\n )}\n
\n )}\n {!newLicenseView && (\n \n
Total licenses:
\n
{license.Total}
\n
\n
\n \n onInputCalendarChange(e.target, \"From\")}\n required\n showIcon={true}\n className={classNames({\n \"p-invalid\": submitted && !license.From,\n })}\n />\n {submitted && !license.From && (\n From is required.\n )}\n
\n
\n \n onInputCalendarChange(e.target, \"To\")}\n required\n showIcon={true}\n className={classNames({ \"p-invalid\": submitted && !license.To })}\n />\n {submitted && !license.To && (\n To is required.\n )}\n
\n
\n {!newLicenseView && (\n \n
\n \n onInputChangeNewLic(e)}\n required\n showIcon={true}\n className={classNames({\n \"p-invalid\": submitted && !newLic && newLic != \"0\",\n })}\n />\n {submitted && !newLic && newLic != \"0\" && (\n Number is required.\n )}\n
\n\n
\n
New total licenses
\n
\n {parseInt(license.Total) + parseInt(newLic)}\n
\n
\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({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Institutions Updated\",\n life: 3000,\n });\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 if (currentLicenseVisible)\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"License Updated\",\n life: 3000,\n });\n else\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"License Created\",\n life: 3000,\n });\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 history.goBack()}\n className=\"p-button-text btn-back \"\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
{club.cluName}
\n
\n {club.cluWeb}\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
\n )}\n {!isAdmin &&
}{\" \"}\n {/* si es admin se ve abajo, esta repetido el componente */}\n {currentLicenseVisible && (\n
\n
\n
Licenses
\n
\n \n \n {isAdmin && (\n \n )}\n {!isAdmin && (\n \n )}\n
\n\n
\n
\n
\n {license.Given}/\n {license.Total}\n
\n
\n Total licenses assigned\n
\n
\n\n
\n
\n From {Utils.dateMMMMDoYYYY(license.From)}
to{\" \"}\n {Utils.dateMMMMDoYYYY(license.To)}{\" \"}\n
\n {/*
From February 19th, 2020 to September 19th, 2020
*/}\n
\n Lincensed period\n
\n
\n
\n
\n {license.Events}\n
\n
\n Events created during period\n
\n
\n
\n
\n
\n )}\n {!currentLicenseVisible && (\n
\n
\n
\n
\n Licenses\n
\n \n
\n \n {isAdmin && (\n \n )}\n {!isAdmin && (\n \n )}\n
\n\n
\n
\n \n No current active licences\n
\n \n
\n
\n )}\n {/*
\n \n
*/}\n {/* Users */}\n {isAdmin &&
}{\" \"}\n {/* si no es admin se ve arriba, esta repetido el componente */}\n {/* Eventos */}\n {isAdmin && events.length === 0 && (\n <>\n
\n {/*
Events
*/}\n \n
\n
\n \n The institution has not created any event yet\n
\n \n \n )}\n {isAdmin && events.length !== 0 && (\n
\n )}\n {/* Modal Edit Details */}\n
\n {/* Modal Delete Institution */}\n \n \n {club && (\n \n {/* Are you sure you want to delete {club.name}? */}\n Are you sure you want to delete this institution?
\n They will no longer be able to access the platform\n \n )}\n
\n \n \n \n \n Please contact info@spectra-tec.com to request more licences.\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 \n {Utils.dateDDMMYY(rowData.From) +\n \" to \" +\n Utils.dateDDMMYY(rowData.To)}\n \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)}\n placeholder=\"Search License\"\n />\n \n
\n
\n openClub(rowData)}\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
\r\n
\r\n );\r\n };\r\n\r\n const header = (\r\n \r\n
Categories
\r\n
\r\n \r\n \r\n setGlobalFilter(e.target.value)} placeholder=\"Search Category\" />\r\n \r\n
\r\n
\n
Loading...
\n \n );\n\n const deleteItem =() => {\n const categoriesService = new CategoriesService(); \n return categoriesService.deleteCategory(category.catId);\n }\n\n const findIndexById = (id,items) => {\n let index = -1;\n for (let i = 0; i < items.length; i++) {\n if (items[i].catId === id) {\n index = i;\n break;\n }\n }\n return index;\n };\n const changeItems = (item) => {\n let _categories = [...categories];\n let index = findIndexById(item.catId, _categories);\n if (index > -1) {\n _categories[index] = item;\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Category Updated\", life: 3000 });\n } else {\n _categories.push(item);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Category Created\", life: 3000 });\n }\n setCategories(_categories);\n }\n const onDeleted = ()=>{\n let _items = categories.filter((val) => val.catId !== category.catId);\n setCategories(_items);\n setCategory(EMPTY_CATEGORY);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Category Deleted\", life: 3000 });\n }\n return (\n \n
\n
\n \n\n {setCategory({ ...row }); setEditDialogVisible(true);}}\n openDeleteDialog={(rowData) => {setCategory(rowData); setDeleteDialogVisible(true);}}\n >\n\n setEditDialogVisible(false)}\n setStateErrorDialog={setStateErrorDialog} \n />\n\n setDeleteDialogVisible(false)}\n deleteItem={deleteItem}\n onDeleted={onDeleted}\n setStateErrorDialog={setStateErrorDialog}\n />\n\n \n
\n
\n
\r\n
\r\n );\r\n };\r\n\r\n const header = (\r\n \r\n
Circuits
\r\n
\r\n \r\n \r\n setGlobalFilter(e.target.value)} placeholder=\"Search Circuit\" />\r\n \r\n
\r\n
\r\n \r\n \r\n {submitted && !item.cirName && (\r\n Name is required.\r\n )}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n
Location
\r\n\r\n \r\n
\r\n \r\n \r\n {submitted && !item.couId && (\r\n Country is required.\r\n )}\r\n
\r\n
\r\n \r\n \r\n {submitted && !item.cirState && (\r\n State/Province is required.\r\n )}\r\n
\r\n
\r\n \r\n \r\n {submitted && !item.cirCity && (\r\n City is required.\r\n )}\r\n
\r\n \r\n );\r\n};\r\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport { Toast } from \"primereact/toast\";\n\n\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogNoAuthorizedSet, ErrorDialogSet, ErrorDialogSetResponse } from \"../../dialogs/ErrorDialog\";\nimport { CircuitsService } from \"../../service/CircuitsService\";\n\n//Components\nimport { DeleteDialog } from \"./DeleteDialog\"\nimport { CircuitDataTable } from \"./CircuitDataTable\";\nimport { EditDialog } from \"./EditDialog\";\n\nconst EMPTY_CIRCUIT = {\n cirId:null,\n cirName: \"\",\n}\n\nexport const Circuits = () => {\n\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n const [loading, setLoading] = useState(true);\n\n const [circuit, setCircuit] = useState(EMPTY_CIRCUIT);\n const [circuits, setCircuits] = useState(null);\n\n const [editDialogVisible, setEditDialogVisible] = useState(false);\n const [deleteDialogVisible, setDeleteDialogVisible] = useState(false);\n\n const toast = useRef(null);\n\n useEffect(() => {\n try {\n const load = async () => {\n setLoading(true);\n\n const circuits = new CircuitsService();\n const res = await circuits.getAll();\n\n setCircuit(EMPTY_CIRCUIT);\n setCircuits(res);\n\n setLoading(false);\n };\n load();\n } catch (error) {\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n console.log(error);\n }\n }, []);\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n\n const deleteItem =() => {\n const circuitsService = new CircuitsService(); \n return circuitsService.deleteCircuits(circuit.cirId);\n }\n\n\n const findIndexById = (id,items) => {\n let index = -1;\n for (let i = 0; i < items.length; i++) {\n if (items[i].cirId === id) {\n index = i;\n break;\n }\n }\n return index;\n };\n const changeItems = (item) => {\n let _circuits = [...circuits];\n let index = findIndexById(item.cirId, _circuits);\n if (index > -1) {\n _circuits[index] = item;\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Circuit Updated\", life: 3000 });\n } else {\n _circuits.push(item);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Circuit Created\", life: 3000 });\n }\n setCircuits(_circuits);\n }\n const onDeleted = ()=>{\n let _items = circuits.filter((val) => val.cirId !== circuit.cirId);\n setCircuits(_items);\n setCircuit(EMPTY_CIRCUIT);\n toast.current.show({ severity: \"success\", summary: \"Successful\", detail: \"Circuit Deleted\", life: 3000 });\n }\n return (\n \n
\n
\n \n\n {setCircuit({ ...row }); setEditDialogVisible(true);}}\n openDeleteDialog={(rowData) => {setCircuit(rowData); setDeleteDialogVisible(true);}}\n >\n\n setEditDialogVisible(false)}\n setStateErrorDialog={setStateErrorDialog} \n />\n\n setDeleteDialogVisible(false)}\n deleteItem={deleteItem}\n onDeleted={onDeleted}\n setStateErrorDialog={setStateErrorDialog}\n />\n\n \n
\n
\n
\r\n props.openDialog(rowData)}\r\n />\r\n props.openDeleteDialog(rowData)}\r\n />\r\n
\r\n );\r\n };\r\n\r\n const header = (\r\n \r\n
Tracks
\r\n
\r\n \r\n \r\n setGlobalFilter(e.target.value)}\r\n placeholder=\"Search Track\"\r\n />\r\n \r\n props.openDialog(props.emptyItem)}\r\n />\r\n
\r\n
\n
Loading...
\n \n );\n\n const deleteItem = () => {\n const tracksService = new TracksService();\n return tracksService.deleteTrack(track.traId);\n };\n\n const findIndexById = (id, items) => {\n let index = -1;\n for (let i = 0; i < items.length; i++) {\n if (items[i].traId === id) {\n index = i;\n break;\n }\n }\n return index;\n };\n const changeItems = (item) => {\n let _tracks = [...tracks];\n let index = findIndexById(item.traId, _tracks);\n if (index > -1) {\n _tracks[index] = item;\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Track Updated\",\n life: 3000,\n });\n } else {\n _tracks.push(item);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Track Created\",\n life: 3000,\n });\n }\n setTracks(_tracks);\n };\n const onDeleted = () => {\n let _items = tracks.filter((val) => val.traId !== track.traId);\n setTracks(_items);\n setTrack(EMPTY_TRACKS);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Track Deleted\",\n life: 3000,\n });\n };\n return (\n \n
\n
\n \n\n {\n setTrack({ ...row });\n setEditDialogVisible(true);\n }}\n openDeleteDialog={(rowData) => {\n setTrack(rowData);\n setDeleteDialogVisible(true);\n }}\n >\n\n setEditDialogVisible(false)}\n setStateErrorDialog={setStateErrorDialog}\n />\n\n setDeleteDialogVisible(false)}\n deleteItem={deleteItem}\n onDeleted={onDeleted}\n setStateErrorDialog={setStateErrorDialog}\n />\n\n \n
\n
\n
\r\n props.openDialog(rowData)}\r\n />\r\n props.openDeleteDialog(rowData)}\r\n />\r\n
\r\n );\r\n };\r\n\r\n const header = (\r\n \r\n
\r\n history.goBack()}\r\n className=\"p-button-text btn-back txt-clrLight100\"\r\n />\r\n Sectors
\r\n
\r\n
\r\n \r\n \r\n setGlobalFilter(e.target.value)}\r\n placeholder=\"Search Sector\"\r\n />\r\n \r\n props.openDialog(props.emptyItem)}\r\n />\r\n
\r\n
\r\n \r\n \r\n {submitted && !item.secNumber && (\r\n \r\n A number greater than 0 is required.\r\n \r\n )}\r\n
\r\n\r\n \r\n
fileInputRef.current.click()}\r\n margin-left=\"auto\"\r\n margin-right=\"auto\"\r\n width=\"50%\"\r\n height=\"50%\"\r\n >\r\n \r\n {submitted && item.secPicpath === \"\" && (\r\n A image is required.\r\n )}\r\n
\r\n\r\n \r\n \r\n );\r\n};\r\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useParams } from \"react-router-dom\";\n\nimport { Toast } from \"primereact/toast\";\n\nimport {\n ErrorDialog,\n ErrorDialogEmpty,\n ErrorDialogNoAuthorizedSet,\n ErrorDialogSet,\n ErrorDialogSetResponse,\n} from \"../../dialogs/ErrorDialog\";\nimport { SectorsService } from \"../../service/SectorsService\";\n\n//Components\nimport { DeleteDialog } from \"./DeleteDialog\";\nimport { DataTableGrid } from \"./DataTableGrid\";\nimport { EditDialog } from \"./EditDialog\";\n\nconst EMPTY_SECTOR = {\n secId: null,\n secNumber: \"\",\n traId: null,\n secPicpath: \"\",\n};\n\nexport const Sectors = () => {\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n const [loading, setLoading] = useState(true);\n\n const [sector, setSector] = useState(EMPTY_SECTOR);\n const [sectors, setSectors] = useState(null);\n\n const [editDialogVisible, setEditDialogVisible] = useState(false);\n const [deleteDialogVisible, setDeleteDialogVisible] = useState(false);\n\n const toast = useRef(null);\n const params = useParams();\n\n useEffect(() => {\n try {\n const load = async () => {\n setLoading(true);\n\n const sectors = new SectorsService();\n const res = await sectors.getAllByTrack(params.trackId);\n\n EMPTY_SECTOR.traId = params.trackId;\n setSector(EMPTY_SECTOR);\n setSectors(res);\n\n setLoading(false);\n };\n load();\n } catch (error) {\n setStateErrorDialog(ErrorDialogNoAuthorizedSet(true, error));\n console.log(error);\n }\n }, []);\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const deleteItem = () => {\n const sectorsService = new SectorsService();\n return sectorsService.deleteSector(sector.secId);\n };\n\n const findIndexById = (id, items) => {\n let index = -1;\n for (let i = 0; i < items.length; i++) {\n if (items[i].secId === id) {\n index = i;\n break;\n }\n }\n return index;\n };\n const changeItems = (item) => {\n let _sectors = [...sectors];\n let index = findIndexById(item.secId, _sectors);\n if (index > -1) {\n _sectors[index] = item;\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Sector Updated\",\n life: 3000,\n });\n } else {\n _sectors.push(item);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Sector Created\",\n life: 3000,\n });\n }\n setSectors(_sectors);\n };\n const onDeleted = () => {\n let _items = sectors.filter((val) => val.secId !== sector.secId);\n setSectors(_items);\n setSector(EMPTY_SECTOR);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Sector Deleted\",\n life: 3000,\n });\n };\n return (\n \n
\n
\n \n\n {\n setSector({ ...row });\n setEditDialogVisible(true);\n }}\n openDeleteDialog={(rowData) => {\n setSector(rowData);\n setDeleteDialogVisible(true);\n }}\n >\n\n setEditDialogVisible(false)}\n setStateErrorDialog={setStateErrorDialog}\n />\n\n setDeleteDialogVisible(false)}\n deleteItem={deleteItem}\n onDeleted={onDeleted}\n setStateErrorDialog={setStateErrorDialog}\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 = \"The email or password are wrong. Try again! \";\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\n .updatePassword(userId, newPassword)\n .catch((res) => setStateErrorDialog(ErrorDialogSetResponse(res)));\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Password update\",\n life: 3000,\n });\n setVisibleChangePassword(false);\n } else {\n setStateErrorDialog(\n ErrorDialogSet(true, \"The confirm password does not match\")\n );\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 )}\n\n {visibleChangePassword && (\n \n )}\n \n );\n\n return (\n <>\n \n \n {!visibleChangePassword && (\n \n
\n
\n \n \n \n \n setUsername(e.target.value)}\n />\n \n \n
\n
\n
\n
\n
\n
\n setPassword(e.target.value)}\n autoComplete=\"off\"\n />\n \n \n
\n
\n
\n \n setNewPassword(e.target.value)}\n />\n \n \n
\n
\n
\n
\n \n setConfirmPassword(e.target.value)}\n />\n \n \n
\n
\n
\n
\n
Password recovery
\n
\n We will send a code to your email in order to restore your\n password.{\" \"}\n
\n\n
\n setUsername(e.target.value)}\n />\n {submitted && !username && (\n Email is required.\n )}\n {submitted && !isValid() && username && (\n \n Your email must be at least 8 characters.\n \n )}\n
\n\n
\n
props.onHandleBackToLogin()}\n />\n \n
\n
\n
\n
\n
\n
Password recovery
\n
\n {\"Please enter the code that has been sent to \" +\n mailAsterisked() +\n \" in order to restore your password.\"}{\" \"}\n
\n\n
\n \n setCodePass(e.target.value)}\n />\n {/* setCodePass(e.target.value)} /> */}\n {submitted && !codePass && (\n Code is required.\n )}\n {submitted && !isValid() && codePass && (\n \n The code is 4 characters long.\n \n )}\n
\n\n
\n
props.onHandleBackToForgotPassword()}\n />\n props.onHandleBackToForgotPassword()}\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 && (\n {props.messageRequired}\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
![\"Racer\"](\"assets/rally/login-bg.png\")
\n
\n
\n
\n
Loading...
\n \n );\n\n if (passworUpdated) {\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Password updated\",\n life: 3000,\n });\n setPassworUpdated(false);\n }\n\n const isValid = () => {\n if (\n username.length < 8 ||\n username.length > 50 ||\n password.length < 8 ||\n password.length > 20\n ) {\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 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 = \"The email or password are wrong. Try again! \";\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 }\n\n if (codePass) {\n return (\n \n );\n }\n\n if (createNewPass) {\n return (\n \n );\n }\n\n return (\n <>\n \n
\n {/* {!visibleChangePassword && ( */}\n
\n
\n
\n
Welcome to Racer
\n
\n \n setUsername(e.target.value)}\n />\n {submitted && !username && (\n Email is required.\n )}\n
\n\n
\n {/* {submitted && !password &&
Password is required. } */}\n {submitted && !isValid() && username && (\n
\n Your email and password must have at least 8 characters.\n \n )}\n\n
\n
\n {/* setChecked(e.checked)} />\n */}\n
\n\n
\n
\n\n
\n
\n
\n Help/Online Manual\n \n \n
\n {/* )} */}\n
\n
\n
\n
\n \n {props.visibleNewButtons && (\n \n )}\n {props.visibleNewButtons && (\n \n )}\n {props.visibleNewButtons && (\n \n )}\n {props.visibleNewButtons && (\n \n )}\n {props.visibleNewButtons && (\n \n )}\n {props.trackId && (\n \n )}\n {/* */}\n \n {(props.trackId || props.newImportPolyline) && (\n \n )}\n {(props.trackId || props.newImportPolyline) &&\n props.selectText === \"Save\" && (\n \n )}\n
\n\n
\n {/*
\n
\n
\n
\n
{props.trackStatusText}
\n
\n
\n
\n
\n \n {props.drawingMode === null && (\n \n )}\n
\n \n );\n};\n","import { Button } from \"primereact/button\";\n\nexport const NewPoiMenu = (props) => {\n return (\n \n
\n
\n
New POI
\n
\n {props.coordatesText || \"No coordinates available\"}\n
\n\n {/*
\n\n
\n \n \n
\n
\n
\n
\n
{props.title}
\n
\n {props.coordatesText || \"No coordinates available\"}\n
\n
\n\n
\n \n {props.drawingMode === null && (\n \n )}\n
\n
\n
\n \n \n
\n\n
\n \n\n x.value == props.poiDetails.icon)}\n components={{ Option: IconOption }}\n onChange={(e) => {\n changeIcon(e.value, props.poiDetails, props.setPoiDetails);\n }}\n className={\"pois-icons\"}\n />\n
\n\n
\n \n \n
\n
\n \n \n
\n
\n props.setNewPolylineModal(false)}\n />\n {\n props.save(item.trackId, item.trackName);\n props.setNewPolylineModal(false);\n }}\n />\n
\n );\n\n return (\n props.setNewPolylineModal(false)}\n >\n \n
\n \n \n
\n\n {/*
\n \n \n
*/}\n\n {props.erroMessage != \"\" && (\n
{props.erroMessage}
\n )}\n
\n this.openPoiModal(false) //this.setPoiModalState(false)\n }\n />\n this.updatePoiData(e)}\n />\n
\n );\n\n async initializePois(edit) {\n try {\n this.editablePoints.current = edit;\n var response = await this.mapService.getPoisByEventId(this.eventId);\n var pois = [];\n response.data.pois.forEach((item, index) => {\n var data = {\n lat: parseFloat(item.Lat),\n lng: parseFloat(item.Long),\n index,\n isOpen: false,\n input: React.createRef(),\n description: item.Description,\n id: item.Id,\n icon: item.Icon,\n };\n pois.push(data);\n });\n this.buildPois(pois, edit);\n } catch (error) {\n this.showToast(\n ``,\n \"An error has occurred trying to get the pois\",\n \"error\"\n );\n console.log(error);\n }\n }\n\n comparePoints(uno, dos) {\n for (let i = 0; i < uno.length; i++) {\n if (\n uno[i].lat != dos[i].lat ||\n uno[i].lng != dos[i].lng ||\n uno[i].description != dos[i].description ||\n uno[i].icon != dos[i].icon\n )\n return false;\n }\n return true;\n }\n\n async poisModified(eventId) {\n //Compara pois\n var response = await this.mapService.getPoisByEventId(eventId);\n var _pois = [];\n response.data.pois.forEach((item, index) => {\n var data = {\n lat: parseFloat(item.Lat),\n lng: parseFloat(item.Long),\n description: item.Description,\n id: item.Id,\n icon: item.Icon,\n };\n _pois.push(data);\n });\n\n console.log(_pois);\n\n if (this.poiValues.length != _pois.length) return true;\n\n if (!this.comparePoints(this.poiValues, _pois)) return true;\n\n return false;\n }\n\n buildPois(pois, parEditable) {\n const listItems = pois.map((poi, index) => {\n poi.index = index;\n\n let icon = {\n url: this.getSvgPath(poi.icon),\n };\n\n let editable = parEditable || poi.new !== undefined;\n\n return (\n {\n poi.isOpen = !poi.isOpen;\n this.buildPois(pois, parEditable);\n }}\n onDblClick={() => {}}\n onDragEnd={(e) => {\n poi.lat = e.latLng.lat();\n poi.lng = e.latLng.lng();\n this.buildPois(pois, parEditable);\n }}\n >\n {poi.isOpen && (\n {\n poi.isOpen = !poi.isOpen;\n this.buildPois(pois, parEditable);\n }}\n >\n \n {\n <>\n
\n
{poi.description}
\n\n {editable && (\n
\n this.openModal(poi)}\n />\n this.deletePoi(pois, poi)}\n />\n
\n )}\n
\n {/*
\n {parseFloat(poi.lat).toFixed(5)},{\" \"}\n {parseFloat(poi.lng).toFixed(5)}\n
*/}\n \n }\n
\n
Loading...
\n \n );\n\n // const onInputChange = (e, name) => {\n // const val = (e && e.value) || \"\";\n // let _item = { ...user };\n // _item[`${name}`] = val;\n\n // setUser(_item);\n // };\n\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _user = { ...user };\n _user[`${name}`] = val;\n\n setUser(_user);\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 const closeCancel = () => {\n props.onClose(null);\n };\n const closeOk = (_item) => {\n setSubmitted(false);\n props.onClose(_item);\n };\n const cancel = () => {\n closeCancel();\n };\n\n const saveItem = async () => {\n setSubmitted(true);\n\n try {\n if (validateRequired()) {\n let _item = { ...user };\n\n if (_item.useId) {\n let userService = new UserService();\n userService\n .updateName(_item)\n .then(() => {\n closeOk(_item);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n // else {\n // let userService = new userService();\n // userService\n // .createLicense(_item)\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 } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { InputText } from \"primereact/inputtext\";\n// import { Calendar } from \"primereact/calendar\";\n// import { InputNumber } from \"primereact/inputnumber\";\n\nimport { $ } from \"react-jquery-plugin\";\n\nimport { Utils } from \"../../utilities/Utils\";\nimport { ErrorDialog, ErrorDialogEmpty, ErrorDialogSet, ErrorDialogSetResponse, ErrorDialogNoAuthorizedSet } from \"../ErrorDialog\";\nimport { UserService } from \"../../service/UserService\";\nimport { Password } from \"../../components/login/Password\";\n\nexport const EmailPersonalEditDialog = (props) => {\n let emptyUser = {\n useId: null,\n useName: \"\",\n useSurname: \"\",\n useEmail: \"\",\n usePhone: \"\",\n RolesId: [],\n };\n\n const [loading, setLoading] = useState(true);\n const [visible, setVisible] = useState(null);\n const [submitted, setSubmitted] = useState(false);\n\n const [user, setUser] = useState(emptyUser);\n const [password, setPassword] = useState(\"\");\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 _user = { ...props.user };\n setUser(_user);\n setPassword(\"\");\n\n setLoading(false);\n };\n load();\n }, [props.visibleDialog, props.user]);\n\n if (loading)\n return (\n \n
Loading...
\n \n );\n\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || \"\";\n let _user = { ...user };\n _user[`${name}`] = val;\n\n setUser(_user);\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 && password;\n };\n\n const closeCancel = () => {\n props.onClose(null);\n };\n const closeOk = (_item) => {\n setSubmitted(false);\n props.onClose(_item);\n };\n const cancel = () => {\n closeCancel();\n };\n\n const saveItem = async () => {\n setSubmitted(true);\n\n try {\n if (validateRequired()) {\n let _item = { ...user };\n\n if (_item.useId) {\n let userService = new UserService();\n userService\n .updateEmailValidatedByPassword(_item.useEmail, password)\n .then(() => {\n closeOk(_item);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n // else {\n // let userService = new userService();\n // userService\n // .createLicense(_item)\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\n const isValid = () => {\n if (user.useEmail.length < 8 || user.useEmail.length > 50 || password.length < 8 || password.length > 20) {\n return false;\n }\n return true;\n };\n\n return (\n <>\n \n\n \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\";\n// import { Calendar } from \"primereact/calendar\";\n// import { InputNumber } from \"primereact/inputnumber\";\n\nimport { $ } from \"react-jquery-plugin\";\n\nimport { Utils } from \"../../utilities/Utils\";\nimport {\n ErrorDialog,\n ErrorDialogEmpty,\n ErrorDialogSet,\n ErrorDialogSetResponse,\n ErrorDialogNoAuthorizedSet,\n} from \"../ErrorDialog\";\nimport { UserService } from \"../../service/UserService\";\nimport { Password } from \"../../components/login/Password\";\n\nexport const PasswordPersonalEditDialog = (props) => {\n let emptyUser = {\n useId: null,\n useName: \"\",\n useSurname: \"\",\n useEmail: \"\",\n usePhone: \"\",\n RolesId: [],\n };\n\n const [loading, setLoading] = useState(true);\n const [visible, setVisible] = useState(null);\n const [submitted, setSubmitted] = useState(false);\n\n const [user, setUser] = useState(emptyUser);\n const [password, setPassword] = useState(\"\");\n const [newPassword, setNewPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\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 setUser(props.user);\n\n setLoading(false);\n };\n load();\n }, [props.visibleDialog, props.user]);\n\n if (loading)\n return (\n \n
Loading...
\n \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 const validatePasswords = () => {\n let val = Utils.validPassword(newPassword);\n // && Utils.validPassword(confirmPassword));\n\n return val;\n };\n\n const closeCancel = () => {\n props.onClose(null);\n };\n const closeOk = (_item) => {\n setSubmitted(false);\n props.onClose(_item);\n };\n const cancel = () => {\n closeCancel();\n };\n\n const saveItem = async () => {\n setSubmitted(true);\n\n try {\n if (validateRequired() && validatePasswords()) {\n let userService = new UserService();\n userService\n .updatePasswordWithValidation(password, newPassword)\n .then(() => {\n closeOk(user);\n })\n .catch((res) => {\n setStateErrorDialog(ErrorDialogSetResponse(res));\n });\n }\n } catch (error) {\n setStateErrorDialog(ErrorDialogSet(true, \"\"));\n }\n };\n\n const isMatch = () => {\n if (newPassword !== confirmPassword) {\n return false;\n }\n return true;\n };\n\n const eventDialogFooter = (\n <>\n \n \n \n );\n return (\n <>\n \n \n
\n
\n\n {/* setPassword(e.target.value)} /> */}\n Your password must be between 8 and 20 characters long, including a number and a capital letter.
} */}\n\n \n
\n
\n {/* {\n setNewPassword(e.target.value);\n }} maxLength=\"20\"\n /> */}\n \n
\n
\n {/* setConfirmPassword(e.target.value)} /> */}\n \n Your password must have between 8 and 20 characters long, including\n a number and a capital letter.\n
\n )}\n {!isMatch() && (\n \n Passwords do not match please check\n
\n )}\n \n\n \n \n );\n};\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport { Toast } from \"primereact/toast\";\nimport { Button } from \"primereact/button\";\nimport { FileUpload } from \"primereact/fileupload\";\n\nimport { TokenAuthService } from \"../service/TokenAuthService\";\n\nimport { HeaderPageDetail } from \"../components/headers/HeaderPageDetail\";\n\nimport {\n ErrorDialog,\n ErrorDialogEmpty,\n ErrorDialogSet,\n ErrorDialogNoAuthorizedSet,\n ErrorDialogSetResponse,\n} from \"../dialogs/ErrorDialog\";\nimport { useParams } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\nimport { UserService } from \"../service/UserService\";\n\nimport { NamePersonalEditDialog } from \"../dialogs/personalEditDialog/namePersonalEditDialog.js\";\nimport { EmailPersonalEditDialog } from \"../dialogs/personalEditDialog/emailPersonalEditDialog.js\";\nimport { PasswordPersonalEditDialog } from \"../dialogs/personalEditDialog/passwordPersonalEditDialog.js\";\nimport { type_roles } from \"../utilities/const\";\n\nconst apiUrl = process.env.REACT_APP_API_URL;\n\nexport const PersonalDetails = () => {\n let emptyUser = {\n Id: null,\n FirstName: \"\",\n Lastame: \"\",\n Email: \"\",\n Phone: \"\",\n RolesId: [],\n };\n\n const [spinning, setSpinning] = useState(false);\n const [stateErrorDialog, setStateErrorDialog] = useState(ErrorDialogEmpty);\n const [loading, setLoading] = useState(true);\n\n const [user, setUser] = useState(emptyUser);\n const [roles, setRoles] = useState(\"\");\n const [visibleNameDialog, setVisibleNameDialog] = useState(false);\n const [visibleEmailDialog, setVisibleEmailDialog] = useState(false);\n const [visiblePasswordDialog, setVisiblePasswordDialog] = useState(false);\n const [avatarPath, setAvatarPath] = useState();\n\n const toast = useRef(null);\n const params = useParams();\n const history = useHistory();\n const fileInputRef = useRef();\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 auth = new TokenAuthService();\n const _cookieeUser = auth.getUser();\n setRoles(type_roles[_cookieeUser.roles[0].name]);\n\n const userService = new UserService();\n const _user = await userService.get(_cookieeUser.id);\n\n if (_user) {\n setUser(_user);\n\n setAvatarPath(_user.useAvatar);\n }\n\n setLoading(false);\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 showNameDialog = () => {\n setVisibleNameDialog(true);\n };\n const hideNameDialog = (_user) => {\n if (_user) {\n setUser(_user);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Personal details updated\",\n life: 3000,\n });\n }\n setVisibleNameDialog(false);\n };\n\n const showEmailDialog = () => {\n setVisibleEmailDialog(true);\n };\n const hideEmailDialog = (_user) => {\n if (_user) {\n setUser(_user);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Personal details updated\",\n life: 3000,\n });\n }\n setVisibleEmailDialog(false);\n };\n\n const showPasswordDialog = () => {\n setVisiblePasswordDialog(true);\n };\n const hidePasswordDialog = (_user) => {\n if (_user) {\n setUser(_user);\n toast.current.show({\n severity: \"success\",\n summary: \"Successful\",\n detail: \"Personal details updated\",\n life: 3000,\n });\n }\n setVisiblePasswordDialog(false);\n };\n\n const leftColumnTemplate = () => {\n // return BACK
;\n return (\n \n history.goBack()}\n className=\"p-button-text btn-back \"\n />\n
\n );\n };\n\n const rightColumnTemplate = () => {\n return ;\n };\n const fullColumnTemplate = () => {\n return (\n <>\n Personal Details
\n \n {user.useName + \" \" + user.useSurname}\n
\n \n );\n };\n\n const handleChange = async (e) => {\n try {\n if (!spinning) {\n const userService = new UserService();\n setSpinning(true);\n let filename = await userService.uploadAvatar(\n e.target.files[0],\n user.useId\n );\n setAvatarPath(filename.data.fileName);\n const auth = new TokenAuthService();\n auth.updateAvatar(filename.data.fileName);\n setSpinning(false);\n window.location.reload();\n }\n } catch (error) {\n setSpinning(false);\n toast.current.show({\n severity: \"error\",\n detail: \"An error has occurred trying to get the driver position.\",\n life: 3000,\n });\n }\n };\n\n return (\n \n
\n
\n
\n
\n\n
\n {avatarPath === null && (\n
fileInputRef.current.click()}\n >\n {user.useName[0].toUpperCase() +\n user.useSurname[0].toUpperCase()}\n \n )}\n {spinning && (\n
\n )}\n\n {avatarPath !== null && (\n
\n
fileInputRef.current.click()}\n width=\"100%\"\n height=\"100%\"\n >\n \n )}\n\n
\n\n
\n\n
\n
\n
FIRST NAME
\n
{user.useName}
\n
\n
\n
LAST NAME
\n
{user.useSurname}
\n
\n
\n \n
\n
\n\n
\n
\n
EMAIL
\n
{user.useEmail}
\n
\n
\n \n
\n
\n\n
\n
\n\n
\n \n \n\n \n \n
\n \n )\n }\n\n const priceBodyTemplate = (rowData) => {\n return (\n <>\n Price\n {formatCurrency(rowData.price)}\n \n );\n }\n\n const categoryBodyTemplate = (rowData) => {\n return (\n <>\n Category\n {rowData.category}\n \n );\n }\n\n const ratingBodyTemplate = (rowData) => {\n return (\n <>\n Reviews\n \n \n );\n }\n\n const statusBodyTemplate = (rowData) => {\n return (\n <>\n Status\n {rowData.inventoryStatus}\n \n )\n }\n\n const actionBodyTemplate = (rowData) => {\n return (\n \n
\n );\n }\n\n const header = (\n \n
Manage Products
\n \n \n setGlobalFilter(e.target.value)} placeholder=\"Search...\" />\n \n \n );\n\n const productDialogFooter = (\n <>\n \n \n \n );\n const deleteProductDialogFooter = (\n <>\n \n \n \n );\n const errorDialogFooter = (\n <>\n \n \n );\n const deleteProductsDialogFooter = (\n <>\n \n \n \n );\n\n return (\n \n
\n
\n
\n
\n\n
setSelectedProducts(e.value)}\n dataKey=\"id\" paginator rows={10} rowsPerPageOptions={[5, 10, 25]} className=\"datatable-responsive\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} products\"\n globalFilter={globalFilter} emptyMessage=\"No products found.\" 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
\n
\n\n
\n
\n
\n
\n
\n
\n
Empty Page
\n
Use this page to start from scratch and place your custom content.
\n
\n
\n
\n
\n
\n
Display
\n
Efficiently configure the display of the component with PrimeFlex display utilities.
\n\n
Inline
\n
\n
\n\n
Block
\n
\n
\n\n
Visible on a Small Screen
\n
Resize to view.
\n
\n\n
Hidden on a Small Screen
\n
Resize to hide.
\n
\n\n
Visible to Print, Invisible for Screen
\n
Only visible when printed.
\n\n
Visible to Screen, Invisible for Print
\n
Not available for printing.
\n
\n
\n
\n
\n
\n
Shadow
\n
Elevation is used to specify the separation between surfaces and elements along the z-axis. There are 24 style classes (.p-shadow-{`{level}`}) to define the elevation layers.
\n\n
\n {cols}\n
\n
\n
\n
\n
Grid System
\n
Grid is a lightweight flex based responsive layout utility optimized for mobile phones, tablets and desktops.
\n\n
Basic
\n
\n\n
Dynamic
\n
\n
\n\n
\n {\n columns.map(col =>\n
\n )\n }\n
\n\n
Reverse Direction
\n
\n\n
Column Direction
\n
\n\n
Reverse Column Direction
\n
\n\n
12 Column Grid
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n\n
MultiLine
\n
\n\n
Fixed Width Column
\n
\n\n
Responsive
\n
\n
\n
p-col-12 p-md-6 p-lg-3
\n
\n
\n
p-col-12 p-md-6 p-lg-3
\n
\n
\n
p-col-12 p-md-6 p-lg-3
\n
\n
\n
p-col-12 p-md-6 p-lg-3
\n
\n
\n\n
Horizontal Alignment - Start
\n
\n\n
Horizontal Alignment - End
\n
\n\n
Horizontal Alignment - Center
\n
\n\n
Horizontal Alignment - Between
\n
\n\n
Horizontal Alignment - Around
\n
\n\n
Horizontal Alignment - Even
\n
\n\n
Vertical Alignment - Start
\n
\n\n
Vertical Alignment - End
\n
\n\n
Vertical Alignment - Center
\n
\n\n
Vertical Alignment - Stretch
\n
\n\n
Vertical Alignment - Per Column
\n
\n\n
Offset
\n
\n\n
\n\n
Nested
\n
\n\n
Panels
\n
\n
\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat\n\t\t\t\t\t\tcupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\n \n
\n
\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat\n\t\t\t\t\t\tcupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\n \n
\n
\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat\n\t\t\t\t\t\tcupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\n \n
\n
\n
\n
\n
\n
Text
\n
Manage the alignment and the styling of a text with PrimeFlex text utilities.
\n\n
Alignment
\n
Left
\n
Center
\n
Right
\n\n
Wrap
\n
Long text wraps and does not overlow.
\n
Long text does not wrap and overflows the parent.
\n
Long text does not wrap and overflows the parent.
\n\n
Transform
\n
LOWERCASE
\n
uppercase
\n
capitalize
\n\n
Style
\n
Bold
\n
Normal
\n
Light
\n
Italic
\n
\n
\n
\n
\n
\n
Heading 1
\n Heading 2
\n Heading 3
\n Heading 4
\n Heading 5
\n Heading 6
\n \n\n
\n
Blockquote
\n
Libero voluptatum atque exercitationem praesentium provident odit aperiam.
\n
\n
\n\n
\n
\n
Paragraph
\n
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero voluptatum atque\n exercitationem praesentium provident odit aperiam, vitae fugit\n\t\t\t\t\tdolores nostrum laborum accusamus quia iste facere possimus minus itaque error unde.
\n
\n\n
\n
Text Styles
\n
Highlight text.
\n
Deleted text.
\n
Underlined Text
\n
Small text.
\n
Bold text.
\n
Italic Text.
\n
\n
\n
\n {/*
*/}\n\n {/* logged deberia estar en True para mostrar Sidebar */}\n
\n \n {/* //*Comento logo de app\n \n
\n
\n
\n
\n Help/Online Manual\n \n \n
\n
\n
Powered by
\n
2022
\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 \n \n \n \n \n \n \n \n {/*\n \n */}\n \n \n \n
\n\n {/* */}\n\n {/* */}\n \n );\n};\n\nexport default App;\n","import { useEffect } from 'react';\nimport { useLocation, withRouter } from 'react-router-dom';\n\nconst ScrollToTop = (props) => {\n\n let location = useLocation();\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [location]);\n\n return props.children;\n}\n\nexport default withRouter(ScrollToTop);\n","export default __webpack_public_path__ + \"static/media/sharpgrotesk-medium20-webfont.69ced77e.woff\";","export default __webpack_public_path__ + \"static/media/sharpgrotesk-medium20-webfont.a35f4fff.woff2\";","import \"react-app-polyfill/ie11\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport \"./fonts/sharpgrotesk-medium20-webfont.woff\";\nimport \"./fonts/sharpgrotesk-medium20-webfont.woff2\";\n\n//import * as serviceWorker from './serviceWorker';\nimport { HashRouter } from \"react-router-dom\";\nimport ScrollToTop from \"./ScrollToTop\";\nimport { AppProvider } from \"./AppContext\";\n\nReactDOM.render(\n \n \n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n"],"sourceRoot":""}
}>