${quickViewData.quickView.Address}
` : ''}\r\n ${availableApartments ? `\r\n\r\n ${availableApartments}\r\n
\r\n ` : ''}\r\n ${quickViewData.quickView && quickViewData.quickView.Description ? `\r\n${quickViewData.quickView.Description}
\r\n ` : ''}\r\n ${amenities ? `\r\n\r\n \r\n \r\n ${quickViewData.labels.CallUs}: ${quickViewData.quickView.PhoneNumber}\r\n \r\n
\r\n ` : ''}\r\n\r\n
\r\n \r\n $\r\n ${community.CommunityMinPrice} – ${community.CommunityMaxPrice}\r\n
\r\n\r\n ${community.CommunityNeighborhood && community.CommunityNeighborhood != 'null' ? community.CommunityNeighborhood : ''}\r\n
\r\n\r\n ${community.CommunityName}\r\n
\r\n ${withActions ? `\r\n${community.CommunityAddress}
\r\nAdd to compare
\r\nRemove from compare
\r\n \r\n View on Map\r\n Copy Address\r\n Call Us\r\n
\r\n Rent starting at
\r\n$${community.CommunityMinPrice} – $${community.CommunityMaxPrice}\r\n
\r\n\r\n ${community.CommunityNeighborhood}\r\n
\r\n\r\n ${community.CommunityName}\r\n
\r\n `;\r\n infoWindow = new google.maps.InfoWindow();\r\n divItem.addEventListener('click', communityCardClickHandler);\r\n infoWindow.setContent(divItem);\r\n }\r\n infoWindows.push(infoWindow);\r\n marker.addListener('click', () => {\r\n if (!isMobile) {\r\n infoWindows.forEach(el => el.close());\r\n infoWindow.open({\r\n anchor: marker,\r\n map,\r\n });\r\n infoWindow.addListener(\"domready\", function() {\r\n if (swiper) {\r\n swiper.destroy();\r\n }\r\n swiper = initSlider(`#swiper${-community.CommunityId}`);\r\n });\r\n } else {\r\n markers.forEach((marker) => marker.setIcon(icons.point));\r\n marker.setIcon(icons.activePoint);\r\n const items = maaCommunitiesSection.querySelectorAll('.item');\r\n // communitiesList.classList.add('map-view-mobile');\r\n maaCommunitiesSection.classList.add('map-view-mobile');\r\n items.forEach((item) => {\r\n if (item.dataset.id === community.CommunityId) {\r\n item.classList.add('force-display')\r\n } else {\r\n item.classList.remove('force-display')\r\n }\r\n });\r\n }\r\n });\r\n markers.push(marker);\r\n });\r\n\r\n if (bounds.getNorthEast().equals(bounds.getSouthWest())) {\r\n var extendPoint1 = new google.maps.LatLng(bounds.getNorthEast().lat() + 0.01, bounds.getNorthEast().lng() + 0.01);\r\n var extendPoint2 = new google.maps.LatLng(bounds.getNorthEast().lat() - 0.01, bounds.getNorthEast().lng() - 0.01);\r\n bounds.extend(extendPoint1);\r\n bounds.extend(extendPoint2);\r\n }\r\n\r\n map.fitBounds(bounds);\r\n}\r\nconst destroyCommunityMap = () => {\r\n if (maaCommunitiesSection) {\r\n maaCommunitiesSection.classList.remove('map-view');\r\n maaCommunitiesSection.classList.remove('map-view-mobile');\r\n const map = maaCommunitiesSection.querySelector('#community-map')\r\n if (map) {\r\n map.innerHTML = '';\r\n }\r\n }\r\n}\r\n\r\nconst initSlider = (selector) => {\r\n const swiperOptions = Object.assign({}, defaultSwiperOptions);\r\n return new Swiper(selector, swiperOptions);\r\n}\r\n\r\nconst initListSliders = () => {\r\n initSlider('.community-list-swiper');\r\n}\r\n\r\nexport const communityList = () => {\r\n if (maaCommunitiesSection) {\r\n const mapButton = maaCommunitiesSection.querySelector('#community-map-btn');\r\n if (mapButton) {\r\n mapButton.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n if (maaCommunitiesSection.classList.contains('map-view')) {\r\n destroyCommunityMap();\r\n } else {\r\n renderCommunityMap();\r\n }\r\n });\r\n }\r\n initListSliders();\r\n maaCommunitiesSection.querySelectorAll('.communities-list .item')\r\n .forEach((item) => {\r\n item.addEventListener('click', communityCardClickHandler);\r\n })\r\n }\r\n}\r\n\r\nexport const toggleCommunitiesQuickActions = () => {\r\n\r\n // const copyAddress = (e) => {\r\n // const address = e.currentTarget.dataset.value;\r\n // e.stopPropagation();\r\n // e.preventDefault();\r\n // if (address) {\r\n // copyTextToClipboard(address);\r\n // }\r\n // addToastMessage({\r\n // body: 'Community address copied',\r\n // });\r\n // }\r\n //\r\n // const addToCompareOptionClick = (e) => {\r\n // e.preventDefault();\r\n // e.stopPropagation();\r\n // try {\r\n // const item = e.currentTarget.closest('.item');\r\n // const imagesWrapper = item.querySelector('.images-wrapper');\r\n // const imgEl = imagesWrapper.querySelector('img');\r\n // const nameEl = item.querySelector('.community-name');\r\n // const imgSrc = imgEl.getAttribute('src');\r\n // const nameText = nameEl.innerHTML;\r\n // addToCompareHandler(e, imgSrc, nameText, 'right');\r\n //\r\n // } catch (e) {\r\n // console.error(e);\r\n // }\r\n // }\r\n //\r\n // const toggleEl = (event) => {\r\n // const botao = event.currentTarget;\r\n // const dropdown = botao.querySelector('.other-actions-dropdown-maa');\r\n // if (dropdown) {\r\n // dropdown.addEventListener('click', (e) => e.stopPropagation());\r\n // }\r\n // const parentDiv = botao.parentElement;\r\n // const quickActionsEl = parentDiv.nextElementSibling;\r\n // const item = event.currentTarget.closest('.item');\r\n // const copyAddressOption = item.querySelector('#quick-action-copy-address');\r\n // const addToCompareOption = item.querySelector('#quick-action-add-to-compare');\r\n //\r\n // if (quickActionsEl && quickActionsEl.classList.contains(\"active\")) {\r\n // if (copyAddressOption) {\r\n // copyAddressOption.removeEventListener('click', copyAddress);\r\n // }\r\n // if (addToCompareOption) {\r\n // addToCompareOption.removeEventListener('click', addToCompareOptionClick)\r\n // }\r\n // } else {\r\n // if (copyAddressOption) {\r\n // copyAddressOption.addEventListener('click', copyAddress);\r\n // }\r\n // if (addToCompareOption) {\r\n // addToCompareOption.addEventListener('click', addToCompareOptionClick)\r\n // }\r\n // }\r\n // };\r\n\r\n const botoes = document.querySelectorAll(\"#open-quick-actions\");\r\n\r\n botoes.forEach((botao) => {\r\n botao.addEventListener(\"click\", toggleEl);\r\n });\r\n};\r\n\r\nexport const toggleFilters = () => {\r\n const button = document.querySelector(\"#community-filters-btn\");\r\n if (button) {\r\n button.addEventListener(\"click\", (e) => {\r\n document.dispatchEvent(new CustomEvent(\"openFilters\", {\r\n bubbles: true,\r\n detail: e.currentTarget,\r\n }));\r\n });\r\n }\r\n\r\n document.addEventListener('communitiesRendered', (e) => {\r\n if (e.detail) {\r\n currentFiltersBody = e.detail;\r\n }\r\n destroyCommunityMap();\r\n });\r\n};\r\n\r\n\r\nconst openQuickViewModal = (e) => {\r\n e.preventDefault();\r\n const { id, dniid } = e.currentTarget.dataset;\r\n if (id) {\r\n initQuickViewModal(id, dniid);\r\n }\r\n};\r\n\r\nexport const handleQuickViewModal = () => {\r\n const openQuickViewModalButton = document.querySelectorAll(\r\n \".open-quick-view-modal\"\r\n );\r\n\r\n openQuickViewModalButton.forEach(quickView => {\r\n quickView.addEventListener(\"click\", openQuickViewModal);\r\n });\r\n};\r\n\r\n\r\n/*\r\nexport const initQuickViewModal = (id = '') => {\r\n console.log('');\r\n getQuickViewDataById(id)\r\n .then(quickViewData => {\r\n newPropertyContainer = document.createElement('div');\r\n newPropertyContainer.classList.add('property-container');\r\n let availableApartments = '';\r\n if (quickViewData.quickView && Array.isArray(quickViewData.quickView.AvailableApartments)) {\r\n quickViewData.quickView.AvailableApartments.forEach(aprt => {\r\n availableApartments += `${getUnitType(aprt)}`;\r\n })\r\n }\r\n let amenities = '';\r\n if (quickViewData.quickView && Array.isArray(quickViewData.quickView.Amenities)) {\r\n quickViewData.quickView.Amenities.forEach(amenity => {\r\n amenities += `\r\n${quickViewData.quickView.Address}
` : ''}\r\n ${availableApartments ? `\r\n\r\n ${availableApartments}\r\n
\r\n ` : ''}\r\n ${quickViewData.quickView && quickViewData.quickView.Description ? `\r\n${quickViewData.quickView.Description}
\r\n ` : ''}\r\n ${amenities ? `\r\n\r\n \r\n \r\n ${quickViewData.labels.CallUs}: ${quickViewData.quickView.PhoneNumber}\r\n \r\n
\r\n ` : ''}\r\n\r\n${community.PropertyName}
\r\n \r\n${floorplan.PropertyName}
\r\n${floorplan.PropertyName}
\r\n