\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 {this.state.activeMarker.title}
\r\n{this.state.activeMarker.summary}
\r\n\r\n
\r\n \r\n\r\n \r\n {SeeDetails}\r\n
\r\n \r\n
\r\n {Distance}
\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\nexport default GoogleMap({\r\n apiKey: 'AIzaSyB4GL2flAQBGxzOjrbVXQUvpU2UqJfoPo8',\r\n language: 'en',\r\n})(MapContainer);\r\n\r\n","import React from 'react';\r\nimport Masonry from 'react-masonry-component';\r\nimport { useInView } from 'react-intersection-observer';\r\nimport { addQueryString, qsToObject, masonryOptions, defaultMapState } from './utils'\r\nimport GoogleMap from './GoogleMap'\r\n\r\n\r\n\r\n\r\nconst CityIsAGym = () => {\r\n const [ref, inView] = useInView({ rootMargin: '0px 0px 0px 0px', triggerOnce: true });\r\n const [response, setresponse] = React.useState();\r\n const [hits, sethits] = React.useState();\r\n const [view, setview] = React.useState(localStorage.getItem(\"view\") || 'list-view');\r\n\r\n\r\n const [showLoader, setshowLoader] = React.useState(false)\r\n const [updateFilters, setupdateFilters] = React.useState(false)\r\n\r\n const queriesObject = qsToObject(window.location.search);\r\n\r\n\r\n let config = window.ciagonConfig;\r\n\r\n\r\n\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n // if (inView) {\r\n\r\n\r\n console.log(\"use effect run\")\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n setshowLoader(true)\r\n //console.log(`${config.apiUrl}?parentPageId=2529&pageNumber=1&pagesize=100&eventTypeId=3529&filterDate=&searchTerm=&culture=en-US`)\r\n let apiUrl = `${config.apiUrl}?componentId=${config.componentId}&locationId=${queriesObject.locationId || config.locationId}&traineeId=${queriesObject.traineeId || config.traineeId}&culture=${config.culture}`\r\n\r\n\r\n fetch(apiUrl)\r\n .then(result => result.json())\r\n .then(\r\n (result) => {\r\n\r\n console.log(result)\r\n\r\n setresponse(result)\r\n\r\n // console.log(result.ciag_items)\r\n sethits(result && result.ciag_items)\r\n\r\n\r\n // setupdateFilters(false)\r\n\r\n\r\n setshowLoader(false)\r\n\r\n },\r\n (error) => {\r\n setshowLoader(false)\r\n console.error(error)\r\n }\r\n )\r\n // }\r\n }, [updateFilters])\r\n\r\n const setComponentView = (view) => {\r\n // console.log(view)\r\n localStorage.setItem(\"view\", view);\r\n setview(view)\r\n }\r\n\r\n const setFilters = (value, filterName) => {\r\n\r\n addQueryString(filterName, value)\r\n setupdateFilters(!updateFilters)\r\n }\r\n\r\n return (\r\n \r\n\r\n
\r\n \r\n\r\n {this.state.activeMarker.locationTitle}\r\n
\r\n {this.state.activeMarker.title}
\r\n{this.state.activeMarker.summary}
\r\n {SeeDetails}\r\n\r\n 
\r\n
\r\n \r\n\r\n\r\n {showLoader && (\r\n
\r\n )\r\n}\r\n\r\n\r\nexport default CityIsAGym;\r\n","import React from 'react';\r\nimport { addQueryString, qsToObject, masonryOptions, defaultMapState } from './utils'\r\nimport GoogleMap from './GoogleMap'\r\n\r\n\r\n\r\n\r\nconst RoutesMap = () => {\r\n\r\n const [response, setresponse] = React.useState();\r\n const [hits, sethits] = React.useState();\r\n const [view, setview] = React.useState(localStorage.getItem(\"view\") || 'list-view');\r\n\r\n\r\n const [showLoader, setshowLoader] = React.useState(false)\r\n const [updateFilters, setupdateFilters] = React.useState(false)\r\n\r\n const queriesObject = qsToObject(window.location.search);\r\n\r\n\r\n let config = window.routesMapConfig;\r\n\r\n\r\n\r\n\r\n\r\n\r\n React.useEffect(() => {\r\n // if (inView) {\r\n\r\n\r\n console.log(\"use effect run\")\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n setshowLoader(true)\r\n //console.log(`${config.apiUrl}?parentPageId=2529&pageNumber=1&pagesize=100&eventTypeId=3529&filterDate=&searchTerm=&culture=en-US`)\r\n let apiUrl = `${config.apiUrl}?componentId=${config.componentId}&locationId=${queriesObject.locationId || config.locationId}&traineeId=${queriesObject.traineeId || config.traineeId}&culture=${config.culture}`\r\n\r\n\r\n fetch(apiUrl)\r\n .then(result => result.json())\r\n .then(\r\n (result) => {\r\n\r\n console.log(result)\r\n\r\n setresponse(result)\r\n\r\n // console.log(result.ciag_items)\r\n sethits(result && result.ciag_items)\r\n\r\n\r\n // setupdateFilters(false)\r\n\r\n\r\n setshowLoader(false)\r\n\r\n },\r\n (error) => {\r\n setshowLoader(false)\r\n console.error(error)\r\n }\r\n )\r\n // }\r\n }, [])\r\n\r\n const markerCallback = ()=>{\r\n console.log(\"marker clicked\")\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 { setComponentView('map-view') }}>\r\n \r\n
\r\n \r\n
\r\n \r\n {response && response.dictionary_items && response.dictionary_items.MapView}\r\n {/* Map
View */}\r\n
\r\n View */}\r\n
{ setComponentView('list-view') }}>\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n {response && response.dictionary_items && response.dictionary_items.ListView}\r\n {/* List\r\n
\r\n View */}\r\n
\r\n\r\n \r\n View */}\r\n
\r\n
\r\n {view === 'list-view' ? (\r\n\r\n\r\n - \r\n
- \r\n\r\n {response && response.dictionary_items && response.dictionary_items.FilterLocation}\r\n \r\n\r\n\r\n
- \r\n {response && response.locations && response.locations.map((item, index) => {\r\n return
\r\n - \r\n {response && response.dictionary_items && response.dictionary_items.FilterTrainee}\r\n \r\n\r\n\r\n
- \r\n {response && response.trainees && response.trainees.map((item, index) => {\r\n return
\r\n {/* - \r\n Trainer\r\n \r\n */}\r\n
\r\n
\r\n ) : (\r\n \r\n\r\n\r\n \r\n\r\n {hits && hits.map((item, index) => {\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\r\n )\r\n })}\r\n\r\n \r\n\r\n\r\n \r\n {/*
\r\n \r\n {item && item.event_type_text || item.article_type_text}\r\n
*/}\r\n \r\n 
\r\n
\r\n \r\n
\r\n {item && item.location && item.location.title}
\r\n{item && item.title}
\r\n\r\n
\r\n {item && item.summary}
\r\n \r\n\r\n\r\n\r\n\r\n
\r\n )}\r\n\r\n {hits && hits.length === 0 && (\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 {response && response.dictionary_items && response.dictionary_items.EventResultNotFound || response.dictionary_items.NoArticleFound}\r\n
\r\n\r\n\r\n\r\n
\r\n )\r\n}\r\n\r\n\r\nexport default RoutesMap;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\n\r\nimport WhatsOnListing from './WhatsOnListing';\r\nimport WhatsOnListingWrap from './WhatsOnListingWrap';\r\nimport CityIsAGym from './CityIsAGym'\r\nimport RoutesMap from './RoutesMap.jsx'\r\n\r\nconst WhatsOnListingElem = document.getElementById(\"WhatsOnListing\")\r\nconst FindYour30ListingElem = document.getElementById(\"FindYour30Listing\")\r\nconst DealsListingElem = document.getElementById(\"DealsListing\")\r\nconst CityIsAGymElem = document.getElementById(\"CityIsAGym\")\r\nconst PressReleaseElem = document.getElementById(\"PressRelease\")\r\nconst RoutesMapElem = document.getElementById(\"RoutesMap\")\r\n\r\n\r\nif (WhatsOnListingElem) {\r\n ReactDOM.render(\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 Choose Your Track
\r\n- \r\n\r\n {hits && hits.map((item, index) => {\r\n return
- \r\n {item.title} \r\n })}\r\n \r\n\r\n