'+partner.title+'

\n\

'+partner.address+'

\n\ Directions', }); // Initialize event listener on map marker to open map marker app.markers[i].addEventListener('gmp-click', function() { console.log("clicked") // Close all info windows app.infowindow.forEach(function(info, i){info.close();}); // Open the clicked markers info window app.infowindow[i+1].open(app.map, app.markers[i]); }); } }); // Initialize Marker Clustering const {MarkerClusterer} = window.markerClusterer; this.clusters = new MarkerClusterer({ markers: this.markers, map: this.map, minimumClusterSize: 2, // Prevent clustering single markers ignoreHidden: false, // Ensure markers inside clusters are clickable }); }, addMarker: function(location) { var marker = new google.maps.marker.AdvancedMarkerElement({ position: location, map: app.map }); app.markers.push(marker); }, deleteMarkers: function() { for (var i = 0; i < this.markers.length; i++) {this.markers[i].setMap(null);} this.markers = []; }, clearFavorites: function() { this.favorite_list.splice(0, this.favorite_list.length); }, populateCategoryFilterBasedOnSegment: function() { // Assuming the URL is something like https://example.com/segment1/segment2/segment3 const urlPath = window.location.pathname; // Gets the path of the URL const segments = urlPath.split('/'); // Splits the path by '/' // Access the second segment (array index 1) const firstSegment = segments[1]; const secondSegment = segments[2]; if(firstSegment !== "" && secondSegment === undefined) {this.category_filter.push(firstSegment);} else {this.category_filter.push(secondSegment);} }, loadMoreArticles: function(catID){ var limit = 6; var offset = $('section.articles a.article').length; $.get( "https://www.traveldubuque.com/_inc/more-articles", { catID: catID, limit: limit, offset: offset } ) .done(function( response ) { $('#more-articles').append(response); sticky_map.destroy(); sticky_filter.destroy(); init_sticky(); var returned = 0; $(response.data).each(function(){ if($(this).hasClass('article')){ returned += 1; } }); if(returned < limit) {$('a.load-more').fadeOut();} setTimeout(function(){ app.favorite_list.forEach(function(fav){ $('main .toggle-heart_' + fav.url_title).prop('checked', true).siblings('label').addClass('checked'); }); }, 1000); }); }, loadMoreArticlesReorder: function(catID){ var limit = 6; var offset = $('section.articles a.article').length; $.get( "https://www.traveldubuque.com/_inc/more-articles", { catID: catID, limit: limit, offset: offset } ) .done(function( response ) { $('#more-articles').append(response); sticky_map.destroy(); sticky_filter.destroy(); init_sticky(); var returned = 0; $(response.data).each(function(){ if($(this).hasClass('article')){ returned += 1; } }); if(returned < limit) {$('a.load-more').fadeOut();} setTimeout(function(){ app.favorite_list.forEach(function(fav){ $('main .toggle-heart_' + fav.url_title).prop('checked', true).siblings('label').addClass('checked'); }); }, 1000); }); }, noResults(){ let results = false; if(this.filteredList !== null) { results = this.filteredList.length == 0 && !this.isLoading ? true : false; } return results; }, updateMapMarkers(){ if(this.partners) { if(this.clusters) {this.clusters.clearMarkers();} this.addMarkers(this.filteredList); } }, clearFilters() { this.details_filter = []; this.location_filter = []; this.category_filter = []; this.scrollTopAttractions(); }, scrollTopAttractions(){ if(!this.isLoading) { window.scrollTo({ left: 0, top: document.querySelector('.attractions-contain').offsetTop + 55, behavior: 'smooth' }); } }, categoryTitleLookup(category){ if(_.filter(this.categories, ['url_title', category]).length) return _.filter(this.categories, ['url_title', category])[0].title; }, removeCategory(cat) { this.category_filter = this.category_filter.filter(category => category !== cat); }, removeDetail(d) { this.details_filter = this.details_filter.filter(detail => detail !== d); }, removeLocation(loc) { this.location_filter = this.location_filter.filter(location => location !== loc); }, removeActiveClassFromBody() { const body = document.querySelector('body'); if(body.classList.contains('filter-locations-active') || body.classList.contains('filter-details-active') || body.classList.contains('filter-attr-active')) { body.classList.remove('filter-locations-active', 'filter-details-active', 'filter-attr-active') } } }, mounted: function (){ if (window.google && window.google.maps) {this.initMap();} else { window.initMap = this.initMap; } this.fetchTier1(); this.favorite_list = localStorage.getItem("favorites") ? JSON.parse(localStorage.getItem("favorites")) : []; setTimeout(function(){ app.favorite_list.forEach(function(fav){ $('main .toggle-heart_' + fav.url_title).prop('checked', true).siblings('label').addClass('checked'); }); }, 1000); this.populateCategoryFilterBasedOnSegment(); } }); $(function(){ if(window.outerWidth >= 640) { $('#map-toggle').prop('checked', 'checked'); } else { $('#map-toggle').prop('checked', ''); $('body').removeClass('map-active'); } $(window).on('resize', function(){ if(window.outerWidth >= 640) { $('#map-toggle').prop('checked', 'checked'); } else { $('#map-toggle').prop('checked', ''); } }); $('.filter-icon-contain.filter-attr').click(function(event) {$('body').toggleClass('filter-attr-active');}); $('.filter-icon-contain.filter-details').click(function(event) { console.log("clicked") $('body').toggleClass('filter-details-active'); }); $('.filter-icon-contain.filter-locations').click(function(event) {$('body').toggleClass('filter-locations-active');}); $('.categories-contain').on('mouseleave', function(){ $('body').removeClass('filter-attr-active filter-details-active filter-locations-active') }); $('#map-toggle').on('change', function(){$('body').toggleClass('map-active')}); $('#app').on('click', '.js_explore_nearby', function(){app.exploreNearby();}); $('.categories [checked="checked"]').trigger('click'); });