\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};\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.defaultRoute}lines/${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}","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}","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 externalTicketOfficeIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/externalTicketOfficeIcon.png'),\r\n iconAnchor: new L.Point(25, 25),\r\n iconSize: new L.Point(50, 50)\r\n});\r\n\r\nconst selectedExternalTicketOfficeIcon = new L.Icon({\r\n iconUrl: require('../leaflet/icons/selectedExternalTicketOfficeIcon.png'),\r\n iconAnchor: new L.Point(25, 25),\r\n iconSize: new L.Point(50, 50)\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, externalTicketOfficeIcon, selectedExternalTicketOfficeIcon, 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\nimport { PropTypes } from 'prop-types';\r\nimport { MapContainer, Polyline, TileLayer, AttributionControl, useMap, useMapEvents, Marker, Tooltip } from 'react-leaflet';\r\nimport 'leaflet/dist/leaflet.css';\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, externalTicketOfficeIcon, selectedExternalTicketOfficeIcon, 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\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 zoomIn: 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.code.localeCompare(b.code));\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 zoomIn: 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, true);\r\n } else if (place.type === 3) {\r\n this.handleTicketOfficeSelection(place, recenter, true);\r\n } else if (place.type === 4) {\r\n this.handleLineSelection(place);\r\n }\r\n\r\n }\r\n\r\n handleStopSelection(stop, recenter, zoom) {\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 zoomIn: true\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, zoom) {\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 zoomIn: false\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 ticketOffice.type === 11 ? selectedExternalTicketOfficeIcon : selectedTicketOfficeIcon;\r\n }\r\n\r\n return ticketOffice.type === 11 ? externalTicketOfficeIcon : 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 \"#E52421\";\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, zoomIn } = this.state;\r\n const { getMapCenter } = this.context;\r\n\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 = selectedPassing.isDeterministic ? parseInt((calculatedTime.getTime() - scheduleTime.getTime()) / 60000) : 0;\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 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 //--------------\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 {\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 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 {this.formatDuration(tripPassing.duration)};\r\n }\r\n\r\n renderPassingPlannedTime(displayTime, tripPassing) {\r\n return displayTime ?\r\n {tripPassing.formattedTimeStamp} :\r\n null;\r\n }\r\n\r\n renderPassingTime(tripPassing, displayPlannedTime) {\r\n if (tripPassing.isRT) {\r\n return this.renderPassingRealTime(tripPassing);\r\n }\r\n\r\n return this.renderPassingPlannedTime(displayPlannedTime, tripPassing);\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 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} - {selectedTO.name}\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, 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 {nearTO.map((ticketOffice) =>\r\n {\r\n this.handleTicketOfficeSelection(ticketOffice, false, 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\nfunction SetViewOnClick({ coords, isToRecenter, zoomIn}) {\r\n const map = useMap();\r\n\r\n if (isToRecenter) {\r\n if (zoomIn) {\r\n map.setView(coords, 16);\r\n } else {\r\n map.setView(coords, map.getZoom());\r\n }\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 { 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, AttributionControl } 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 return [{ lat: trip.maxLatitude, lng: trip.maxLongitude }, { lat: trip.minLatitude, lng: trip.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
\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 [passing.x, passing.y])} color=\"#E52421\" />\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=\"#E52421\" />\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 renderPassingRealTime(tripPassing) {\r\n return -1 === tripPassing.duration ?\r\n null :\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 {this.formatDuration(tripPassing.duration)}\r\n
\r\n );\r\n }\r\n\r\n const displayPlannedTime = trip.passings\r\n .filter(passing => passing.isRT)\r\n .every(passing => passing.isDeterministic);\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 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 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=\"#E52421\"\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 {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}","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","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, AttributionControl } 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, externalTicketOfficeIcon, 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 ticketOffice.type === 11 ? externalTicketOfficeIcon : 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 ? \"#E52421\" : \"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=\"#E52421\"\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=\"#E52421\"\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 })} attributionControl={false}>\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 } 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 };\r\n\r\n constructor(props) {\r\n super(props);\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 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 //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\n\r\nexport class PlanRoute extends Component {\r\n static contextTypes = {\r\n getState: PropTypes.func,\r\n setState: 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\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, typing, typedText } = 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 }\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 render() {\r\n const { isLoadingMessages, messages } = this.state;\r\n\r\n if (isLoadingMessages) {\r\n return (\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 { Carousel } from 'react-bootstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass CarouselComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n selectedImageIndex: 0,\r\n carouselItems: [],\r\n hasValidCarouselItems: false,\r\n showCarousel: props.showCarousel,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.loadCarouselConfig();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.showCarousel !== this.props.showCarousel) {\r\n this.setState({ showCarousel: this.props.showCarousel });\r\n }\r\n }\r\n\r\n\r\n loadCarouselConfig() {\r\n fetch(`${process.env.PUBLIC_URL}/docs/carousel/carousel-config.json`)\r\n .then(response => response.json())\r\n .then(data => {\r\n const today = new Date().toISOString().split('T')[0]; // Current date in YYYY-MM-DD format\r\n\r\n // Filter items based on the current date\r\n const filteredItems = data.Carousel.filter(item => {\r\n const currentDate = new Date(today);\r\n const start = new Date(item.startDate);\r\n const end = new Date(item.endDate);\r\n return currentDate >= start && currentDate <= end;\r\n });\r\n\r\n // Check if there are valid items\r\n if (filteredItems.length > 0) {\r\n this.setState({\r\n carouselItems: filteredItems,\r\n hasValidCarouselItems: true\r\n });\r\n } else {\r\n this.setState({\r\n hasValidCarouselItems: false\r\n });\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Error loading carousel config:', error);\r\n this.setState({\r\n hasValidCarouselItems: false\r\n });\r\n });\r\n }\r\n\r\n handleCarouselClose = (event) => {\r\n if (event.target === event.currentTarget) {\r\n this.setState({ showCarousel: false });\r\n this.props.onClose();\r\n }\r\n }\r\n\r\n handleImageClick = (url) => {\r\n //window.location.href = url; // opens the link in the same window\r\n window.open(url, '_blank'); // '_blank' opens the link in a new tab\r\n this.props.onClose();\r\n }\r\n\r\n render() {\r\n const { selectedImageIndex, carouselItems, hasValidCarouselItems, showCarousel } = this.state;\r\n\r\n if (!showCarousel) {\r\n return null;\r\n }\r\n\r\n return (\r\n showCarousel && hasValidCarouselItems && (\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 this.openModal(index)}\r\n style={{ cursor: 'pointer' }}\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 {strings.noMessagesToShow};\r\n }\r\n }\r\n\r\n render() {\r\n const { showCarousel } = this.state;\r\n\r\n return (\r\n \r\n \r\n Descarregar Informação Tarifária Completa\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n PRÉ-COMPRADO
\r\n
\r\n \r\n
\r\n \r\n \r\n PASSE PESSOAS COM MOBILIDADE
\r\n
\r\n \r\n PASSE PESSOAS COM MOBILIDADE
\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 { Container, Row } from 'react-bootstrap';\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}","import React, { Component } from 'react';\r\nimport { Container, Row, Col } 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, Table } from 'react-bootstrap';\r\nimport { MapContainer, Marker, TileLayer, Tooltip, AttributionControl } from 'react-leaflet';\r\nimport { POICommand } from '../commands/POICommand';\r\nimport { strings } from '../../resources/strings';\r\nimport { externalTicketOfficeIcon, ticketOfficeIcon } from '../leaflet/StopIcons';\r\n\r\nexport class TicketOffice extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n commands: {\r\n poi: new POICommand()\r\n },\r\n nearTO: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getNearPOI();\r\n }\r\n\r\n getNearPOI() {\r\n this.state.commands.poi.getNearPOI(41.4403427596919, -8.30417769847734, 10000000, (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 render() {\r\n return (\r\n \r\n \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\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 './custom.css'\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 { PrivacyPolicy } from './components/info/PrivacyPolicy';\r\nimport { ServiceOnDemand } from './components/info/ServiceOnDemand';\r\nimport { TicketOffice } from './components/info/TicketOffice';\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.avemobilidade.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 {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 }\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 }} attributionControl={false}>\r\n \r\n {this.renderNearStops()} \r\n \r\n {this.renderNearTO()}\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, AttributionControl } 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 {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(subtrip, index);\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\r\n return (\r\n \r\n ![\"\"](\"icons/prOrigin.png\")
\r\n \r\n {subtrip.departureTimeToShow} - {trip.startPlace.name}\r\n\r\n {\r\n subtrip.isWalking ?\r\n ![\"\"](\"icons/prDestination.png\")
\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 Ir a pé {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n Ir a pé {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n ![\"\"](\"icons/bus.png\")
\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 \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 );\r\n }\r\n\r\n renderIntermediateSubtrip(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 Ir a pé {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n Ir a pé {subtrip.walkingTime}, {subtrip.distance}m\r\n \r\n \r\n \r\n \r\n \r\n {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 {\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\r\n renderLastSubtrip(trip, subtrip) {\r\n const { getLogo } = this.context;\r\n\r\n return (\r\n \r\n \r\n Ir a pé {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n Ir a pé {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 {\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 Ir a pé {subtrip.walkingTime}, {subtrip.distance}m\r\n
\r\n :\r\n //TO DO: Use transport types here\r\n \r\n Ir a pé {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 { Container } from 'react-bootstrap';\r\nimport { strings } from '../resources/strings.js';\r\n\r\nexport class Disclaimer extends Component {\r\n\r\n render() {\r\n const { marginClass } = this.props;\r\n\r\n return (\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 { Button, Spinner, Overlay, Popover, FormControl } 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 typing: false,\r\n typedText: ''\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.code.localeCompare(b.code)),\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 typing: false,\r\n typedText: '',\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 setLineSearch(e) {\r\n this.setState({\r\n typing: true,\r\n typedText: e.target.value,\r\n selectedLine: undefined,\r\n selectedDirection: undefined,\r\n selectedDaytype: undefined,\r\n scheduleInfo: { stops: [], trips: [], exceptions: [] },\r\n displayLineDropdown: true,\r\n displayDirectionDropdown: false,\r\n displayDaytypeDropdown: false,\r\n displayNoInfo: false\r\n });\r\n }\r\n \r\n //---------------\r\n\r\n //RENDER\r\n\r\n renderDropdowns() {\r\n return (\r\n \r\n
\r\n \r\n {strings.disclaimer}\r\n
\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, typing, typedText } = this.state;\r\n\r\n if (!displayLineDropdown) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n this.setLineSearch(e)} value={\r\n typing === false ? \r\n selectedLine !== undefined ? selectedLine.code + ' ' + selectedLine.name\r\n : ''\r\n : typedText\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.filter(l => (l.code.toLowerCase() + ' ' + l.name.toLowerCase()).indexOf(typedText.toLowerCase()) > -1).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\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.code.localeCompare(b.code)),\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 //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: request,\r\n contentType: ContentType.MULTIPART,\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 sent: false,\r\n selectedSubject: 0,\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 var data = new FormData(); \r\n data.append(\"name\", e.target.name.value);\r\n data.append(\"email\", e.target.email.value);\r\n data.append(\"phone\", e.target.phone.value);\r\n data.append(\"address\", e.target.address.value);\r\n data.append(\"postalCode\", e.target.postalCode.value);\r\n data.append(\"subject\", e.target.subjectType.value);\r\n data.append(\"reason\", e.target.reason.value);\r\n data.append(\"message\", e.target.message.value);\r\n if (e.target.file.files.length > 0) {\r\n data.append(\"file\", e.target.file.files[0]);\r\n }\r\n\r\n this.state.commands.contacts.sendEmail(data, (r) => this.sendSuccessCallback(r), (r) => this.sendErrorCallback(r));\r\n }\r\n\r\n handleSubjectChange = (e) => {\r\n e.preventDefault();\r\n\r\n this.setState({ selectedSubject: e.target.value });\r\n }\r\n\r\n sendSuccessCallback(result) {\r\n this.setState({\r\n sending: false,\r\n sent: true,\r\n result: true\r\n });\r\n }\r\n\r\n sendErrorCallback(result) {\r\n this.setState({\r\n sending: false,\r\n sent: false,\r\n result: false\r\n });\r\n }\r\n\r\n render() {\r\n \r\n const subjectOptions = [strings.contactInfo, strings.contactCompliments, strings.contactComplaints, strings.contactSuggestions];\r\n\r\n const reasonOptions = [\r\n [\r\n strings.contactInfoDispatches,\r\n strings.contactInfoSchedule,\r\n strings.contactInfoCustomer,\r\n strings.contactInfoInvoiceRequest,\r\n strings.contactInfoPathsStops,\r\n strings.contactInfoLostFound,\r\n strings.contactInfoTicket,\r\n strings.contactInfoDisableTransport,\r\n strings.contactInfoOther,\r\n ],\r\n [\r\n strings.contactCompliments\r\n ],\r\n [\r\n strings.contactComplaintsPassengerRelations,\r\n strings.contactComplaintsInvoiceRequest,\r\n strings.contactComplaintsDelays,\r\n strings.contactComplaintsNoShows,\r\n strings.contactComplaintsSchedulesFrequencies,\r\n strings.contactComplaintsUserInformation,\r\n strings.contactComplaintsPathStops,\r\n strings.contactComplaintsBaggage,\r\n strings.contactComplaintsRefunds,\r\n strings.contactComplaintsTicket,\r\n strings.contactComplaintsIncapacityOfTransport,\r\n strings.contactComplaintsConfort,\r\n strings.contactComplaintsTechnicalProblems,\r\n strings.contactComplaintsOther\r\n ],\r\n [\r\n strings.contactSuggestions\r\n ]\r\n ];\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}
{strings.moreInfoSupportline}
\r\n\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) => {\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 } else 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 return null;\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 ![\"\"](\"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 React, { Component } from 'react';\r\nimport { Container, Row } from 'react-bootstrap';\r\nimport { strings } from '../../resources/strings';\r\n\r\nexport class About extends Component {\r\n //RENDER\r\n\r\n render() {\r\n return (\r\n \r\n {strings.pageNotFound}\r\n {strings.aboutUs}
\r\n {strings.about1}
\r\n {strings.about2}
\r\n \r\n
\r\n )\r\n );\r\n }\r\n}\r\n\r\nCarouselComponent.propTypes = {\r\n showCarousel: PropTypes.bool,\r\n onClose: PropTypes.func\r\n};\r\n\r\nCarouselComponent.defaultProps = {\r\n showCarousel: false,\r\n onClose: () => { }\r\n};\r\n\r\nexport default CarouselComponent;\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\nimport Carousel from './Carousel';\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 showCarousel: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.getMessages();\r\n this.carouselTimeout = setTimeout(() => {\r\n this.setState({ showCarousel: true });\r\n }, 500);\r\n }\r\n\r\n\r\n componentWillUnmount() {\r\n if (this.carouselTimeout) {\r\n clearTimeout(this.carouselTimeout);\r\n }\r\n }\r\n\r\n getMessages() {\r\n this.setState({ isLoadingMessages: true });\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 handleCarouselClose = () => {\r\n this.setState({ showCarousel: false });\r\n }\r\n\r\n renderMessages() {\r\n const { messages } = this.state;\r\n\r\n if (messages.length !== 0) {\r\n return (\r\n \r\n {/* Close Button */}\r\n \r\n\r\n this.setState({ selectedImageIndex: selectedIndex })}\r\n >\r\n {carouselItems.map((item, index) => (\r\n \r\n {\r\n e.stopPropagation(); // Prevent click event from closing the carousel\r\n this.handleImageClick(item.url); // Redirect to the URL\r\n }}\r\n />\r\n \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}\r\n","import React, { Component } from 'react';\r\nimport { Container, Row, Col } from 'react-bootstrap';\r\n//import { strings } from '../../resources/strings';\r\n\r\nexport class TicketInfo extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n ![\"Icon\"](\"icons/ave-mobilidade.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 {strings.messages}\r\n \r\n
\r\n {this.renderMessages()}\r\n\r\n \r\n
\r\n\r\n \r\n {this.renderMessages()}\r\n
\r\n {strings.seeMore}\r\n
\r\n Temos sempre uma solução a pensar em si.
\r\nBILHETE SIMPLES
\r\n- \r\n
- Título não personalizado; \r\n
- Vendido a bordo; \r\n
- Permite a realização de 1 viagem no autocarro onde foi adquirido; \r\n
MEIO BILHETE
\r\n- \r\n
- Título não personalizado; \r\n
- Vendido a bordo; \r\n
- Permite a realização de 1 viagem no autocarro onde foi adquirido; \r\n
- Destina-se a crianças dos 4 aos 12 anos inclusive e adultos com idade igual ou superior a 65 anos; \r\n
- Nas viagens com origem e destino na zona do centro da cidade de Guimarães aplica-se excecionalmente um valor base de 0,85€. \r\n
PRÉ-COMPRADO
10 VIAGENS
\r\n - \r\n
- Título não personalizado; \r\n
- Vendido e recarregado na bilheteira; \r\n
- Permite a realização de 10 viagens na origem e destino escolhidos; \r\n
- Tem de ser sempre validado a bordo do autocarro; \r\n
- Desconto 10% vs bilhete simples. \r\n
PASSE SOCIAL
\r\n- \r\n
- Título personalizado, pessoal e intransmissível; \r\n
- Vendido na Bilheteira; \r\n
- Recarregado mensalmente na bilheteira ou na rede Saltpay; \r\n
- Válido todos os dias do mês para o qual foi adquirido com um número ilimitado de viagens; \r\n
- Permite viajar entre a origem e destino escolhidos; \r\n
- Tem de ser sempre validado a bordo do autocarro. \r\n
- Documentos necessários:\r\n
- \r\n
- Cartão de Cidadão; \r\n
- 1 fotografia (caso não apresente Cartão de Cidadão). \r\n
\r\n
PASSE PESSOAS COM MOBILIDADE
CONDICIONADA (PPMC) - PASSAGEIROS
\r\n - \r\n
- Destina-se a pessoas com um grau de incapacidade igual ou superior a 60% e que possuam o Cartão Municipal de Pessoa com Deficiência. Funciona nos mesmos moldes do Passe Mensal (PM), mas com desconto de 50% sobre a tarifa aplicável. \r\n
- Documentos necessários:\r\n
- \r\n
- Cartão de Cidadão; \r\n
- 1 fotografia (caso não apresente Cartão de Cidadão). \r\n
- Declaração cartão Municipal de Pessoa com Deficiência. \r\n
\r\n
PASSE PESSOAS COM MOBILIDADE
CONDICIONADA (PPMC) - ACOMPANHANTE
\r\n - \r\n
- Destina-se a acompanhantes de Pessoas com Mobilidade Condicionada, com um grau de incapacidade igual ou superior a 80%. \r\n
- Sem custos associados; \r\n
- Documentos necessários:\r\n
- \r\n
- Cartão de Cidadão; \r\n
- 1 fotografia (caso não apresente Cartão de Cidadão). \r\n
- Atribuição precedida de habilitação pelos Serviços Ação Social do Município. \r\n
\r\n
PASSE SUB18+TP GRATUITO
\r\n- \r\n
- Título personalizado, pessoal e intransmissível; \r\n
- Vendido na Bilheteira; \r\n
- Recarregado mensalmente a bordo; \r\n
- Válido todos os dias do mês para o qual foi adquirido com um número ilimitado de viagens; \r\n
- Tem de ser sempre validado a bordo do autocarro; \r\n
- Destina-se a jovens entre os 4 e os 18 anos (inclusive); \r\n
- Renovável anualmente. \r\n
- Documentos necessários:\r\n
- \r\n
- Requisição IMT; \r\n
- Cartão de Cidadão; \r\n
- 1 fotografia (caso não apresente Cartão de Cidadão). \r\n
\r\n
PASSE SUB23+TP GRATUITO
\r\n- \r\n
- Título personalizado, pessoal e intransmissível; \r\n
- Vendido na Bilheteira; \r\n
- Recarregado mensalmente a bordo; \r\n
- Válido todos os dias do mês para o qual foi adquirido com um número ilimitado de viagens; \r\n
- Tem de ser sempre validado a bordo do autocarro; \r\n
- Destina-se a jovens entre os 19 e os 23 anos (inclusive); \r\n
- Renovável anualmente até ao último dia do mês que completa 24 anos. \r\n
- Documentos necessários:\r\n
- \r\n
- Requisição IMT; \r\n
- Cartão de Cidadão; \r\n
- 1 fotografia (caso não apresente Cartão de Cidadão). \r\n
\r\n
Política de Privacidade
\r\nAs sociedades comerciais:
\r\nTransdev Mobilidade, S.A., sociedade anónima, com sede na Rua de Oslo, C.C. Londres, Loja AC 122, 4460-388 Senhora da Hora, com o número único de matrícula e pessoa coletiva 506 651 583,
\r\nAuto Viação Aveirense, S.A., sociedade anónima, com sede na Rua Clube dos Galitos, 12, 3810-085 Aveiro, com o número único de matrícula e pessoa coletiva 500 038 473,
\r\nCaima Transportes, S.A., sociedade anónima, com sede no Edifício do Centro Coordenador de Transportes, Av. Dr. Renato Araújo, 433-H, 3700-243 S. João da Madeira, com o número único de matrícula e pessoa coletiva 500 292 531,
\r\nETAC – Empresa de Transportes António Cunha, S.A., sociedade anónima, com sede na Avenida Fernão de Magalhães, Edifício da Rodoviária, 3001-964 Coimbra, com o número único de matrícula e pessoa coletiva 500 158 029,
\r\nMinho Bus – Transportes do Minho, Sociedade Unipessoal Lda., com sede na Praça da Estação Rodoviária, 4704-510 Braga, com o número único de matrícula e pessoa coletiva 500 087 164,
\r\nRodoviária da Beira Litoral, S.A., sociedade anónima, com sede na Avenida Fernão de Magalhães – Edifício da Rodoviária, 3001-964 Coimbra, com o número único de matrícula e pessoa coletiva 502 550 414,
\r\nRodoviária da Beira Interior, S.A., sociedade anónima, com sede na Rua Portas do Sol 18 A / 18 B, 6000-261 Castelo Branco, com o número único de matrícula e pessoa coletiva 502 526 483,
\r\nRodoviária d’Entre Douro e Minho, S.A., sociedade anónima, com sede na Praça da Estação Rodoviária, 4704-510 Braga, com o número único de matrícula e pessoa coletiva 502 594 381,
\r\nTransdev Douro, S.A., sociedade anónima, com sede no Largo Sacadura Cabral, n.º 32, 4630-219 Marco Canaveses, com o número único de matrícula e pessoa coletiva 500 252 173,
\r\nTransdev Interior, S.A., sociedade anónima, com sede na Estrada Nacional n.º 2, 3600-194 Castro Daire, com o número único de matrícula e pessoa coletiva 500 148 775,
\r\nTransdev Norte, S.A., sociedade anónima, com sede na Alameda S. Dâmaso, 82 – 1.º, 4810-286 Guimarães, com o número único de matrícula e pessoa coletiva 500 036 365,
\r\nTransdev Portugal – Atividades Aeroportuárias Unipessoal, Lda, com sede na Rua de Oslo, C.C. Londres, Loja AC 122, 4460-388 Senhora da Hora, com o número único de matrícula e pessoa coletiva 515 173 606,
\r\nTransdev Expressos, Unipessoal, LDA., com sede na Rua de Oslo, C.C. Londres, Loja AC 122, 4460-388 Senhora da Hora, com o número de pessoa coletiva 516028251,
\r\nPartícula Andante - Sociedade de Transportes, LDA., com sede na Alameda de São Dâmaso, 82, 1.º, 4810-286 Guimarães, com o número de pessoa coletiva 516270770,
\r\nEmpresa de Transportes CIM Cávado, LDA., com sede na Praça da Estação Rodoviária, 4700-377 Braga, com o número de pessoa coletiva 516253000,
\r\nTransdev & Avic Cávado, LDA., com sede na Praça da Estação Rodoviária, 4700-377 Braga, com número de pessoa coletiva 516253697,
\r\nIndividualmente e no seu conjunto designadas por TRANSDEV, procedem à recolha e tratamento de dados pessoais dos seus Clientes, tais como:
\r\n- \r\n
- a) nome; \r\n
- b) morada; \r\n
- c) número de identificação fiscal; \r\n
- d) número de identificação civil; \r\n
- e) números dos telefones fixo e móvel;; \r\n
- f) endereço de correio eletrónico (e-mail); \r\n
- g) origem e destino de viagens realizadas em transporte rodoviário de passageiros. \r\n
O Cliente aceita e consente, livre e expressamente, mediante ato positivo inequívoco, autorizar\r\n que os seus dados pessoais, solicitados ou opcionalmente fornecidos por si, sejam recolhidos e\r\n tratados pela TRANSDEV nos termos aqui previstos.\r\n A comunicação de dados pessoais não constitui, por princípio, qualquer obrigação legal, sendo, no\r\n entanto, necessária para que a TRANSDEV proceda à divulgação e promoção de atividades de\r\n promoção, informação e passatempos respeitantes à atividade de transporte público de\r\n passageiros. Exclui-se do anteriormente disposto a comunicação dos dados pessoais necessária à\r\n emissão dos títulos de transporte nominativos que sejam adquiridos, uma vez que os mesmos são\r\n necessários ao cumprimento do contrato de transporte.\r\n O tratamento dos dados pessoais dos Clientes da TRANSDEV é da responsabilidade desta e\r\n consiste na operação ou no conjunto de operações efetuados sobre aqueles dados pessoais, por\r\n meios automatizados ou não automatizados.
\r\nDe acordo com o Regulamento (UE) 2016/679 do Parlamento Europeu e do Conselho, de 27 de\r\n abril de 2016, todos os Clientes da TRANSDEV têm o direito de:
\r\n- \r\n
- a) a qualquer momento, retirar o consentimento para o tratamento dos dados pessoais; \r\n
- b) proceder ou solicitar a correção de qualquer dado pessoal que o Titular dos dados pessoais tenha fornecido; \r\n
- c) aceder aos mesmos a qualquer momento; \r\n
- d) opor-se a que os mesmos sejam utilizados para efeitos de marketing e/ou publicitários; \r\n
- e) solicitar a portabilidade dos dados pessoais, para a entidade que, para esse efeito indicar; \r\n
- f) solicitar o apagamento de todos os dados pessoais que tenha fornecido pelo presente meio, e que não sejam necessários para o cumprimento de quaisquer obrigações legais pela entidade responsável pela respetiva recolha; \r\n
- g) ser informado pela TRANSDEV se esta, eventualmente, tiver intenção de proceder ao tratamento dos dados pessoais para outros fins que não os que pelo presente é dado consentimento. \r\n
Para quaisquer informações, assim como para o exercício dos direitos que lhe são legalmente\r\n conferidos, o Cliente da TRANSDEV deve contactar o Responsável pelo Tratamento através do email com o endereço privacidade@transdev.pt. Para o mesmo efeito, poderá aceder ao sítio na\r\n internet da TRANSDEV, através do link https://www.transdev.pt/apoio-ao-cliente.
\r\nOs dados pessoais recolhidos e registados podem ser comunicados a outras sociedades de direito\r\n português que laboram em território nacional sob a marca Transdev, assim como à sociedade de\r\n direito francês TRANSDEV GROUP, S.A. A comunicação dos dados pessoais recolhidos, se se\r\n verificar, será efetuada com estrito respeito do dever de confidencialidade e do princípio da\r\n finalidade que presidiu à sua recolha.
\r\nOs dados pessoais podem ser partilhados com entidades que não estejam localizadas no Espaço\r\n Económico Europeu, mas que estão obrigadas a respeitar a Regulamentação Europeia sobre\r\n Proteção de Dados Pessoais, nomeadamente o Regulamento (UE) 2016/679 do Parlamento\r\n Europeu e do Conselho, de 27 de abril de 2016.
\r\nOs dados pessoais podem ser objeto de tratamento automatizado, ou seja, da criação de um perfil\r\n para definir as preferências pessoais e comportamentos do seu Titular, de forma a adequar\r\n quaisquer informações publicitárias e/ou campanhas de marketing a esses dados.
\r\nSem prejuízo dos direitos que antecedem, os dados pessoais serão armazenados por tempo\r\n indeterminado.
\r\nA TRANSDEV garante a proteção dos seus dados pessoais contra qualquer perda, destruição,\r\n alteração, acesso ou utilização indevida ou não autorizada adotando para o efeito todas as\r\n medidas legalmente exigidas para o efeito. No entanto, e dado que a internet pode não constituir\r\n um lugar seguro de comunicação, desde já alertamos que a informação veiculada através da\r\n internet poderá ser intercetada por terceiros.
\r\nO Titular dos dados pessoais é também plena e claramente informado que poderá apresentar\r\n qualquer reclamação, quanto à violação dos seus direitos, junto da Comissão Nacional de Proteção\r\n de Dados.
\r\nA TRANSDEV designou Encarregado de Proteção de Dados, nos termos da legislação em vigor.\r\n Pode entrar em contacto com o Encarregado de Proteção de Dados a todo o momento para o\r\n seguinte endereço de correio eletrónico: dpo.privacidade@transdev.pt.
\r\nA TRANSDEV poderá, unilateralmente e a qualquer momento, alterar, modificar, aditar ou retificar\r\n a presente política de proteção de dados e prestação de consentimento, sem necessidade de\r\n qualquer aviso prévio.
\r\nAs sociedades Transdev,
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {strings.serviceOnDemand}
\r\n\r\n
{strings.serviceOnDemandHowWorks}
\r\n- \r\n
- {strings.serviceOnDemandWorkingOne} \r\n
- {strings.serviceOnDemandWorkingTwo} \r\n
- {strings.serviceOnDemandWorkingThree} \r\n
\r\n
{strings.serviceOnDemandPlacesHeader}
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\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 {/* 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 | {strings.town} | */}\r\n {/*{strings.address} | */}\r\n {/*{strings.schedule} | */}\r\n {/*
|---|---|---|
| GuimarãesBilheteira Transdev | \r\nAlameda Dr. Mariano Felgueiras - GuimarãesShopping | \r\n\r\n {strings.workingDays}: 07h00 - 20h00 \r\n {strings.saturdaysHolidays}: 08h00 - 11h30 / 12h30 - 17h00 \r\n {strings.sundaysMondaysIfHolidays}: 10h30 - 13h30 / 14h30 - 19h30\r\n | \r\n
| FamalicãoBilheteira Transdev | \r\nEstação Rodoviária de Famalicão - Alameda Dr. Francisco Sá Carneiro | \r\n\r\n {strings.workingDays}: 08h30 - 19h00 \r\n {strings.saturdaysSundaysHolidays}: 09h00 - 13h00 / 14h00 - 18h00\r\n | \r\n
| FafeBilheteira Transdev | \r\nLuis Costa Lemos - Avenida do Brasil nº 5 | \r\n\r\n {strings.daily}: 06h30 - 19h00\r\n | \r\n
| Póvoa de LanhosoAgente Transdev | \r\nQuiosque José Alberto Conçalves dos Santos - Rua Comandante Luís Pinto da Silva nº 76 | \r\n\r\n {strings.workingDays}: 08h30 - 19h00 \r\n {strings.saturdays}: 08h30 - 13h00\r\n | \r\n
| Cabeceiras de BastoBilheteira Transdev | \r\nAlameda Camilo Castelo Branco nº 39 | \r\n\r\n {strings.workingDays}: 08h15 - 18h15\r\n | \r\n
| Mondim de BastoBilheteira Transdev | \r\nAv. dos Bombeiros | \r\n\r\n {strings.workingDays}: 08h00 - 12h00 / 13h00 - 17h30\r\n | \r\n
| VizelaAgente Transdev | \r\nCafé da Estação de Vizela - Largo 5 de Agosto | \r\n\r\n {strings.mondayToSaturday}: 07h00 - 18h00\r\n | \r\n
| Vieira do MinhoBalcão Cidadão | \r\nCâmara Municipal de Vieira do Minho - Praça Dr. Guilherme de Abreu nº 85 | \r\n\r\n {strings.workingDays}: 09h00 - 17h30\r\n | \r\n
| Santo TirsoBilheteira Pacense | \r\nCentral de Camionagem - Rua Infante Dom Henrique | \r\n\r\n {strings.workingDays}: 08h30 - 17h30\r\n | \r\n
| BragaBilheteira Transdev | \r\nAvenida General Norton de Matos nº 110 | \r\n\r\n {strings.daily}: 06h00 - 20h30\r\n | \r\n
| FelgueirasAgente Landim | \r\nAv. Dr. Leonardo Coimbra, Ed. Avenida, sala 1 | \r\n\r\n {strings.workingDays}: 09h00 - 12h00 / 14h00 - 18h30\r\n | \r\n
| JoaneAgente Transdev | \r\nQuiosque Central de Joane - Largo da República 41 | \r\n\r\n {strings.workingDays}: 07h00 - 20h00 \r\n {strings.saturdays}: 07h00 - 19h00 \r\n {strings.sundays}: 07h00 - 13h00 \r\n | \r\n
| Agentes Pagaqui | \r\nConsulte aqui o agente Pagaqui mais próximo de si | \r\n\r\n |