hoodcms 6.0.4 → 6.0.7

package/src/js/app.property.js

@@ -1,5 +1,5 @@
 /*!
-* hoodcms v6.0.4
+* hoodcms v6.0.7
 * A fully customisable content management system built in ASP.NET Core 5 & Bootstrap 5.
 * Written by George Whysall, 2022
 * Released under the GPL-3.0 License.
@@ -1037,9 +1037,13 @@
     var PropertyService = /** @class */ (function () {
         function PropertyService(options) {
             this.options = {
-                listElementId: 'property-list',
-                mapListElementId: 'property-map-list',
-                mapElementId: 'property-map'
+                listElementId: "property-list",
+                mapListElementId: "property-map-list",
+                mapElementId: "property-map",
+                mapLocationListId: "property-map-locations",
+                renderPropertyPopup: function (location) {
+                    return "<div class=\"card border-0\" style=\"max-width:300px\">\n                        <div style=\"background-image:url(".concat(location.ImageUrl, ")\" class=\"rounded img-full img img-wide\"></div>\n                        <div class=\"card-body border-0\">\n                            <p style=\"overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">\n                                <strong>").concat(location.Address1, ", ").concat(location.Postcode, "</strong>\n                            </p>\n                            <p>").concat(location.Description, "</p>\n                            <a href=\"").concat(location.MarkerUrl, "\" class=\"btn btn-block btn-primary\">Find out more...</a>\n                        </div>\n                    </div>");
+                },
             };
             this.map = null;
             this.center = { lat: 30, lng: -110 };
@@ -1063,8 +1067,8 @@
                     if (this.options.onListRender) {
                         this.options.onListRender(data, sender);
                     }
-                    Alerts.log('Finished loading property list.', 'info');
-                }.bind(this)
+                    Alerts.log("Finished loading property list.", "info");
+                }.bind(this),
             });
         };
         PropertyService.prototype.initMapList = function () {
@@ -1078,9 +1082,9 @@
                     if (this.options.onMapLoad) {
                         this.options.onMapLoad(data, sender);
                     }
-                    Alerts.log('Finished loading map list.', 'info');
+                    Alerts.log("Finished loading map list.", "info");
                     this.reloadMarkers();
-                }.bind(this)
+                }.bind(this),
             });
         };
         PropertyService.prototype.initMap = function () {
@@ -1089,15 +1093,19 @@
                 return;
             }
             this.center = { lat: +this.mapElement.dataset.lat, lng: +this.mapElement.dataset.long };
+            var scrollwheel = false;
+            if (this.mapElement.dataset.scrollwheel === "true") {
+                scrollwheel = true;
+            }
             this.map = new google.maps.Map(this.mapElement, {
                 zoom: +this.mapElement.dataset.zoom || 15,
                 center: this.center,
-                scrollwheel: false
+                scrollwheel: scrollwheel,
             });
             $(window).resize(function () {
-                google.maps.event.trigger(this.map, 'resize');
+                google.maps.event.trigger(this.map, "resize");
             }.bind(this));
-            google.maps.event.trigger(this.map, 'resize');
+            google.maps.event.trigger(this.map, "resize");
             this.initMapList();
         };
         PropertyService.prototype.reloadMarkers = function () {
@@ -1112,23 +1120,27 @@
                 }
             }
             this.markers = [];
-            var locations = $("#property-map-locations").data('locations');
+            var locationsElement = document.getElementById(this.options.mapLocationListId);
+            if (!locationsElement) {
+                return;
+            }
+            var locations = JSON.parse(locationsElement.dataset.locations);
             locations.map(function (location, i) {
                 var marker = new google.maps.Marker({
                     position: new google.maps.LatLng(+location.Latitude, +location.Longitude),
                     map: this.map,
-                    optimized: true // makes SVG icons work in IE
+                    optimized: true, // makes SVG icons work in IE
                 });
                 if (this.mapElement.dataset.marker) {
                     marker.setIcon(this.mapElement.dataset.marker);
                 }
-                marker.info = "<div class=\"card border-0\" style=\"max-width:300px\">\n    <div style=\"background-image:url(".concat(location.ImageUrl, ")\" class=\"rounded img-full img img-wide\"></div>\n    <div class=\"card-body border-0\">\n        <p style=\"overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\">\n            <strong>").concat(location.Address1, ", ").concat(location.Postcode, "</strong>\n        </p>\n        <p>").concat(location.Description, "</p>\n        <a href=\"").concat(location.MarkerUrl, "\" class=\"btn btn-block btn-primary\">Find out more...</a>\n    </div>\n</div>");
+                marker.info = this.options.renderPropertyPopup(location);
                 marker.addListener("click", function () {
                     if (infowindow) {
                         infowindow.close();
                     }
                     infowindow = new google.maps.InfoWindow({
-                        content: marker.info
+                        content: marker.info,
                     });
                     infowindow.open({
                         anchor: marker,