Initial Commit

The initial public commit of MVGL website code.

resources/assets/demo1/js/custom/intro.js

@@ -0,0 +1,189 @@
+"use strict";
+
+// Class definition
+var KTIntro = function () {
+    // Private functions
+    var handleIntro = function(id, calback, timeout) {
+        var date = new Date();
+
+        var currentTime = date.getTime();
+
+        var time2days = 1000 * 60 * 60 * 24 * 2; // 2 days
+        var time7days = 1000 * 60 * 60 * 24 * 7; // 7 days
+        var time15days = 1000 * 60 * 60 * 24 * 15; // 15 days
+        var time21days = 1000 * 60 * 60 * 24 * 21; // 21 days
+        var time30days = 1000 * 60 * 60 * 24 * 30; // 30 days        
+
+        if (!KTCookie.get(id + '_counter') || parseInt(KTCookie.get(id + '_counter')) < 3) {
+            // Initial display
+            if (!KTCookie.get(id + '_counter')) {
+                setTimeout(calback, timeout); // Display intro in 5 seconds
+                
+                KTCookie.set(id + '_show_1', '1', {expires: new Date(date.getTime() + time2days)});
+
+                KTCookie.set(id + '_counter', '1', {expires: new Date(date.getTime() + time30days)});
+
+                return true;
+            } 
+
+            // 2 display
+            if (KTCookie.get(id + '_counter') == '1' && !KTCookie.get(id + '_show_1')) {
+                setTimeout(calback, timeout); // Display intro in 5 seconds
+                
+                KTCookie.set(id + '_show_2', '1', {expires: new Date(date.getTime() + time7days)});
+                
+                KTCookie.set(id + '_counter', '2', {expires: new Date(date.getTime() + time21days)});
+
+                return true;
+            }
+
+            // 3 display
+            if (KTCookie.get(id + '_counter') == '2' && !KTCookie.get(id + '_show_2')) {
+                setTimeout(calback, timeout); // Display intro in 5 seconds
+                
+                KTCookie.set(id + '_show_3', '1', {expires: new Date(date.getTime() + time15days)});
+                
+                KTCookie.set(id + '_counter', '3', {expires: new Date(date.getTime() + time15days)});
+
+                return true;
+            }
+
+            return false;
+        }
+    }
+
+    var showtIntro1 = function() {
+        var element = document.querySelector('#kt_header_search_toggle');
+
+        if (!element) {
+            return;
+        }
+
+        var options = {
+            customClass: 'popover-dark',
+            container: 'body',
+            trigger: 'manual',
+            boundary: 'window',
+            placement: 'left',
+            dismiss: true,
+            html: true,
+            title: 'Quick Search',
+            content: 'Fully functional search with advance options and preferences setup'
+        }
+
+        // Initialize popover
+        var popover = KTApp.initBootstrapPopover(element, options);
+        popover.show();
+
+        // Auto remove
+        setTimeout(function() {
+            if (popover) {
+                popover.dispose();
+            } 
+        }, 1000 * 10); // 10 seconds
+
+        // Hide popover on element click
+        element.addEventListener("click", function(e) {
+            popover.dispose();
+        });
+    }
+
+    var showtIntro2 = function() {
+        var element = document.querySelector('#kt_toolbar_primary_button');
+
+        if (!element) {
+            return;
+        }
+
+        var options = {
+            customClass: 'popover-dark',
+            container: 'body',
+            boundary: 'window',
+            trigger: 'manual',
+            placement: 'left',
+            dismiss: true,
+            html: true,
+            title: 'Quick Notifications',
+            content: 'Seamless access to updates and notifications in various formats'
+        }
+
+        // Initialize popover
+        var popover = KTApp.initBootstrapPopover(element, options);
+        popover.show();
+
+        // Remove
+        setTimeout(function() {
+            if (popover) {
+                popover.dispose();
+            } 
+        }, 1000 * 10); // 10 seconds
+
+        // Hide popover on element click
+        element.addEventListener("click", function(e) {
+            popover.dispose();
+        });
+    }
+
+    var showtIntro3 = function() {
+        var element = document.querySelector('#kt_header_user_menu_toggle');
+
+        if (!element) {
+            return;
+        }
+
+        var options = {
+            customClass: 'popover-dark',
+            container: 'body',
+            boundary: 'window',
+            placement: 'left',
+            trigger: 'manual',
+            dismiss: true,
+            html: true,
+            title: 'Advanced User Menu',
+            content: 'With quick links to user profile and account settings pages'
+        }
+
+        // Initialize popover
+        var popover = KTApp.initBootstrapPopover(element, options);
+        popover.show();
+
+        // Remove
+        setTimeout(function() {
+            if (popover) {
+                popover.dispose();
+            } 
+        }, 1000 * 10); // 10 seconds
+
+        // Hide popover on element click
+        element.addEventListener("click", function(e) {
+            popover.dispose();
+        });
+    }
+
+    var initIntro = function(product) {
+        // Handle intro popovers displays
+        if (KTUtil.inIframe() === false) {                
+            if (handleIntro('kt_' + product + '_intro_1', showtIntro1, 1000 * 5)) {
+            } else if (handleIntro('kt_' + product + '_intro_2', showtIntro2, 1000 * 5)) {
+            } else if (handleIntro('kt_' + product + '_intro_3', showtIntro3, 1000 * 5)) {
+            }
+        } 
+    }
+
+    // Public methods
+    return {
+        init: function () {
+            initIntro('metronic');
+        }   
+    }
+}();
+
+// Webpack support
+if (typeof module !== 'undefined') {
+    module.exports = KTIntro;
+}
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTIntro.init();
+});

resources/assets/demo1/js/custom/landing.js

@@ -0,0 +1,29 @@
+"use strict";
+
+// Class definition
+var KTLandingPage = function () {
+    // Private methods
+    var initTyped = function() {
+        var typed = new Typed("#kt_landing_hero_text", {
+            strings: ["The Best Theme Ever", "The Most Trusted Theme", "#1 Selling Theme"],
+            typeSpeed: 50
+        });
+    }
+
+    // Public methods
+    return {
+        init: function () {
+            //initTyped();
+        }   
+    }
+}();
+
+// Webpack support
+if (typeof module !== 'undefined') {
+    module.exports = KTLandingPage;
+}
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTLandingPage.init();
+});

resources/assets/demo1/js/layout/aside.js

@@ -0,0 +1,42 @@
+"use strict";
+
+// Class definition
+var KTLayoutAside = function () {
+    // Private variables
+    var toggle;
+    var aside;
+
+    // Private functions
+    var handleToggle = function () {
+       var toggleObj = KTToggle.getInstance(toggle);
+
+       // Add a class to prevent aside hover effect after toggle click
+       toggleObj.on('kt.toggle.change', function() {
+           aside.classList.add('animating');
+
+           setTimeout(function() {
+                aside.classList.remove('animating');
+           }, 300);
+       })
+    }
+
+    // Public methods
+    return {
+        init: function () {
+            // Elements
+            aside = document.querySelector('#kt_aside');
+            toggle = document.querySelector('#kt_aside_toggle');
+
+            if (!aside || !toggle) {
+                return;
+            }
+
+            handleToggle();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTLayoutAside.init();
+});

resources/assets/demo1/js/layout/toolbar.js

@@ -0,0 +1,74 @@
+"use strict";
+
+// Class definition
+var KTLayoutToolbar = function () {
+    // Private variables
+    var toolbar;
+
+    // Private functions
+    var initForm = function () {
+        var rangeSlider = document.querySelector("#kt_toolbar_slider");
+        var rangeSliderValueElement = document.querySelector("#kt_toolbar_slider_value");
+
+        if (!rangeSlider) {
+            return;
+        }
+
+        noUiSlider.create(rangeSlider, {
+            start: [5],
+            connect: [true, false],
+            step: 1,
+            format: wNumb({
+                decimals: 1
+            }),
+            range: {
+                min: [1],
+                max: [10]
+            }
+        });
+
+        rangeSlider.noUiSlider.on("update", function (values, handle) {
+            rangeSliderValueElement.innerHTML = values[handle];
+        });
+
+        var handle = rangeSlider.querySelector(".noUi-handle");
+
+        handle.setAttribute("tabindex", 0);
+
+        handle.addEventListener("click", function () {
+            this.focus();
+        });
+
+        handle.addEventListener("keydown", function (event) {
+            var value = Number(rangeSlider.noUiSlider.get());
+
+            switch (event.which) {
+                case 37:
+                    rangeSlider.noUiSlider.set(value - 1);
+                    break;
+                case 39:
+                    rangeSlider.noUiSlider.set(value + 1);
+                    break;
+            }
+        });
+    }
+
+    // Public methods
+    return {
+        init: function () {
+            // Elements
+            toolbar = document.querySelector('#kt_toolbar');
+
+            if (!toolbar) {
+                return;
+            }
+
+            initForm();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTLayoutToolbar.init();
+});

resources/assets/demo1/js/scripts.js

@@ -0,0 +1,17 @@
+const glob = require('glob');
+
+// Keenthemes' plugins
+var componentJs = glob.sync(`resources/assets/core/js/components/*.js`) || [];
+var coreLayoutJs = glob.sync(`resources/assets/core/js/layout/*.js`) || [];
+
+// Layout base js
+var layoutJs = glob.sync(`resources/assets/demo1/js/layout/*.js`) || [];
+
+module.exports = [
+    ...componentJs,
+    ...coreLayoutJs,
+    ...layoutJs,
+
+    // Extended
+    'resources/assets/extended/button-ajax.js'
+];