wonder-image 1.2.0

package/src/build/backend/css/order.css

@@ -0,0 +1,99 @@
+.order-1 { order: 1 !important; }
+.order-2 { order: 2 !important; }
+.order-3 { order: 3 !important; }
+.order-4 { order: 4 !important; }
+.order-5 { order: 5 !important; }
+.order-6 { order: 6 !important; }
+.order-7 { order: 7 !important; }
+.order-8 { order: 8 !important; }
+.order-9 { order: 9 !important; }
+.order-10 { order: 10 !important; }
+.order-11 { order: 11 !important; }
+.order-12 { order: 12 !important; }
+.order-13 { order: 13 !important; }
+.order-14 { order: 14 !important; }
+.order-15 { order: 15 !important; }
+.order-16 { order: 16 !important; }
+.order-17 { order: 17 !important; }
+.order-18 { order: 18 !important; }
+.order-19 { order: 19 !important; }
+.order-20 { order: 20 !important; }
+.order-21 { order: 21 !important; }
+.order-22 { order: 22 !important; }
+.order-23 { order: 23 !important; }
+.order-24 { order: 24 !important; }
+.order-25 { order: 25 !important; }
+.order-26 { order: 26 !important; }
+.order-27 { order: 27 !important; }
+.order-28 { order: 28 !important; }
+.order-29 { order: 29 !important; }
+.order-30 { order: 30 !important; }
+.order-31 { order: 31 !important; }
+.order-32 { order: 32 !important; }
+.order-33 { order: 33 !important; }
+.order-34 { order: 34 !important; }
+.order-35 { order: 35 !important; }
+.order-36 { order: 36 !important; }
+.order-37 { order: 37 !important; }
+.order-38 { order: 38 !important; }
+.order-39 { order: 39 !important; }
+.order-40 { order: 40 !important; }
+.order-41 { order: 41 !important; }
+.order-42 { order: 42 !important; }
+.order-43 { order: 43 !important; }
+.order-44 { order: 44 !important; }
+.order-45 { order: 45 !important; }
+.order-46 { order: 46 !important; }
+.order-47 { order: 47 !important; }
+.order-48 { order: 48 !important; }
+.order-49 { order: 49 !important; }
+.order-50 { order: 50 !important; }
+.order-51 { order: 51 !important; }
+.order-52 { order: 52 !important; }
+.order-53 { order: 53 !important; }
+.order-54 { order: 54 !important; }
+.order-55 { order: 55 !important; }
+.order-56 { order: 56 !important; }
+.order-57 { order: 57 !important; }
+.order-58 { order: 58 !important; }
+.order-59 { order: 59 !important; }
+.order-60 { order: 60 !important; }
+.order-61 { order: 61 !important; }
+.order-62 { order: 62 !important; }
+.order-63 { order: 63 !important; }
+.order-64 { order: 64 !important; }
+.order-65 { order: 65 !important; }
+.order-66 { order: 66 !important; }
+.order-67 { order: 67 !important; }
+.order-68 { order: 68 !important; }
+.order-69 { order: 69 !important; }
+.order-70 { order: 70 !important; }
+.order-71 { order: 71 !important; }
+.order-72 { order: 72 !important; }
+.order-73 { order: 73 !important; }
+.order-74 { order: 74 !important; }
+.order-75 { order: 75 !important; }
+.order-76 { order: 76 !important; }
+.order-77 { order: 77 !important; }
+.order-78 { order: 78 !important; }
+.order-79 { order: 79 !important; }
+.order-80 { order: 80 !important; }
+.order-81 { order: 81 !important; }
+.order-82 { order: 82 !important; }
+.order-83 { order: 83 !important; }
+.order-84 { order: 84 !important; }
+.order-85 { order: 85 !important; }
+.order-86 { order: 86 !important; }
+.order-87 { order: 87 !important; }
+.order-88 { order: 88 !important; }
+.order-89 { order: 89 !important; }
+.order-90 { order: 90 !important; }
+.order-91 { order: 91 !important; }
+.order-92 { order: 92 !important; }
+.order-93 { order: 93 !important; }
+.order-94 { order: 94 !important; }
+.order-95 { order: 95 !important; }
+.order-96 { order: 96 !important; }
+.order-97 { order: 77 !important; }
+.order-98 { order: 98 !important; }
+.order-99 { order: 99 !important; }

package/src/build/backend/js/ajax.js

@@ -0,0 +1,96 @@
+function ajaxRequest(link, onSuccess = reloadPage, params = null) {
+
+    loadingSpinner();
+
+    $.ajax({
+        type: "POST",
+        url: link,
+        data: { 
+            post: 'true'
+        }, 
+        success: function(data) {
+
+            if (onSuccess != null) {
+                if (typeof onSuccess === 'function') {
+                    
+                    if (params == null) {
+                        onSuccess();
+                    } else {
+                        onSuccess(params);
+                    }
+            
+                } else {
+                    
+                    try {
+                        
+                        var x = JSON.parse(onSuccess.replace('"', '"'));
+
+                        var f = x.function;
+                        var p = x.parameters;
+                
+                    } catch {
+
+                        var f = onSuccess;
+                        var p = params;
+
+                    }
+            
+                    window[f](p);
+            
+                }
+            }
+
+            loadingSpinner();
+            
+        },
+        error: function (XMLHttpRequest) {
+            ajaxRequestError(XMLHttpRequest);
+            loadingSpinner();
+        }
+    }); 
+
+}
+
+function reloadPage() {
+
+    location.reload();
+    
+}
+
+async function postData(url, data) {
+
+    loadingSpinner();
+
+    if (data === undefined) {
+
+        console.error("Non è stato passato alcun dato alla funzione postData()");
+        
+    } else {
+
+        if (data instanceof FormData === false) {
+            var data = createPostData(data)
+        }
+        
+        await fetch(url, {
+            method: "POST",
+            body: data
+        })
+        .then((response) => { loadingSpinner(); return fetchResponse(response); })
+        .then((value) => { return fetchValue(value); })
+        .catch((error) => { fetchValue(error); });
+
+    }
+
+}
+
+function createPostData(array = {}) {
+
+    var data = new FormData();
+
+    Object.keys(array).forEach(key => {
+        data.append(key, array[key]);
+    });
+
+    return data;
+
+}

package/src/build/backend/js/alert.js

@@ -0,0 +1,78 @@
+function toastContainer() {
+
+    if (document.querySelector('.toast-container')) {
+
+        var container = document.querySelector('.toast-container');
+
+    }else{
+
+        var container = document.createElement('div');
+        container.classList.add('toast-container');
+        container.classList.add('position-fixed');
+        container.classList.add('top-0');
+        container.classList.add('end-0');
+        container.classList.add('p-3');
+
+        document.body.insertBefore(container, document.body.firstChild);
+
+    }
+
+    return container;
+
+}
+
+function alertToast(alert, type = null, title = null, text = null) {
+
+    var container = toastContainer();
+
+    $(".toast.show").toast().hide();
+    
+    if (alert == 801) {
+
+        container.innerHTML = NO_INTERNET_ALERT + container.innerHTML;
+        const toast = new bootstrap.Toast(container.firstElementChild);
+        toast.show();
+
+    } else if (alert != undefined) {
+
+        if (alert == 'custom') {
+
+            var data = {
+                post: 'true',
+                backend: 'true',
+                alert: alert,
+                alertType: type,
+                alertTitle: title,
+                alertText: text
+            }
+
+        } else {
+
+            var data = {
+                post: 'true',
+                backend: 'true',
+                alert: alert
+            };
+
+        }
+
+        $.ajax({
+            type: "POST",
+            url: pathApp+'/api/alert.php',
+            data: data, 
+            success: function (data) {
+
+                container.innerHTML = data + container.innerHTML;
+                const toast = new bootstrap.Toast(container.firstElementChild);
+                toast.show();
+                
+                var url = new URL(window.location.href);
+                url.searchParams.delete('alert');
+                window.history.replaceState(null, null, url);
+                
+            }
+        });
+
+    }
+
+}

package/src/build/backend/js/bootstrap.js

@@ -0,0 +1,52 @@
+function bootstrapToast() {
+
+    var toastElList = [].slice.call(document.querySelectorAll('.toast'))
+    var toastList = toastElList.map(function(toastEl) {
+        return new bootstrap.Toast(toastEl)
+    });
+    toastList.forEach(toast => toast.show());
+
+}
+
+function bootstrapTooltip() { $('[data-bs-toggle="tooltip"]').tooltip(); }
+
+function bootstrapTheme(theme) {
+
+    document.querySelector("html").setAttribute("data-bs-theme", theme);
+
+    localStorage.setItem('theme', theme);
+    
+    if (theme == 'light') {
+
+        if (document.querySelector('#bs-theme i.light-theme')) { document.querySelector('#bs-theme i.light-theme').classList.remove('d-none'); }
+        if (document.querySelector('#bs-theme i.dark-theme')) { document.querySelector('#bs-theme i.dark-theme').classList.add('d-none'); }
+
+        document.querySelector('#be-logo-white').classList.add('d-none');
+        document.querySelector('#be-logo-black').classList.remove('d-none');
+
+        element = document.querySelector('[data-bs-theme-value="light"]');
+        el = document.querySelector('[data-bs-theme-value="dark"]');
+
+    } else if (theme == 'dark') {
+
+        if (document.querySelector('#bs-theme i.light-theme')) { document.querySelector('#bs-theme i.light-theme').classList.add('d-none'); }
+        if (document.querySelector('#bs-theme i.dark-theme')) { document.querySelector('#bs-theme i.dark-theme').classList.remove('d-none'); }
+
+        document.querySelector('#be-logo-white').classList.remove('d-none');
+        document.querySelector('#be-logo-black').classList.add('d-none');
+
+        element = document.querySelector('[data-bs-theme-value="dark"]');
+        el = document.querySelector('[data-bs-theme-value="light"]');
+
+    }
+
+    if (el) { el.classList.remove('active'); }
+    if (element) { element.classList.add('active'); }
+
+}
+
+function setUpBootstrap() {
+    
+    bootstrapTooltip();
+
+}

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

@@ -0,0 +1,293 @@
+class CustomHyperlink extends Hyperlink {
+    iconSvg(name, width = 14, height = 14) {
+      const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      svg.classList.add('icon', 'icon--' + name);
+      svg.setAttribute('width', '24');
+      svg.setAttribute('height','24');
+      svg.setAttribute('viewBox', '0 0 24 24')
+      svg.setAttribute('fill', 'none');
+      if (name == 'link') {
+        svg.innerHTML = `
+          <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M7.69998 12.6L7.67896 12.62C6.53993 13.7048 6.52012 15.5155 7.63516 16.625V16.625C8.72293 17.7073 10.4799 17.7102 11.5712 16.6314L13.0263 15.193C14.0703 14.1609 14.2141 12.525 13.3662 11.3266L13.22 11.12"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16.22 11.12L16.3564 10.9805C17.2895 10.0265 17.3478 8.5207 16.4914 7.49733V7.49733C15.5691 6.39509 13.9269 6.25143 12.8271 7.17675L11.3901 8.38588C10.0935 9.47674 9.95706 11.4241 11.0888 12.6852L11.12 12.72"></path>
+        `;
+      } else {
+        svg.innerHTML = `
+          <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M15.7795 11.5C15.7795 11.5 16.053 11.1962 16.5497 10.6722C17.4442 9.72856 17.4701 8.2475 16.5781 7.30145V7.30145C15.6482 6.31522 14.0873 6.29227 13.1288 7.25073L11.8796 8.49999"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8.24517 12.3883C8.24517 12.3883 7.97171 12.6922 7.47504 13.2161C6.58051 14.1598 6.55467 15.6408 7.44666 16.5869V16.5869C8.37653 17.5731 9.93744 17.5961 10.8959 16.6376L12.1452 15.3883"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M17.7802 15.1032L16.597 14.9422C16.0109 14.8624 15.4841 15.3059 15.4627 15.8969L15.4199 17.0818"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6.39064 9.03238L7.58432 9.06668C8.17551 9.08366 8.6522 8.58665 8.61056 7.99669L8.5271 6.81397"></path><line x1="12.1142" x2="11.7" y1="12.2" y2="11.7858" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line>
+        `;
+      }
+      return svg;
+    }
+}
+
+class CustomEmded extends Embed {
+    
+    static get toolbox() {
+      return {
+        title: 'Iframe',
+        icon: '<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 1 0-6M14 11a5 5 0 0 1 0 6"></path><line x1="14" y1="7" x2="14" y2="7"></line><line x1="10" y1="17" x2="10" y2="17"></line></svg>'
+      };
+    }
+  
+    /**
+     * Render Embed tool content
+     *
+     * @returns {HTMLElement}
+     */
+    render() {
+      if (!this.data.service) {
+        const container = document.createElement('div');
+  
+        this.element = container;
+        const input = document.createElement('input');
+        input.classList.add('cdx-input');
+        input.placeholder = 'https://www.youtube.com/watch?v=w8vsuOXZBXc';
+        input.type = 'url';
+        input.addEventListener('paste', (event) => {
+          const url = event.clipboardData.getData('text');
+          const service = Object.keys(Embed.services).find((key) => Embed.services[key].regex.test(url));
+          if (service) {
+            this.onPaste({detail: {key: service, data: url}});
+          }
+        });
+        container.appendChild(input);
+  
+        return container;
+      }
+      return super.render();
+    }
+    
+    validate(savedData) {
+      return savedData.service && savedData.source ? true : false;
+    }
+}
+
+class CustomVideoTool extends VideoTool {
+    
+    static get toolbox() {
+        return {
+            title: 'Video',
+            icon: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 10.5606V13.4394C10 14.4777 11.1572 15.0971 12.0211 14.5211L14.1803 13.0817C14.9536 12.5661 14.9503 11.4317 14.18 10.9181L12.0214 9.47907C11.1591 8.9042 10 9.5203 10 10.5606Z" stroke="black" stroke-width="2"/><rect x="5" y="5" width="14" height="14" rx="4" stroke="black" stroke-width="2"/></svg>'
+        };
+    }
+    
+}
+
+var EDITORJS_TOOLS_BLOG = {
+    paragraph: {
+        inlineToolbar: true,
+        tunes: ['textAlign']
+    },
+    header: {
+        class: Header,
+        inlineToolbar: true,
+        tunes: ['textAlign'],
+        config: {
+          placeholder: 'Titolo...',
+          levels: [1, 2, 4],
+          defaultLevel: 2
+        }
+    },
+    quote: {
+        class: Quote,
+        inlineToolbar: true,
+        config: {
+            quotePlaceholder: 'Scrivi una citazione...',
+            captionPlaceholder: 'Autore',
+        },
+    },
+    list: {
+        class: NestedList,
+        inlineToolbar: true,
+        config: {
+            defaultStyle: 'unordered'
+        },
+    },
+    delimiter: Delimiter,
+    table: {
+        class: Table,
+        inlineToolbar: ['link', 'italic', 'bold'],
+    },
+    // code: CodeTool,
+    image: {
+        class: ImageTool,
+        config: {
+            captionPlaceholder: 'Caption...',
+            endpoints: {
+                byFile: pathApp+'/api/backend/editorjs/image.php'
+                // Aggiungere cartella dove caricare i file
+            },
+            field: 'image',
+            types: 'image/png, image/jpg, image/jpeg',
+            additionalRequestHeaders: { dir: '' }
+            // Forzo nel css la rimozione "display: none" di withBorder, stretched e withBackground
+        }
+    },
+    gallery: {
+        class: ImageGallery,
+        config: {
+            captionPlaceholder: 'Caption galleria...',
+            endpoints: {
+                byFile: pathApp+'/api/backend/editorjs/image.php'
+                // Aggiungere cartella dove caricare i file
+            },
+            field: 'image',
+            types: 'image/png, image/jpg, image/jpeg',
+            additionalRequestHeaders: { dir: '' }
+            // Forzo nel css la rimozione "display: none" di fit e slider
+        },
+    },
+    Marker: Marker,
+    inlineCode: InlineCode,
+    attaches: {
+        class: AttachesTool,
+        config: {
+            endpoint: pathApp+'/api/backend/editorjs/file.php',
+            // Aggiungere cartella dove caricare i file
+            field: 'file',
+            additionalRequestHeaders: { dir: '' }
+        }
+    },
+    // TODO: Aggiungi caricamento video (potrebbe tornare utile la classe ImageTool)
+    // video: {
+    //     class: CustomVideoTool,
+    //     config: {
+    //         captionPlaceholder: 'Caption...',
+    //         endpoints: {
+    //             byFile: pathSite+'/api/task/article/file.php'
+    //         },
+    //         player: {
+    //             controls: true,
+    //             autoplay: false,
+    //         },
+    //         field: 'file',
+    //         types: 'video/quicktime, video/mp4'
+    //         // Forzo nel css la rimozione "display: none" di withBorder, stretched e withBackground
+    //     }
+    // },
+    // TODO: embed non funziona. Trovare un modo per caricare iframe
+    // embed: {
+    //     class: CustomEmded,
+    // },
+    textAlign: {
+        class: AlignmentTuneTool,
+        config:{
+            default: "left"
+        },
+    },
+    link: {
+        class: CustomHyperlink,
+        config: {
+          shortcut: 'CMD+L',
+          target: '_blank',
+          rel: 'nofollow',
+          availableTargets: ['_blank', '_self'],
+          availableRels: ['author', 'noreferrer'],
+          validate: false,
+        }
+      },
+};
+
+var EDITORJS_TOOLS_TABLE = {
+    paragraph: false,
+    inlineCode: InlineCode,
+    table: {
+        class: Table,
+        inlineToolbar: ['link', 'italic', 'bold'],
+    }
+};
+
+var EDITORJS_i18n_IT = {
+    messages: {
+        ui: {
+            "blockTunes": {
+                "toggler": {
+                    "Click to tune": "Modifica",
+                    "or drag to move": "Trascina per muovere"
+                },
+            },
+            "inlineToolbar": {
+                "converter": {
+                    "Convert to": "Converti"
+                }
+            },
+            "toolbar": {
+                "toolbox": {
+                    "Add": "Aggiungi",
+                }
+            }
+        },
+        toolNames: {
+            "Add": "Aggiungi",
+            "Quote": "Citazione",
+            "Delimiter": "Linea",
+            "Text": "Testo",
+            "Heading": "Titolo",
+            "Table": "Tabella",
+            "Code": "Codice",
+            "List": "Elenco",
+            "Bold": "Grassetto",
+            "Italic": "Corsivo",
+            "Marker": "Evidenzia",
+            "InlineCode": "Codice",
+            "TextAlign": "Allineamento",
+            "Gallery": "Galleria",
+            "Image": "Immagine",
+            "Attachment": "Allega file",
+        },
+        tools: {
+            "header": {
+                "Heading 1": "Titolo grande",
+                "Heading 2": "Titolo",
+                "Heading 4": "Sottotitolo"
+            },
+            "link": {
+                "Add a link": "Aggiungi link"
+            },
+            "code": {
+                "Enter a code": "Inserisci codice",
+            },
+            "quote": {
+                "Align Left": "Allinea a sinistra",
+                "Align Center": "Allinea in centro",
+            },
+            "table": {
+                "With headings": "Con intestazione",
+                "Without headings": "Senza intestazione",
+                "Add column to left": "Aggiungi colonna sinistra",
+                "Add column to right": "Aggiungi colonna destra",
+                "Add row above": "Aggiungi riga sopra",
+                "Add row below": "Aggiungi riga sotto",
+                "Delete column": "Elimina colonna",
+                "Delete row": "Elimina riga",
+            },
+            "list": {
+                "Ordered": "Elenco numerato",
+                "Unordered": "Elenco puntato",
+            },
+            "gallery": {
+                "Select an Image": "Seleziona immagini",
+            },
+            "image": {
+                "Select an Image": "Seleziona immagine",
+            },
+            "video": {
+                "Select an Video": "Seleziona video",
+            },
+            "attaches": {
+                "Select file to upload": "Seleziona file da allegare",
+            },
+        },
+        blockTunes: {
+            "delete": {
+                "Delete": "Elimina",
+                "Click to delete": "Clicca per elimina"
+            },
+            "moveUp": {
+                "Move up": "Su"
+            },
+            "moveDown": {
+                "Move down": "Giù"
+            }
+        },
+    }
+};