hoodcms 6.0.0 → 6.0.1

package/src/js/app.property.js

@@ -1,18 +1,18 @@
 /*!
-* hoodcms v6.0.0
+* hoodcms v6.0.1
 * 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.
 */
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('sweetalert2'), require('@simonwep/pickr'), require('tinymce/tinymce'), require('bootstrap')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'sweetalert2', '@simonwep/pickr', 'tinymce/tinymce', 'bootstrap'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.hood = {}, global.Swal));
-})(this, (function (exports, Swal) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('sweetalert2'), require('@simonwep/pickr'), require('tinymce/tinymce'), require('bootstrap'), require('chart.js')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'sweetalert2', '@simonwep/pickr', 'tinymce/tinymce', 'bootstrap', 'chart.js'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.hood = {}, global.swal));
+})(this, (function (exports, swal) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    var Swal__default = /*#__PURE__*/_interopDefaultLegacy(Swal);
+    var swal__default = /*#__PURE__*/_interopDefaultLegacy(swal);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -56,7 +56,7 @@
 
     "function"!=typeof Object.create&&(Object.create=function(t){function o(){}return o.prototype=t,new o}),function(t,o,i,s){var n={_positionClasses:["bottom-left","bottom-right","top-right","top-left","bottom-center","top-center","mid-center"],_defaultIcons:["success","error","info","warning"],init:function(o,i){this.prepareOptions(o,t.toast.options),this.process();},prepareOptions:function(o,i){var s={};"string"==typeof o||o instanceof Array?s.text=o:s=o,this.options=t.extend({},i,s);},process:function(){this.setup(),this.addToDom(),this.position(),this.bindToast(),this.animate();},setup:function(){var o="";if(this._toastEl=this._toastEl||t("<div></div>",{"class":"jq-toast-single"}),o+='<span class="jq-toast-loader"></span>',this.options.allowToastClose&&(o+='<span class="close-jq-toast-single">&times;</span>'),this.options.text instanceof Array){this.options.heading&&(o+='<h2 class="jq-toast-heading">'+this.options.heading+"</h2>"),o+='<ul class="jq-toast-ul">';for(var i=0;i<this.options.text.length;i++)o+='<li class="jq-toast-li" id="jq-toast-item-'+i+'">'+this.options.text[i]+"</li>";o+="</ul>";}else this.options.heading&&(o+='<h2 class="jq-toast-heading">'+this.options.heading+"</h2>"),o+=this.options.text;this._toastEl.html(o),this.options.bgColor!==!1&&this._toastEl.css("background-color",this.options.bgColor),this.options.textColor!==!1&&this._toastEl.css("color",this.options.textColor),this.options.textAlign&&this._toastEl.css("text-align",this.options.textAlign),this.options.icon!==!1&&(this._toastEl.addClass("jq-has-icon"),-1!==t.inArray(this.options.icon,this._defaultIcons)&&this._toastEl.addClass("jq-icon-"+this.options.icon)),this.options["class"]!==!1&&this._toastEl.addClass(this.options["class"]);},position:function(){"string"==typeof this.options.position&&-1!==t.inArray(this.options.position,this._positionClasses)?"bottom-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,bottom:20}):"top-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,top:20}):"mid-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,top:t(o).outerHeight()/2-this._container.outerHeight()/2}):this._container.addClass(this.options.position):"object"==typeof this.options.position?this._container.css({top:this.options.position.top?this.options.position.top:"auto",bottom:this.options.position.bottom?this.options.position.bottom:"auto",left:this.options.position.left?this.options.position.left:"auto",right:this.options.position.right?this.options.position.right:"auto"}):this._container.addClass("bottom-left");},bindToast:function(){var t=this;this._toastEl.on("afterShown",function(){t.processLoader();}),this._toastEl.find(".close-jq-toast-single").on("click",function(o){o.preventDefault(),"fade"===t.options.showHideTransition?(t._toastEl.trigger("beforeHide"),t._toastEl.fadeOut(function(){t._toastEl.trigger("afterHidden");})):"slide"===t.options.showHideTransition?(t._toastEl.trigger("beforeHide"),t._toastEl.slideUp(function(){t._toastEl.trigger("afterHidden");})):(t._toastEl.trigger("beforeHide"),t._toastEl.hide(function(){t._toastEl.trigger("afterHidden");}));}),"function"==typeof this.options.beforeShow&&this._toastEl.on("beforeShow",function(){t.options.beforeShow();}),"function"==typeof this.options.afterShown&&this._toastEl.on("afterShown",function(){t.options.afterShown();}),"function"==typeof this.options.beforeHide&&this._toastEl.on("beforeHide",function(){t.options.beforeHide();}),"function"==typeof this.options.afterHidden&&this._toastEl.on("afterHidden",function(){t.options.afterHidden();});},addToDom:function(){var o=t(".jq-toast-wrap");if(0===o.length?(o=t("<div></div>",{"class":"jq-toast-wrap"}),t("body").append(o)):(!this.options.stack||isNaN(parseInt(this.options.stack,10)))&&o.empty(),o.find(".jq-toast-single:hidden").remove(),o.append(this._toastEl),this.options.stack&&!isNaN(parseInt(this.options.stack),10)){var i=o.find(".jq-toast-single").length,s=i-this.options.stack;s>0&&t(".jq-toast-wrap").find(".jq-toast-single").slice(0,s).remove();}this._container=o;},canAutoHide:function(){return this.options.hideAfter!==!1&&!isNaN(parseInt(this.options.hideAfter,10))},processLoader:function(){if(!this.canAutoHide()||this.options.loader===!1)return !1;var t=this._toastEl.find(".jq-toast-loader"),o=(this.options.hideAfter-400)/1e3+"s",i=this.options.loaderBg,s=t.attr("style")||"";s=s.substring(0,s.indexOf("-webkit-transition")),s+="-webkit-transition: width "+o+" ease-in;                       -o-transition: width "+o+" ease-in;                       transition: width "+o+" ease-in;                       background-color: "+i+";",t.attr("style",s).addClass("jq-toast-loaded");},animate:function(){var t=this;if(this._toastEl.hide(),this._toastEl.trigger("beforeShow"),"fade"===this.options.showHideTransition.toLowerCase()?this._toastEl.fadeIn(function(){t._toastEl.trigger("afterShown");}):"slide"===this.options.showHideTransition.toLowerCase()?this._toastEl.slideDown(function(){t._toastEl.trigger("afterShown");}):this._toastEl.show(function(){t._toastEl.trigger("afterShown");}),this.canAutoHide()){var t=this;o.setTimeout(function(){"fade"===t.options.showHideTransition.toLowerCase()?(t._toastEl.trigger("beforeHide"),t._toastEl.fadeOut(function(){t._toastEl.trigger("afterHidden");})):"slide"===t.options.showHideTransition.toLowerCase()?(t._toastEl.trigger("beforeHide"),t._toastEl.slideUp(function(){t._toastEl.trigger("afterHidden");})):(t._toastEl.trigger("beforeHide"),t._toastEl.hide(function(){t._toastEl.trigger("afterHidden");}));},this.options.hideAfter);}},reset:function(o){"all"===o?t(".jq-toast-wrap").remove():this._toastEl.remove();},update:function(t){this.prepareOptions(t,this.options),this.setup(),this.bindToast();}};t.toast=function(t){var o=Object.create(n);return o.init(t,this),{reset:function(t){o.reset(t);},update:function(t){o.update(t);}}},t.toast.options={text:"",heading:"",showHideTransition:"fade",allowToastClose:!0,hideAfter:3e3,loader:!0,loaderBg:"#9EC600",stack:5,position:"bottom-left",bgColor:!1,textColor:!1,textAlign:"left",icon:!1,beforeShow:function(){},afterShown:function(){},beforeHide:function(){},afterHidden:function(){}};}(jQuery,window);
 
-    var BootstrapSwal = Swal__default["default"].mixin({
+    var BootstrapSwal = swal__default["default"].mixin({
         customClass: {
             confirmButton: 'btn btn-success m-1 px-3',
             cancelButton: 'btn btn-danger m-1 px-3'
@@ -318,9 +318,31 @@
             }
             this.options = __assign(__assign({}, this.options), options);
             if ($(this.element).hasClass('query')) {
-                var pageUrl = $(this.element).data('url') + window.location.search;
-                $(this.element).attr('data-url', pageUrl);
-                $(this.element).data('url', pageUrl);
+                var r = new RegExp('^(?:[a-z]+:)?//', 'i');
+                var pageUrl = null;
+                if (r.test(this.element.dataset.url)) {
+                    pageUrl = new URL(this.element.dataset.url);
+                }
+                else {
+                    pageUrl = new URL(window.location.origin + this.element.dataset.url);
+                }
+                if ('URLSearchParams' in window) {
+                    var searchParams = new URLSearchParams(window.location.search);
+                    var urlParams = new URLSearchParams(pageUrl.search);
+                    searchParams.forEach(function (value, key, parent) {
+                        urlParams.set(key, value);
+                    });
+                    if (urlParams.get("page") == "0") {
+                        urlParams.set("page", "1");
+                    }
+                    pageUrl.search = urlParams.toString();
+                }
+                else {
+                    pageUrl.search = window.location.search;
+                }
+                var url = pageUrl.pathname + pageUrl.search;
+                $(this.element).attr('data-url', url);
+                $(this.element).data('url', url);
             }
             if (!$(this.element).hasClass('refresh-only')) {
                 var listUrl = document.createElement('a');
@@ -608,21 +630,6 @@
         return Handlers;
     }());
 
-    var Loader = /** @class */ (function () {
-        function Loader() {
-            new CustomEvent('loader-show');
-            new CustomEvent('loader-hide');
-        }
-        Loader.show = function () {
-            $('body').trigger('loader-show');
-        };
-        Loader.hide = function () {
-            $('body').trigger('loader-hide');
-        };
-        return Loader;
-    }());
-    new Loader();
-
     var Uploader = /** @class */ (function () {
         function Uploader() {
             if ($('.image-uploader').length || $('.gallery-uploader').length) {
@@ -758,6 +765,104 @@
         return Uploader;
     }());
 
+    /// <reference types="google.maps" />
+    /**
+     * Base class for extending a Hood CMS website, ensure you call HoodApi.initialise() to setup loaders and contact form defaults.
+     */
+    var HoodApi = /** @class */ (function () {
+        function HoodApi() {
+            this.alerts = new Alerts();
+            this.handlers = new Handlers();
+            this.uploader = new Uploader();
+        }
+        // Initialise Hood CMS site defaults, can be overridden or individual setup items can be called instead of the initialise function. 
+        HoodApi.prototype.initialise = function () {
+            // Initialise loaders (default, adds loading to body tag)
+            this.setupLoaders();
+            // Hook up default handlers.
+            this.handlers.initDefaultHandlers();
+            // Init hood contact forms. 
+            this.initContactForms();
+        };
+        /**
+         * Default Hood CMS loaders, can be used however, this simply adds a "loading" class to the body tag on show/hide.
+         */
+        HoodApi.prototype.setupLoaders = function () {
+            $('body').on('loader-show', function () { document.body.classList.add('loading'); });
+            $('body').on('loader-hide', function () { document.body.classList.remove('loading'); });
+        };
+        /**
+         * Default initialisation function for Google Maps, should be called as the callback from the Google Maps API script tag.
+         */
+        HoodApi.prototype.initGoogleMaps = function (tag) {
+            if (tag === void 0) { tag = '.google-map'; }
+            $(tag).each(function () {
+                var myLatLng = new google.maps.LatLng($(this).data('lat'), $(this).data('long'));
+                console.log('Loading map at: ' + $(this).data('lat') + ', ' + $(this).data('long'));
+                var map = new google.maps.Map(this, {
+                    zoom: $(this).data('zoom') || 15,
+                    center: myLatLng,
+                    scrollwheel: false
+                });
+                new google.maps.Marker({
+                    position: myLatLng,
+                    map: map,
+                    title: $(this).data('marker')
+                });
+                $(window).on('resize', function () {
+                    google.maps.event.trigger(map, 'resize');
+                });
+                google.maps.event.trigger(map, 'resize');
+            });
+        };
+        /**
+         * Initialisation function for contact forms on the site, will add validator, and submit/functionality to any forms matching the given tag selector string.
+         */
+        HoodApi.prototype.initContactForms = function (tag) {
+            if (tag === void 0) { tag = '.contact-form'; }
+            var $form = $(tag);
+            $form.find('.thank-you').hide();
+            $form.find('.form-content').show();
+            var form = $(tag)[0];
+            new Validator(form, {
+                onComplete: function (response) {
+                    if (response.success) {
+                        if ($form.attr('data-redirect'))
+                            window.location.href = $form.attr('data-redirect');
+                        if ($form.attr('data-alert-message'))
+                            Alerts.success($form.attr('data-alert-message'));
+                        $form.find('.form').hide();
+                        $form.find('.thank-you').show();
+                    }
+                    else {
+                        if ($form.attr('data-alert-error'))
+                            Alerts.error($form.attr('data-alert-error'));
+                        else {
+                            console.error(response.errors);
+                            Alerts.error("There are errors on the form, please check your answers and try again.");
+                        }
+                    }
+                }.bind(this)
+            });
+        };
+        return HoodApi;
+    }());
+
+    var Loader = /** @class */ (function () {
+        function Loader() {
+            new CustomEvent('loader-show');
+            new CustomEvent('loader-hide');
+        }
+        Loader.show = function () {
+            $('body').trigger('loader-show');
+        };
+        Loader.hide = function () {
+            $('body').trigger('loader-hide');
+        };
+        return Loader;
+    }());
+    new Loader();
+
     $.fn.exists = function () {
         return $(this).length;
     };
@@ -929,121 +1034,57 @@
     };
 
     /// <reference types="google.maps" />
-    /**
-     * Base class for extending a Hood CMS website, ensure you call HoodApi.initialise() to setup loaders and contact form defaults.
-     */
-    var HoodApi = /** @class */ (function () {
-        function HoodApi() {
-            this.alerts = new Alerts();
-            this.handlers = new Handlers();
-            this.uploader = new Uploader();
-        }
-        // Initialise Hood CMS site defaults, can be overridden or individual setup items can be called instead of the initialise function. 
-        HoodApi.prototype.initialise = function () {
-            // Initialise loaders (default, adds loading to body tag)
-            this.setupLoaders();
-            // Hook up default handlers.
-            this.handlers.initDefaultHandlers();
-            // Init hood contact forms. 
-            this.initContactForms();
-        };
-        /**
-         * Default Hood CMS loaders, can be used however, this simply adds a "loading" class to the body tag on show/hide.
-         */
-        HoodApi.prototype.setupLoaders = function () {
-            $('body').on('loader-show', function () { document.body.classList.add('loading'); });
-            $('body').on('loader-hide', function () { document.body.classList.remove('loading'); });
-        };
-        /**
-         * Default initialisation function for Google Maps, should be called as the callback from the Google Maps API script tag.
-         */
-        HoodApi.prototype.initGoogleMaps = function (tag) {
-            if (tag === void 0) { tag = '.google-map'; }
-            $(tag).each(function () {
-                var myLatLng = new google.maps.LatLng($(this).data('lat'), $(this).data('long'));
-                console.log('Loading map at: ' + $(this).data('lat') + ', ' + $(this).data('long'));
-                var map = new google.maps.Map(this, {
-                    zoom: $(this).data('zoom') || 15,
-                    center: myLatLng,
-                    scrollwheel: false
-                });
-                new google.maps.Marker({
-                    position: myLatLng,
-                    map: map,
-                    title: $(this).data('marker')
-                });
-                $(window).on('resize', function () {
-                    google.maps.event.trigger(map, 'resize');
-                });
-                google.maps.event.trigger(map, 'resize');
-            });
-        };
-        /**
-         * Initialisation function for contact forms on the site, will add validator, and submit/functionality to any forms matching the given tag selector string.
-         */
-        HoodApi.prototype.initContactForms = function (tag) {
-            if (tag === void 0) { tag = '.contact-form'; }
-            var $form = $(tag);
-            $form.find('.thank-you').hide();
-            $form.find('.form-content').show();
-            var form = $(tag)[0];
-            new Validator(form, {
-                onComplete: function (response) {
-                    if (response.success) {
-                        if ($form.attr('data-redirect'))
-                            window.location.href = $form.attr('data-redirect');
-                        if ($form.attr('data-alert-message'))
-                            Alerts.success($form.attr('data-alert-message'));
-                        $form.find('.form').hide();
-                        $form.find('.thank-you').show();
-                    }
-                    else {
-                        if ($form.attr('data-alert-error'))
-                            Alerts.error($form.attr('data-alert-error'));
-                        else {
-                            console.error(response.errors);
-                            Alerts.error("There are errors on the form, please check your answers and try again.");
-                        }
-                    }
-                }.bind(this)
-            });
-        };
-        return HoodApi;
-    }());
-
-    /// <reference types="google.maps" />
-    var PropertyController = /** @class */ (function () {
-        function PropertyController() {
+    var PropertyService = /** @class */ (function () {
+        function PropertyService(options) {
+            this.options = {
+                listElementId: 'property-list',
+                mapListElementId: 'property-map-list',
+                mapElementId: 'property-map'
+            };
             this.map = null;
             this.center = { lat: 30, lng: -110 };
+            this.options = __assign(__assign({}, this.options), options);
             this.initList();
         }
-        PropertyController.prototype.initList = function () {
-            this.element = document.getElementById('property-list');
+        PropertyService.prototype.initList = function () {
+            this.element = document.getElementById(this.options.listElementId);
             if (!this.element) {
                 return;
             }
             this.list = new DataList(this.element, {
+                onLoad: function (sender) {
+                    if (sender === void 0) { sender = null; }
+                    if (this.options.onListLoad) {
+                        this.options.onListLoad(sender);
+                    }
+                }.bind(this),
                 onComplete: function (data, sender) {
+                    if (sender === void 0) { sender = null; }
+                    if (this.options.onListRender) {
+                        this.options.onListRender(data, sender);
+                    }
                     Alerts.log('Finished loading property list.', 'info');
                 }.bind(this)
             });
         };
-        PropertyController.prototype.initMapList = function () {
-            this.mapListElement = document.getElementById('property-map-list');
+        PropertyService.prototype.initMapList = function () {
+            this.mapListElement = document.getElementById(this.options.mapListElementId);
             if (!this.mapElement) {
                 return;
             }
             this.mapList = new DataList(this.mapListElement, {
                 onComplete: function (data, sender) {
+                    if (sender === void 0) { sender = null; }
+                    if (this.options.onMapLoad) {
+                        this.options.onMapLoad(data, sender);
+                    }
                     Alerts.log('Finished loading map list.', 'info');
                     this.reloadMarkers();
                 }.bind(this)
             });
         };
-        PropertyController.prototype.initMap = function (mapElementId) {
-            if (mapElementId === void 0) { mapElementId = 'property-map'; }
-            this.mapElement = document.getElementById(mapElementId);
+        PropertyService.prototype.initMap = function () {
+            this.mapElement = document.getElementById(this.options.mapElementId);
             if (!this.mapElement) {
                 return;
             }
@@ -1059,7 +1100,7 @@
             google.maps.event.trigger(this.map, 'resize');
             this.initMapList();
         };
-        PropertyController.prototype.reloadMarkers = function () {
+        PropertyService.prototype.reloadMarkers = function () {
             var infowindow = null;
             if (!this.mapElement) {
                 return;
@@ -1078,25 +1119,30 @@
                     map: this.map,
                     optimized: true // makes SVG icons work in IE
                 });
-                //marker.setIcon({
-                //    url: '/images/marker.png',
-                //    size: new google.maps.Size(30, 41),
-                //    scaledSize: new google.maps.Size(30, 41)
-                //});
+                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>");
-                google.maps.event.addListener(marker, 'click', function () {
+                marker.addListener("click", function () {
                     if (infowindow) {
                         infowindow.close();
                     }
                     infowindow = new google.maps.InfoWindow({
-                        content: this.info
+                        content: marker.info
                     });
-                    infowindow.open(map, this);
-                }.bind(this));
+                    infowindow.open({
+                        anchor: marker,
+                        map: map,
+                        shouldFocus: false,
+                    });
+                });
                 this.markers.push(marker);
             }.bind(this));
+            if (this.options.onMapRender) {
+                this.options.onMapRender();
+            }
         };
-        return PropertyController;
+        return PropertyService;
     }());
 
     /// <reference types="google.maps" />
@@ -1107,7 +1153,7 @@
             // Setup defaults with HoodApi default initialise function. 
             _this.initialise();
             // Initialise the property controllers.
-            _this.property = new PropertyController();
+            _this.property = new PropertyService();
             return _this;
         }
         return App;