\r\n this.updateSearchText(e)} onFocus={() => this.handleFocus()} autoComplete=\"off\" required={isRequired} />\r\n \r\n {this.renderResults()}\r\n
\r\n );\r\n }\r\n}","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst stopApiRoutes = {\r\n defaultRoute: \"stop/\"\r\n};\r\n\r\nexport class StopAPI {\r\n static getNearStops(latitude, longitude, radius) {\r\n const url = `${stopApiRoutes.defaultRoute}${latitude}/${longitude}/${radius}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getStopTimes(provider, stopId) {\r\n const url = `${stopApiRoutes.defaultRoute}${provider}/${stopId}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { StopAPI } from '../../api/StopAPI';\r\n\r\nexport class StopCommand {\r\n getNearStops(latitude, longitude, radius, successCallback, errorCallback) {\r\n const apiResult = StopAPI.getNearStops(latitude, longitude, radius);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getStopTimes(provider, stopId, successCallback, errorCallback) {\r\n const apiResult = StopAPI.getStopTimes(provider, stopId);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst poiApiRoutes = {\r\n defaultRoute: \"poi/\"\r\n};\r\n\r\nexport class POIAPI {\r\n static getNearPOI(latitude, longitude, radius) {\r\n const url = `${poiApiRoutes.defaultRoute}${latitude}/${longitude}/${radius}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { POIAPI } from '../../api/POIAPI';\r\n\r\nexport class POICommand {\r\n getNearPOI(latitude, longitude, radius, successCallback, errorCallback) {\r\n const apiResult = POIAPI.getNearPOI(latitude, longitude, radius);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst providerApiRoutes = {\r\n defaultRoute: \"provider/\",\r\n providerLines: \"provider/lines/\",\r\n linePaths: \"provider/paths/\"\r\n};\r\n\r\nexport class ProviderAPI {\r\n static getProviders() {\r\n const url = `${providerApiRoutes.defaultRoute}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getProviderLines(providerName) {\r\n const url = `${providerApiRoutes.providerLines}${providerName}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getProviderLinePaths(lineIds) {\r\n const url = `${providerApiRoutes.linePaths}${lineIds}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { ProviderAPI } from '../../api/ProviderAPI';\r\n\r\nexport class ProviderCommand {\r\n getProviders(successCallback, errorCallback) {\r\n const apiResult = ProviderAPI.getProviders();\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getProviderLines(providerName, successCallback, errorCallback) {\r\n const apiResult = ProviderAPI.getProviderLines(providerName);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getProviderLinePaths(lineIds, successCallback, errorCallback) {\r\n const apiResult = ProviderAPI.getProviderLinePaths(lineIds);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}","import L from 'leaflet';\r\n\r\nconst stopIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/stopIcon.png'),\r\n iconAnchor: new L.Point(12.5, 12.5),\r\n iconSize: new L.Point(25, 25)\r\n});\r\n\r\nconst selectedStopIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/selectedStopIcon.png'),\r\n iconAnchor: new L.Point(12.5, 12.5),\r\n iconSize: new L.Point(25, 25)\r\n});\r\n\r\nconst ticketOfficeIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/ticketOfficeIcon.png'),\r\n iconAnchor: new L.Point(25, 25),\r\n iconSize: new L.Point(50, 50)\r\n});\r\n\r\nconst selectedTicketOfficeIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/selectedTicketOfficeIcon.png'),\r\n iconAnchor: new L.Point(25, 25),\r\n iconSize: new L.Point(50, 50)\r\n});\r\n\r\nconst lineInfoStopIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/lineInfoStopIcon.png'),\r\n iconAnchor: new L.Point(7.5, 7.5),\r\n iconSize: new L.Point(15, 15)\r\n});\r\n\r\nconst lineInfoSelectedStopIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/lineInfoSelectedStopIcon.png'),\r\n iconAnchor: new L.Point(7.5, 7.5),\r\n iconSize: new L.Point(15, 15)\r\n});\r\n\r\nconst routeOriginIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/routeOriginIcon.png'),\r\n iconAnchor: new L.Point(15, 15),\r\n iconSize: new L.Point(30, 30)\r\n});\r\n\r\nconst routeDestinationIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/routeDestinationIcon.png'),\r\n iconAnchor: new L.Point(15, 15),\r\n iconSize: new L.Point(30, 30)\r\n});\r\n\r\nconst vehicleIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/vehicle.png'),\r\n iconAnchor: new L.Point(20, 10),\r\n iconSize: new L.Point(40, 20)\r\n});\r\n\r\nconst clusterIcon = (cluster) => {\r\n let markerCount = cluster.getChildCount();\r\n let html = '' + markerCount + '
';\r\n return L.divIcon({ html: html, className: 'marker-cluster', iconSize: L.point(50, 50), iconAnchor: L.point(25, 25) });\r\n}\r\n\r\nexport { stopIcon, selectedStopIcon, ticketOfficeIcon, selectedTicketOfficeIcon, lineInfoStopIcon, lineInfoSelectedStopIcon, routeOriginIcon, routeDestinationIcon, vehicleIcon, clusterIcon };\r\n","import React, { Component } from 'react';\r\n\r\nexport class RecenterButton extends Component {\r\n render() {\r\n const { className, recenter } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\n\r\nexport class FilterLinesButton extends Component {\r\n render() {\r\n const { className, filter } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { MapContainer, Polyline, TileLayer } from 'react-leaflet';\r\nimport 'leaflet/dist/leaflet.css';\r\nimport { useMap, useMapEvents, Marker, Tooltip } from 'react-leaflet';\r\nimport MarkerClusterGroup from 'react-leaflet-markercluster';\r\nimport { SearchBar } from '../SearchBar';\r\nimport { StopCommand } from '../commands/StopCommand';\r\nimport { POICommand } from '../commands/POICommand';\r\nimport { ProviderCommand } from '../commands/ProviderCommand';\r\nimport { stopIcon, selectedStopIcon, ticketOfficeIcon, selectedTicketOfficeIcon, clusterIcon } from '../leaflet/StopIcons';\r\nimport { Row, Col, ListGroup, ListGroupItem, Spinner } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\nimport { RecenterButton } from '../RecenterButton';\r\nimport { FilterLinesButton } from '../FilterLinesButton';\r\n\r\nexport class StopPassingInfo extends Component {\r\n static contextTypes = {\r\n getState: PropTypes.func,\r\n setState: PropTypes.func,\r\n getLogo: PropTypes.func,\r\n getMapCenter: PropTypes.func,\r\n setMapCenter: PropTypes.func,\r\n recenter: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.stateKey = \"stopPassingInfo\";\r\n this.state = {\r\n commands: {\r\n stops: new StopCommand(),\r\n poi: new POICommand(),\r\n provider: new ProviderCommand()\r\n },\r\n nearStops: [],\r\n nearTO: [],\r\n lines: [],\r\n linesToDisplay: [],\r\n linePaths: [],\r\n linePathsToDisplay: [],\r\n mapRadius: 227753,\r\n selectedStop: undefined,\r\n selectedTO: undefined,\r\n selectedLine: undefined,\r\n displayLinesDropdown: false,\r\n isLoadingPassings: false,\r\n isToRecenter: true,\r\n displayLinesFilter: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { getState } = this.context;\r\n const state = getState(this.stateKey);\r\n\r\n if (undefined === state) {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n this.getProviders();\r\n } else {\r\n state.isToRecenter = true;\r\n this.setState(state, () => this.getStopTimes());\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { setState } = this.context;\r\n setState(this.stateKey, this.state);\r\n }\r\n\r\n setMapCenter(center, radius) {\r\n const { setMapCenter } = this.context;\r\n\r\n setMapCenter([center.lat, center.lng], () => {\r\n //Set the new map radius and get data\r\n this.setState({\r\n mapRadius: radius\r\n }, () => {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n });\r\n });\r\n }\r\n\r\n //NEAR STOPS\r\n getNearStops() {\r\n const { commands, mapRadius } = this.state;\r\n const { getMapCenter } = this.context;\r\n const mapCenter = getMapCenter();\r\n\r\n commands.stops.getNearStops(mapCenter[0], mapCenter[1], parseInt(mapRadius, 10), (r) => this.getNearStopsSuccessCallback(r));\r\n }\r\n\r\n getNearStopsSuccessCallback(result) {\r\n const { nearStops } = this.state;\r\n\r\n this.setState({\r\n nearStops: nearStops.concat(result.filter(r => nearStops.find(s => s.id === r.id) === undefined))\r\n });\r\n }\r\n //----------\r\n\r\n //NEAR Ticket Offices\r\n getNearPOI() {\r\n const { commands, mapRadius } = this.state;\r\n const { getMapCenter } = this.context;\r\n const mapCenter = getMapCenter();\r\n\r\n commands.poi.getNearPOI(mapCenter[0], mapCenter[1], parseInt(mapRadius, 10), (r) => this.getNearPOISuccessCallback(r))\r\n }\r\n\r\n getNearPOISuccessCallback(result) {\r\n const { nearTO } = this.state;\r\n\r\n this.setState({\r\n nearTO: nearTO.concat(result.filter(r => nearTO.find(s => s.id === r.id) === undefined))\r\n });\r\n }\r\n //----------\r\n\r\n //Get provider, provider lines & line paths\r\n getProviders() {\r\n const { commands } = this.state;\r\n commands.provider.getProviders((r) => this.providersSuccessCallback(r));\r\n }\r\n\r\n providersSuccessCallback(result) {\r\n if (1 === result.length) {\r\n this.getProviderLines(result[0]);\r\n }\r\n }\r\n\r\n getProviderLines(provider) {\r\n const { commands } = this.state;\r\n const providerName = undefined !== provider.name ? provider.name : \"\";\r\n commands.provider.getProviderLines(providerName, (r) => this.providerLinesSuccessCallback(r))\r\n }\r\n\r\n providerLinesSuccessCallback(result) {\r\n result.sort((a, b) => a.name.localeCompare(b.name));\r\n this.setState({\r\n lines: result,\r\n linesToDisplay: [...result]\r\n }, () => {\r\n this.getProviderLinePaths();\r\n });\r\n }\r\n\r\n getProviderLinePaths() {\r\n const { commands, lines } = this.state;\r\n commands.provider.getProviderLinePaths(lines.map(function (obj) { return obj.id }).join(\",\"), (r) => this.providerLinePathsSuccessCallback(r));\r\n }\r\n\r\n providerLinePathsSuccessCallback(result) {\r\n this.setState({\r\n linePaths: result,\r\n linePathsToDisplay: [...result]\r\n });\r\n }\r\n //----------\r\n\r\n //STOP TIMES\r\n getStopTimes() {\r\n this.setState({\r\n isToRecenter: false,\r\n isLoadingPassings: true\r\n });\r\n\r\n const { selectedStop, commands } = this.state;\r\n if (undefined !== selectedStop) {\r\n commands.stops.getStopTimes(selectedStop.provider, selectedStop.id, (r) => this.getStopTimesSuccessCallback(r));\r\n }\r\n }\r\n\r\n getStopTimesSuccessCallback(result) {\r\n const { selectedStop } = this.state;\r\n selectedStop.passings = result;\r\n\r\n this.setState({\r\n selectedStop: selectedStop,\r\n isLoadingPassings: false\r\n });\r\n }\r\n\r\n //Helper Functions\r\n handleSearchResultSelection(place, recenter) {\r\n if (place.type === 1) {\r\n this.handleStopSelection(place, recenter);\r\n } else if (place.type === 4) {\r\n this.handleTicketOfficeSelection(place, recenter);\r\n } else if (place.type === 3) {\r\n this.handleLineSelection(place);\r\n }\r\n\r\n }\r\n\r\n handleStopSelection(stop, recenter) {\r\n const { setMapCenter } = this.context;\r\n if (recenter) {\r\n setMapCenter([stop.coordX, stop.coordY], () => {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n });\r\n }\r\n\r\n this.setState({\r\n selectedStop: stop,\r\n selectedTO: undefined,\r\n isToRecenter: recenter\r\n }, () => {\r\n //if stop, get stop times\r\n if (1 === stop.type) {\r\n this.getStopTimes();\r\n }\r\n });\r\n }\r\n\r\n handleTicketOfficeSelection(ticketOffice, recenter) {\r\n const { setMapCenter } = this.context;\r\n if (recenter) {\r\n setMapCenter([ticketOffice.coordX, ticketOffice.coordY], () => {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n });\r\n }\r\n\r\n this.setState({\r\n selectedStop: undefined,\r\n selectedTO: ticketOffice,\r\n isToRecenter: recenter\r\n });\r\n }\r\n\r\n handleLineSelection(line) {\r\n const { lines, linePaths } = this.state;\r\n const { onSelectLine } = this.props;\r\n let selectedLine = lines.find(l => parseInt(l.id) === line.id);\r\n if (undefined !== line) {\r\n onSelectLine({ line: selectedLine, provider: selectedLine.provider, paths: linePaths.filter(p => p.lineId === parseInt(selectedLine.id)) });\r\n }\r\n }\r\n\r\n handlePathSelection(path) {\r\n const { lines, linePaths } = this.state;\r\n const { onSelectLine } = this.props;\r\n let line = lines.find(l => parseInt(l.id) === path.lineId);\r\n if (undefined !== line) {\r\n onSelectLine({ line: line, provider: line.provider, paths: linePaths.filter(p => p.lineId === parseInt(line.id)) });\r\n }\r\n }\r\n\r\n handleSearchClear() {\r\n this.setState({\r\n selectedStop: undefined,\r\n selectedTO: undefined\r\n });\r\n }\r\n\r\n handlePassingSelection(passing) {\r\n const { onSelectPassing } = this.props;\r\n const { selectedStop } = this.state;\r\n onSelectPassing({ passing: passing, provider: selectedStop.provider });\r\n }\r\n\r\n recenter() {\r\n const { recenter } = this.context;\r\n this.setState({\r\n isToRecenter: true\r\n }, () => {\r\n recenter(() => {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n })\r\n });\r\n }\r\n\r\n filterLines() {\r\n const { displayLinesFilter } = this.state;\r\n\r\n this.setState({\r\n displayLinesFilter: !displayLinesFilter\r\n })\r\n }\r\n\r\n handleLineCheckboxClick(checkbox, line) {\r\n const { linesToDisplay, linePaths, linePathsToDisplay } = this.state;\r\n\r\n if (checkbox.target.checked) {\r\n linesToDisplay.push(line);\r\n let newPaths = linePathsToDisplay.concat(linePaths.filter(p => p.lineId === parseInt(line.id)));\r\n\r\n this.setState({\r\n linesToDisplay: linesToDisplay,\r\n linePathsToDisplay: newPaths\r\n });\r\n } else {\r\n let newLines = linesToDisplay.filter(l => l.id !== line.id);\r\n let newPaths = linePathsToDisplay.filter(p => p.lineId !== parseInt(line.id));\r\n\r\n this.setState({\r\n linesToDisplay: newLines,\r\n linePathsToDisplay: newPaths\r\n });\r\n }\r\n }\r\n\r\n determineStopIcon(stop) {\r\n const { selectedStop } = this.state;\r\n\r\n if (undefined !== selectedStop && selectedStop.id === stop.id) {\r\n return selectedStopIcon;\r\n }\r\n\r\n return stopIcon;\r\n }\r\n\r\n determineTOIcon(ticketOffice) {\r\n const { selectedTO } = this.state;\r\n\r\n if (undefined !== selectedTO && selectedTO.id === ticketOffice.id) {\r\n return selectedTicketOfficeIcon;\r\n }\r\n\r\n return ticketOfficeIcon;\r\n }\r\n\r\n formatDuration(duration) {\r\n if (duration <= 60) {\r\n return `${duration}min`;\r\n }\r\n\r\n let h = Math.floor(duration / 60);\r\n let m = duration % 60;\r\n m = m < 10 ? '0' + m : m;\r\n return `${h}h ${m}min`;\r\n }\r\n\r\n determinePathColor(path) {\r\n const { lines } = this.state;\r\n let line = lines.find(l => parseInt(l.id) === path.lineId);\r\n if (undefined !== line && 0 !== line.lineColor) {\r\n return `rgba(${line.lineColorFormatted.r},${line.lineColorFormatted.g},${line.lineColorFormatted.b},${line.lineColorFormatted.a})`;\r\n }\r\n return \"#bc8627\";\r\n }\r\n\r\n isCheckboxChecked(line) {\r\n const { linesToDisplay } = this.state;\r\n return linesToDisplay.findIndex(l => l.id === line.id) !== -1;\r\n }\r\n\r\n //--------------\r\n\r\n renderPassingInfos() {\r\n const { selectedStop, isLoadingPassings } = this.state;\r\n\r\n //If not loading, but selected stop or selected stop passings are undefined, return nothing\r\n if (!isLoadingPassings && (undefined === selectedStop || undefined === selectedStop.passings)) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MonthSelector;\r\n","import React, { useRef, useEffect } from 'react';\r\n\r\nimport { MINIMUM_SELECTABLE_YEAR_SUBTRACT, MAXIMUM_SELECTABLE_YEAR_SUM } from '../shared/constants';\r\nimport handleKeyboardNavigation from '../shared/keyboardNavigation';\r\nimport { useLocaleUtils } from '../shared/hooks';\r\n\r\nconst YearSelector = ({\r\n isOpen,\r\n activeDate,\r\n onYearSelect,\r\n selectorStartingYear,\r\n selectorEndingYear,\r\n maximumDate,\r\n minimumDate,\r\n locale,\r\n}) => {\r\n const wrapperElement = useRef(null);\r\n const yearListElement = useRef(null);\r\n\r\n const { getLanguageDigits, getToday } = useLocaleUtils(locale);\r\n const startingYearValue =\r\n selectorStartingYear || getToday().year - MINIMUM_SELECTABLE_YEAR_SUBTRACT;\r\n const endingYearValue = selectorEndingYear || getToday().year + MAXIMUM_SELECTABLE_YEAR_SUM;\r\n const allYears = [];\r\n for (let i = startingYearValue; i <= endingYearValue; i += 1) {\r\n allYears.push(i);\r\n }\r\n useEffect(() => {\r\n const classToggleMethod = isOpen ? 'add' : 'remove';\r\n const activeSelectorYear = wrapperElement.current.querySelector(\r\n '.Calendar__yearSelectorItem.-active',\r\n );\r\n if (!activeSelectorYear) {\r\n throw new RangeError(\r\n `Provided value for year is out of selectable year range. You're probably using a wrong locale prop value or your provided value's locale is different from the date picker locale. Try changing the 'locale' prop or the value you've provided.`,\r\n );\r\n }\r\n wrapperElement.current.classList[classToggleMethod]('-faded');\r\n yearListElement.current.scrollTop =\r\n activeSelectorYear.offsetTop - activeSelectorYear.offsetHeight * 5;\r\n yearListElement.current.classList[classToggleMethod]('-open');\r\n }, [isOpen]);\r\n\r\n const renderSelectorYears = () => {\r\n return allYears.map(item => {\r\n const isAfterMaximumDate = maximumDate && item > maximumDate.year;\r\n const isBeforeMinimumDate = minimumDate && item < minimumDate.year;\r\n const isSelected = activeDate.year === item;\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if (0 !== selectedStop.passings.length) {\r\n return (\r\n selectedStop.passings.map((passing, index) =>\r\n this.handlePassingSelection(passing)}>\r\n \r\n 
: null}\r\n {this.formatDuration(passing.duration)}\r\n \r\n
\r\n \r\n )\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n\r\n renderTicketOfficeInfo() {\r\n const { selectedTO } = this.state;\r\n\r\n if (undefined === selectedTO) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {\r\n onMonthSelect(monthNumber);\r\n }}\r\n className=\"Calendar__monthSelectorItemText\"\r\n type=\"button\"\r\n disabled={isAfterMaximumDate || isBeforeMinimumDate}\r\n aria-pressed={isSelected}\r\n data-is-default-selectable={isSelected}\r\n >\r\n {persianMonth}\r\n \r\n \r\n );\r\n });\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderPassingsList()}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderPassingsList() {\r\n const { selectedStop, isLoadingPassings } = this.state;\r\n\r\n if (isLoadingPassings) {\r\n return (\r\n \r\n \r\n
\r\n
\r\n this.getStopTimes()} />\r\n
\r\n\r\n this.handleSearchClear()} />\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n : null}\r\n {this.formatDuration(passing.duration)}\r\n \r\n \r\n 
\r\n );\r\n }\r\n\r\n renderLinesFilter() {\r\n const { lines } = this.state;\r\n return (\r\n [place.coordX, place.coordY])}\r\n color={this.determinePathColor(path)}\r\n eventHandlers={{\r\n click: () => {\r\n this.handlePathSelection(path);\r\n }\r\n }} />\r\n );\r\n }\r\n\r\n return (\r\n \r\n {\r\n path.shape.segments.map((segment, idx) => \r\n [breakpoint.latitude, breakpoint.longitude])}\r\n color={this.determinePathColor(path)}\r\n eventHandlers={{\r\n click: () => {\r\n this.handlePathSelection(path);\r\n }\r\n }} />\r\n )\r\n }\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { isToRecenter, nearStops, selectedStop, nearTO, selectedTO, linePathsToDisplay, displayLinesFilter } = this.state;\r\n const { getMapCenter } = this.context;\r\n\r\n return (\r\n [place.coordX, place.coordY]) : []}\r\n color=\"#bc8627\"\r\n eventHandlers={{\r\n click: () => {\r\n this.handlePathSelection(path);\r\n }\r\n }} />\r\n );\r\n }\r\n\r\n return (\r\n \r\n {\r\n path.shape.segments.map((segment, idx) =>\r\n [breakpoint.latitude, breakpoint.longitude])}\r\n color=\"#bc8627\"\r\n eventHandlers={{\r\n click: () => {\r\n this.handlePathSelection(path);\r\n }\r\n }} />\r\n )\r\n }\r\n \r\n );\r\n }\r\n\r\n renderPathStops(path) {\r\n if (undefined === path || undefined === path.places) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {place.name} ({place.code})\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {place.name} ({place.code})\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { path } = this.props;\r\n const { isToRecenter } = this.state;\r\n return (\r\n \r\n \r\n {this.renderPath(path)}\r\n \r\n \r\n {this.renderPathStops(path)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction SetBounds({ bounds, isToRecenter }) {\r\n const map = useMap();\r\n if (isToRecenter) {\r\n map.fitBounds(bounds);\r\n }\r\n return null;\r\n}\r\n","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport 'leaflet/dist/leaflet.css';\r\nimport { Container, Col, Row, Button, ListGroup, ListGroupItem } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\nimport { LinePathInfoMap } from './LinePathInfoMap';\r\n\r\n\r\nexport class LinePathInfo extends Component {\r\n static contextTypes = {\r\n getLogo: PropTypes.func,\r\n getMenuState: PropTypes.func,\r\n setMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n selectedPath: undefined,\r\n selectedPathStop: undefined,\r\n displayPathInfo: true,\r\n displayMap: true,\r\n displayPathsDropdown: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { paths } = this.props;\r\n if (paths.length > 0) {\r\n this.setState({\r\n selectedPath: paths[0]\r\n });\r\n }\r\n\r\n //Set function to handle when window is resized\r\n window.onresize = () => this.resize();\r\n\r\n //Call resize function to check the current width, otherwise resizing the window is the only trigger; \r\n this.resize();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.onresize = () => { };\r\n }\r\n\r\n async resize() {\r\n if (window.innerWidth > 767) {\r\n this.setState({\r\n displayPathInfo: true,\r\n displayMap: true\r\n });\r\n } else {\r\n let button = document.getElementById(\"line-path-info-show-stops-button\");\r\n\r\n /*\r\n * If the button is null, it's because this is the initial check and the button hasn't been rendered yet. \r\n * Since we are not retrieving async info from anywhere, a possible workaround is to wait a few seconds (0.5s as of now) and try again.\r\n */\r\n if (null === button) {\r\n await new Promise(r => setTimeout(r, 500));\r\n this.resize();\r\n } else {\r\n button.click();\r\n }\r\n\r\n if (this.context.getMenuState()) {\r\n this.context.setMenuState();\r\n }\r\n }\r\n }\r\n\r\n //HELPER FUNCTIONS\r\n togglePathsDropdown() {\r\n const { displayPathsDropdown } = this.state;\r\n this.setState({\r\n displayPathsDropdown: !displayPathsDropdown\r\n })\r\n }\r\n\r\n handlePathSelection(path) {\r\n this.setState({\r\n selectedPath: path\r\n });\r\n }\r\n\r\n handleSelectedPathStop(place) {\r\n this.setState({\r\n selectedPathStop: place\r\n });\r\n }\r\n\r\n displayPathInfo() {\r\n this.setState({\r\n displayPathInfo: true,\r\n displayMap: false\r\n });\r\n }\r\n\r\n displayMap() {\r\n this.setState({\r\n displayPathInfo: false,\r\n displayMap: true\r\n });\r\n }\r\n\r\n //--------------\r\n renderProviderLogo(provider) {\r\n const { getLogo } = this.context;\r\n const imgUrl = getLogo(provider);\r\n\r\n if (null === imgUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderInfo() {\r\n const { selectedPath, selectedPathStop, displayPathInfo, displayMap } = this.state;\r\n\r\n if (displayPathInfo && displayMap) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n if (displayPathInfo) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n }\r\n\r\n renderPathHeader(path) {\r\n const { displayMap, displayPathInfo, selectedPath } = this.state;\r\n const { onReturn } = this.props;\r\n\r\n if (undefined === path || 0 === path.places.length) {\r\n return (\r\n \r\n {this.renderInfo()}\r\n \r\n );\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst tripApiRoutes = {\r\n defaultRoute: \"trip/\",\r\n vehiclePositionRoute: \"trip/vehicle/\"\r\n};\r\n\r\nexport class TripAPI {\r\n static getTrip(tripId) {\r\n const url = `${tripApiRoutes.defaultRoute}${tripId}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getEstimatedTrip(provider, lineId, direction, stopId) {\r\n const url = `${tripApiRoutes.defaultRoute}${provider}/${lineId}/${direction}/${stopId}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getTripsByLineAndDayType(lineId, direction, schedules) {\r\n const url = `${tripApiRoutes.defaultRoute}${lineId}/${direction}/${schedules}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getVehiclePosition(provider, vehicleNr, vehicleTrip) {\r\n const url = `${tripApiRoutes.vehiclePositionRoute}${provider}/${vehicleNr}/${vehicleTrip}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { TripAPI } from '../../api/TripAPI';\r\n\r\nexport class TripCommand {\r\n getTrip(tripId, successCallback, errorCallback) {\r\n const apiResult = TripAPI.getTrip(tripId);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getEstimatedTrip(provider, lineId, direction, stopId, successCallback, errorCallback) {\r\n const apiResult = TripAPI.getEstimatedTrip(provider, lineId, direction, stopId);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getTripsByLineAndDayType(lineId, direction, schedules, successCallback, errorCallback) {\r\n const apiResult = TripAPI.getTripsByLineAndDayType(lineId, direction, schedules);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getVehiclePosition(provider, vehicleNr, vehicleTrip, successCallback, errorCallback) {\r\n const apiResult = TripAPI.getVehiclePosition(provider, vehicleNr, vehicleTrip);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { useMap, MapContainer, TileLayer, Pane, Polyline, Marker, Tooltip } from 'react-leaflet';\r\nimport { lineInfoStopIcon, lineInfoSelectedStopIcon, vehicleIcon } from '../leaflet/StopIcons';\r\nimport 'leaflet/dist/leaflet.css';\r\nimport { TripCommand } from '../commands/TripCommand';\r\n\r\nexport class LineInfoMap extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n commands: {\r\n trips: new TripCommand()\r\n },\r\n vehiclePosition: {\r\n latitude: 0,\r\n longitude: 0\r\n },\r\n intervalId: null,\r\n isToRecenter: true\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { realTimePassing } = this.props;\r\n\r\n if (realTimePassing !== undefined) {\r\n //Get bus position immediately\r\n this.onUpdateBusPosition();\r\n\r\n const id = setInterval(() => this.onUpdateBusPosition(), 20000);\r\n this.setState({\r\n intervalId: id\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { intervalId } = this.state;\r\n clearInterval(intervalId);\r\n }\r\n\r\n //HELPER FUNCTIONS\r\n\r\n onUpdateBusPosition() {\r\n const { commands } = this.state;\r\n const { realTimePassing, provider } = this.props;\r\n commands.trips.getVehiclePosition(provider, realTimePassing.vehicleNr, realTimePassing.vehicleTrip, (a) => this.onUpdateBusPositionSuccessCallback(a));\r\n }\r\n\r\n onUpdateBusPositionSuccessCallback(result) {\r\n const { trip } = this.props;\r\n\r\n this.setState({\r\n vehiclePosition: result,\r\n isToRecenter: undefined !== trip ? false : true\r\n });\r\n }\r\n\r\n getBounds(trip) {\r\n if (undefined === trip) {\r\n return [{ lat: 41.1483096, lng: -8.6108148 }, { lat: 41.1442942, lng: -8.6105935 }];\r\n }\r\n\r\n if (undefined === trip.shape || null === trip.shape || !Array.isArray(trip.shape.segments) || 0 === trip.shape.segments.length) {\r\n return [{ lat: trip.maxLatitude, lng: trip.maxLongitude }, { lat: trip.minLatitude, lng: trip.minLongitude }];\r\n }\r\n\r\n return [{ lat: trip.shape.maxLatitude, lng: trip.shape.maxLongitude }, { lat: trip.shape.minLatitude, lng: trip.shape.minLongitude }];\r\n }\r\n\r\n /*This is used to change the Tooltip permanent prop, which is immutable and can't be changed after creating the Tooltip.\r\n * But since this is used in the key prop, it will trigger the re-render and subsquently change the permanent prop value.\r\n */\r\n isPermanent(tripPassing) {\r\n const { selectedTripPassing } = this.props;\r\n return selectedTripPassing !== undefined && selectedTripPassing.stopId === tripPassing.stopId\r\n }\r\n\r\n //------------------------\r\n\r\n renderPath(trip) {\r\n if (undefined === trip || undefined === trip.passings) {\r\n return null;\r\n }\r\n\r\n if (undefined === trip.shape || null === trip.shape || !Array.isArray(trip.shape.segments) || 0 === trip.shape.segments.length) {\r\n return (\r\n \r\n {tripPassing.name} ({tripPassing.stopCode})\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {tripPassing.name} ({tripPassing.stopCode})\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { trip } = this.props;\r\n const { isToRecenter } = this.state;\r\n return (\r\n \r\n \r\n {this.renderPath(trip)}\r\n \r\n \r\n {this.renderPathStops(trip)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction SetBounds({ bounds, isToRecenter }) {\r\n const map = useMap();\r\n if (isToRecenter) {\r\n map.fitBounds(bounds);\r\n }\r\n return null;\r\n}\r\n","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport 'leaflet/dist/leaflet.css';\r\nimport { TripCommand } from '../commands/TripCommand';\r\nimport { Container, Col, Row, Button, Spinner } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\nimport { LineInfoMap } from './LineInfoMap';\r\n\r\n\r\nexport class LineInfo extends Component {\r\n static contextTypes = {\r\n getLogo: PropTypes.func,\r\n getMenuState: PropTypes.func,\r\n setMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n commands: {\r\n trips: new TripCommand()\r\n },\r\n trip: undefined,\r\n selectedTripPassing: undefined,\r\n realTimePassing: undefined,\r\n isLoadingTrip: true,\r\n displayTripInfo: true,\r\n displayMap: false,\r\n minuteDelay: 0\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n //Set function to handle when window is resized\r\n window.onresize = () => this.resize();\r\n\r\n this.getTrip();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.onresize = () => { };\r\n }\r\n\r\n resize() {\r\n if (window.innerWidth > 767) {\r\n this.setState({\r\n displayTripInfo: true,\r\n displayMap: true\r\n });\r\n } else {\r\n if (this.context.getMenuState()) {\r\n this.context.setMenuState();\r\n }\r\n document.getElementById(\"line-info-show-stops-button\").click();\r\n }\r\n }\r\n\r\n //TRIP\r\n getTrip() {\r\n const { commands } = this.state;\r\n const { passing } = this.props;\r\n\r\n if (undefined !== passing) {\r\n commands.trips.getTrip(passing.tripId, (r) => this.getTripSuccessCallback(r));\r\n }\r\n }\r\n\r\n getTripSuccessCallback(result) {\r\n const { passing } = this.props;\r\n\r\n let selectedPassing = result.passings.find(p => p.stopCode === passing.stopCode && p.order === passing.order && p.isRT);\r\n if (selectedPassing !== undefined) {\r\n let now = new Date(Date.now());\r\n let scheduleTime = new Date(new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime() + selectedPassing.timeStamp * 60000);\r\n let calculatedTime = new Date(now.getTime() + selectedPassing.duration * 60000);\r\n var diff = parseInt((calculatedTime.getTime() - scheduleTime.getTime()) / 60000);\r\n } else {\r\n selectedPassing = result.passings.find(p => p.isRT && p.order > passing.order);\r\n }\r\n\r\n this.setState({\r\n trip: result,\r\n realTimePassing: selectedPassing !== undefined ? selectedPassing : undefined,\r\n isLoadingTrip: false,\r\n displayMap: true,\r\n minuteDelay: diff\r\n }, () => {\r\n //call resize function to check the current width, otherwise resizing the window is the only trigger; \r\n this.resize();\r\n });\r\n }\r\n\r\n //HELPER FUNCTIONS\r\n handleTripRefresh() {\r\n this.setState({\r\n isLoadingTrip: true,\r\n displayMap: false //Redraw LineInfoMap component in order to start updating the bus position in case the trip becomes realtime\r\n }, () => {\r\n this.getTrip()\r\n });\r\n }\r\n\r\n handleSelectTripPassing(tripPassing) {\r\n this.setState({\r\n selectedTripPassing: tripPassing\r\n });\r\n }\r\n\r\n handleMoreSchedsClick() {\r\n const { trip } = this.state;\r\n const { passing, provider, onMoreSchedsClick } = this.props;\r\n onMoreSchedsClick({ trip: trip, passing: passing, provider: provider });\r\n }\r\n\r\n displayTripInfo() {\r\n this.setState({\r\n displayTripInfo: true,\r\n displayMap: false\r\n });\r\n }\r\n\r\n displayMap() {\r\n this.setState({\r\n displayTripInfo: false,\r\n displayMap: true\r\n });\r\n }\r\n\r\n //--------------\r\n renderProviderLogo(provider) {\r\n const { getLogo } = this.context;\r\n const imgUrl = getLogo(provider);\r\n\r\n if (null === imgUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderInfo() {\r\n const { trip, selectedTripPassing, realTimePassing, displayTripInfo, displayMap } = this.state;\r\n const { passing, provider } = this.props;\r\n\r\n if (displayTripInfo && displayMap) {\r\n return (\r\n \r\n
\r\n );\r\n } else if (displayTripInfo) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n renderTripHeader(trip) {\r\n const { isLoadingTrip, displayMap, displayTripInfo, minuteDelay } = this.state;\r\n const { onReturn } = this.props;\r\n\r\n if (undefined === trip || 0 === trip.passings.length) {\r\n return (\r\n {\r\n onMonthChangeTrigger('NEXT');\r\n }}\r\n aria-label={nextMonth}\r\n type=\"button\"\r\n disabled={isNextMonthArrowDisabled}\r\n >\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Header;\r\n","const handleArrowKeys = (e, { allowVerticalArrows }) => {\r\n const { activeElement } = document;\r\n const getNthChildSafe = (element, index) => (element ? element.children[index] : null);\r\n const getStandardItem = item => item && (item.hasAttribute('aria-hidden') ? null : item);\r\n const { nextSibling: nextRow, previousSibling: previousRow } = activeElement.parentElement;\r\n const nextSibling = getStandardItem(activeElement.nextSibling || getNthChildSafe(nextRow, 0));\r\n const previousRowLength = previousRow ? previousRow.children.length - 1 : 0;\r\n const previousSibling = getStandardItem(\r\n activeElement.previousSibling || getNthChildSafe(previousRow, previousRowLength),\r\n );\r\n const getVerticalSibling = row =>\r\n getNthChildSafe(row, Array.from(activeElement.parentElement.children).indexOf(activeElement));\r\n const downSibling = getStandardItem(getVerticalSibling(nextRow));\r\n const upSibling = getStandardItem(getVerticalSibling(previousRow));\r\n const isDefaultSelectable = activeElement.dataset.isDefaultSelectable === 'true';\r\n\r\n if (!isDefaultSelectable) activeElement.tabIndex = '-1';\r\n const focusIfAvailable = element => {\r\n e.preventDefault();\r\n /* istanbul ignore else */\r\n if (element) {\r\n element.setAttribute('tabindex', '0');\r\n element.focus();\r\n }\r\n };\r\n switch (e.key) {\r\n case 'ArrowRight':\r\n focusIfAvailable(nextSibling);\r\n break;\r\n case 'ArrowLeft':\r\n focusIfAvailable(previousSibling);\r\n break;\r\n case 'ArrowDown':\r\n /* istanbul ignore else */\r\n if (allowVerticalArrows) focusIfAvailable(downSibling);\r\n break;\r\n case 'ArrowUp':\r\n /* istanbul ignore else */\r\n if (allowVerticalArrows) focusIfAvailable(upSibling);\r\n break;\r\n default:\r\n //do nothing\r\n }\r\n};\r\n\r\nexport default handleArrowKeys;\r\n","import React, { useRef, useEffect } from 'react';\r\n\r\nimport { isSameDay } from '../shared/generalUtils';\r\nimport handleKeyboardNavigation from '../shared/keyboardNavigation';\r\nimport { useLocaleUtils, useLocaleLanguage } from '../shared/hooks';\r\n\r\nconst MonthSelector = ({ activeDate, maximumDate, minimumDate, onMonthSelect, isOpen, locale }) => {\r\n const monthSelector = useRef(null);\r\n\r\n useEffect(() => {\r\n const classToggleMethod = isOpen ? 'add' : 'remove';\r\n monthSelector.current.classList[classToggleMethod]('-open');\r\n }, [isOpen]);\r\n\r\n const { getMonthNumber, isBeforeDate } = useLocaleUtils(locale);\r\n const { months: monthsList } = useLocaleLanguage(locale);\r\n\r\n const handleKeyDown = e => {\r\n handleKeyboardNavigation(e, { allowVerticalArrows: false });\r\n };\r\n\r\n const renderMonthSelectorItems = () =>\r\n monthsList.map(persianMonth => {\r\n const monthNumber = getMonthNumber(persianMonth);\r\n const monthDate = { day: 1, month: monthNumber, year: activeDate.year };\r\n const isAfterMaximumDate =\r\n maximumDate && isBeforeDate(maximumDate, { ...monthDate, month: monthNumber });\r\n const isBeforeMinimumDate =\r\n minimumDate &&\r\n (isBeforeDate({ ...monthDate, month: monthNumber + 1 }, minimumDate) ||\r\n isSameDay({ ...monthDate, month: monthNumber + 1 }, minimumDate));\r\n const isSelected = monthNumber === activeDate.month;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderProviderLogo(stop, height = \"auto\") {\r\n const { getLogo } = this.context;\r\n const imgUrl = getLogo(stop.provider);\r\n\r\n if (null === imgUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {strings.ticketOffice}\r\n
\r\n this.handleSearchClear()} />\r\n
\r\n \r\n {selectedTO.description}\r\n
\r\n \r\n );\r\n }\r\n\r\n renderLinesFilter() {\r\n const { lines } = this.state;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderPath(path) {\r\n if (undefined === path) {\r\n return null;\r\n }\r\n\r\n if (undefined === path.shape || null === path.shape || !Array.isArray(path.shape.segments) || 0 === path.shape.segments.length) {\r\n return (\r\n \r\n {\r\n lines.map((line, index) =>\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n
\r\n \r\n \r\n this.setMapCenter(center, radius)} />\r\n \r\n {nearStops.map((stop) =>\r\n {\r\n this.handleStopSelection(stop, false)\r\n }\r\n }}>\r\n\r\n \r\n {this.renderProviderLogo(stop, \"15px\")}\r\n {stop.name}\r\n ({stop.code})\r\n \r\n \r\n )}\r\n {nearTO.map((ticketOffice) =>\r\n {\r\n this.handleTicketOfficeSelection(ticketOffice, false)\r\n }\r\n }}>\r\n\r\n \r\n {ticketOffice.name}\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction SetViewOnClick({ coords, isToRecenter }) {\r\n const map = useMap();\r\n\r\n if (isToRecenter) {\r\n map.setView(coords, map.getZoom());\r\n }\r\n\r\n return null;\r\n}\r\n\r\nfunction MapEvents(args) {\r\n useMapEvents({\r\n dragend: (e) => {\r\n const radius = e.target.getCenter().distanceTo(e.target.getBounds().getNorthWest());\r\n args.setCenter(e.target.getCenter(), radius);\r\n },\r\n zoomend: (e) => {\r\n const radius = e.target.getCenter().distanceTo(e.target.getBounds().getNorthWest());\r\n args.setCenter(e.target.getCenter(), radius);\r\n }\r\n });\r\n return null;\r\n}\r\n","import React, { Component } from 'react';\r\nimport { useMap, MapContainer, TileLayer, Pane, Polyline, Marker, Tooltip } from 'react-leaflet';\r\nimport { lineInfoStopIcon } from '../leaflet/StopIcons';\r\nimport 'leaflet/dist/leaflet.css';\r\n\r\nexport class LinePathInfoMap extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isToRecenter: true\r\n }\r\n }\r\n\r\n getBounds(path) {\r\n if (undefined === path) {\r\n return [{ lat: 41.1483096, lng: -8.6108148 }, { lat: 41.1442942, lng: -8.6105935 }];\r\n }\r\n\r\n if (undefined === path.shape || null === path.shape || !Array.isArray(path.shape.segments) || 0 === path.shape.segments.length) {\r\n return [{ lat: path.maxLatitude, lng: path.maxLongitude }, { lat: path.minLatitude, lng: path.minLongitude }];\r\n }\r\n\r\n return [{ lat: path.shape.maxLatitude, lng: path.shape.maxLongitude }, { lat: path.shape.minLatitude, lng: path.shape.minLongitude }];\r\n }\r\n\r\n /*This is used to change the Tooltip permanent prop, which is immutable and can't be changed after creating the Tooltip.\r\n * But since this is used in the key prop, it will trigger the re-render and subsquently change the permanent prop value.\r\n */\r\n isPermanent(place) {\r\n const { selectedPathStop } = this.props;\r\n return selectedPathStop !== undefined && selectedPathStop.id === place.id\r\n }\r\n\r\n //------------------------\r\n\r\n renderPath(path) {\r\n if (undefined === path) {\r\n return null;\r\n }\r\n\r\n if (undefined === path.shape || null === path.shape || !Array.isArray(path.shape.segments) || 0 === path.shape.segments.length) {\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n {undefined !== selectedStop ? this.renderPassingInfos() : null}\r\n {undefined !== selectedTO ? this.renderTicketOfficeInfo() : null}\r\n \r\n this.handleSearchResultSelection(place, recenter)}\r\n onSearchClear={() => this.handleSearchClear()}\r\n isRequired={false} />\r\n\r\n\r\n {displayLinesFilter ? this.renderLinesFilter() : null}\r\n
\r\n \r\n this.recenter()} />\r\n this.filterLines()} />\r\n
\r\n \r\n {\r\n path.places.map((place, idx) =>\r\n \r\n {this.renderTooltip(place)}\r\n \r\n )\r\n }\r\n
\r\n );\r\n }\r\n\r\n renderTooltip(place) {\r\n const { makeTooltipsPermanent } = this.props;\r\n\r\n if (makeTooltipsPermanent) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderInfo() {\r\n const { selectedPath, selectedPathStop, displayPathInfo, displayMap } = this.state;\r\n\r\n if (displayPathInfo && displayMap) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n const { line, provider } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {strings.noInfoToShow}\r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n renderPathsDropdown() {\r\n const { displayPathsDropdown } = this.state;\r\n const { paths } = this.props;\r\n\r\n if (!displayPathsDropdown) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n |\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n {this.renderProviderLogo(provider)}\r\n
\r\n \r\n \r\n
\r\n {line.code} {line.name}
\r\n {`${path.places[0].name} > ${path.places[path.places.length - 1].name}`}
\r\n this.togglePathsDropdown()}>\r\n \r\n {this.renderPathsDropdown()}\r\n
\r\n \r\n \r\n \r\n {\r\n paths.map((path, index) =>\r\n this.handlePathSelection(path)}>\r\n \r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderPath(selectedPath) {\r\n if (undefined === selectedPath || 0 === selectedPath.places.length) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {\r\n path.places.length > 0 ?\r\n {path.places[0].name} > {path.places[path.places.length - 1].name}\r\n :\r\n null\r\n }\r\n
\r\n \r\n {strings.lineInfoStopsTitle}\r\n\r\n \r\n {\r\n selectedPath.places.map((place, index) =>\r\n\r\n this.handleSelectedPathStop(place)}>\r\n ![\"\"](\"icons/lineInfoMarker.png\")
\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {place.name} ({place.code})
\r\n \r\n \r\n [passing.x, passing.y])} color=\"#bc8627\" />\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {\r\n trip.shape.segments.map((segment, idx) =>\r\n [breakpoint.latitude, breakpoint.longitude])} color=\"#bc8627\" />\r\n )\r\n }\r\n
\r\n );\r\n }\r\n\r\n renderPathStops(trip) {\r\n if (undefined === trip || undefined === trip.passings) {\r\n return null;\r\n }\r\n\r\n const { vehiclePosition } = this.state;\r\n const { passing } = this.props;\r\n\r\n return (\r\n \r\n {\r\n trip.passings.map((tripPassing, idx) =>\r\n \r\n {this.renderTooltip(tripPassing)}\r\n \r\n )\r\n }\r\n {\r\n vehiclePosition.latitude !== 0 && vehiclePosition.longitude !== 0\r\n ? \r\n \r\n : null\r\n }\r\n
\r\n );\r\n }\r\n\r\n renderTooltip(tripPassing) {\r\n const { makeTooltipsPermanent } = this.props;\r\n\r\n if (makeTooltipsPermanent) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderInfo() {\r\n const { trip, selectedTripPassing, realTimePassing, displayTripInfo, displayMap } = this.state;\r\n const { passing, provider } = this.props;\r\n\r\n if (displayTripInfo && displayMap) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n const { passing, provider } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {isLoadingTrip ?\r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n renderTrip(trip) {\r\n if (undefined === trip || 0 === trip.passings.length) {\r\n return null;\r\n }\r\n\r\n const { passing } = this.props;\r\n const { isLoadingTrip } = this.state;\r\n\r\n if (isLoadingTrip) {\r\n return (\r\n \r\n \r\n |\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {this.renderProviderLogo(provider)}\r\n
\r\n \r\n
\r\n {passing.lineCode} {passing.name}
\r\n {`${trip.passings[0].name} > ${trip.passings[trip.passings.length - 1].name}`}
\r\n {\r\n isLoadingTrip ?\r\n null\r\n :\r\n minuteDelay !== 0\r\n ? minuteDelay < -1 ? {strings.aheadSchedule} {Math.abs(minuteDelay)}min
\r\n : minuteDelay >= 5 ? {strings.delayed} {minuteDelay}min
\r\n : null\r\n : null\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {this.renderInfo()}\r\n \r\n );\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst scheduleApiRoutes = {\r\n defaultRoute: \"schedule/\"\r\n};\r\n\r\nexport class ScheduleAPI {\r\n static getScheduleByLineAndDate(lineId, stopId, direction, date) {\r\n const url = `${scheduleApiRoutes.defaultRoute}${lineId}/${stopId}/${direction}/${date}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getScheduleByLineGroupByDayType(lineId) {\r\n const url = `${scheduleApiRoutes.defaultRoute}${lineId}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { ScheduleAPI } from '../../api/ScheduleAPI';\r\n\r\nexport class ScheduleCommand {\r\n getScheduleByLineAndDate(lineId, stopId, direction, date, successCallback, errorCallback) {\r\n const apiResult = ScheduleAPI.getScheduleByLineAndDate(lineId, stopId, direction, date);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getScheduleByLineGroupByDayType(lineId, successCallback, errorCallback) {\r\n const apiResult = ScheduleAPI.getScheduleByLineGroupByDayType(lineId);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}\r\n","export const PERSIAN_NUMBERS = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];\r\n\r\nexport const PERSIAN_MONTHS = [\r\n 'فروردین',\r\n 'اردیبهشت',\r\n 'خرداد',\r\n 'تیر',\r\n 'مرداد',\r\n 'شهریور',\r\n 'مهر',\r\n 'آبان',\r\n 'آذر',\r\n 'دی',\r\n 'بهمن',\r\n 'اسفند',\r\n];\r\n\r\nexport const GREGORIAN_MONTHS = [\r\n 'January',\r\n 'February',\r\n 'March',\r\n 'April',\r\n 'May',\r\n 'June',\r\n 'July',\r\n 'August',\r\n 'September',\r\n 'October',\r\n 'November',\r\n 'December',\r\n];\r\n\r\nexport const PERSIAN_WEEK_DAYS = [\r\n {\r\n name: 'شنبه',\r\n short: 'ش',\r\n },\r\n {\r\n name: 'یکشنبه',\r\n short: 'ی',\r\n },\r\n {\r\n name: 'دوشنبه',\r\n short: 'د',\r\n },\r\n {\r\n name: 'سه شنبه',\r\n short: 'س',\r\n },\r\n {\r\n name: 'چهارشنبه',\r\n short: 'چ',\r\n },\r\n {\r\n name: 'پنجشنبه',\r\n short: 'پ',\r\n },\r\n {\r\n name: 'جمعه',\r\n short: 'ج',\r\n isWeekend: true,\r\n },\r\n];\r\n\r\nexport const GREGORIAN_WEEK_DAYS = [\r\n {\r\n name: 'Sunday',\r\n short: 'S',\r\n isWeekend: true,\r\n },\r\n {\r\n name: 'Monday',\r\n short: 'M',\r\n },\r\n {\r\n name: 'Tuesday',\r\n short: 'T',\r\n },\r\n {\r\n name: 'Wednesday',\r\n short: 'W',\r\n },\r\n {\r\n name: 'Thursday',\r\n short: 'T',\r\n },\r\n {\r\n name: 'Friday',\r\n short: 'F',\r\n },\r\n {\r\n name: 'Saturday',\r\n short: 'S',\r\n isWeekend: true,\r\n },\r\n];\r\n\r\nexport const MINIMUM_SELECTABLE_YEAR_SUBTRACT = 100;\r\n\r\nexport const MAXIMUM_SELECTABLE_YEAR_SUM = 50;\r\n\r\nexport const TYPE_SINGLE_DATE = 'SINGLE_DATE';\r\nexport const TYPE_RANGE = 'RANGE';\r\nexport const TYPE_MUTLI_DATE = 'MUTLI_DATE';\r\n","import { TYPE_SINGLE_DATE, TYPE_RANGE, TYPE_MUTLI_DATE } from './constants';\r\n\r\n/*\r\n These utility functions don't depend on locale of the date picker(Persian or Gregorian)\r\n*/\r\n\r\nconst createUniqueRange = (number, startingId) =>\r\n Array.from(Array(number).keys()).map(key => ({\r\n value: key + 1,\r\n id: `${startingId}-${key}`,\r\n }));\r\n\r\nconst isSameDay = (day1, day2) => {\r\n if (!day1 || !day2) return false;\r\n return day1.day === day2.day && day1.month === day2.month && day1.year === day2.year;\r\n};\r\n\r\nconst putZero = number => (number.toString().length === 1 ? `0${number}` : number);\r\n\r\nconst toExtendedDay = date => [date.year, date.month, date.day];\r\n\r\nconst shallowClone = value => ({ ...value });\r\n\r\nconst deepCloneObject = obj =>\r\n JSON.parse(JSON.stringify(obj, (key, value) => (typeof value === 'undefined' ? null : value)));\r\n\r\nconst getDateAccordingToMonth = (date, direction) => {\r\n const toSum = direction === 'NEXT' ? 1 : -1;\r\n let newMonthIndex = date.month + toSum;\r\n let newYear = date.year;\r\n if (newMonthIndex < 1) {\r\n newMonthIndex = 12;\r\n newYear -= 1;\r\n }\r\n if (newMonthIndex > 12) {\r\n newMonthIndex = 1;\r\n newYear += 1;\r\n }\r\n const newDate = { year: newYear, month: newMonthIndex, day: 1 };\r\n return newDate;\r\n};\r\n\r\nconst hasProperty = (object, propertyName) =>\r\n Object.prototype.hasOwnProperty.call(object || {}, propertyName);\r\n\r\nconst getValueType = value => {\r\n if (Array.isArray(value)) return TYPE_MUTLI_DATE;\r\n if (hasProperty(value, 'from') && hasProperty(value, 'to')) return TYPE_RANGE;\r\n if (\r\n !value ||\r\n (hasProperty(value, 'year') && hasProperty(value, 'month') && hasProperty(value, 'day'))\r\n ) {\r\n return TYPE_SINGLE_DATE;\r\n }\r\n throw new TypeError(\r\n `The passed value is malformed! Please make sure you're using one of the valid value types for date picker.`,\r\n );\r\n};\r\n\r\nexport {\r\n createUniqueRange,\r\n isSameDay,\r\n putZero,\r\n toExtendedDay,\r\n shallowClone,\r\n deepCloneObject,\r\n getDateAccordingToMonth,\r\n getValueType,\r\n};\r\n","import jalaali from 'jalaali-js';\r\n\r\nimport {\r\n GREGORIAN_MONTHS,\r\n PERSIAN_MONTHS,\r\n GREGORIAN_WEEK_DAYS,\r\n PERSIAN_WEEK_DAYS,\r\n PERSIAN_NUMBERS,\r\n} from './constants';\r\nimport { toExtendedDay } from './generalUtils';\r\n\r\nconst localeLanguages = {\r\n pt: {\r\n months: [\"Janeiro\", \"Fevereiro\", \"Março\", \"Abril\", \"Maio\", \"Junho\", \"Julho\", \"Agosto\", \"Setembro\", \"Outubro\", \"Novembro\", \"Dezembro\"],\r\n weekDays: [{\r\n name: \"Domingo\",\r\n short: \"D\",\r\n isWeekend: !0\r\n }, {\r\n name: \"Segunda\",\r\n short: \"S\"\r\n }, {\r\n name: \"Terça\",\r\n short: \"T\"\r\n }, {\r\n name: \"Quarta\",\r\n short: \"Q\"\r\n }, {\r\n name: \"Quinta\",\r\n short: \"Q\"\r\n }, {\r\n name: \"Sexta\",\r\n short: \"S\"\r\n }, {\r\n name: \"Sábado\",\r\n short: \"S\",\r\n isWeekend: !0\r\n }],\r\n weekStartingIndex: 0,\r\n getToday: function (e) {\r\n return e\r\n },\r\n toNativeDate: function (e) {\r\n return new Date(e.year, e.month - 1, e.day)\r\n },\r\n getMonthLength: function (e) {\r\n return new Date(e.year, e.month, 0).getDate()\r\n },\r\n transformDigit: function (e) {\r\n return e\r\n },\r\n nextMonth: \"Próximo Mês\",\r\n previousMonth: \"Mês anterior\",\r\n openMonthSelector: \"Mês inicial\",\r\n openYearSelector: \"Ano inicial\",\r\n closeMonthSelector: \"Mês final\",\r\n closeYearSelector: \"Ano final\",\r\n from: \"desde\",\r\n to: \"até\",\r\n defaultPlaceholder: \"Seleccione...\",\r\n digitSeparator: \",\",\r\n yearLetterSkip: 0,\r\n isRtl: !1\r\n },\r\n en: {\r\n months: GREGORIAN_MONTHS,\r\n weekDays: GREGORIAN_WEEK_DAYS,\r\n weekStartingIndex: 0,\r\n getToday(gregorainTodayObject) {\r\n return gregorainTodayObject;\r\n },\r\n toNativeDate(date) {\r\n return new Date(date.year, date.month - 1, date.day);\r\n },\r\n getMonthLength(date) {\r\n return new Date(date.year, date.month, 0).getDate();\r\n },\r\n transformDigit(digit) {\r\n return digit;\r\n },\r\n nextMonth: 'Next Month',\r\n previousMonth: 'Previous Month',\r\n openMonthSelector: 'Open Month Selector',\r\n openYearSelector: 'Open Year Selector',\r\n closeMonthSelector: 'Close Month Selector',\r\n closeYearSelector: 'Close Year Selector',\r\n from: 'from',\r\n to: 'to',\r\n defaultPlaceholder: 'Select...',\r\n digitSeparator: ',',\r\n yearLetterSkip: 0,\r\n isRtl: false,\r\n },\r\n fa: {\r\n months: PERSIAN_MONTHS,\r\n weekDays: PERSIAN_WEEK_DAYS,\r\n weekStartingIndex: 1,\r\n getToday({ year, month, day }) {\r\n const { jy, jm, jd } = jalaali.toJalaali(year, month, day);\r\n return { year: jy, month: jm, day: jd };\r\n },\r\n toNativeDate(date) {\r\n const gregorian = jalaali.toGregorian(...toExtendedDay(date));\r\n return new Date(gregorian.gy, gregorian.gm - 1, gregorian.gd);\r\n },\r\n getMonthLength(date) {\r\n return jalaali.jalaaliMonthLength(date.year, date.month);\r\n },\r\n transformDigit(digit) {\r\n return digit\r\n .toString()\r\n .split('')\r\n .map(letter => PERSIAN_NUMBERS[Number(letter)])\r\n .join('');\r\n },\r\n nextMonth: 'ماه بعد',\r\n previousMonth: 'ماه قبل',\r\n openMonthSelector: 'نمایش انتخابگر ماه',\r\n openYearSelector: 'نمایش انتخابگر سال',\r\n closeMonthSelector: 'بستن انتخابگر ماه',\r\n closeYearSelector: 'بستن انتخابگر ماه',\r\n from: 'از',\r\n to: 'تا',\r\n defaultPlaceholder: 'انتخاب...',\r\n digitSeparator: '،',\r\n yearLetterSkip: -2,\r\n isRtl: true,\r\n },\r\n};\r\n\r\nconst getLocaleDetails = locale => {\r\n if (typeof locale === 'string') return localeLanguages[locale];\r\n return locale;\r\n};\r\n\r\nexport { localeLanguages };\r\nexport default getLocaleDetails;\r\n","/*\r\n These utility functions highly depend on locale of the date picker(Persian or Gregorian)\r\n*/\r\n\r\nimport getLocaleDetails from './localeLanguages';\r\n\r\nconst utils = (locale = 'en') => {\r\n const {\r\n months: monthsList,\r\n getToday: localeGetToday,\r\n toNativeDate,\r\n getMonthLength,\r\n weekStartingIndex,\r\n transformDigit: getLanguageDigits,\r\n } = typeof locale === 'string' ? getLocaleDetails(locale) : locale;\r\n\r\n const getToday = () => {\r\n const todayDate = new Date();\r\n const year = todayDate.getFullYear();\r\n const month = todayDate.getMonth() + 1;\r\n const day = todayDate.getDate();\r\n return localeGetToday({ year, month, day });\r\n };\r\n\r\n const getMonthName = month => monthsList[month - 1];\r\n\r\n const getMonthNumber = monthName => monthsList.indexOf(monthName) + 1;\r\n\r\n const getMonthFirstWeekday = date => {\r\n const gregorianDate = toNativeDate({ ...date, day: 1 });\r\n const weekday = gregorianDate.getDay();\r\n const dayIndex = weekday + weekStartingIndex;\r\n return dayIndex % 7;\r\n };\r\n\r\n const isBeforeDate = (day1, day2) => {\r\n if (!day1 || !day2) return false;\r\n return toNativeDate(day1) < toNativeDate(day2);\r\n };\r\n\r\n const checkDayInDayRange = ({ day, from, to }) => {\r\n if (!day || !from || !to) return false;\r\n const nativeDay = toNativeDate(day);\r\n const nativeFrom = toNativeDate(from);\r\n const nativeTo = toNativeDate(to);\r\n return nativeDay > nativeFrom && nativeDay < nativeTo;\r\n };\r\n\r\n return {\r\n getToday,\r\n getMonthName,\r\n getMonthNumber,\r\n getMonthLength,\r\n getMonthFirstWeekday,\r\n isBeforeDate,\r\n checkDayInDayRange,\r\n getLanguageDigits,\r\n };\r\n};\r\n\r\nexport default utils;\r\n","import { useMemo } from 'react';\r\n\r\nimport utils from './localeUtils';\r\nimport getLanguageText from './localeLanguages';\r\n\r\nconst useLocaleUtils = locale => useMemo(() => utils(locale), [locale]);\r\n\r\nconst useLocaleLanguage = locale => useMemo(() => getLanguageText(locale), [locale]);\r\n\r\nexport { useLocaleUtils, useLocaleLanguage };\r\n","import { getDateAccordingToMonth } from './generalUtils';\r\n\r\nconst getSlideDate = ({ parent, isInitialActiveChild, activeDate, monthChangeDirection }) => {\r\n if (!parent) {\r\n return isInitialActiveChild ? activeDate : getDateAccordingToMonth(activeDate, 'NEXT');\r\n }\r\n const child = parent.children[isInitialActiveChild ? 0 : 1];\r\n const isActiveSlide =\r\n child.classList.contains('-shown') || child.classList.contains('-shownAnimated'); // check -shownAnimated for Safari bug\r\n return isActiveSlide ? activeDate : getDateAccordingToMonth(activeDate, monthChangeDirection);\r\n};\r\n\r\nconst animateContent = ({ parent, direction }) => {\r\n const wrapperChildren = Array.from(parent.children);\r\n const shownItem = wrapperChildren.find(child => child.classList.contains('-shown'));\r\n const hiddenItem = wrapperChildren.find(child => child !== shownItem);\r\n const baseClass = shownItem.classList[0];\r\n const isNextMonth = direction === 'NEXT';\r\n const getAnimationClass = value => (value ? '-hiddenNext' : '-hiddenPrevious');\r\n hiddenItem.style.transition = 'none';\r\n shownItem.style.transition = '';\r\n shownItem.className = `${baseClass} ${getAnimationClass(!isNextMonth)}`;\r\n hiddenItem.className = `${baseClass} ${getAnimationClass(isNextMonth)}`;\r\n hiddenItem.classList.add('-shownAnimated');\r\n};\r\n\r\nconst handleSlideAnimationEnd = ({ target }) => {\r\n target.classList.remove('-hiddenNext');\r\n target.classList.remove('-hiddenPrevious');\r\n target.classList.replace('-shownAnimated', '-shown');\r\n};\r\n\r\nexport { animateContent, getSlideDate, handleSlideAnimationEnd };\r\n","import React, { useEffect, useRef } from 'react';\r\n\r\nimport { isSameDay } from '../shared/generalUtils';\r\nimport { getSlideDate, animateContent, handleSlideAnimationEnd } from '../shared/sliderHelpers';\r\nimport { useLocaleUtils, useLocaleLanguage } from '../shared/hooks';\r\n\r\nconst Header = ({\r\n maximumDate,\r\n minimumDate,\r\n onMonthChange,\r\n activeDate,\r\n monthChangeDirection,\r\n onMonthSelect,\r\n onYearSelect,\r\n isMonthSelectorOpen,\r\n isYearSelectorOpen,\r\n locale,\r\n}) => {\r\n const headerElement = useRef(null);\r\n const monthYearWrapperElement = useRef(null);\r\n\r\n const { getMonthName, isBeforeDate, getLanguageDigits } = useLocaleUtils(locale);\r\n const {\r\n isRtl,\r\n nextMonth,\r\n previousMonth,\r\n openMonthSelector,\r\n closeMonthSelector,\r\n openYearSelector,\r\n closeYearSelector,\r\n } = useLocaleLanguage(locale);\r\n\r\n useEffect(() => {\r\n if (!monthChangeDirection) return;\r\n animateContent({\r\n direction: monthChangeDirection,\r\n parent: monthYearWrapperElement.current,\r\n });\r\n }, [monthChangeDirection]);\r\n\r\n useEffect(() => {\r\n const isOpen = isMonthSelectorOpen || isYearSelectorOpen;\r\n const monthText = headerElement.current.querySelector(\r\n '.Calendar__monthYear.-shown .Calendar__monthText',\r\n );\r\n const yearText = monthText.nextSibling;\r\n const hasActiveBackground = element => element.classList.contains('-activeBackground');\r\n const isInitialRender =\r\n !isOpen && !hasActiveBackground(monthText) && !hasActiveBackground(yearText);\r\n if (isInitialRender) return;\r\n\r\n const arrows = [...headerElement.current.querySelectorAll('.Calendar__monthArrowWrapper')];\r\n const hasMonthSelectorToggled = isMonthSelectorOpen || hasActiveBackground(monthText);\r\n const primaryElement = hasMonthSelectorToggled ? monthText : yearText;\r\n const secondaryElement = hasMonthSelectorToggled ? yearText : monthText;\r\n\r\n let translateXDirection = hasMonthSelectorToggled ? 1 : -1;\r\n if (isRtl) translateXDirection *= -1;\r\n const scale = !isOpen ? 0.95 : 1;\r\n const translateX = !isOpen ? 0 : `${(translateXDirection * secondaryElement.offsetWidth) / 2}`;\r\n if (!isOpen) {\r\n secondaryElement.removeAttribute('aria-hidden');\r\n } else {\r\n secondaryElement.setAttribute('aria-hidden', true);\r\n }\r\n secondaryElement.setAttribute('tabindex', isOpen ? '-1' : '0');\r\n secondaryElement.style.transform = '';\r\n primaryElement.style.transform = `scale(${scale}) ${translateX ? `translateX(${translateX}px)` : ''\r\n }`;\r\n primaryElement.classList.toggle('-activeBackground');\r\n secondaryElement.classList.toggle('-hidden');\r\n arrows.forEach(arrow => {\r\n const isHidden = arrow.classList.contains('-hidden');\r\n arrow.classList.toggle('-hidden');\r\n if (isHidden) {\r\n arrow.removeAttribute('aria-hidden');\r\n arrow.setAttribute('tabindex', '0');\r\n } else {\r\n arrow.setAttribute('aria-hidden', true);\r\n arrow.setAttribute('tabindex', '-1');\r\n }\r\n });\r\n }, [isMonthSelectorOpen, isYearSelectorOpen]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n const getMonthYearText = isInitialActiveChild => {\r\n const date = getSlideDate({\r\n isInitialActiveChild,\r\n monthChangeDirection,\r\n activeDate,\r\n parent: monthYearWrapperElement.current,\r\n });\r\n const year = getLanguageDigits(date.year);\r\n const month = getMonthName(date.month);\r\n return { month, year };\r\n };\r\n\r\n const isNextMonthArrowDisabled =\r\n maximumDate &&\r\n isBeforeDate(maximumDate, { ...activeDate, month: activeDate.month + 1, day: 1 });\r\n const isPreviousMonthArrowDisabled =\r\n minimumDate &&\r\n (isBeforeDate({ ...activeDate, day: 1 }, minimumDate) ||\r\n isSameDay(minimumDate, { ...activeDate, day: 1 }));\r\n\r\n const onMonthChangeTrigger = direction => {\r\n const isMonthChanging = Array.from(monthYearWrapperElement.current.children).some(child =>\r\n child.classList.contains('-shownAnimated'),\r\n );\r\n if (isMonthChanging) return;\r\n onMonthChange(direction);\r\n };\r\n\r\n // first button text is the one who shows the current month and year(initial active child)\r\n const monthYearButtons = [true, false].map(isInitialActiveChild => {\r\n const { month, year } = getMonthYearText(isInitialActiveChild);\r\n const isActiveMonth = month === getMonthName(activeDate.month);\r\n const hiddenStatus = {\r\n ...(isActiveMonth ? {} : { 'aria-hidden': true }),\r\n };\r\n return (\r\n \r\n \r\n {month}\r\n \r\n \r\n {year}\r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n this.handleTripRefresh()} />\r\n \r\n \r\n\r\n \r\n {\r\n trip.passings.map((tripPassing, index) =>\r\n\r\n this.handleSelectTripPassing(tripPassing)}>\r\n 
\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderMoreSchedsButton(isSelectedStop) {\r\n if (isSelectedStop) {\r\n return (\r\n {tripPassing.name}
\r\n {this.renderMoreSchedsButton(passing.stopId === tripPassing.stopId)}\r\n \r\n\r\n {tripPassing.duration}min this.handleMoreSchedsClick()}>\r\n {strings.lineInfoMoreScheds}\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {\r\n onMonthChangeTrigger('PREVIOUS');\r\n }}\r\n aria-label={previousMonth}\r\n type=\"button\"\r\n disabled={isPreviousMonthArrowDisabled}\r\n >\r\n \r\n \r\n \r\n \r\n {monthYearButtons}\r\n
\r\n - \r\n {renderMonthSelectorItems()}\r\n
- \r\n {renderSelectorYears()}\r\n
\r\n {eachWeekDays}\r\n
\r\n );\r\n };\r\n return Array.from(Array(6).keys()).map(renderSingleWeekRow);\r\n };\r\n\r\n const handleKeyDown = e => {\r\n handleKeyboardNavigation(e, { allowVerticalArrows: true });\r\n };\r\n\r\n return (\r\n {weekdays}
\r\n\r\n {renderFooter()}
\r\n \r\n );\r\n};\r\n\r\nCalendar.defaultProps = {\r\n minimumDate: null,\r\n maximumDate: null,\r\n colorPrimary: '#0eca2d',\r\n colorPrimaryLight: '#cff4d5',\r\n slideAnimationDuration: '0.4s',\r\n calendarClassName: '',\r\n locale: 'en',\r\n value: null,\r\n renderFooter: () => null,\r\n customDaysClassName: [],\r\n};\r\n\r\nexport { Calendar };\r\n","import React from 'react';\r\n\r\nimport { useLocaleUtils, useLocaleLanguage } from './shared/hooks';\r\nimport { putZero, getValueType } from './shared/generalUtils';\r\nimport { TYPE_SINGLE_DATE, TYPE_RANGE, TYPE_MUTLI_DATE } from './shared/constants';\r\n\r\nconst DatePickerInput = React.forwardRef(\r\n (\r\n { value, inputPlaceholder, inputClassName, inputName, formatInputText, renderInput, locale },\r\n ref,\r\n ) => {\r\n const { getLanguageDigits } = useLocaleUtils(locale);\r\n const {\r\n from: fromWord,\r\n to: toWord,\r\n yearLetterSkip,\r\n digitSeparator,\r\n defaultPlaceholder,\r\n isRtl,\r\n } = useLocaleLanguage(locale);\r\n\r\n const getSingleDayValue = () => {\r\n if (!value) return '';\r\n const year = getLanguageDigits(value.year);\r\n const month = getLanguageDigits(putZero(value.month));\r\n const day = getLanguageDigits(putZero(value.day));\r\n return `${year}/${month}/${day}`;\r\n };\r\n\r\n const getDayRangeValue = () => {\r\n if (!value.from || !value.to) return '';\r\n const { from, to } = value;\r\n const fromText = `${getLanguageDigits(putZero(from.year))\r\n .toString()\r\n .slice(yearLetterSkip)}/${getLanguageDigits(putZero(from.month))}/${getLanguageDigits(\r\n putZero(from.day),\r\n )}`;\r\n const toText = `${getLanguageDigits(putZero(to.year))\r\n .toString()\r\n .slice(yearLetterSkip)}/${getLanguageDigits(putZero(to.month))}/${getLanguageDigits(\r\n putZero(to.day),\r\n )}`;\r\n return `${fromWord} ${fromText} ${toWord} ${toText}`;\r\n };\r\n\r\n const getMultiDateValue = () => {\r\n return value.map(date => getLanguageDigits(date.day)).join(`${digitSeparator} `);\r\n };\r\n\r\n const getValue = () => {\r\n if (formatInputText()) return formatInputText();\r\n const valueType = getValueType(value);\r\n switch (valueType) {\r\n case TYPE_SINGLE_DATE:\r\n return getSingleDayValue();\r\n case TYPE_RANGE:\r\n return getDayRangeValue();\r\n case TYPE_MUTLI_DATE:\r\n return getMultiDateValue();\r\n default:\r\n return getSingleDayValue();\r\n }\r\n };\r\n\r\n const placeholderValue = inputPlaceholder || defaultPlaceholder;\r\n const render = () => {\r\n return (\r\n renderInput({ ref }) || (\r\n \r\n
\r\n );\r\n }\r\n\r\n const { provider } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {strings.noInfoToShow}\r\n
\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n renderProviderLogo(provider) {\r\n const { getLogo } = this.context;\r\n const imgUrl = getLogo(provider);\r\n\r\n if (null === imgUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n |\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {this.renderProviderLogo(provider)}\r\n
\r\n \r\n
\r\n {passing.lineCode} {passing.name}
\r\n {`${trip.passings[0].name} > ${trip.passings[trip.passings.length - 1].name}`}
\r\n \r\n );\r\n }\r\n\r\n renderFilters() {\r\n const { selectedDate } = this.state;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderTimePickers() {\r\n const { showTimeFilterPanel, hoursArray, initialHourIndex, finalHourIndex } = this.state;\r\n return (\r\n showTimeFilterPanel ?\r\n this.handleShowTimeFilter(false)}>\r\n this.handleSelectedDate(e)}\r\n inputPlaceholder={strings.selectDate}\r\n colorPrimary=\"#bc8627\"\r\n inputClassName=\"more-schedules-date-picker-input\"\r\n shouldHighlightWeekends\r\n />\r\n
\r\n\r\n \r\n \r\n {this.renderTimePickers()}\r\n
\r\n \r\n
\r\n :\r\n null\r\n );\r\n }\r\n\r\n renderPassings(passings) {\r\n if (undefined === passings || 0 === passings.length) {\r\n return null;\r\n }\r\n\r\n let filteredPassings = this.filterPassings();\r\n\r\n return (\r\n \r\n this.handleInitialHourSelection(e)}>\r\n {\r\n hoursArray.map((h, index) =>\r\n {this.formatHour(h)} \r\n )\r\n }\r\n \r\n this.handleFinalHourSelection(e)}>\r\n {\r\n hoursArray.map((h, index) =>\r\n {this.formatHour(h)} \r\n )\r\n }\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {strings.moreSchedsTitle}\r\n \r\n {\r\n filteredPassings.map((passing, index) =>\r\n\r\n \r\n
\r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderInfo(passing, passings, trip) {\r\n if (undefined === passing || 0 === passings.length) {\r\n return this.renderHeader(passing, trip);\r\n }\r\n\r\n return (\r\n \r\n {this.renderFilters()}\r\n {this.renderPassings(passings)}\r\n
\r\n );\r\n }\r\n\r\n renderScreens(trip, passing, provider) {\r\n const { passings, isLoadingPassings, displayScheduleInfo, displayMap } = this.state;\r\n\r\n if (displayScheduleInfo && displayMap) {\r\n return (\r\n \r\n
\r\n :\r\n this.renderInfo(passing, passings, trip)\r\n }\r\n \r\n \r\n
\r\n :\r\n this.renderInfo(passing, passings, trip)\r\n }\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component, createRef } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { StopPassingInfo } from './StopPassingInfo';\r\nimport { LinePathInfo } from './LinePathInfo';\r\nimport { LineInfo } from './LineInfo';\r\nimport { MoreSchedules } from './MoreSchedules';\r\nimport { Disclaimer } from '../Disclaimer';\r\n\r\nexport class NextDepartures extends Component {\r\n static contextTypes = {\r\n getState: PropTypes.func,\r\n setState: PropTypes.func,\r\n getMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.stateKey = \"nextDepartures\";\r\n this.stopPassingInfoRef = createRef();\r\n\r\n this.state = {\r\n render: {\r\n component: null,\r\n key: \"stopPassingInfo\",\r\n args: {}\r\n },\r\n available: {\r\n stopPassingInfo: {\r\n type: StopPassingInfo,\r\n callbacks: {\r\n ref: this.stopPassingInfoRef,\r\n onSelectPassing: (args) => this.onChangeView(\"lineInfo\", args),\r\n onSelectLine: (args) => this.onChangeView(\"linePathInfo\", args)\r\n }\r\n },\r\n linePathInfo: {\r\n type: LinePathInfo,\r\n callbacks: {\r\n onReturn: (args) => this.onChangeView(\"stopPassingInfo\", args)\r\n }\r\n },\r\n lineInfo: {\r\n type: LineInfo,\r\n callbacks: {\r\n onReturn: (args) => this.onChangeView(\"stopPassingInfo\", args),\r\n onMoreSchedsClick: (args) => this.onChangeView(\"moreSchedules\", args)\r\n }\r\n },\r\n moreSchedules: {\r\n type: MoreSchedules,\r\n callbacks: {\r\n onReturn: (args) => this.onChangeView(\"lineInfo\", args),\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { getState } = this.context;\r\n const state = getState(this.stateKey);\r\n\r\n if (undefined === state) {\r\n const { render, available } = this.state;\r\n render.component = available.stopPassingInfo;\r\n this.setState({\r\n render: render\r\n });\r\n } else {\r\n const { render, available } = this.state;\r\n\r\n render.component = available[state.key];\r\n render.key = state.key;\r\n render.args = state.args;\r\n\r\n this.setState({\r\n render: render\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { setState } = this.context;\r\n const { render } = this.state;\r\n\r\n setState(this.stateKey, render);\r\n }\r\n\r\n onChangeView(view, args) {\r\n const { render, available } = this.state;\r\n render.component = available[view];\r\n render.key = view;\r\n render.args = args;\r\n\r\n this.setState({\r\n render: render\r\n });\r\n }\r\n\r\n getNearStops() {\r\n /*\r\n * This is only called in App.js.\r\n * Used to make sure when user accepts prompt for location we get the nearstops with the new coords.\r\n */\r\n\r\n if (null !== this.stopPassingInfoRef.current) {\r\n this.stopPassingInfoRef.current.getNearStops();\r\n }\r\n }\r\n\r\n render() {\r\n const { render } = this.state;\r\n const isMenuOpen = this.context.getMenuState();\r\n\r\n if (null === render.component || undefined === render.component) {\r\n return null;\r\n }\r\n\r\n const view = React.createElement(\r\n render.component.type,\r\n Object.assign(render.component.callbacks, render.args)\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n {strings.disclaimer}\r\n
\r\n\r\n {view}\r\n
\r\n );\r\n }\r\n}\r\n\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst planRouteApiRoutes = {\r\n defaultRoute: \"planroute/\"\r\n};\r\n\r\nexport class PlanRouteAPI {\r\n static calculateRoute(request) {\r\n const url = `${planRouteApiRoutes.defaultRoute}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.POST,\r\n body: JSON.stringify(request),\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n\r\n static getLinesByOriginAndDestination(originId, destinationId) {\r\n const url = `${planRouteApiRoutes.defaultRoute}${originId}/${destinationId}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { PlanRouteAPI } from '../../api/PlanRouteAPI';\r\n\r\nexport class PlanRouteCommand {\r\n calculateRoute(request, successCallback, errorCallback) {\r\n const apiResult = PlanRouteAPI.calculateRoute(request);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n\r\n getLinesByOriginAndDestination(originId, destinationId, successCallback, errorCallback) {\r\n const apiResult = PlanRouteAPI.getLinesByOriginAndDestination(originId, destinationId);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class SwitchDirectionButton extends Component {\r\n render() {\r\n const { className, switchDirections } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React, { Component, createRef } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { MapContainer, TileLayer, Marker, Tooltip, Pane, Polyline, useMap, useMapEvents } from 'react-leaflet';\r\nimport 'leaflet/dist/leaflet.css';\r\nimport MarkerClusterGroup from 'react-leaflet-markercluster';\r\nimport { SearchBar } from '../SearchBar';\r\nimport { PlanRouteCommand } from '../commands/PlanRouteCommand';\r\nimport { Button, Row, Col, ListGroup, ListGroupItem, Spinner } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\nimport { SwitchDirectionButton } from '../SwitchDirectionButton';\r\nimport { ProviderCommand } from '../commands/ProviderCommand';\r\nimport { StopCommand } from '../commands/StopCommand';\r\nimport { POICommand } from '../commands/POICommand';\r\nimport { routeDestinationIcon, routeOriginIcon, stopIcon, ticketOfficeIcon, clusterIcon } from '../leaflet/StopIcons';\r\nimport DatePicker from \"../libs/react-modern-calendar-datepicker/src/DatePicker\";\r\nimport \"../libs/react-modern-calendar-datepicker/src/DatePicker.css\";\r\nimport TimeKeeper from 'react-timekeeper';\r\n\r\nexport class AllRoutesView extends Component {\r\n static contextTypes = {\r\n setState: PropTypes.func,\r\n getState: PropTypes.func,\r\n getMapCenter: PropTypes.func,\r\n setMapCenter: PropTypes.func,\r\n getLogo: PropTypes.func,\r\n getMenuState: PropTypes.func,\r\n setMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.stateKey = \"allRoutesView\";\r\n this.originSearchBarRef = createRef();\r\n this.destinationSearchBarRef = createRef();\r\n this.mapRef = React.createRef();\r\n\r\n this.state = {\r\n commands: {\r\n stops: new StopCommand(),\r\n planRoute: new PlanRouteCommand(),\r\n poi: new POICommand(),\r\n provider: new ProviderCommand()\r\n },\r\n request: {\r\n startTime: undefined,\r\n endTime: undefined,\r\n type: 0, //RequestType 0 == RouteFinder\r\n route: [{ in: undefined, out: undefined }],\r\n preferences: undefined, //Preferences 0 == OptimiseArrivalTime, 1 == OptimiseChanges, 4 == OptimiseWalkTime\r\n maxResultTrips: undefined,\r\n isArrivalTime: true,\r\n providers: [],\r\n walkSpeed: 1,\r\n maximumRadius: 1000,\r\n username: \"Website\",\r\n ip: \"\",\r\n ticket: -1\r\n },\r\n nearStops: [],\r\n nearTO: [],\r\n trips: [],\r\n mapRadius: 227753,\r\n polylines: [],\r\n timeFilterSelection: undefined,\r\n displayResults: false,\r\n displayingResultsForTheFirstTime: false,\r\n planningRoutes: false,\r\n selectedDepartureDate: null,\r\n selectedDepartureTime: null,\r\n selectedArrivalDate: null,\r\n selectedArrivalTime: null,\r\n displayDepartureDateDatePicker: false,\r\n displayDepartureDateTimePicker: false,\r\n displayArrivalDateDatePicker: false,\r\n displayArrivalDateTimePicker: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { getState } = this.context;\r\n const state = getState(this.stateKey);\r\n\r\n //Set function to handle when window is resized\r\n window.onresize = () => this.resize();\r\n\r\n if (undefined === state) {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n this.getProviders();\r\n } else {\r\n this.setState(state);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.onresize = () => { };\r\n const { setState } = this.context;\r\n setState(this.stateKey, this.state);\r\n }\r\n\r\n resize() {\r\n if (window.innerWidth < 1142) {\r\n if (this.context.getMenuState()) {\r\n this.context.setMenuState();\r\n }\r\n }\r\n }\r\n\r\n //DATA\r\n\r\n getNearStops() {\r\n const { commands, mapRadius } = this.state;\r\n const { getMapCenter } = this.context;\r\n\r\n const mapCenter = null !== this.mapRef.current ? this.mapRef.current.getCenter() : getMapCenter();\r\n\r\n if (Array.isArray(mapCenter)) {\r\n commands.stops.getNearStops(mapCenter[0], mapCenter[1], parseInt(mapRadius, 10), (r) => this.getNearStopsSuccessCallback(r));\r\n } else {\r\n commands.stops.getNearStops(mapCenter.lat, mapCenter.lng, parseInt(mapRadius, 10), (r) => this.getNearStopsSuccessCallback(r))\r\n }\r\n }\r\n\r\n getNearStopsSuccessCallback(result) {\r\n const { nearStops } = this.state;\r\n\r\n this.setState({\r\n nearStops: nearStops.concat(result.filter(r => nearStops.find(s => s.id === r.id) === undefined))\r\n });\r\n }\r\n\r\n getNearPOI() {\r\n const { commands, mapRadius } = this.state;\r\n const { getMapCenter } = this.context;\r\n\r\n const mapCenter = null !== this.mapRef.current ? this.mapRef.current.getCenter() : getMapCenter();\r\n if (Array.isArray(mapCenter)) {\r\n commands.poi.getNearPOI(mapCenter[0], mapCenter[1], parseInt(mapRadius, 10), (r) => this.getNearPOISuccessCallback(r))\r\n } else {\r\n commands.poi.getNearPOI(mapCenter.lat, mapCenter.lng, parseInt(mapRadius, 10), (r) => this.getNearPOISuccessCallback(r))\r\n }\r\n }\r\n\r\n getNearPOISuccessCallback(result) {\r\n const { nearTO } = this.state;\r\n\r\n this.setState({\r\n nearTO: nearTO.concat(result.filter(r => nearTO.find(s => s.id === r.id) === undefined))\r\n });\r\n }\r\n\r\n getProviders() {\r\n const { commands } = this.state;\r\n commands.provider.getProviders((r) => this.providersSuccessCallback(r));\r\n }\r\n\r\n providersSuccessCallback(result) {\r\n const { request } = this.state;\r\n\r\n request.providers = result.map((provider) => provider.name);\r\n request.preferences = 0;\r\n request.maxResultTrips = 3;\r\n\r\n this.setState({\r\n request: request\r\n });\r\n }\r\n\r\n planRoute(e) {\r\n e.preventDefault();\r\n const { commands, request } = this.state;\r\n\r\n if (undefined !== request.route[0].in && undefined !== request.route[0].out) {\r\n\r\n this.setState({\r\n planningRoutes: true,\r\n polylines: []\r\n });\r\n\r\n commands.planRoute.calculateRoute(request, (r) => this.planRouteSuccessCallback(r));\r\n }\r\n }\r\n\r\n planRouteSuccessCallback(result) {\r\n this.setState({\r\n trips: result.trips,\r\n planningRoutes: false,\r\n displayResults: true,\r\n displayingResultsForTheFirstTime: true\r\n }, () => this.renderResultsPaths(result.trips));\r\n }\r\n\r\n //FUNCTIONS\r\n\r\n setRadius(radius) {\r\n this.setState({\r\n mapRadius: radius\r\n }, () => {\r\n this.getNearStops();\r\n this.getNearPOI();\r\n });\r\n }\r\n\r\n getBounds() {\r\n const { trips, polylines, displayResults } = this.state;\r\n if (displayResults && 0 !== trips.length && 0 !== polylines) {\r\n const bounds = trips.reduce((previousValue, currentValue) => {\r\n\r\n if (previousValue.minLatitude > currentValue.minLatitude) {\r\n previousValue.minLatitude = currentValue.minLatitude;\r\n }\r\n\r\n if (previousValue.maxLatitude < currentValue.maxLatitude) {\r\n previousValue.maxLatitude = currentValue.maxLatitude;\r\n }\r\n\r\n if (previousValue.minLongitude > currentValue.minLongitude) {\r\n previousValue.minLongitude = currentValue.minLongitude;\r\n }\r\n\r\n if (previousValue.maxLongitude < currentValue.maxLongitude) {\r\n previousValue.maxLongitude = currentValue.maxLongitude;\r\n }\r\n\r\n return previousValue;\r\n }, {\r\n minLatitude: 90.0, //Max possilbe latitude value\r\n maxLatitude: -90.0, //Min possible latitude value\r\n minLongitude: 180.0, //Max possible longitude value\r\n maxLongitude: -180.0 //Min possilbe longitude value\r\n });\r\n\r\n return [{ lat: bounds.minLatitude, lng: bounds.minLongitude - 0.01 }, { lat: bounds.maxLatitude + 0.005, lng: bounds.maxLongitude }];\r\n }\r\n return [{ lat: window.defaultCoordinates.lat - 0.5, lng: window.defaultCoordinates.lng - 0.5 }, { lat: window.defaultCoordinates.lat + 0.5, lng: window.defaultCoordinates.lng + 0.5 }];\r\n }\r\n\r\n handleStopSelection(stop, recenter) {\r\n const { request } = this.state;\r\n\r\n this.getNearStops();\r\n this.getNearPOI();\r\n\r\n //If both are set or unset, we make the selected stop the origin\r\n if ((undefined === request.route[0].in && undefined === request.route[0].out) || (undefined !== request.route[0].in && undefined !== request.route[0].out)) {\r\n request.route[0].in = stop;\r\n this.originSearchBarRef.current.updateSearchTextWithoutSearching(stop.name);\r\n } else if (request.route[0].in === undefined) {\r\n request.route[0].in = stop;\r\n this.originSearchBarRef.current.updateSearchTextWithoutSearching(stop.name);\r\n } else {\r\n request.route[0].out = stop;\r\n this.destinationSearchBarRef.current.updateSearchTextWithoutSearching(stop.name);\r\n }\r\n\r\n this.setState({\r\n request: request\r\n }, () => {\r\n this.renderRoutePath();\r\n });\r\n }\r\n\r\n handleSelectStartDateOptionClick() {\r\n this.setState({\r\n displayArrivalDateDatePicker: false,\r\n displayDepartureDateDatePicker: true\r\n }, () => {\r\n //Simulate click to open calendar right away\r\n document.getElementsByName(\"plan-route-departure-date-picker-input\")[0].click();\r\n });\r\n }\r\n\r\n handleSelectEndDateOptionClick() {\r\n this.setState({\r\n displayDepartureDateDatePicker: false,\r\n displayArrivalDateDatePicker: true\r\n }, () => {\r\n //Simulate click to open calendar right away\r\n document.getElementsByName(\"plan-route-arrival-date-picker-input\")[0].click();\r\n });\r\n }\r\n\r\n handleStartStopSelection(stop) {\r\n const { request } = this.state;\r\n request.route[0].in = stop;\r\n\r\n this.mapRef.current.fire(\"click\", { forcedEvent: true, latlng: { lat: stop.coordX, lng: stop.coordY } });\r\n\r\n this.setState({\r\n request: request,\r\n trips: [],\r\n polylines: [],\r\n displayResults: false\r\n }, () => {\r\n this.renderRoutePath();\r\n });\r\n }\r\n\r\n handleStartSearchBarClear() {\r\n const { request } = this.state;\r\n request.route[0].in = undefined;\r\n this.originSearchBarRef.current.updateSearchTextWithoutSearching(\"\");\r\n\r\n this.setState({\r\n request: request,\r\n trips: [],\r\n polylines: [],\r\n displayResults: false\r\n });\r\n }\r\n\r\n handleEndStopSelection(stop) {\r\n const { request } = this.state;\r\n\r\n request.route[0].out = stop;\r\n this.mapRef.current.fire(\"click\", { forcedEvent: true, latlng: { lat: stop.coordX, lng: stop.coordY } });\r\n\r\n this.setState({\r\n request: request,\r\n trips: [],\r\n polylines: [],\r\n displayResults: false\r\n }, () => {\r\n this.renderRoutePath();\r\n });\r\n }\r\n\r\n handleEndSearchBarClear() {\r\n const { request } = this.state;\r\n request.route[0].out = undefined;\r\n this.destinationSearchBarRef.current.updateSearchTextWithoutSearching(\"\");\r\n\r\n this.setState({\r\n request: request,\r\n trips: [],\r\n polylines: [],\r\n displayResults: false\r\n });\r\n }\r\n\r\n handleTripSelected(trip) {\r\n const { onSelectRoute } = this.props;\r\n const { providers } = this.state;\r\n onSelectRoute({ trip: trip, providers: providers });\r\n }\r\n\r\n handleTripPanelClose() {\r\n this.handleStartSearchBarClear();\r\n this.handleEndSearchBarClear();\r\n this.getNearStops();\r\n this.getNearPOI()\r\n }\r\n\r\n\r\n determineStopIcon(stop) {\r\n const { request } = this.state;\r\n\r\n if (undefined !== request.route[0].in && stop.code === request.route[0].in.code) {\r\n return routeOriginIcon;\r\n }\r\n\r\n if (undefined !== request.route[0].out && stop.code === request.route[0].out.code) {\r\n return routeDestinationIcon;\r\n }\r\n\r\n return stopIcon;\r\n }\r\n\r\n determineTicketOfficeIcon(ticketOffice) {\r\n const { request } = this.state;\r\n\r\n if (undefined !== request.route[0].in && ticketOffice.code === request.route[0].in.code) {\r\n return routeOriginIcon;\r\n }\r\n\r\n if (undefined !== request.route[0].out && ticketOffice.code === request.route[0].out.code) {\r\n return routeDestinationIcon;\r\n }\r\n\r\n return ticketOfficeIcon;\r\n }\r\n\r\n determineTripIcon(trip) {\r\n if (trip.subTrips.length === 1 && trip.subTrips[0].isWalking) {\r\n return \"icons/walking.png\";\r\n } else {\r\n return \"icons/bus.png\";\r\n }\r\n }\r\n\r\n determineLineCode(trip) {\r\n const subtrip = trip.subTrips.find(st => undefined !== st && null !== st.lineCode && undefined !== st.lineCode);\r\n if (undefined !== subtrip) {\r\n return subtrip.lineCode;\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n switchDirections() {\r\n const { request } = this.state;\r\n const origin = request.route[0].in;\r\n const destination = request.route[0].out;\r\n\r\n //Reset all\r\n request.route[0].in = undefined;\r\n request.route[0].out = undefined;\r\n this.originSearchBarRef.current.updateSearchTextWithoutSearching(\"\");\r\n this.destinationSearchBarRef.current.updateSearchTextWithoutSearching(\"\");\r\n //----\r\n\r\n if (undefined === origin && undefined === destination) {\r\n return null;\r\n }\r\n\r\n if (undefined !== origin) {\r\n request.route[0].out = origin;\r\n this.destinationSearchBarRef.current.updateSearchTextWithoutSearching(origin.name);\r\n }\r\n\r\n if (undefined !== destination) {\r\n request.route[0].in = destination;\r\n this.originSearchBarRef.current.updateSearchTextWithoutSearching(destination.name);\r\n }\r\n\r\n this.setState({\r\n request: request,\r\n trips: [],\r\n polylines: [],\r\n displayResults: false\r\n }, () =>\r\n this.renderRoutePath()\r\n );\r\n }\r\n\r\n setStartDate(date) {\r\n const { request } = this.state;\r\n\r\n request.startTime = date;\r\n request.endTime = undefined;\r\n\r\n this.setState({\r\n request: request,\r\n timeFilterSelection: \"Agora\",\r\n displayDepartureDateDatePicker: false,\r\n displayDepartureDateTimePicker: false,\r\n displayArrivalDateDatePicker: false,\r\n displayArrivalDateTimePicker: false\r\n });\r\n }\r\n\r\n handleSelectedDepartureDate(date) {\r\n this.setState({\r\n selectedDepartureDate: date,\r\n displayDepartureDateDatePicker: false,\r\n displayDepartureDateTimePicker: true\r\n });\r\n }\r\n\r\n handleSelectedDepartureTime(time) {\r\n const { request, selectedDepartureDate } = this.state;\r\n\r\n const newDateObject = new Date(selectedDepartureDate.year, selectedDepartureDate.month - 1, selectedDepartureDate.day, time.hour, time.minute);\r\n request.startTime = newDateObject;\r\n request.endTime = undefined;\r\n\r\n this.setState({\r\n selectedDepartureTime: { hour: time.hour, minute: time.minute },\r\n request: request,\r\n displayDepartureDateDatePicker: false,\r\n displayDepartureDateTimePicker: false,\r\n timeFilterSelection: \"Partida\"\r\n });\r\n }\r\n\r\n handleSelectedArrivalDate(date) {\r\n this.setState({\r\n selectedArrivalDate: date,\r\n displayArrivalDateDatePicker: false,\r\n displayArrivalDateTimePicker: true\r\n });\r\n }\r\n\r\n handleSelectedArrivalTime(time) {\r\n const { request, selectedArrivalDate } = this.state;\r\n\r\n const newDateObject = new Date(selectedArrivalDate.year, selectedArrivalDate.month - 1, selectedArrivalDate.day, time.hour, time.minute);\r\n request.endTime = newDateObject;\r\n request.startTime = undefined;\r\n\r\n this.setState({\r\n selectedArrivalTime: { hour: time.hour, minute: time.minute },\r\n request: request,\r\n displayArrivalDateDatePicker: false,\r\n displayArrivalDateTimePicker: false,\r\n timeFilterSelection: \"Chegada\"\r\n });\r\n }\r\n\r\n determineSelectedTime() {\r\n const { request, timeFilterSelection } = this.state;\r\n\r\n switch (timeFilterSelection) {\r\n case \"Agora\":\r\n return strings.planRouteTimeFilterSelectNow;\r\n case \"Partida\":\r\n return `${strings.planRouteTimeFilterSelectedStartDate} ${request.startTime.toLocaleString(strings.locale)}`;\r\n case \"Chegada\":\r\n return `${strings.planRouteTimeFilterSelectedEndDate} ${request.endTime.toLocaleString(strings.locale)}`;\r\n default:\r\n return strings.planRouteTimeFilterSelectNow;\r\n }\r\n }\r\n\r\n determineTimePickerLabel(time) {\r\n if (null === time) {\r\n const now = new Date();\r\n return {\r\n hour: now.getHours(),\r\n minute: now.getMinutes()\r\n }\r\n }\r\n\r\n return time;\r\n }\r\n\r\n //RENDER FUNCTIONS\r\n renderPlanRouteInfo() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderStopSelectionPanel() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderFiltersPanel() {\r\n return (\r\n \r\n this.recenter() />*/}\r\n
\r\n\r\n \r\n this.handleStartStopSelection(stop)}\r\n onSearchClear={() => this.handleStartSearchBarClear()}\r\n isRequired={true} />\r\n
\r\n {/*\r\n this.switchDirections()} />\r\n
\r\n \r\n this.handleEndStopSelection(stop)}\r\n onSearchClear={() => this.handleEndSearchBarClear()}\r\n isRequired={true} />\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderDepartureDateTimePicker() {\r\n const { selectedDepartureDate, selectedDepartureTime, displayDepartureDateDatePicker, displayDepartureDateTimePicker } = this.state;\r\n\r\n if (displayDepartureDateDatePicker) {\r\n return (\r\n \r\n
\r\n\r\n {this.renderDepartureDateTimePicker()}\r\n {this.renderArrivalDateTimePicker()}\r\n \r\n
\r\n {/* \r\n \r\n \r\n
\r\n\r\n - \r\n
- this.setStartDate(new Date())}>\r\n {strings.planRouteTimeFilterSelectNow}\r\n \r\n
- this.handleSelectStartDateOptionClick()}>\r\n {strings.planRouteTimeFilterSelectStartDate}\r\n \r\n
- this.handleSelectEndDateOptionClick()}>\r\n {strings.planRouteTimeFilterSelectEndDate}\r\n \r\n
\r\n {strings.planRouteTimeDisclaimer}\r\n
\r\n \r\n \r\n
\r\n */}\r\n - \r\n
- Filtros \r\n
\r\n this.handleSelectedDepartureDate(e)}\r\n colorPrimary=\"#3167a4\"\r\n inputPlaceholder={strings.planRouteTimeFilterSelectStartDate}\r\n inputName=\"plan-route-departure-date-picker-input\"\r\n inputClassName=\"plan-route-date-picker-input\"\r\n shouldHighlightWeekends\r\n />\r\n
\r\n );\r\n }\r\n\r\n if (displayDepartureDateTimePicker) {\r\n return (\r\n \r\n this.handleSelectedDepartureTime(time)}\r\n doneButton={(time) => (\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n renderArrivalDateTimePicker() {\r\n const { selectedArrivalDate, selectedArrivalTime, displayArrivalDateDatePicker, displayArrivalDateTimePicker } = this.state;\r\n\r\n if (displayArrivalDateDatePicker) {\r\n return (\r\n this.handleSelectedDepartureTime(time)}>\r\n {strings.done}\r\n
\r\n )}\r\n />\r\n \r\n this.handleSelectedArrivalDate(e)}\r\n colorPrimary=\"#3167a4\"\r\n inputPlaceholder={strings.planRouteTimeFilterSelectEndDate}\r\n inputName=\"plan-route-arrival-date-picker-input\"\r\n inputClassName=\"plan-route-date-picker-input\"\r\n shouldHighlightWeekends\r\n />\r\n
\r\n );\r\n }\r\n\r\n if (displayArrivalDateTimePicker) {\r\n return (\r\n \r\n this.handleSelectedArrivalTime(time)}\r\n doneButton={(time) => (\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n renderTrips() {\r\n const { trips, planningRoutes, displayResults } = this.state;\r\n\r\n //If not loading, but selected stop or selected stop passings are undefined, return nothing\r\n if (!displayResults) {\r\n return null;\r\n }\r\n\r\n return (\r\n this.handleSelectedArrivalTime(time)}>\r\n {strings.done}\r\n
\r\n )}\r\n />\r\n \r\n
\r\n this.handleTripSelected(trip)}>\r\n \r\n
\r\n \r\n )\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n\r\n renderTripChanges(trip) {\r\n let nonWalkingSubtrips = trip.subTrips.filter(st => st.isWalking === false);\r\n\r\n return (\r\n ![\"\"](\"icons/walking.png\")
);\r\n } else {\r\n //TO DO: Use transport type here instead of bus as default\r\n components.push(\r\n [breakpoint.latitude, breakpoint.longitude])}\r\n color={color}\r\n dashArray={subTrip.isWalking ? \"2 8\" : null} />\r\n );\r\n }\r\n\r\n return (\r\n [passing.x, passing.y])}\r\n color={color}\r\n dashArray={subTrip.isWalking ? \"2 8\" : null} />\r\n );\r\n }\r\n\r\n renderResultsPaths(trips) {\r\n if (!Array.isArray(trips) || 0 === trips.length) {\r\n return;\r\n }\r\n\r\n const polylines = trips.slice()\r\n .reduce(\r\n (output, trip, tripIdx) =>\r\n output.concat(trip.subTrips.map((subTrip, subTripIdx) => this.renderPolyLine(subTrip, 0 === tripIdx ? \"#bc8627\" : \"gray\", tripIdx, subTripIdx))),\r\n []\r\n )\r\n .reverse();\r\n\r\n this.setState({\r\n polylines: polylines\r\n });\r\n }\r\n\r\n renderNearStops() {\r\n const { displayResults, nearStops } = this.state;\r\n\r\n if (displayResults) {\r\n return null;\r\n }\r\n\r\n return (\r\n nearStops.map((stop) =>\r\n {\r\n this.handleStopSelection(stop, false)\r\n }\r\n }}>\r\n\r\n \r\n {this.renderProviderLogo(stop, \"15px\")}\r\n {stop.name}\r\n ({stop.code})\r\n \r\n \r\n )\r\n );\r\n }\r\n\r\n renderNearTO() {\r\n const { displayResults, nearTO } = this.state;\r\n\r\n if (displayResults) {\r\n return null;\r\n }\r\n\r\n return (\r\n nearTO.map((ticketOffice) =>\r\n {\r\n this.handleStopSelection(ticketOffice, false)\r\n }\r\n }}>\r\n\r\n \r\n {ticketOffice.name}\r\n \r\n \r\n )\r\n );\r\n }\r\n\r\n renderProviderLogo(stop, height = \"auto\") {\r\n const { getLogo } = this.context;\r\n const imgUrl = getLogo(stop.provider);\r\n\r\n if (null === imgUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { request, polylines, displayResults, displayingResultsForTheFirstTime } = this.state;\r\n\r\n return (\r\n [breakpoint.latitude, breakpoint.longitude])}\r\n color=\"#bc8627\"\r\n dashArray={subTrip.isWalking ? \"2 8\" : null} />\r\n );\r\n }\r\n\r\n return (\r\n [passing.x, passing.y])}\r\n color=\"#bc8627\"\r\n dashArray={subTrip.isWalking ? \"2 8\" : null} />\r\n );\r\n }\r\n\r\n renderPath(trip) {\r\n if (undefined === trip) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {this.renderTooltip(subtrip, \"subtrip\")}\r\n \r\n );\r\n }\r\n\r\n return null;\r\n });\r\n }\r\n\r\n renderTooltip(data, type) {\r\n if (\"origin\" === type) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (\"destination\" === type) {\r\n return (\r\n \r\n {data.name}\r\n \r\n );\r\n }\r\n\r\n if (0 !== data.passings.length) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n const { trip } = this.props;\r\n return (\r\n this.setState({ mapComponent: e })}>\r\n \r\n {this.renderPath(trip)}\r\n \r\n \r\n {this.renderPathStops(trip)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction SetBounds({ bounds }) {\r\n const map = useMap();\r\n map.fitBounds(bounds);\r\n return null;\r\n}\r\n","import React, { Component, createRef } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { DetailedRouteMap } from './DetailedRouteMap';\r\nimport { Container, Row, Col, Button } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\n\r\nexport class RouteDetailedView extends Component {\r\n static contextTypes = {\r\n getLogo: PropTypes.func,\r\n getMenuState: PropTypes.func,\r\n setMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.detailedRouteMapRef = createRef();\r\n\r\n this.state = {\r\n displayTripInfo: true,\r\n displayMap: true\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n /*\r\n * Set function to handle when window is resized and immediately call it so we check the current screen size, otherwise it is only\r\n * triggered on resize.\r\n */\r\n window.onresize = () => this.resize();\r\n this.resize();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.onresize = () => { };\r\n }\r\n\r\n //-------\r\n\r\n resize() {\r\n if (window.innerWidth > 767) {\r\n this.setState({\r\n displayTripInfo: true,\r\n displayMap: true\r\n });\r\n } else {\r\n if (this.context.getMenuState()) {\r\n this.context.setMenuState();\r\n }\r\n document.getElementById(\"route-detailed-view-show-trip-button\").click();\r\n }\r\n }\r\n\r\n determineTripIcon(trip) {\r\n if (trip.subTrips.length === 1 && trip.subTrips[0].isWalking) {\r\n return \"icons/walking.png\";\r\n } else {\r\n return \"icons/bus.png\";\r\n }\r\n }\r\n\r\n determineLineCode(trip) {\r\n const subtrip = trip.subTrips.find(st => undefined !== st && null !== st.lineCode && undefined !== st.lineCode);\r\n if (undefined !== subtrip) {\r\n return subtrip.lineCode;\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n displayTripInfo() {\r\n this.setState({\r\n displayTripInfo: true,\r\n displayMap: false\r\n });\r\n }\r\n\r\n displayMap() {\r\n this.setState({\r\n displayTripInfo: false,\r\n displayMap: true\r\n });\r\n }\r\n\r\n handleSubtripClick(subtrip) {\r\n this.detailedRouteMapRef.current.panToSpecificSubtrip(subtrip);\r\n }\r\n\r\n //RENDER\r\n renderDisplay() {\r\n const { displayTripInfo, displayMap } = this.state;\r\n const { trip } = this.props;\r\n\r\n if (displayTripInfo && displayMap) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n if (displayTripInfo) {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n }\r\n\r\n renderInfo(trip) {\r\n if (undefined === trip) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {this.renderDisplay()}\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { AllRoutesView } from './AllRoutesView';\r\nimport { RouteDetailedView } from './RouteDetailedView';\r\nimport { Disclaimer } from '../Disclaimer';\r\n\r\nexport class PlanRoute extends Component {\r\n static contextTypes = {\r\n getState: PropTypes.func,\r\n setState: PropTypes.func,\r\n getMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.stateKey = \"planRoutes\";\r\n\r\n this.state = {\r\n render: {\r\n component: null,\r\n key: \"allRoutesView\",\r\n args: {}\r\n },\r\n available: {\r\n allRoutesView: {\r\n type: AllRoutesView,\r\n callbacks: {\r\n onSelectRoute: (args) => this.onChangeView(\"routeDetailedView\", args)\r\n }\r\n },\r\n routeDetailedView: {\r\n type: RouteDetailedView,\r\n callbacks: {\r\n onReturn: (args) => this.onChangeView(\"allRoutesView\", args),\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const { getState } = this.context;\r\n const state = getState(this.stateKey);\r\n\r\n if (undefined === state) {\r\n const { render, available } = this.state;\r\n render.component = available.allRoutesView;\r\n this.setState({\r\n render: render\r\n });\r\n } else {\r\n const { render, available } = this.state;\r\n\r\n render.component = available[state.key];\r\n render.key = state.key;\r\n render.args = state.args;\r\n\r\n this.setState({\r\n render: render\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { setState } = this.context;\r\n const { render } = this.state;\r\n\r\n setState(this.stateKey, render);\r\n }\r\n\r\n onChangeView(view, args) {\r\n const { render, available } = this.state;\r\n render.component = available[view];\r\n render.key = view;\r\n render.args = args;\r\n\r\n this.setState({\r\n render: render\r\n });\r\n }\r\n\r\n render() {\r\n const { render } = this.state;\r\n const isMenuOpen = this.context.getMenuState();\r\n\r\n if (null === render.component || undefined === render.component) {\r\n return null;\r\n }\r\n\r\n const view = React.createElement(\r\n render.component.type,\r\n Object.assign(render.component.callbacks, render.args)\r\n );\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderLinesDropdown() {\r\n const { lines, selectedLine, displayLineDropdown } = this.state;\r\n\r\n if (!displayLineDropdown) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n const isMenuOpen = this.context.getMenuState();\r\n return (\r\n \r\n \r\n
\r\n \r\n )\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n\r\n renderSchedules() {\r\n const { lineSelected, displaySchedules } = this.state;\r\n\r\n if (displaySchedules) {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst stopApiRoutes = {\r\n defaultRoute: \"message/\"\r\n};\r\n\r\nexport class MessageAPI {\r\n static getMessages() {\r\n const url = `${stopApiRoutes.defaultRoute}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { MessageAPI } from '../../api/MessageAPI';\r\n\r\nexport class MessageCommand {\r\n getMessages(successCallback, errorCallback) {\r\n const apiResult = MessageAPI.getMessages();\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Row, Col, ListGroup, ListGroupItem, Spinner } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\nimport { MessageCommand } from '../commands/MessageCommand';\r\n\r\nexport class Messages extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n messages: [],\r\n isLoadingMessages: true,\r\n commands: {\r\n messages: new MessageCommand()\r\n },\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getMessages();\r\n }\r\n\r\n //MESSAGES\r\n getMessages() {\r\n this.setState({\r\n isLoadingMessages: true\r\n });\r\n\r\n const { commands } = this.state;\r\n commands.messages.getMessages((r) => this.getMessagesSuccessCallback(r));\r\n }\r\n\r\n getMessagesSuccessCallback(result) {\r\n this.setState({\r\n messages: result,\r\n isLoadingMessages: false\r\n });\r\n }\r\n //----------------\r\n\r\n renderMessage(message, index) {\r\n if (message.type.toLowerCase() === 'aviso' || message.type.toLowerCase() === 'warning') {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n if (message.type.toLowerCase() === 'imagem' || message.type.toLowerCase() === 'image') {\r\n return (\r\n \r\n \r\n
\r\n \r\n 
\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n const { isLoadingMessages, messages } = this.state;\r\n\r\n if (isLoadingMessages) {\r\n return (\r\n \r\n {\r\n messages.map((message, index) =>\r\n index < 2 ?\r\n message.type.toLowerCase() === 'aviso' || message.type.toLowerCase() === 'warning' ?\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n : message.type.toLowerCase() === 'imagem' || message.type.toLowerCase() === 'image' ?\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n : null\r\n : null\r\n )\r\n }\r\n \r\n );\r\n } else {\r\n return (\r\n {strings.noMessagesToShow}\r\n );\r\n }\r\n }\r\n\r\n changeLanguage(languageKey) {\r\n const { updateLanguage } = this.context;\r\n updateLanguage(languageKey);\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n {strings.plannedRoutes}\r\n
\r\n this.planRoute(e)} />\r\n \r\n {\r\n planningRoutes ?\r\n \r\n \r\n :\r\n this.renderTripsInfo(trips)}\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n renderTripsInfo(trips) {\r\n if (0 !== trips.length) {\r\n return (\r\n trips.map((trip, index) =>\r\n this.handleTripPanelClose()} />\r\n
\r\n\r\n \r\n {strings.originStopPlaceHolder}: {trip.departureTimeToShow}\r\n
\r\n \r\n {strings.destinationStopPlaceHolder}: {trip.arrivalTimeToShow}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderSubtripChangesInfo(trip, subtrip, index) {\r\n const { getLogo } = this.context;\r\n const components = [];\r\n\r\n if (subtrip.isWalking) {\r\n components.push(\r\n {trip.subTrips.map((subtrip, index) => this.renderSubtripChangesInfo(trip, subtrip, index))}\r\n
\r\n {\r\n nonWalkingSubtrips.length - 1 > 0 ?\r\n \r\n {strings.includes} {nonWalkingSubtrips.length - 1} {strings.changes}\r\n
\r\n :\r\n null\r\n }\r\n );\r\n } else {\r\n //TO DO: Use transport type here instead of bus as default\r\n components.push(\r\n \r\n
\r\n );\r\n }\r\n\r\n if (trip.subTrips.length - 1 !== index) {\r\n components.push();\r\n }\r\n\r\n return components;\r\n }\r\n\r\n renderRoutePath() {\r\n const { request } = this.state;\r\n\r\n if (undefined !== request.route[0].in && undefined !== request.route[0].out) {\r\n const positions = [\r\n [request.route[0].in.coordX, request.route[0].in.coordY],\r\n [request.route[0].out.coordX, request.route[0].out.coordY]\r\n ];\r\n\r\n\r\n const polyline = [{subtrip.lineCode}
\r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { request, polylines, displayResults, displayingResultsForTheFirstTime } = this.state;\r\n\r\n return (\r\n \r\n\r\n { this.mapRef.current = mapInstance }}>\r\n \r\n {this.renderNearStops()}\r\n {this.renderNearTO()}\r\n \r\n\r\n {\r\n undefined !== request.route[0].in ?\r\n \r\n\r\n \r\n {this.renderProviderLogo(request.route[0].in, \"15px\")}\r\n {request.route[0].in.name}\r\n ({request.route[0].in.code})\r\n \r\n \r\n :\r\n null\r\n }\r\n\r\n {\r\n undefined !== request.route[0].out ?\r\n \r\n\r\n \r\n {this.renderProviderLogo(request.route[0].out, \"15px\")}\r\n {request.route[0].out.name}\r\n ({request.route[0].out.code})\r\n \r\n \r\n :\r\n null\r\n }\r\n \r\n {polylines}\r\n \r\n\r\n {\r\n displayResults && displayingResultsForTheFirstTime ?\r\n this.setRadius(value)} displayResults={displayResults} />\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction SetBounds({ bounds }) {\r\n const map = useMap();\r\n const mapSize = map.getSize();\r\n\r\n if (window.screen.availWidth < 1024) {\r\n map.fitBounds(bounds, { paddingTopLeft: [0, 600] });\r\n } else {\r\n map.fitBounds(bounds, { paddingTopLeft: [mapSize.x * 0.3, 0] });\r\n }\r\n\r\n return null;\r\n}\r\n\r\n\r\nfunction MapEvents(args) {\r\n const map = useMap();\r\n useMapEvents({\r\n dragend: (e) => {\r\n map.setView(e.target.getCenter(), map.getZoom());\r\n if (!args.displayResults) {\r\n const radius = e.target.getCenter().distanceTo(e.target.getBounds().getNorthWest());\r\n args.setRadius(radius);\r\n }\r\n },\r\n zoomend: (e) => {\r\n map.setView(e.target.getCenter(), map.getZoom());\r\n if (!args.displayResults) {\r\n const radius = e.target.getCenter().distanceTo(e.target.getBounds().getNorthWest());\r\n args.setRadius(radius);\r\n }\r\n },\r\n click: (e) => {\r\n //If it was fired programatically\r\n if (e.forcedEvent) {\r\n const radius = e.target.getCenter().distanceTo(e.target.getBounds().getNorthWest());\r\n map.setView({ lat: e.latlng.lat, lng: e.latlng.lng }, map.getZoom());\r\n args.setRadius(radius);\r\n }\r\n }\r\n });\r\n return null;\r\n}\r\n","import React, { Component } from 'react';\r\nimport { useMap, MapContainer, TileLayer, Pane, Polyline, Marker, Tooltip } from 'react-leaflet';\r\nimport { routeOriginIcon, routeDestinationIcon, lineInfoStopIcon } from '../leaflet/StopIcons';\r\nimport { strings } from '../../resources/strings';\r\nimport 'leaflet/dist/leaflet.css';\r\n\r\nexport class DetailedRouteMap extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n mapComponent: null\r\n }\r\n }\r\n\r\n //HELPER FUNCTIONS\r\n getBounds(trip) {\r\n if (undefined === trip) {\r\n return [{ lat: 41.1483096, lng: -8.6108148 }, { lat: 41.1442942, lng: -8.6105935 }];\r\n }\r\n\r\n return [{ lat: trip.maxLatitude, lng: trip.maxLongitude }, { lat: trip.minLatitude, lng: trip.minLongitude }];\r\n }\r\n\r\n panToSpecificSubtrip(subtrip) {\r\n this.state.mapComponent.flyToBounds([{ lat: subtrip.maxLatitude, lng: subtrip.maxLongitude }, { lat: subtrip.minLatitude, lng: subtrip.minLongitude }]);\r\n }\r\n\r\n //------------------------\r\n\r\n renderPolyLine(subTrip, index) {\r\n if (Array.isArray(subTrip.breakpoints) && 0 < subTrip.breakpoints.length) {\r\n return (\r\n \r\n {this.renderPlanRouteInfo()}\r\n\r\n {this.renderTrips()}\r\n
\r\n\r\n \r\n {\r\n trip.subTrips.map((subTrip, index) => this.renderPolyLine(subTrip, index))\r\n }\r\n
\r\n );\r\n }\r\n\r\n renderPathStops(trip) {\r\n if (undefined === trip) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n {this.renderTooltip(trip, \"origin\")}\r\n \r\n\r\n {this.renderSubtripMarkers(trip.subTrips)}\r\n\r\n\r\n \r\n {this.renderTooltip(trip.endPlace, \"destination\")}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderSubtripMarkers(subtrips) {\r\n return subtrips.map((subtrip, index) => {\r\n if (0 !== subtrip.passings.length && 0 !== index) {\r\n return (\r\n \r\n {data.startPlace.name}\r\n
\r\n {\r\n 0 !== data.subTrips.length ?\r\n data.subTrips[0].isWalking ?\r\n {strings.walkAround} {data.subTrips[0].walkingTime}, {data.subTrips[0].distance}m\r\n :\r\n {data.subTrips[0].lineCode} {data.subTrips[0].passings[0].destination}\r\n :\r\n null\r\n }\r\n
\r\n \r\n {\r\n 0 !== data.subTrips.length ?\r\n data.subTrips[0].isWalking ?\r\n {strings.walkAround} {data.subTrips[0].walkingTime}, {data.subTrips[0].distance}m\r\n :\r\n {data.subTrips[0].lineCode} {data.subTrips[0].passings[0].destination}\r\n :\r\n null\r\n }\r\n
\r\n {data.passings[0].name}\r\n
\r\n {\r\n data.isWalking ?\r\n {strings.walkAround} {data.walkingTime}, {data.distance}m\r\n :\r\n {data.lineCode} {data.passings[0].destination}\r\n }\r\n
\r\n \r\n {\r\n data.isWalking ?\r\n {strings.walkAround} {data.walkingTime}, {data.distance}m\r\n :\r\n {data.lineCode} {data.passings[0].destination}\r\n }\r\n
\r\n {this.renderHeader(trip)}\r\n {this.renderTripInfo(trip)}\r\n
\r\n );\r\n }\r\n\r\n renderHeader(trip) {\r\n const { onReturn } = this.props;\r\n const { displayMap, displayTripInfo } = this.state;\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n })
\r\n \r\n
*/}\r\n
\r\n );\r\n }\r\n\r\n renderTripInfo(trip) {\r\n return (\r\n \r\n \r\n |\r\n \r\n
\r\n\r\n {/*\r\n {this.determineLineCode(trip)} {trip.endPlace.name}\r\n
\r\n \r\n \r\n {\r\n trip.subTrips.map((subtrip, index) => {\r\n if (index === 0) {\r\n if (trip.subTrips.length - 1 === index) {\r\n return this.renderSingleSubtrip(trip, subtrip);\r\n } else {\r\n return this.renderFirstSubtrip(trip, subtrip);\r\n }\r\n } else if (trip.subTrips.length - 1 === index) {\r\n return this.renderLastSubtrip(trip, subtrip);\r\n } else {\r\n return this.renderIntermediateSubtrip(trip, subtrip, index);\r\n }\r\n })\r\n }\r\n\r\n
\r\n );\r\n }\r\n\r\n renderSingleSubtrip(trip, subtrip) {\r\n const { getLogo } = this.context;\r\n return (\r\n \r\n {strings.duration}: {trip.totalTripDuration}\r\n
\r\n\r\n this.handleSubtripClick(subtrip)}>\r\n {subtrip.departureTimeToShow}\r\n ![\"\"](\"icons/prOrigin.png\")
\r\n \r\n {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n ![\"\"](\"icons/prDestination.png\")
\r\n \r\n {trip.endPlace.name}\r\n
\r\n );\r\n\r\n\r\n /*return (\r\n \r\n \r\n {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n
\r\n }\r\n\r\n {subtrip.arrivalTimeToShow}\r\n \r\n ![\"\"](\"icons/bus.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n \r\n \r\n {trip.endPlace.name}\r\n \r\n \r\n \r\n {subtrip.departureTimeToShow} - {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {subtrip.arrivalTimeToShow} - {trip.endPlace.name}\r\n
\r\n );*/\r\n }\r\n\r\n renderFirstSubtrip(trip, subtrip) {\r\n const { getLogo } = this.context;\r\n\r\n return (\r\n \r\n \r\n {subtrip.departureTimeToShow} - {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n \r\n })
\r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n }\r\n\r\n \r\n \r\n \r\n \r\n {subtrip.arrivalTimeToShow} - {trip.endPlace.name}\r\n this.handleSubtripClick(subtrip)}>\r\n {subtrip.departureTimeToShow}\r\n \r\n \r\n {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n
\r\n );\r\n\r\n\r\n /*return (\r\n \r\n \r\n {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n
\r\n }\r\n\r\n {subtrip.arrivalTimeToShow}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n \r\n \r\n \r\n {subtrip.departureTimeToShow} - {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n ![\"\"](\"icons/prIntermediate.png\")
\r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n
\r\n {\r\n trip.subTrips[1].isWalking ?\r\n {strings.arrivalEstimatedAt} {subtrip.arrivalTimeToShow}\r\n :\r\n {strings.estimatedWaitingTime} {subtrip.arrivalTimeToShow} {strings.and} {trip.subTrips[1].departureTimeToShow}\r\n }\r\n\r\n
\r\n );*/\r\n }\r\n\r\n renderIntermediateSubtrip(trip, subtrip, index) {\r\n const { getLogo } = this.context;\r\n\r\n return (\r\n \r\n \r\n {subtrip.departureTimeToShow} - {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n }\r\n\r\n \r\n \r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n \r\n {\r\n trip.subTrips[1].isWalking ?\r\n {strings.arrivalEstimatedAt} {subtrip.arrivalTimeToShow}\r\n :\r\n {strings.estimatedWaitingTime} {subtrip.arrivalTimeToShow} {strings.and} {trip.subTrips[1].departureTimeToShow}\r\n }\r\n\r\n
this.handleSubtripClick(subtrip)}>\r\n\r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n
\r\n );\r\n\r\n /*return (\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n
\r\n }\r\n\r\n {subtrip.arrivalTimeToShow}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n \r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n
\r\n {\r\n trip.subTrips[index + 1].isWalking ?\r\n {strings.arrivalEstimatedAt} {subtrip.arrivalTimeToShow}\r\n :\r\n {strings.estimatedWaitingTime} {subtrip.arrivalTimeToShow} {strings.and} {trip.subTrips[index + 1].departureTimeToShow}\r\n }\r\n
\r\n );*/\r\n }\r\n\r\n renderLastSubtrip(trip, subtrip) {\r\n const { getLogo } = this.context;\r\n\r\n return (\r\n \r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n }\r\n\r\n \r\n \r\n \r\n \r\n {subtrip.passings[subtrip.passings.length - 1].name}\r\n \r\n {\r\n trip.subTrips[index + 1].isWalking ?\r\n {strings.arrivalEstimatedAt} {subtrip.arrivalTimeToShow}\r\n :\r\n {strings.estimatedWaitingTime} {subtrip.arrivalTimeToShow} {strings.and} {trip.subTrips[index + 1].departureTimeToShow}\r\n }\r\n
this.handleSubtripClick(subtrip)}>\r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {trip.endPlace.name}\r\n\r\n
\r\n );\r\n\r\n\r\n /*return (\r\n \r\n
\r\n :\r\n \r\n \r\n
\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n
\r\n }\r\n\r\n {subtrip.arrivalTimeToShow}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n \r\n \r\n {trip.endPlace.name}\r\n\r\n \r\n {\r\n subtrip.isWalking ?\r\n \r\n \r\n {subtrip.arrivalTimeToShow} - {trip.endPlace.name}\r\n\r\n
\r\n );*/\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n {strings.walkAround} {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n \r\n \r\n \r\n {subtrip.lineCode} {subtrip.passings[0].destination}\r\n
\r\n }\r\n\r\n \r\n \r\n \r\n \r\n {subtrip.arrivalTimeToShow} - {trip.endPlace.name}\r\n\r\n \r\n {view}\r\n
\r\n );\r\n }\r\n}\r\n\r\n","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { Button, Spinner, Overlay, Popover } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\nimport { ProviderCommand } from '../commands/ProviderCommand';\r\nimport { ScheduleCommand } from '../commands/ScheduleCommand';\r\nimport { TripCommand } from '../commands/TripCommand';\r\nimport { Disclaimer } from '../Disclaimer';\r\n\r\nexport class Schedules extends Component {\r\n static contextTypes = {\r\n getState: PropTypes.func,\r\n setState: PropTypes.func,\r\n getLogo: PropTypes.func,\r\n getMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.stateKey = \"schedules\";\r\n\r\n this.state = {\r\n commands: {\r\n provider: new ProviderCommand(),\r\n schedule: new ScheduleCommand(),\r\n trip: new TripCommand()\r\n },\r\n scheduleInfo: { stops: [], trips: [], exceptions: [] },\r\n providers: [],\r\n selectedProvider: undefined,\r\n lines: [],\r\n selectedLine: undefined,\r\n selectedDirection: undefined,\r\n dayTypes: [],\r\n selectedDaytype: undefined,\r\n displayLineDropdown: false,\r\n displayDirectionDropdown: false,\r\n displayDaytypeDropdown: false,\r\n isLoadingInfo: false,\r\n displayNoInfo: false,\r\n displayExceptionsPopover: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { getState } = this.context;\r\n const { match, lineId } = this.props;\r\n const state = getState(this.stateKey);\r\n\r\n let params = undefined;\r\n if (undefined !== match) {\r\n params = match.params;\r\n }\r\n\r\n if (undefined === state || (undefined !== params && params.lineId !== undefined) || lineId !== undefined) {\r\n this.getProviders();\r\n } else {\r\n this.setState(state);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { setState } = this.context;\r\n const { lineId } = this.props;\r\n\r\n if (undefined === lineId) {\r\n setState(this.stateKey, this.state);\r\n }\r\n }\r\n\r\n //DATA\r\n getProviders() {\r\n const { commands } = this.state;\r\n commands.provider.getProviders((r) => this.providersSuccessCallback(r));\r\n }\r\n\r\n providersSuccessCallback(result) {\r\n const { displayLineDropdown } = this.props;\r\n\r\n if (1 === result.length) {\r\n this.getProviderLines(result[0]);\r\n }\r\n\r\n this.setState({\r\n providers: result,\r\n displayLineDropdown: undefined !== displayLineDropdown ? displayLineDropdown : true\r\n });\r\n }\r\n\r\n getProviderLines(provider) {\r\n const { commands } = this.state;\r\n const providerName = undefined !== provider.name ? provider.name : \"\";\r\n commands.provider.getProviderLines(providerName, (r) => this.providerLinesSuccessCallback(r))\r\n }\r\n\r\n providerLinesSuccessCallback(result) {\r\n const { match, lineId, direction, displayLineDropdown } = this.props;\r\n let params = undefined;\r\n\r\n if (undefined !== match) {\r\n params = match.params;\r\n }\r\n\r\n this.setState({\r\n lines: result.sort((a, b) => a.name.localeCompare(b.name)),\r\n displayLineDropdown: undefined !== displayLineDropdown ? displayLineDropdown : true,\r\n displayDirectionDropdown: false,\r\n displayDaytypeDropdown: false,\r\n }, () => {\r\n this.setLine(result.find(l => (undefined !== params && l.id === params.lineId) || l.id === lineId));\r\n this.setDirection(undefined !== params ? params.direction : direction);\r\n });\r\n }\r\n\r\n getDaytypes() {\r\n const { selectedLine, commands } = this.state;\r\n commands.schedule.getScheduleByLineGroupByDayType(selectedLine.id, (r) => this.dayTypesSuccessCallback(r));\r\n }\r\n\r\n dayTypesSuccessCallback(result) {\r\n if (0 === result.length) {\r\n this.setState({\r\n displayNoInfo: true\r\n });\r\n } else if (1 === result.length) {\r\n this.setState({\r\n dayTypes: result,\r\n selectedDaytype: result[0],\r\n displayDaytypeDropdown: true,\r\n isLoadingInfo: true\r\n }, () => {\r\n this.getTrips();\r\n });\r\n } else {\r\n this.setState({\r\n dayTypes: result,\r\n displayDaytypeDropdown: true\r\n });\r\n }\r\n }\r\n\r\n getTrips() {\r\n const { commands, selectedLine, selectedDirection, selectedDaytype } = this.state;\r\n commands.trip.getTripsByLineAndDayType(\r\n selectedLine.id, selectedDirection, selectedDaytype.schedules.join(), (r) => this.getTripsSuccessCallback(r));\r\n }\r\n\r\n getTripsSuccessCallback(result) {\r\n if (result.trips.length > 0) {\r\n this.setState({\r\n scheduleInfo: result,\r\n isLoadingInfo: false\r\n });\r\n } else {\r\n this.setState({\r\n displayNoInfo: true,\r\n isLoadingInfo: false\r\n });\r\n }\r\n }\r\n\r\n //---------\r\n\r\n //FUNCTIONS\r\n\r\n setProvider(provider) {\r\n this.setState({\r\n selectedProvider: provider,\r\n selectedLine: undefined,\r\n selectedDirection: undefined,\r\n selectedDaytype: undefined,\r\n scheduleInfo: { stops: [], trips: [], exceptions: [] },\r\n displayLineDropdown: false,\r\n displayDirectionDropdown: false,\r\n displayDaytypeDropdown: false,\r\n displayNoInfo: false\r\n }, () => {\r\n this.getProviderLines(provider);\r\n });\r\n }\r\n\r\n setLine(line) {\r\n if (line === undefined) {\r\n return;\r\n }\r\n\r\n this.setState({\r\n selectedLine: line,\r\n selectedDirection: undefined,\r\n selectedDaytype: undefined,\r\n scheduleInfo: { stops: [], trips: [], exceptions: [] },\r\n displayDirectionDropdown: true,\r\n displayDaytypeDropdown: false,\r\n displayNoInfo: false\r\n });\r\n }\r\n\r\n setDirection(direction) {\r\n if (direction === undefined) {\r\n return;\r\n }\r\n\r\n this.setState({\r\n selectedDirection: direction,\r\n selectedDaytype: undefined,\r\n scheduleInfo: { stops: [], trips: [], exceptions: [] },\r\n displayDaytypeDropdown: false,\r\n displayNoInfo: false\r\n }, () => {\r\n this.getDaytypes();\r\n });\r\n }\r\n\r\n determineDirectionString(direction) {\r\n switch (direction) {\r\n case \"G\":\r\n return strings.directionGo;\r\n case \"R\":\r\n return strings.directionReturn;\r\n case \"C\":\r\n return strings.directionCircular;\r\n default:\r\n return \"\";\r\n }\r\n }\r\n\r\n setDaytype(daytype) {\r\n this.setState({\r\n selectedDaytype: daytype,\r\n isLoadingInfo: true,\r\n scheduleInfo: { stops: [], trips: [], exceptions: [] },\r\n displayNoInfo: false\r\n }, () => {\r\n this.getTrips();\r\n });\r\n }\r\n\r\n setDisplayExceptionsPopover(displayExceptionsPopover) {\r\n this.setState({\r\n displayExceptionsPopover: displayExceptionsPopover\r\n });\r\n }\r\n //---------------\r\n\r\n //RENDER\r\n\r\n renderDropdowns() {\r\n return (\r\n \r\n {this.renderProviderDropdown()}\r\n {this.renderLinesDropdown()}\r\n {this.renderDirectionsDropdown()}\r\n {this.renderDaytypesDropdown()}\r\n
\r\n );\r\n }\r\n\r\n renderProviderDropdown() {\r\n const { providers, selectedProvider } = this.state;\r\n\r\n if (1 >= providers.length) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n renderProviderLogo(provider) {\r\n const { getLogo } = this.context;\r\n const imgUrl = getLogo(provider);\r\n\r\n if (null === imgUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n - \r\n {\r\n providers.map(provider =>\r\n
- this.setProvider(provider)}>\r\n \r\n {this.renderProviderLogo(provider.name)}\r\n \r\n {provider.name}\r\n\r\n \r\n )\r\n }\r\n
\r\n );\r\n }\r\n\r\n renderLinesDropdown() {\r\n const { lines, selectedLine, displayLineDropdown } = this.state;\r\n\r\n if (!displayLineDropdown) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderDirectionsDropdown() {\r\n const { selectedLine, selectedDirection, displayDirectionDropdown } = this.state;\r\n\r\n if (!displayDirectionDropdown) {\r\n return null;\r\n }\r\n\r\n return (\r\n - \r\n {\r\n lines.map((line, index) =>\r\n
- this.setLine(line)}>\r\n \r\n {line.code}\r\n \r\n {line.name}\r\n \r\n \r\n )\r\n }\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderDaytypesDropdown() {\r\n const { displayDaytypeDropdown, dayTypes, selectedDaytype } = this.state;\r\n\r\n if (!displayDaytypeDropdown) {\r\n return null;\r\n }\r\n\r\n return (\r\n - \r\n {\r\n undefined !== selectedLine.directions ?\r\n selectedLine.directions.map((direction, index) =>\r\n
- this.setDirection(direction)}>\r\n \r\n {this.determineDirectionString(direction)}\r\n \r\n \r\n )\r\n :\r\n null\r\n }\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderScheduleInfo() {\r\n const { isLoadingInfo, scheduleInfo, displayNoInfo } = this.state;\r\n\r\n if (isLoadingInfo) {\r\n return (\r\n - \r\n {\r\n dayTypes.map((daytype, index) =>\r\n
- this.setDaytype(daytype)}>\r\n \r\n {daytype.name}\r\n \r\n \r\n )\r\n }\r\n
\r\n
\r\n );\r\n }\r\n\r\n if (displayNoInfo) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n const hasExceptions = Array.isArray(scheduleInfo.exceptions) && 0 < scheduleInfo.exceptions.length;\r\n\r\n return (\r\n {strings.noInfoToShow}
\r\n\r\n
\r\n );\r\n }\r\n\r\n renderStopsList(scheduleInfo, hasExceptions) {\r\n let exceptionsList = null\r\n if (hasExceptions) {\r\n const { displayExceptionsPopover } = this.state;\r\n const overlayRef = React.createRef();\r\n\r\n exceptionsList = (\r\n \r\n {this.renderStopsList(scheduleInfo, hasExceptions)}\r\n {this.renderTripList(scheduleInfo, hasExceptions)}\r\n
\r\n\r\n {\r\n //0 !== scheduleInfo.exceptions.length ?\r\n // \r\n // {this.renderExceptionList(scheduleInfo)}\r\n //
\r\n // :\r\n // null\r\n }\r\n this.setDisplayExceptionsPopover(!displayExceptionsPopover)}\r\n onMouseEnter={() => this.setDisplayExceptionsPopover(true)}\r\n onMouseLeave={() => this.setDisplayExceptionsPopover(false)}>\r\n {strings.notes}\r\n {this.renderExceptionList(scheduleInfo, displayExceptionsPopover, overlayRef)}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {exceptionsList}\r\n {\r\n scheduleInfo.stops.map((stop, index) =>\r\n
\r\n );\r\n }\r\n\r\n renderTripList(scheduleInfo, hasExceptions) {\r\n return (\r\n \r\n {stop.name}\r\n
\r\n )\r\n }\r\n \r\n {\r\n scheduleInfo.trips.map((trip, index) =>\r\n
\r\n );\r\n }\r\n\r\n renderTripExceptions(trip) {\r\n const exceptions = trip\r\n .filter(passing => Array.isArray(passing.exceptions) && 0 < passing.exceptions.length)\r\n .reduce((output, passing) => {\r\n passing.exceptions.forEach(exception => {\r\n if (!output.includes(exception)) {\r\n output.push(exception);\r\n }\r\n });\r\n\r\n return output;\r\n }, []).sort((a, b) => a.localeCompare(b)).join(\", \");\r\n\r\n return (\r\n \r\n {hasExceptions ? this.renderTripExceptions(trip) : null}\r\n {this.renderTripPassings(trip, scheduleInfo.stops)}\r\n
\r\n )\r\n }\r\n \r\n {\"\" === exceptions ? : exceptions}\r\n
\r\n );\r\n }\r\n\r\n renderTripPassings(trip, stops) {\r\n return stops.map(stop => {\r\n const passing = trip.find(passing => passing.stopId === stop.id && passing.stopOrder === stop.order);\r\n if (undefined === passing) {\r\n return (\r\n \r\n --:--\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {passing.time}\r\n
\r\n );\r\n });\r\n }\r\n\r\n renderExceptionList(scheduleInfo, displayExceptionsPopover, overlayRef) {\r\n return (\r\n \r\n {\r\n scheduleInfo.exceptions.map(exception =>\r\n
\r\n \r\n {exception}\r\n
\r\n )\r\n }\r\n \r\n {this.renderDropdowns()}\r\n {this.renderScheduleInfo()}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { Button, Row, Col, ListGroup, ListGroupItem } from 'react-bootstrap';\r\nimport { SearchBar } from '../SearchBar';\r\nimport { Schedules } from './Schedules';\r\nimport { strings } from '../../resources/strings';\r\nimport { PlanRouteCommand } from '../commands/PlanRouteCommand';\r\nimport { Disclaimer } from '../Disclaimer';\r\n\r\nexport class SchedulesByStop extends Component {\r\n static contextTypes = {\r\n getState: PropTypes.func,\r\n setState: PropTypes.func,\r\n getLogo: PropTypes.func,\r\n getMenuState: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.stateKey = \"schedulesByStop\";\r\n\r\n this.state = {\r\n commands: {\r\n planRoute: new PlanRouteCommand()\r\n },\r\n lines: [],\r\n lineSelected: undefined,\r\n origin: undefined,\r\n destination: undefined,\r\n displayResults: false,\r\n displaySchedules: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { getState } = this.context;\r\n const state = getState(this.stateKey);\r\n\r\n if (undefined !== state) {\r\n this.setState(state);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n const { setState } = this.context;\r\n\r\n setState(this.stateKey, this.state);\r\n }\r\n\r\n //DATA\r\n checkLines(e) {\r\n e.preventDefault();\r\n this.setState({\r\n selectedLine: undefined,\r\n displaySchedules: false\r\n });\r\n\r\n const { commands, origin, destination } = this.state;\r\n if (undefined !== origin && destination !== undefined) {\r\n commands.planRoute.getLinesByOriginAndDestination(origin.id, destination.id, (r) => this.checkLinesSuccessCallback(r));\r\n }\r\n }\r\n\r\n checkLinesSuccessCallback(result) {\r\n this.setState({\r\n lines: result.sort((a, b) => a.name.localeCompare(b.name)),\r\n displayResults: true\r\n });\r\n }\r\n\r\n //---------\r\n\r\n //FUNCTIONS\r\n handleStartStopSelection(stop) {\r\n this.setState({\r\n origin: stop\r\n });\r\n }\r\n\r\n handleStartSearchBarClear() {\r\n this.setState({\r\n origin: undefined\r\n });\r\n }\r\n\r\n handleEndStopSelection(stop) {\r\n this.setState({\r\n destination: stop\r\n });\r\n }\r\n\r\n handleEndSearchBarClear() {\r\n this.setState({\r\n destination: undefined\r\n });\r\n }\r\n\r\n handleLineSelection(line) {\r\n /*\r\n * This is done to force react to re-render the Schedules component when another line is selected.\r\n * Using some prop as a component key in Schedules isn't working but did work on LineInfoMap.isPermanent().\r\n * So there may be a better way of doing this\r\n \r\n this.setState({\r\n displaySchedules: false\r\n }, () => {\r\n this.setState({\r\n lineSelected: line,\r\n displaySchedules: true\r\n });\r\n });\r\n */\r\n }\r\n //---------------\r\n\r\n //RENDER\r\n renderSearchPanel() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderLines() {\r\n const { lines, displayResults } = this.state;\r\n\r\n if (!displayResults) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n {this.renderLinesInfo(lines)}\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n renderLinesInfo(lines) {\r\n if (0 !== lines.length) {\r\n return (\r\n lines.map((line, index) =>\r\n \r\n
\r\n\r\n \r\n {strings.availableLines}\r\n
\r\n \r\n {line.code}\r\n \r\n {line.name}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n const isMenuOpen = this.context.getMenuState();\r\n return (\r\n \r\n {this.renderSearchPanel()}\r\n {this.renderLines()}\r\n {this.renderSchedules()}\r\n
\r\n );\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst contactApiRoutes = {\r\n defaultRoute: \"contact/\"\r\n};\r\n\r\nexport class ContactAPI {\r\n static sendEmail(request) {\r\n const url = `${contactApiRoutes.defaultRoute}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.POST,\r\n body: JSON.stringify(request),\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { ContactAPI } from '../../api/ContactAPI';\r\n\r\nexport class ContactCommand {\r\n sendEmail(message, successCallback, errorCallback) {\r\n const apiResult = ContactAPI.sendEmail(message);\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback();\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback();\r\n }\r\n });\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container, Row, Col, Form, Button, Alert } from 'react-bootstrap';\r\nimport { strings } from '../resources/strings';\r\nimport { ContactCommand } from './commands/ContactCommand';\r\n\r\nexport class Contact extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n commands: {\r\n contacts: new ContactCommand()\r\n },\r\n sending: false,\r\n result: undefined\r\n };\r\n }\r\n\r\n sendMail = (e) => {\r\n e.preventDefault();\r\n\r\n this.setState({ sending: true });\r\n this.state.commands.contacts.sendEmail({\r\n name: e.target.name.value,\r\n email: e.target.email.value,\r\n subject: `${e.target.subjectType.value} - ${e.target.subject.value}`,\r\n message: e.target.message.value\r\n }, (r) => this.sendSuccessCallback(r), (r) => this.sendErrorCallback(r));\r\n }\r\n\r\n sendSuccessCallback(result) {\r\n this.setState({\r\n sending: false,\r\n result: true\r\n });\r\n }\r\n\r\n sendErrorCallback(result) {\r\n this.setState({\r\n sending: false,\r\n result: false\r\n });\r\n }\r\n\r\n onCheckboxChange() {\r\n const { sending } = this.state;\r\n this.setState({\r\n sending: !sending,\r\n });\r\n }\r\n\r\n render() {\r\n const subjectOptions = [strings.general, strings.landingPageTickets, strings.landingPageServiceOnDemand, strings.contactComplaints];\r\n\r\n return (\r\n \r\n {strings.contactHeader}
\r\n Praça António Raposo Tavares
\r\n 7800 - 426 Beja
\r\n {strings.email}: geral@trimbal.pt
\r\n {strings.phone}: 284 401 227
\r\n
\r\n \r\n \r\n \r\n Praça António Raposo Tavares
\r\n 7800 - 426 Beja
\r\n {strings.email}: geral@trimbal.pt
\r\n {strings.phone}: 284 401 227
\r\n
{strings.contactWorkingDays}
\r\n {strings.contactSaturdays}
\r\n {strings.contactSundays}
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n if (null === messages) {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { strings } from '../resources/strings';\r\n\r\nexport class NotFound extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n 0 !== messages.length ?\r\n messages.map((message, index) => this.renderMessage(message, index))\r\n :\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n
\r\n \r\n ![\"\"](\"icons/404.png\")
\r\n {strings.pageNotFound}\r\n
\r\n );\r\n }\r\n}\r\n","import { API, HTTPMethod, ContentType } from './APICentral';\r\nimport { APIEncoder } from './APIEncoder';\r\n\r\nconst logoApiRoutes = {\r\n defaultRoute: \"logo/\"\r\n};\r\n\r\nexport class LogoAPI {\r\n static getLogos() {\r\n const url = `${logoApiRoutes.defaultRoute}`;\r\n\r\n return API.authenticatedRequest({\r\n url: url,\r\n method: HTTPMethod.GET,\r\n contentType: ContentType.JSON,\r\n key: APIEncoder.getApiKey()\r\n });\r\n }\r\n}","import { LogoAPI } from '../../api/LogoAPI';\r\n\r\nexport class LogoCommand {\r\n getLogos(successCallback, errorCallback) {\r\n const apiResult = LogoAPI.getLogos();\r\n apiResult.then((result) => {\r\n if (undefined !== successCallback) {\r\n successCallback(JSON.parse(result));\r\n }\r\n }).catch((err) => {\r\n if (undefined !== errorCallback) {\r\n errorCallback(err.message);\r\n }\r\n });\r\n }\r\n}","import { Component } from 'react';\r\n\r\nexport class About extends Component {\r\n //RENDER\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { strings } from '../resources/strings';\r\nimport { MessageCommand } from './commands/MessageCommand';\r\nimport { Row, Col, ListGroup, ListGroupItem } from 'react-bootstrap';\r\nimport { PropTypes } from 'prop-types';\r\nimport { LinkContainer } from 'react-router-bootstrap';\r\n\r\nexport class LandingPage extends Component {\r\n static displayName = LandingPage.name;\r\n\r\n static contextTypes = {\r\n updateLanguage: PropTypes.func\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n messages: [],\r\n isLoadingMessages: true,\r\n commands: {\r\n messages: new MessageCommand()\r\n },\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getMessages();\r\n }\r\n\r\n //MESSAGES\r\n getMessages() {\r\n this.setState({\r\n isLoadingMessages: true\r\n });\r\n\r\n const { commands } = this.state;\r\n commands.messages.getMessages((r) => this.getMessagesSuccessCallback(r));\r\n }\r\n\r\n getMessagesSuccessCallback(result) {\r\n this.setState({\r\n messages: result,\r\n isLoadingMessages: false\r\n });\r\n }\r\n //----------\r\n\r\n renderMessages() {\r\n const { messages } = this.state;\r\n\r\n if (0 !== messages.length) {\r\n return (\r\n \r\n {strings.pageNotFound}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ![\"\"](\"icons/landing-page-network-icon.png\")
\r\n {strings.landingPageNetwork}\r\n \r\n \r\n \r\n ![\"\"](\"icons/landing-page-route-planning-icon.png\")
\r\n {strings.landingPageRoutePlanning}\r\n \r\n \r\n \r\n ![\"\"](\"icons/landing-page-schedules-icon.png\")
\r\n {strings.schedules}\r\n \r\n \r\n \r\n ![\"\"](\"icons/landing-page-tickets-icon.png\")
\r\n {strings.landingPageTickets}\r\n \r\n \r\n \r\n ![\"\"](\"icons/landing-page-service-on-demand-icon.png\")
\r\n {strings.landingPageServiceOnDemand}\r\n \r\n \r\n \r\n ![\"\"](\"icons/landing-page-contact-icon.png\")
\r\n {strings.landingPageContacts}\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n {strings.tickets}
\r\n
\r\n \r\n {strings.simpleOnBoard}
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {strings.ticketsDownload}
\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Container, Row } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\n\r\nexport class ServiceOnDemand extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Container, Row, Col } from 'react-bootstrap';\r\nimport { MapContainer, Marker, TileLayer, Tooltip } from 'react-leaflet';\r\nimport { strings } from '../../resources/strings';\r\nimport { ticketOfficeIcon } from '../leaflet/StopIcons';\r\n\r\nexport class TicketOffice extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n \r\n Rodoviária do Alentejo\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container, Row} from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\n\r\nexport class PrivacyPolicy extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { PropTypes } from 'prop-types';\r\nimport { Route, Redirect, Switch } from 'react-router';\r\n// import { isSafari } from 'react-device-detect';\r\nimport { Layout } from './components/Layout';\r\nimport { NextDepartures } from './components/nextdepartures/NextDepartures';\r\nimport { PlanRoute } from './components/planroute/PlanRoute';\r\nimport { Schedules } from './components/schedules/Schedules';\r\nimport { SchedulesByStop } from './components/schedules/SchedulesByStop';\r\nimport { Contact } from './components/Contact';\r\nimport { Messages } from './components/messages/Messages';\r\nimport { NotFound } from './components/NotFound';\r\nimport { LogoCommand } from '../src/components/commands/LogoCommand';\r\nimport { About } from './components/about/About';\r\nimport { changeLanguage } from \"./resources/strings.js\";\r\nimport { LandingPage } from './components/LandingPage';\r\nimport { TicketInfo } from './components/info/TicketInfo';\r\nimport { ServiceOnDemand } from './components/info/ServiceOnDemand';\r\nimport { TicketOffice } from './components/info/TicketOffice';\r\nimport { PrivacyPolicy } from './components/info/PrivacyPolicy';\r\n\r\nexport default class App extends Component {\r\n static childContextTypes = {\r\n getState: PropTypes.func,\r\n setState: PropTypes.func,\r\n getLogo: PropTypes.func,\r\n getMapCenter: PropTypes.func,\r\n setMapCenter: PropTypes.func,\r\n recenter: PropTypes.func,\r\n updateLanguage: PropTypes.func,\r\n getMenuState: PropTypes.func,\r\n setMenuState: PropTypes.func\r\n };\r\n\r\n static displayName = App.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n states: {\r\n nextDepartures: undefined,\r\n lineInfo: undefined,\r\n stopPassingInfo: undefined,\r\n searchBar: undefined\r\n },\r\n commands: {\r\n logos: new LogoCommand()\r\n },\r\n mapCenter: [window.defaultCoordinates.lat, window.defaultCoordinates.lng],\r\n userLocation: [],\r\n useUserLocation: false,\r\n // waitForGeolocationCheck: true,\r\n isMenuOpen: window.innerWidth < 768 ? false : true,\r\n logos: {}\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n //Set function to handle when window is resized\r\n window.onresize = () => this.resize();\r\n\r\n //Check is geolocation is available\r\n /*if (\"geolocation\" in navigator) {\r\n if (!isSafari) {\r\n navigator.permissions.query({ name: 'geolocation' }).then((result) => {\r\n //Used to make app run while user has not yet accepted/denied location access\r\n if (result.state === 'prompt') {\r\n this.setState({\r\n waitForGeolocationCheck: false\r\n }, () => this.getUserLocation())\r\n } else {\r\n this.getUserLocation();\r\n }\r\n });\r\n } else {\r\n this.getUserLocation();\r\n }\r\n }*/\r\n\r\n this.getLogos();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.onresize = () => { };\r\n }\r\n\r\n resize() {\r\n if (window.innerWidth < 768) {\r\n this.setState({\r\n isMenuOpen: false\r\n });\r\n }\r\n }\r\n\r\n //USER LOCATION / MAP CENTER / RECENTER\r\n /*getUserLocation() {\r\n navigator.geolocation.getCurrentPosition(\r\n (position) => {\r\n this.setState({\r\n mapCenter: [position.coords.latitude, position.coords.longitude],\r\n userLocation: [position.coords.latitude, position.coords.longitude],\r\n useUserLocation: true,\r\n waitForGeolocationCheck: false\r\n });\r\n },\r\n (error) => {\r\n this.setState({\r\n waitForGeolocationCheck: false\r\n });\r\n }\r\n );\r\n }*/\r\n\r\n getMapCenter() {\r\n const { mapCenter } = this.state;\r\n return mapCenter;\r\n }\r\n\r\n setMapCenter(center, getNearStopsCallback) {\r\n const { mapCenter } = this.state;\r\n\r\n if (mapCenter[0] === center[0] && mapCenter[1] === center[1]) {\r\n if (\"function\" === typeof getNearStopsCallback) {\r\n getNearStopsCallback();\r\n }\r\n\r\n return;\r\n }\r\n\r\n this.setState({\r\n mapCenter: center\r\n }, () => {\r\n if (\"function\" === typeof getNearStopsCallback) {\r\n getNearStopsCallback();\r\n }\r\n });\r\n }\r\n\r\n recenter(getNearStopsCallback) {\r\n /*const { useUserLocation } = this.state;\r\n\r\n if (useUserLocation) {\r\n this.setMapCenter(this.state.userLocation, getNearStopsCallback);\r\n } else {*/\r\n this.setMapCenter([window.defaultCoordinates.lat, window.defaultCoordinates.lng], getNearStopsCallback);\r\n // }\r\n }\r\n //--------------------\r\n\r\n //LOGOS\r\n getLogos() {\r\n const { commands } = this.state;\r\n commands.logos.getLogos((r) => this.getLogosSuccessCallback(r));\r\n }\r\n\r\n getLogosSuccessCallback(result) {\r\n this.setState({\r\n logos: result\r\n });\r\n }\r\n //----------------\r\n\r\n //Update Language\r\n updateLanguage(languageKey) {\r\n changeLanguage(languageKey);\r\n this.setState({});\r\n }\r\n //--------------\r\n\r\n //MENU\r\n getMenuState() {\r\n const { isMenuOpen } = this.state;\r\n return isMenuOpen;\r\n }\r\n\r\n setMenuState() {\r\n const { isMenuOpen } = this.state;\r\n\r\n this.setState({\r\n isMenuOpen: !isMenuOpen\r\n });\r\n }\r\n //--------------\r\n\r\n getChildContext() {\r\n return {\r\n getState: (a) => this.getComponentState(a),\r\n setState: (a, b) => this.setComponentState(a, b),\r\n getLogo: (provider) => this.getLogo(provider),\r\n getMapCenter: () => this.getMapCenter(),\r\n setMapCenter: (center, callback) => this.setMapCenter(center, callback),\r\n recenter: (callback) => this.recenter(callback),\r\n updateLanguage: (languageKey) => this.updateLanguage(languageKey),\r\n getMenuState: () => this.getMenuState(),\r\n setMenuState: () => this.setMenuState()\r\n };\r\n }\r\n\r\n getComponentState(which) {\r\n const { states } = this.state;\r\n return states[which];\r\n }\r\n\r\n setComponentState(which, newState) {\r\n const { states } = this.state;\r\n\r\n states[which] = newState;\r\n\r\n this.setState({\r\n states: states\r\n });\r\n }\r\n\r\n getLogo(provider) {\r\n const { logos } = this.state;\r\n if (undefined !== logos[provider]) {\r\n return `https://www.trimbal.pt/content/logos/${logos[provider]}`;\r\n }\r\n\r\n return null;\r\n }\r\n\r\n render() {\r\n /* const { waitForGeolocationCheck } = this.state;\r\n \r\n if (waitForGeolocationCheck) {\r\n return null;\r\n }*/\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction LayoutRoute({ component: Component, ...rest }) {\r\n return (\r\n \r\n ,\r\n rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n"],"sourceRoot":""}
\r\n
\r\n\r\n\r\n \r\n ![\"Icon\"/](\"icons/logo-trimbal-landing-page.png\")
\r\n
\r\n \r\n \r\n {strings.landingPageNetwork}\r\n \r\n \r\n {strings.landingPageRoutePlanning}\r\n \r\n \r\n {strings.schedules}\r\n \r\n \r\n {strings.landingPageTickets}\r\n \r\n \r\n {strings.landingPageServiceOnDemand}\r\n \r\n \r\n {strings.landingPageContacts}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container, Row} from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\n\r\nexport class TicketInfo extends Component {\r\n render() {\r\n return (\r\n {strings.messages}\r\n \r\n
\r\n {this.renderMessages()}\r\n\r\n \r\n
\r\n \r\n {this.renderMessages()}\r\n
\r\n {strings.seeMore}\r\n
\r\n {strings.tickets}
\r\n {strings.simpleOnBoard}
{strings.fullAndHalf}
\r\n \r\n
- \r\n
- {strings.fullAndHalfConditionA} \r\n
- {strings.fullAndHalfConditionB} \r\n
- {strings.fullAndHalfConditionC} \r\n
{strings.prebought}
\r\n\r\n
- \r\n
- {strings.preboughtConditionA} \r\n
- {strings.preboughtConditionB} \r\n
- {strings.preboughtConditionC} \r\n
{strings.monthly}
\r\n\r\n
- \r\n
- {strings.monthlyConditionA} \r\n
- {strings.monthlyConditionB} \r\n
- {strings.monthlyConditionC} \r\n
- {strings.monthlyConditionD} \r\n
- {strings.monthlyConditionE} \r\n
{strings.passes418s23}
\r\n\r\n
- \r\n
- {strings.passes418s23ConditionA} \r\n
- {strings.passes418s23ConditionB} \r\n
- {strings.passes418s23ConditionC} \r\n
- {strings.passes418s23ConditionD} \r\n
- {strings.passes418s23ConditionE} \r\n
- {strings.pass418ConditionF} \r\n
- {strings.passS23ConditionF} \r\n
\r\n
- \r\n
\r\n
- \r\n
- \r\n
\r\n
- \r\n
{strings.passes418s23MoreInfo}
\r\n {strings.passes418s23}\r\n
\r\n {strings.passes418s23Faqs}\r\n
{strings.passCIM}
\r\n\r\n
- \r\n
- {strings.passCIMConditionA} \r\n
- {strings.passCIMConditionB} \r\n
- {strings.passCIMConditionC} \r\n
- {strings.passCIMConditionD} \r\n
- {strings.passCIMConditionE} \r\n
- {strings.passCIMConditionF} \r\n
- {strings.passCIMConditionG} \r\n
\r\n
{strings.moreInfoSoon}
\r\n \r\n {strings.contactHeader}
\r\n Praça António Raposo Tavares
\r\n 7800 - 426 Beja
\r\n {strings.email}: geral@trimbal.pt
\r\n {strings.phone}: 284 401 227
\r\n
\r\n\r\n \r\n Praça António Raposo Tavares
\r\n 7800 - 426 Beja
\r\n {strings.email}: geral@trimbal.pt
\r\n {strings.phone}: 284 401 227
\r\n
{strings.contactWorkingDays}
\r\n {strings.contactSaturdays}
\r\n {strings.contactSundays}
{strings.privacyPolicy}
\r\nLeia por favor esta Política de Privacidade com atenção, pois no acesso a este site,\r\n a disponibilização dos seus dados pessoais implica o conhecimento e aceitação das\r\n condições aqui constantes.
\r\nQuem é o responsável pela recolha e tratamento dos dados?
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. é a entidade responsável pela recolha e tratamento dos dados pessoais, \r\n podendo, no âmbito da sua atividade, recorrer a entidades por si subcontratadas para a prossecução das \r\n finalidades aqui indicadas.
\r\nQuem é o Encarregado de Proteção de dados?
\r\nO Encarregado de Proteção de Dados é a Protect Data (Best Privacy Consulting Unipessoal Limitada), \r\n representada por Ana Fazendeiro, que pode ser contactada pelo \r\n seguinte endereço de e-mail: privacidade@rodalentejo.pt
\r\nO que são dados pessoais?
\r\nDados pessoais são qualquer informação, de qualquer natureza e\r\n independentemente do respetivo suporte, incluindo som e imagem, relativa a uma\r\n pessoa singular identificada ou identificável. É considerada identificável a pessoa\r\n que possa ser identificada direta ou indiretamente, designadamente por referência a\r\n um número de identificação ou a um ou mais elementos específicos da sua\r\n identidade física, fisiológica, psíquica, económica, cultural ou social.
\r\nQue dados pessoais são recolhidos e tratados?
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. procede à recolha e ao tratamento, entre outros, \r\n dos seguintes dados pessoais: nome, número de telefone e endereço de correio eletrónico.
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. assume que os dados foram fornecidos pelo titular \r\n dos mesmos ou que este deu autorização para o efeito e presume que os mesmos são verdadeiros \r\n e se encontram atualizados.
\r\nDe que forma são recolhidos os seus dados?
\r\nOs dados pessoais podem ser recolhidos através dos seguintes meios:
\r\n\r\n
- \r\n
- Correio electrónico; \r\n
- Website; \r\n
- Chamadas telefónicas; \r\n
- Presencialmente; \r\n
- Através de aplicações (“apps”) instaladas em dispositivos móveis. \r\n
Os dados recolhidos são processados e armazenados informaticamente e no \r\n estrito cumprimento da legislação de proteção de dados pessoais sendo \r\n armazenados em base de dados específicas, criadas para o efeito, pela \r\n ABA – Autocarros do Baixo Alentejo, S.A. ou pelas entidades por esta subcontratadas.
\r\nAlguns dados pessoais recolhidos no website são de preenchimento obrigatório e, \r\n em caso de falta ou insuficiência desses dados, a ABA – Autocarros do Baixo Alentejo, S.A. \r\n poderá não conseguir prestar-lhe os serviços ou as informações por si solicitadas. \r\n Em cada caso concreto, a ABA – Autocarros do Baixo Alentejo, S.A. informá-lo-á da natureza \r\n obrigatória do fornecimento dos dados pessoais em causa.
\r\nQuais as finalidades e fundamentos para o tratamento dos seus dados?
\r\nDe acordo com os Princípios da proteção de dados a ABA – Autocarros do Baixo Alentejo, S.A. \r\n só poderá proceder ao tratamento dos seus dados pessoais para finalidades determinadas e \r\n se tiver base legal para o fazer. A ABA – Autocarros do Baixo Alentejo, S.A. utiliza \r\n os seus dados para os seguintes fins e com base nos seguintes fundamentos:
\r\n- \r\n
- \r\n Tendo como fundamento o contrato de serviços de transporte que celebrou connosco, \r\n tratamos os seus dados para efeitos de:\r\n
- \r\n
- Gestão de relação contratual dos serviços prestados pela ABA – Autocarros do Baixo Alentejo, S.A.; e \r\n
- Apoio ao cliente. \r\n
\r\n - \r\n Porque estamos no âmbito de diligências pré-contratuais tratamos os seus dados para efeitos de: \r\n
- \r\n
- Pedidos de orçamento e informações; e \r\n
- Recrutamento. \r\n
\r\n - \r\n Para cumprimento de obrigações legais, tratamos os seus dados para efeitos de:\r\n
- \r\n
- Gestão de reclamações; e \r\n
- Cumprimento de outras obrigações legais ou regulamentares. \r\n
\r\n - \r\n Porque é nosso cliente e temos interesse legítimo em querer prestar-lhe, cada vez mais, \r\n um serviço melhor, tratamos os seus dados para efeitos de:\r\n
- \r\n
- Agenda de contactos; e \r\n
- Ações de marketing. \r\n
\r\n - \r\n Tendo como fundamento o seu consentimento, tratamos os seus dados para efeitos de: \r\n
- \r\n
- Envio de informações relativas a iniciativas de formação ou estágios; e \r\n
- Envio de ações de marketing (caso não seja nosso cliente). \r\n
\r\n
Para a prossecução das finalidades acima identificadas a ABA – Autocarros do Baixo Alentejo, \r\n S.A. poderá proceder à interconexão dos dados recolhidos, com o propósito de atualizar e completar tais dados.”
\r\nCom quem são partilhados os seus dados?
\r\nOs dados recolhidos e detidos pela ABA – Autocarros do Baixo Alentejo, S.A. poderão ser transmitidos, com respeito \r\n pelo dever da confidencialidade e pelo princípio da finalidade que presidiu à sua recolha, para as seguintes entidades:
\r\n\r\n
- \r\n
- Entidades do grupo em que a ABA – Autocarros do Baixo Alentejo, S.A. está inserida; \r\n
- Autoridades judiciais ou administrativas, nos casos em que tal cedência seja obrigatória; \r\n
- Empresas de recrutamento e seleção; \r\n
- Subcontratantes que procederão ao tratamento dos dados por conta da ABA – Autocarros do Baixo Alentejo, S.A. \r\n e de acordo com as finalidades por esta determinadas. \r\n
Quais são os seus direitos?
\r\nNos termos da legislação sobre Proteção de Dados Pessoais, garantimos-lhe o direito de acesso, \r\n atualização, retificação, eliminação, portabilidade e apagamento dos seus dados pessoais. \r\n Poderá ainda apresentar reclamações perante a Comissão Nacional da Proteção de Dados.
\r\nConferimos-lhe, também, o direito de retirar o consentimento (não clientes) ou opor-se à \r\n utilização (clientes) dos dados facultados para fins de marketing, para o envio de comunicações \r\n informativas ou de inclusão em listas ou serviços informativos. Caso não o tenha efetuado aquando \r\n da recolha dos dados, poderá enviar um pedido posteriormente.
\r\nO exercício destes direitos deverá ser realizado através do seguinte endereço de correio eletrónico \r\n privacidade@rodalentejo.pt ou morada Estação Central de Camionagem de Évora, 2.º Piso, Avenida Túlio espanca, s/n, 7005-840 Évora.
\r\nPor quanto tempo são armazenados os seus dados?
\r\nO período de tempo durante o qual os dados são armazenados e conservados varia de acordo com a finalidade para a qual a informação é tratada. \r\n Sempre que não exista uma exigência legal específica, os dados serão armazenados e conservados apenas pelo período \r\n mínimo necessário para as finalidades que motivaram a sua recolha ou o seu posterior tratamento, findo \r\n o qual os mesmos serão eliminados.
\r\nOs seus dados são tratados de forma segura?
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. assume o compromisso de garantir a proteção da segurança\r\n dos seus dados. Para o efeito, adotou diversas medidas de segurança, de caráter técnico e organizativo, \r\n de forma a proteger os dados pessoais que nos disponibiliza contra a sua difusão, perda, uso indevido, \r\n alteração, tratamento ou acesso não autorizado, bem como contra qualquer outra forma de tratamento ilícito. \r\n A ABA – Autocarros do Baixo Alentejo, S.A. exige dos seus subcontratantes e dos seus parceiros a adoção \r\n de medidas de segurança equivalentes àquelas que pratica.
\r\nNão obstante as medidas de segurança praticadas pela ABA – Autocarros do Baixo Alentejo, S.A. \r\n o utilizador deve adotar medidas adicionais de segurança designadamente, assegurar que utiliza \r\n equipamentos e um Browser atualizados em termos de segurança adequadamente configurados, \r\n com firewall ativa, antivírus e anti- spyware e, certificar-se da autenticidade dos sites \r\n que visita na internet, devendo evitar websites em cuja reputação não confie.
\r\nComunicações
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. reconhece que poderá comunicar dados dos \r\n Utilizadores no âmbito de processos de fusão, aquisição e/ou incorporação em que se encontre, \r\n não se considerando essa comunicação como uma transferência de dados para terceiros, \r\n nem existindo qualquer tratamento subcontratado.
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. poderá ainda transmitir dados a terceiros \r\n no âmbito de investigações, inquéritos e processos judiciais e/ou administrativos ou \r\n de natureza semelhante, desde que para tal seja devidamente ordenada por ordem judicial nesse sentido.
\r\nTransferência dos Dados
\r\nCaso possam ocorrer transferências de dados para países terceiros que não pertençam à União \r\n Europeia ou ao Espaço Económico Europeu, a ABA – Autocarros do Baixo Alentejo, S.A. cumprirá com a \r\n lei, nomeadamente no que respeita à adequabilidade do país de destino no que respeita a proteção \r\n de dados pessoais e aos requisitos que são aplicáveis a estas transferências, não sendo \r\n transferidos dados pessoais para jurisdições que não ofereçam garantias de segurança e proteção.
\r\nAlterações à Política de Privacidade
\r\nA ABA – Autocarros do Baixo Alentejo, S.A. reserva-se o direito de, a qualquer altura, proceder a reajustamentos \r\n ou alterações à presente Política de Privacidade, sendo essas alterações devidamente publicitadas neste site.
\r\n