wonder-image 1.2.0

package/src/build/backend/js/form/file.js

@@ -0,0 +1,142 @@
+function moveFile(selectorContainer, selectorData, action) {
+
+    var link = pathApp+'/api/backend/file/move.php';
+
+    var el = document.querySelector(selectorContainer+' '+selectorData);
+
+    var table = el.dataset.wiDbTable;
+    var column = el.dataset.wiDbColumn;
+    var rowId = el.dataset.wiDbRow;
+    var fileId = el.dataset.wiFileId;
+    var oldPosition = Number(el.dataset.wiOrder);
+    var nFile = el.dataset.wiNFile;
+
+    $.ajax({
+        type: "POST",
+        url: link,
+        data: { 
+            post: 'true',
+            table: table,
+            column: column,
+            row_id: rowId,
+            file_id: fileId,
+            action: action
+        },
+        success: function (data) {
+            
+            if (action == 'up') {
+                var newPosition = oldPosition - 1;
+            } else if (action == 'down') {
+                var newPosition = oldPosition + 1;
+            }
+
+            var file1 = document.querySelector(selectorContainer+' .wi-card-file.order-'+oldPosition);
+            var file2 = document.querySelector(selectorContainer+' .wi-card-file.order-'+newPosition);
+
+            file1.classList.remove('order-'+oldPosition);
+            file1.classList.add('order-'+newPosition);
+            file1.dataset.wiOrder = newPosition;
+            file1.dataset.wiFileId = file2.dataset.wiFileId;
+
+            file2.classList.remove('order-'+newPosition);
+            file2.classList.add('order-'+oldPosition);
+            file2.dataset.wiOrder = oldPosition;
+            file2.dataset.wiFileId = fileId;
+
+            // Sistema first e last
+            firstLastFile(selectorContainer, nFile);
+            
+        },
+        error: function (XMLHttpRequest) {
+            ajaxRequestError(XMLHttpRequest);
+        }
+    }); 
+
+}
+
+function deleteFile(selectorContainer, selectorData) {
+
+    var el = document.querySelector(selectorContainer+' '+selectorData);
+
+    var folder = el.dataset.wiFolder;
+    var table = el.dataset.wiDbTable;
+    var column = el.dataset.wiDbColumn;
+    var rowId = el.dataset.wiDbRow;
+    var fileId = el.dataset.wiFileId;
+
+    var oldPosition = Number(el.dataset.wiOrder);
+    var nFile = el.dataset.wiNFile;
+
+    var fileName = el.dataset.wiFileName;
+
+    var text = "Sei sicuro di eliminare il file <b>"+fileName+"</b>?";
+    var link = pathApp+'/api/backend/file/delete.php?folder='+folder+'&table='+table+'&column='+column+'&row_id='+rowId+'&file_id='+fileId;
+
+    var onSuccess = '{ "function" : "removeFile", "parameters": { "container" : "'+selectorContainer+'", "data" : "'+selectorData+'", "nFile" : "'+nFile+'", "position" : "'+oldPosition+'"} }';
+
+    modal(text, link, 'ATTENZIONE', 'Elimina', 'danger', 'Chiudi', 'dark', onSuccess);
+
+}
+
+function removeFile(parameters) {
+
+    var selectorContainer = parameters.container;
+    var selectorData = parameters.data;
+    var deletedFilePosition = Number(parameters.position);
+    var maxFile = Number(parameters.maxFile);
+    var old_nFile = Number(parameters.nFile);
+    const real_nFile = old_nFile - 1;
+
+    document.querySelector(selectorContainer+' '+selectorData).remove();
+
+    document.querySelectorAll(selectorContainer+' .wi-card-file').forEach(element => {
+
+        var filePosition = Number(element.dataset.wiOrder);
+        element.dataset.wiNFile = real_nFile;
+
+        if (filePosition > deletedFilePosition) {
+
+            var newPosition = filePosition - 1;
+            var newId = newPosition - 1;
+
+            element.dataset.wiOrder = newPosition;
+            element.classList.remove('order-'+filePosition);
+            element.classList.add('order-'+newPosition);
+
+            element.dataset.wiFileId = newId;
+
+        }
+
+    });
+
+
+    var maxFile = document.querySelector(selectorContainer+' input').dataset.wiMaxFile;
+
+    if (maxFile > real_nFile) {
+        document.querySelector(selectorContainer+' input').disabled = false;
+    }
+
+    firstLastFile(selectorContainer, real_nFile);
+
+    $('#modal').modal('hide');
+
+}
+
+function firstLastFile(selectorContainer, nFile) {
+
+    if (document.querySelectorAll(selectorContainer+' .wi-card-file').length > 0) {
+
+        if (document.querySelector(selectorContainer+' .wi-card-file.wi-first-file')) {
+            document.querySelector(selectorContainer+' .wi-card-file.wi-first-file').classList.remove('wi-first-file');
+        }
+    
+        if (document.querySelector(selectorContainer+' .wi-card-file.wi-last-file')) {
+            document.querySelector(selectorContainer+' .wi-card-file.wi-last-file').classList.remove('wi-last-file');
+        }
+    
+        document.querySelector(selectorContainer+' .wi-card-file.order-1').classList.add('wi-first-file');
+        document.querySelector(selectorContainer+' .wi-card-file.order-'+nFile).classList.add('wi-last-file');
+        
+    }
+
+}

package/src/build/backend/js/form/filepond.js

@@ -0,0 +1,11 @@
+FilePond.registerPlugin(
+    FilePondPluginFileValidateType,
+    FilePondPluginImageExifOrientation,
+    FilePondPluginImagePreview,
+    FilePondPluginImageCrop,
+    FilePondPluginImageResize,
+    FilePondPluginImageTransform,
+    FilePondPluginImageEdit,
+    FilePondPluginFileMetadata,
+    FilePondPluginGetFile
+);

package/src/build/backend/js/form/input.js

@@ -0,0 +1,313 @@
+function check() {
+    
+    document.querySelectorAll("form button[type='submit'], form button.wi-submit").forEach(button => {
+ 
+        button.removeAttribute("disabled");
+
+        var inputList = button.form.elements;
+
+        for (let i = 0; i < inputList.length; i++) {
+
+            var input = inputList[i];
+
+            if (input.required) {
+                if (input.type == 'checkbox' || input.type == 'radio') {
+                    if (input.checked == false) { button.setAttribute("disabled", null); }
+                } else {
+                    if (input.value == "") { button.setAttribute("disabled", null); }
+                }
+            }
+
+        }
+
+        var formElement = button.form;
+
+        formElement.querySelectorAll(".wi-checkbox-required, .wi-radio-required").forEach(checkboxContainer => {
+
+            if (checkboxContainer.querySelectorAll("input[type='checkbox']:checked, input[type='radio']:checked").length == 0) { button.setAttribute("disabled", null); }
+
+        });
+
+    });
+
+}
+
+function lengthCount(event) {
+
+    var val = event.target.value;
+    var container =  event.target.parentElement;
+
+    if (container.querySelector('.wi-counter')) {
+        container.querySelector('.wi-counter').innerHTML = val.length;
+    }
+
+}
+
+function checkColor(event) {
+
+    var val = event.target.value;
+    var container =  event.target.parentElement;
+
+    if (val.includes('#')) {
+        container.querySelector('.wi-show-color').style.color = val;
+    } else {
+        container.querySelector('.wi-show-color').el.style.color = 'rgba('+val+')';
+    }
+    
+}
+
+function generateCode(selector) {
+
+    document.querySelector(selector).value = code();
+    
+}
+
+function disableInput(type) {
+
+    if (type == 'user') {
+        var inputArray = document.querySelectorAll('input[name=name], input[name=surname], input[name=username], input[name=email], input[name="profile_picture[]"], select[name=color], select[name=active]');
+    }
+
+    inputArray.forEach(element => {
+
+        element.disabled = true;
+        element.dataset.wiOldValue = element.value;
+        element.dataset.wiOldRequired = element.required;
+        
+        element.value = '';
+        element.required = false;
+
+    }); 
+
+}
+
+function enabledInput(type) {
+
+    if (type == 'user') {
+        var inputArray = document.querySelectorAll('input[name=name], input[name=surname], input[name=username], input[name=email], input[name="profile_picture[]"], select[name=color], select[name=active]');
+    }
+
+    inputArray.forEach(element => {
+
+        if (element.dataset.wiOldValue) {
+            var wiOldValue = element.dataset.wiOldValue;
+        } else {
+            if (element.name == 'active') {
+                var wiOldValue = "true";
+            } else if (element.name == 'color') {
+                var wiOldValue = "blue";
+            } else {
+                var wiOldValue = "";
+            }
+        }
+        
+        if (element.dataset.wiOldRequired) {
+            var wiOldRequired = element.dataset.wiOldRequired;
+        } else {
+            var wiOldRequired = "";
+        }
+        
+        element.disabled = false;
+        element.value = wiOldValue;
+        element.required = wiOldRequired;
+
+    }); 
+    
+}
+
+function setDynamicSearch(element) {
+
+    var dataValue = element.dataset.wiValue;
+    var containerMaster = element.parentElement;
+    var container = containerMaster.querySelector('.card .card-body');
+    var footer = containerMaster.querySelector('.card .card-footer');
+
+    container.innerHTML = "";
+
+    if (dataValue != '') {
+
+        var value = dataValue;
+        var url = element.dataset.wiSearchUrl;
+
+        $.ajax({
+            type: "POST",
+            url: url,
+            data: { 
+                post: 'true',
+                id: value
+            }, 
+            success: function (data) {
+                createCheckbox(data, element, container, true);
+                checkInput();
+            },
+            error: function (XMLHttpRequest) {
+
+                ajaxRequestError(XMLHttpRequest);
+                footer.innerHTML = 'Errore!';
+
+            }
+        });
+        
+    }
+
+}
+
+function createCheckbox(array, element, container, checked = false) {
+
+    var name = element.dataset.wiName;
+    var attribute = element.dataset.wiAttribute;
+
+    if (element.dataset.wiSearchRadio != undefined) {
+        var type = "radio";
+    } else if (element.dataset.wiSearchCheckbox != undefined) {
+        var type = "checkbox";
+    }
+
+    var containerMaster = container.parentElement;
+    var footer = containerMaster.querySelector('.card .card-footer');
+    footer.innerHTML = 'Cerco...';
+
+    try {
+
+        const response = JSON.parse(array);
+        const nResponse = response.length;
+    
+        var HTML_CHECKED = "";
+    
+        container.querySelectorAll('input:checked').forEach(el => {
+    
+            el.setAttribute('checked', true);
+            HTML_CHECKED += "<div class='form-check'>"+el.parentElement.innerHTML+"</div>";
+    
+        });
+    
+        container.innerHTML = "";
+    
+        for (let index = 0; index < nResponse; index++) {
+    
+            var idCode = code();
+            var HTML = "";
+            var att = attribute;
+    
+            var value = response[index]['value'];
+            var label = response[index]['label'];
+            var inputValue = response[index]['input-value'];
+    
+            if (checked) { var att = attribute+" checked"; }
+    
+            if (HTML_CHECKED.search('value="'+value+'"') == '-1') {
+    
+                HTML += "<div class='form-check'>";
+                HTML += "<input id='"+idCode+"' type='"+type+"' class='form-check-input' name='"+name+"' value='"+value+"' data-wi-check='true' "+att+" >";
+                HTML += "<label class='form-check-label wi-check-label user-select-none' for='"+idCode+"'>"+label+"</label>";
+                HTML += "</div>";
+    
+                container.insertAdjacentHTML("beforeend", HTML);
+    
+            }
+    
+        }
+
+        container.insertAdjacentHTML("beforeend", HTML_CHECKED);
+    
+        if (inputValue == '') {
+            footer.innerHTML = "Cerca risultati";
+        } else if (nResponse == 1) {
+            footer.innerHTML = nResponse+" risultato";
+        } else if (nResponse != 1) {
+            footer.innerHTML = nResponse+" risultati";
+        }
+        
+    } catch {
+
+        console.log(array);
+        footer.innerHTML = 'Errore nel file! Contatta assistenza';
+
+    }
+
+}
+
+function inputSearch(event) {
+
+    var inputText = event.target;
+
+    var containerMaster = inputText.parentElement;
+    var container = containerMaster.querySelector('.card .card-body');
+    var footer = containerMaster.querySelector('.card .card-footer');
+
+    var inputValue = inputText.value.toLowerCase();
+
+    if (inputText.dataset.wiSearchUrl != undefined) {
+
+        var url = inputText.dataset.wiSearchUrl;
+
+        var footer = containerMaster.querySelector('.card .card-footer');
+        footer.innerHTML = 'Cerco...';
+
+        $.ajax({
+            type: "POST",
+            url: url,
+            data: { 
+                post: 'true',
+                search: inputValue
+            }, 
+            success: function (data) {
+                createCheckbox(data, inputText, container);
+                checkInput();
+            },
+            error: function (XMLHttpRequest) {
+
+                ajaxRequestError(XMLHttpRequest);
+                footer.innerHTML = 'Errore! Riprova la ricerca.';
+
+            }
+        });
+        
+    } else {
+                        
+        container.querySelectorAll('label.wi-check-label').forEach(element => {
+    
+            var container = element.parentElement;
+            var name = element.innerHTML.toLowerCase();
+    
+            if (name.includes(inputValue)) {
+                element.parentElement.style.display = 'block';
+            } else if (container.querySelector('input').checked == false) {
+                element.parentElement.style.display = 'none';
+            }
+    
+        });
+
+    }
+    
+}
+
+function filterSelect(selectElement, dataName, value) {
+
+    selectElement.querySelectorAll('option').forEach(option => {
+
+        if (option.getAttribute('data-'+dataName)) {
+            
+            var filterValue = JSON.parse(option.getAttribute('data-'+dataName));
+
+            if ((Array.isArray(filterValue) && filterValue.includes(value)) || filterValue == value) {
+
+                option.disabled = false;
+                option.hidden = false;
+
+            } else {
+
+                if (option.selected == true) {
+                    selectElement.value = "";
+                }
+
+                option.disabled = true;
+                option.hidden = true;
+
+            }
+
+        }
+
+    });
+    
+}

package/src/build/backend/js/form/inputRow.js

@@ -0,0 +1,164 @@
+function copyRow(container, element) {
+
+    var copy = element.cloneNode(true);
+    var position = container.childElementCount;
+
+    copy.id = '';
+    copy.classList.remove('visually-hidden');
+    copy.classList.add('wi-copy-row');
+    copy.classList.add('order-'+position);
+
+    copy.querySelector('input[name="position[]"]').value = position;
+
+    copy.querySelectorAll('[data-wi-attribute]').forEach(element => {
+
+        var attribute = element.dataset.wiAttribute;
+
+        if (attribute != '') {
+
+            if (attribute.includes('required')) { element.required = true; }
+            if (attribute.includes('disabled')) { element.disabled = true; }
+            if (attribute.includes('readonly')) { element.readonly = true; }
+
+        }
+
+    });
+
+    container.appendChild(copy);
+    
+    checkInput();
+    rowSetArrow(container);
+    bootstrapTooltip();
+
+}
+
+function rowOrder(el1, action) {
+
+    var container = el1.parentElement;
+    
+    for (let a = 1; a < 100; a++) { 
+        
+        var classEl1 = 'order-'+a;
+
+        if(el1.classList.contains(classEl1)) {
+
+            if (action == 'up') { var b = a - 1; } 
+            if (action == 'down') { var b = a + 1; }
+
+            var classEl2 = 'order-'+b;
+
+            var el2 = container.querySelector('.'+classEl2);
+
+            rowChangePos(el1, a, b);
+            rowChangePos(el2, b, a);
+
+            rowSetArrow(container);
+
+            break;
+
+        }
+
+    }
+
+}
+
+function rowChangePos(element, oldPosition, newPosition) {
+    
+    element.classList.remove('order-'+oldPosition);
+    element.classList.add('order-'+newPosition);
+
+    if (element.querySelector('input[name="position[]"]')) {
+        element.querySelector('input[name="position[]"]').value = newPosition;
+    }
+    
+}
+
+function rowRemoveModal(element) {
+
+    var container = element.parentElement;
+
+    var text = 'Sei sicuro di voler eliminare questa linea?<br>Se <b>NON</b> salvi questa operazione non verrà effettuata!'
+    modal(text, 'link');
+
+    for (let a = 1; a < 100; a++) { 
+
+        var elementClass = 'order-'+a;
+        if(element.classList.contains(elementClass)) { 
+            var orderN = a;
+            break; 
+        }
+
+    }
+
+    var selector = '#'+container.id+' .'+elementClass;
+
+    var sendBtn = document.querySelector('#modal button.send');
+    sendBtn.setAttribute("onclick", 'rowRemove("'+selector+'", "'+orderN+'")');
+
+}
+
+function rowRemove(selector, nRow) {
+
+    $('#modal').modal('hide');
+
+    var element = document.querySelector(selector);
+    var container = element.parentElement;
+    var containerId = container.id;
+    pageRemove(element);
+
+    var rowStart = (nRow * 1) + 1;
+
+    for (let a = rowStart; a < 100; a++) {
+
+        var selector = '#'+containerId+' .order-'+a;
+
+        if (document.querySelector(selector)) {
+            var b = a - 1;
+            rowChangePos(document.querySelector(selector), a, b);
+        } else {
+            break;
+        }
+        
+    }
+
+    rowSetArrow(container)
+
+}
+
+function rowSetArrow(container) {
+
+    var nRow = document.querySelectorAll('#'+container.id+' .wi-copy-row').length;
+
+    if (nRow > 1) {
+
+        for (let i = 1; i <= nRow; i++) {
+
+            var arrowUp = document.querySelector('#'+container.id+' .wi-copy-row.order-'+i+' .wi-arrow-up');
+            var arrowDown = document.querySelector('#'+container.id+' .wi-copy-row.order-'+i+' .wi-arrow-down');
+
+            if (arrowUp.classList.contains('visually-hidden')) {
+                arrowUp.classList.remove('visually-hidden');
+            }
+
+            if (arrowDown.classList.contains('visually-hidden')) {
+                arrowDown.classList.remove('visually-hidden');
+            }
+
+            if (i == 1) {
+                arrowUp.classList.add('visually-hidden');
+            }
+
+            if (i == nRow) {
+                arrowDown.classList.add('visually-hidden');
+            }
+            
+        }
+
+    } else if (nRow == 1) {
+
+        document.querySelector('#'+container.id+' .wi-copy-row.order-1 .wi-arrow-up').classList.add('visually-hidden');
+        document.querySelector('#'+container.id+' .wi-copy-row.order-1 .wi-arrow-down').classList.add('visually-hidden');
+
+    }
+    
+}

package/src/build/backend/js/form/send.js

@@ -0,0 +1,14 @@
+async function formUpload(form, url, responseFunction = null) {
+    
+    var formData = new FormData(form);
+    formData.append('post', 'true');
+
+    await postData(url, formData).then((data) => {
+    
+        if (data != false) {
+            if (typeof responseFunction === 'function') { responseFunction(data); }
+        }
+
+    });
+
+}