wonder-image 1.2.0

package/src/build/frontend/js/modal.js

@@ -0,0 +1,26 @@
+function modal(selector) {
+
+    setUpModal(selector);
+
+    var modal = document.querySelector(selector);
+
+    modal.classList.toggle('wi-show');
+    modal.classList.toggle('no-interaction');
+
+    if (modal.classList.contains('wi-show')) {
+        disableScroll();
+    } else {
+        enableScroll();
+    }
+
+}
+
+function setUpModal(selector) {
+    
+    document.querySelectorAll(selector + ' .wi-close-modal').forEach(element => {
+        if (element.onclick == null) {
+            element.onclick = function() { modal(selector) };
+        }
+    });
+
+}

package/src/build/frontend/js/pageSetUp.js

@@ -0,0 +1,35 @@
+function setUpPage() {
+        
+    $.ajax({
+        type: "POST",
+        url: pathApp+'/api/alert.php',
+        data: { 
+            post: 'true',
+            frontend: 'true',
+            alert: 801
+        }, 
+        success: function (data) {
+            NO_INTERNET_ALERT = data;
+        }
+    });
+
+    var PAGE_URL = new URL(window.location.href);
+
+    if (PAGE_URL.searchParams.get('scroll')) {
+        
+        var idScroll = PAGE_URL.searchParams.get('scroll');
+        scrolla('#'+idScroll);
+
+    }
+
+    // L'alert non viene passato solo tramite GET ma anche tramite variabile php
+    // if (PAGE_URL.searchParams.get('alert')) {
+    //     var alertCode = PAGE_URL.searchParams.get('alert'); alertToast(alertCode);
+    // }
+
+    setAos();
+    setInput();
+    setDropdown();
+    setVideoJS();
+    
+};

package/src/build/frontend/js/scroll.js

@@ -0,0 +1,70 @@
+function scrolla(selector){
+    
+    if (document.querySelector(selector)) {
+
+        var element = document.querySelector(selector);
+
+        var headerHeight = '80';
+
+        if (document.querySelector('header')) {
+            headerHeight = document.querySelector('header').offsetHeight;
+        }
+
+        element.style.scrollMargin = headerHeight+'px';
+        element.scrollIntoView({ behavior: 'smooth' });
+
+    } else {
+
+        console.error("Selettore ( "+selector+" ) non valido");
+
+    }
+
+}
+
+var keys = {37: 1, 38: 1, 39: 1, 40: 1};
+
+function preventDefault(e) {
+    e.preventDefault();
+}
+
+function preventDefaultForScrollKeys(e) {
+    if (keys[e.keyCode]) {
+        preventDefault(e);
+        return false;
+    }
+}
+
+// modern Chrome requires { passive: false } when adding event
+var supportsPassive = false;
+try {
+    window.addEventListener("test", null, Object.defineProperty({}, 'passive', {
+    get: function () { supportsPassive = true; } 
+}));
+} catch(e) {}
+
+var wheelOpt = supportsPassive ? { passive: false } : false;
+var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel';
+
+// call this to Disable
+function disableAllScroll() {
+    window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF
+    window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop
+    window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile
+    window.addEventListener('keydown', preventDefaultForScrollKeys, false);
+}
+
+// call this to Enable
+function enableAllScroll() {
+    window.removeEventListener('DOMMouseScroll', preventDefault, false);
+    window.removeEventListener(wheelEvent, preventDefault, wheelOpt); 
+    window.removeEventListener('touchmove', preventDefault, wheelOpt);
+    window.removeEventListener('keydown', preventDefaultForScrollKeys, false);
+}
+
+function disableScroll() {
+    document.querySelector('body').classList.add('block-scroll');
+}
+
+function enableScroll() {
+    document.querySelector('body').classList.remove('block-scroll');
+}

package/src/build/frontend/js/utility.js

@@ -0,0 +1,21 @@
+function loadingSpinner() {
+
+    var spinner = document.getElementById('loading-spinner');
+
+    if (spinner.classList.contains('d-none')) {
+
+        spinner.classList.remove('d-none');
+        spinner.classList.remove('no-interaction');
+
+        disableScroll();
+        
+    } else {
+
+        spinner.classList.add('d-none');
+        spinner.classList.add('no-interaction');
+        
+        enableScroll();
+
+    }
+    
+}

package/src/build/global/js/canvas.js

@@ -0,0 +1,82 @@
+function canvasFullPage(elementId, draw = false) {
+
+    var element = document.createElement("CANVAS");
+    element.id = elementId;
+    element.style.position = "fixed";
+    element.style.top = 0;
+    element.style.left = 0;
+    element.style.zIndex = 999999;
+    element.style.background = '#ffffff';
+    element.style.touchAction = 'none';
+    element.style.msTouchAction = 'none';
+
+    fullPage(element);
+
+    window.addEventListener('resize', () => { fullPage(element) });
+
+    if (draw) { canvasDraw(element); }
+
+}
+
+function canvasReset(element) {
+    
+    var ctx = element.getContext("2d");
+    ctx.clearRect(0, 0, element.width, element.height);
+    ctx.restore();
+
+}
+
+function canvasDraw(element) {
+
+    var ctx = element.getContext("2d");
+    
+    let offset = position(element);
+    let painting = false;
+
+    function drawStart() {
+        offset = position(element);
+        painting = true;
+        draw(e);
+    }
+
+    function drawEnd() {
+        painting = false;
+        ctx.beginPath();
+    }
+
+    function draw(e) {
+
+        if (!painting) return;
+        ctx.lineWidth = 1;
+        ctx.lineCap = "round";
+        ctx.strokeStyle = "black";
+
+        if (e.type == 'touchmove'){
+            var x = e.touches[0].clientX;
+            var y = e.touches[0].clientY;
+        } else if (e.type == 'mousemove'){
+            var x = e.clientX;
+            var y = e.clientY;
+        }
+
+        var offsetX = offset.left;
+        var offsetY = offset.top;
+
+        var x = x - offsetX;
+        var y = y - offsetY;
+
+        ctx.lineTo(x, y);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x, y);
+
+    }
+
+    element.addEventListener("mousedown", drawStart);
+    element.addEventListener("touchstart", drawStart);
+    element.addEventListener("mouseup", drawEnd);
+    element.addEventListener("touchend", drawEnd);
+    element.addEventListener("mousemove", draw);
+    element.addEventListener("touchmove", draw);
+
+}

package/src/build/global/js/fetch.js

@@ -0,0 +1,47 @@
+function fetchResponse(response) {
+    
+    if (response.ok) {
+
+        return response.json();
+
+    } else {
+
+        alertToast(802);
+        console.error("Impossibile connettersi o trovare il file!");
+        return false;
+
+    }
+
+}
+
+function fetchValue(value) {
+    
+    if (value == false) {
+                
+        return false;
+        
+    } else {
+
+        if (value.status == 200) {
+            return value;
+        } else if (value.status == 401) {
+            alertToast(911);
+            return false;
+        } else if (value.status == undefined) {
+            alertToast(803);
+            return false;
+        } else {
+            alertToast(value.status);
+            return false;
+        }
+
+    }
+
+}
+
+function fetchError(error) {
+    
+    alertToast(802);
+    console.error("Il file non risponde in JSON!");
+
+}

package/src/build/global/js/form/autonumeric.js

@@ -0,0 +1,136 @@
+var AUTONUMERIC_NUMBER = {
+    caretPositionOnFocus: 'end',
+    decimalPlacesShownOnFocus: 2,
+    digitGroupSeparator: '',
+    decimalCharacter: '.',
+    onInvalidPaste: 'truncate',
+    currencySymbolPlacement: 's',
+    outputFormat: 'number',
+    unformatOnSubmit: true,
+    modifyValueOnWheel: false
+};
+
+var AUTONUMERIC_PRICE = {
+    caretPositionOnFocus: 'end',
+    decimalPlacesShownOnFocus: 2,
+    digitGroupSeparator: '',
+    decimalCharacter: '.',
+    onInvalidPaste: 'truncate',
+    currencySymbol: '€',
+    currencySymbolPlacement: 's',
+    outputFormat: 'number',
+    unformatOnSubmit: true,
+    modifyValueOnWheel: false
+};
+
+var AUTONUMERIC_PERCENTIGE = {
+    caretPositionOnFocus: 'end',
+    decimalPlacesShownOnFocus: 2,
+    digitGroupSeparator: '',
+    decimalCharacter: '.',
+    onInvalidPaste: 'truncate',
+    currencySymbol: '%',
+    currencySymbolPlacement: 's',
+    outputFormat: 'number',
+    unformatOnSubmit: true,
+    modifyValueOnWheel: false
+};
+
+function customAutonumeric(element, autonumeric) {
+
+    var option = {};
+
+    if (autonumeric.caretPositionOnFocus != undefined) { 
+        option.caretPositionOnFocus = autonumeric.caretPositionOnFocus; 
+    }
+
+    if (element.dataset.wiNumberDecimal != undefined) { 
+        option.decimalPlacesShownOnFocus = element.dataset.wiNumberDecimal;
+        option.decimalPlaces = element.dataset.wiNumberDecimal;
+    } else {
+        if (autonumeric.decimalPlacesShownOnFocus != undefined) {
+            option.decimalPlacesShownOnFocus = autonumeric.decimalPlacesShownOnFocus;
+        }
+    }
+
+    if (element.dataset.wiNumberDecimalSeparator != undefined) { 
+        option.decimalCharacter = element.dataset.wiNumberDecimalSeparator;
+    } else {
+        if (autonumeric.decimalCharacter != undefined) {
+            option.decimalCharacter = autonumeric.decimalCharacter;
+        }
+    }
+
+    if (element.dataset.wiNumberGroupSeparator != undefined) { 
+        option.digitGroupSeparator = element.dataset.wiNumberGroupSeparator;
+    } else {
+        if (autonumeric.digitGroupSeparator != undefined) {
+            option.digitGroupSeparator = autonumeric.digitGroupSeparator;
+        }
+    }
+
+    if (autonumeric.onInvalidPaste != undefined) { 
+        option.onInvalidPaste = autonumeric.onInvalidPaste; 
+    }
+
+    if (element.dataset.wiNumberSymbol != undefined) { 
+        option.currencySymbol = element.dataset.wiNumberSymbol;
+    } else {
+        if (autonumeric.currencySymbol != undefined) {
+            option.currencySymbol = autonumeric.currencySymbol;
+        }
+    }
+
+    if (element.dataset.wiNumberSymbolPlacement != undefined) { 
+        option.currencySymbolPlacement = element.dataset.wiNumberSymbolPlacement;
+    } else {
+        if (autonumeric.currencySymbolPlacement != undefined) {
+            option.currencySymbolPlacement = autonumeric.currencySymbolPlacement;
+        }
+    }
+
+    if (autonumeric.outputFormat != undefined) { 
+        option.outputFormat = autonumeric.outputFormat; 
+    }
+
+    if (autonumeric.unformatOnSubmit != undefined) { 
+        option.unformatOnSubmit = autonumeric.unformatOnSubmit; 
+    }
+
+    if (autonumeric.modifyValueOnWheel != undefined) { 
+        option.modifyValueOnWheel = autonumeric.modifyValueOnWheel; 
+    }
+
+    return option;
+    
+}
+
+function setAutonumeric() {
+            
+    document.querySelectorAll("[data-wi-number='true']").forEach(element => {
+        
+        var el = AutoNumeric.getAutoNumericElement(element);
+        
+        if (el === null) {
+
+            new AutoNumeric(element, customAutonumeric(element, AUTONUMERIC_NUMBER)); 
+        
+        }
+
+    });
+
+    document.querySelectorAll("[data-wi-price='true']").forEach(element => {
+        
+        var el = AutoNumeric.getAutoNumericElement(element);
+        if (el === null) { new AutoNumeric(element, customAutonumeric(element, AUTONUMERIC_PRICE)); }
+
+    });
+    
+    document.querySelectorAll("[data-wi-percentige='true']").forEach(element => {
+        
+        var el = AutoNumeric.getAutoNumericElement(element);
+        if (el === null) { new AutoNumeric(element, customAutonumeric(element, AUTONUMERIC_PERCENTIGE)); }
+
+    });
+
+}

package/src/build/global/js/form/phone.js

@@ -0,0 +1,19 @@
+function checkPhone(element) {
+    
+    var phones = [
+        { "mask": "### ### ####"}
+    ];
+
+    new Inputmask({ 
+        mask: phones, 
+        greedy: false, 
+        placeholder: '', 
+        definitions: { 
+            '#': { 
+                validator: "[0-9]", 
+                cardinality: 1
+            }
+        } 
+    }).mask(element);
+
+}

package/src/build/global/js/utility.js

@@ -0,0 +1,88 @@
+function position(element, showItem = false) {
+
+    var rect = element.getBoundingClientRect();
+
+    if (showItem) {
+
+        var width = rect.right - rect.left;
+        var height = rect.bottom - rect.top;
+
+        var element = document.createElement("DIV");
+        element.style.position = "fixed";
+        element.style.top = rect.top+'px';
+        element.style.left = rect.left+'px';
+        element.style.width = width+'px';
+        element.style.height = height+'px';
+        element.style.zIndex = 999999;
+        element.style.background = 'rgba(255, 0, 0, .2)';
+        document.body.appendChild(element);
+
+    }
+
+    return rect;
+
+}
+
+function fullPage(element) {
+    element.width = window.innerWidth;
+    element.height = window.innerHeight;
+}
+
+function copyText(text, icon = null) {
+
+    if (icon != null) {
+        document.querySelectorAll('.bi-clipboard-check').forEach(element => {
+            element.classList.remove('bi-clipboard-check')
+            element.classList.add('bi-clipboard');
+        });
+    }
+
+    navigator.clipboard.writeText(text).then(() => {
+        if (icon != null) {
+            icon.classList.remove('bi-clipboard');
+            icon.classList.add('bi-clipboard-check');
+        }
+    },() => {
+        if (icon != null) {
+            icon.classList.remove('bi-clipboard');
+            icon.classList.add('bi-clipboard-x');
+        }
+    });
+
+}
+
+function ajaxRequestError(request) {
+    
+    if (request.readyState == 4) {
+        alertToast(802);
+    } else if (request.readyState == 0) {
+        alertToast(801);
+    } else {
+        alertToast(800);
+    }
+
+}
+
+function code(codeLength = 10) {
+
+    var result           = '';
+    var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+    var charactersLength = characters.length;
+
+    for ( var i = 0; i < codeLength; i++ ) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+
+    return result;
+
+}
+
+function isMobile() {
+
+    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+        return true;
+    } else {
+        return false;
+    }
+    
+}

package/src/build/global/js/video.js

@@ -0,0 +1,7 @@
+function setVideoJS() {
+
+    document.querySelectorAll(".video-js").forEach(element => {
+        videojs(element);
+    });
+
+}