EasyNQ

Script per aggiungere alcune funzionalità a NQContent

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         EasyNQ
// @namespace    http://tampermonkey.net/
// @version      1.3.5
// @description  Script per aggiungere alcune funzionalità a NQContent
// @author       Matteo Avesani
// @icon         https://www.comune.verona.it/portale/images/verona/favicon.ico
// @match        https://admin.comune.verona.it/admin/*
// ==/UserScript==

(function () {
    cercaPaginaNQ = document.querySelectorAll("table.tbMain");

    class costruiscoNodi {
        constructor() {
            this.selezionaPrimaRiga = cercaPaginaNQ[0].querySelector("tbody tr");
            this.nuovaRiga = document.createElement("tr");
            this.nuovaCella = document.createElement("td");
            this.nuovaTabella = document.createElement("table");
            this.nuovoTbody = document.createElement("tbody");
            this.nuovaRiga1 = document.createElement("tr");
        }
        strutturaBarraFunzioni() {
            //Costruisco la struttura
            this.selezionaPrimaRiga.after(this.nuovaRiga);
            this.nuovaRiga.append(this.nuovaCella);
            this.nuovaCella.append(this.nuovaTabella);
            this.nuovaTabella.append(this.nuovoTbody);
            this.nuovoTbody.append(this.nuovaRiga1);
            //Stile e testo
            setMultipleAttribute(this.nuovaTabella, { cellspacing: "0", cellpadding: "1", border: "0" });
            this.nuovaCella.setAttribute("class", "tdTopGrey");
        }

        strutturaBarraFunzioniFile() {
            //Costruisco la struttura
            this.selezionaPrimaRiga.after(this.nuovaRiga);
            this.nuovaRiga.append(this.nuovaCella);
            this.nuovaCella.append(this.nuovaTabella);
            this.nuovaTabella.append(this.nuovoTbody);
            this.nuovoTbody.append(this.nuovaRiga1);
            //Stile e testo
            setMultipleAttribute(this.nuovaTabella, {
                cellspacing: "0",
                cellpadding: "1",
                onmouseover: "buttonover(this);",
                onmouseout: "buttonout(this);",
                style: "border: 1px solid rgb(238, 238, 238); cursor: pointer;",
            });
            this.nuovaCella.setAttribute("class", "tdTopGrey");
        }
    }

    class eventiBarraFunzioni {
        constructor(cellaEventoTrigger) {
            this.cellaEventoTrigger = cellaEventoTrigger;
            this.cellaElementiSelect = document.querySelector("td.tdMainbody");
        }

        cercaElementiSelect() {
            this.cellaEventoTrigger.addEventListener("keyup", (e) => {
                this.elementiOption = this.cellaElementiSelect.querySelectorAll("option");
                let testoRicerca = e.target.value,
                    testoRicercaLower = testoRicerca.toLowerCase();
                for (let i = 0; i < this.elementiOption.length; i++) {
                    let testoOpzione = this.elementiOption[i].textContent || this.elementiOption[i].innerText,
                        testoOpzioneLower = testoOpzione.toLowerCase();
                    if (testoOpzioneLower.indexOf(testoRicercaLower) > -1) {
                        this.elementiOption[i].style.display = "";
                    } else {
                        this.elementiOption[i].style.display = "none";
                    }
                }
            });
        }

        ordinaElementiSelect() {
            this.cellaEventoTrigger.addEventListener("click", () => {
                const listaElementiSelect = this.cellaElementiSelect.querySelector("select");
                let arrayTemporaneo = new Array();
                for (let i = 0; i < listaElementiSelect.options.length; i++) {
                    arrayTemporaneo[i] = new Array();
                    arrayTemporaneo[i][0] = listaElementiSelect.options[i].text;
                    arrayTemporaneo[i][1] = listaElementiSelect.options[i].value;
                }
                arrayTemporaneo.sort();
                while (listaElementiSelect.options.length > 0) {
                    listaElementiSelect.options[0] = null;
                }
                for (let i = 0; i < arrayTemporaneo.length; i++) {
                    let op = new Option(arrayTemporaneo[i][0], arrayTemporaneo[i][1]);
                    listaElementiSelect.options[i] = op;
                }
            });
        }

        selezionaTuttiFile() {
            this.cellaEventoTrigger.addEventListener("click", () => {
                const tabellaFileManager = document.querySelectorAll("table.lightmain"),
                    tabellaCheckBox = tabellaFileManager[1].querySelectorAll('[type="checkbox"]');
                for (let i = 0; i < tabellaCheckBox.length; i++) {
                    tabellaCheckBox[i].checked = true;
                }
            });
        }

        cercaElementiCT() {
            this.cellaEventoTrigger.addEventListener("keyup", (e) => {
                this.elementiTabellaCT = document.querySelectorAll("table.lightmain tr");
                let testoRicerca = e.target.value,
                    testoRicercaLower = testoRicerca.toLowerCase();
                for (let i = 1; i < this.elementiTabellaCT.length; i++) {
                    let testoOpzione = this.elementiTabellaCT[i].textContent || this.elementiTabellaCT[i].innerText,
                        testoOpzioneLower = testoOpzione.toLowerCase();
                    if (testoOpzioneLower.indexOf(testoRicercaLower) > -1) {
                        this.elementiTabellaCT[i].style.display = "";
                    } else {
                        this.elementiTabellaCT[i].style.display = "none";
                    }
                }
            });
        }
    }

    class elementiBarraFunzioni extends costruiscoNodi {
        constructor() {
            super();
            this.nuovaCellaTesto = document.createElement("td");
            this.nuovaCellaInput = document.createElement("td");
            this.nuovaCellaOrdina = document.createElement("td");
            this.searchBox = document.createElement("input");
        }

        ricercaOrdina() {
            super.strutturaBarraFunzioni();
            this.allargaFinestraSelect();
            this.nuovaRiga1.append(this.nuovaCellaTesto);
            this.nuovaRiga1.append(this.nuovaCellaInput);
            this.nuovaCellaInput.append(this.searchBox);
            this.nuovaCellaInput.setAttribute("class", "tdGrey2");
            setMultipleAttribute(this.searchBox, { type: "search", name: "nomegruppo", size: 20, maxlength: 40 });
            this.nuovaCellaTesto.setAttribute("class", "tdGrey2");
            this.nuovaCellaTesto.textContent = "Cerca elemento:";
            this.nuovaRiga1.append(this.nuovaCellaOrdina);
            this.nuovaCellaOrdina.setAttribute("class", "FnButtons");
            this.nuovaCellaOrdina.textContent = "Ordina A-Z";
            new eventiBarraFunzioni(this.nuovaCellaInput).cercaElementiSelect();
            new eventiBarraFunzioni(this.nuovaCellaOrdina).ordinaElementiSelect();
        }

        selezionaTuttiFile() {
            super.strutturaBarraFunzioniFile();
            this.nuovaRiga1.append(this.nuovaCellaTesto);
            this.nuovaCellaTesto.setAttribute("class", "GreyMain");
            this.nuovaCellaTesto.textContent = "Seleziona tutti i file";
            new eventiBarraFunzioni(this.nuovaCellaTesto).selezionaTuttiFile();
        }

        allargaFinestraSelect() {
            const cellaElementiSelect = document.querySelector("td.tdMainbody"),
                listaElementiSelect = cellaElementiSelect.querySelector("select");
            cellaElementiSelect.setAttribute("height", 300);
            listaElementiSelect.setAttribute("size", 25);
            listaElementiSelect.style.height = "300px";
        }

        contentType() {
            super.strutturaBarraFunzioni();
            this.nuovaRiga1.append(this.nuovaCellaTesto);
            this.nuovaRiga1.append(this.nuovaCellaInput);
            this.nuovaCellaInput.append(this.searchBox);
            this.nuovaCellaInput.setAttribute("class", "tdGrey2");
            setMultipleAttribute(this.searchBox, { type: "search", name: "nomegruppo", size: 20, maxlength: 40 });
            this.nuovaCellaTesto.setAttribute("class", "tdGrey2");
            this.nuovaCellaTesto.textContent = "Cerca elemento:";
            new eventiBarraFunzioni(this.nuovaCellaInput).cercaElementiCT();
        }
    }

    function assetManagement() {
        const allargaDivAsset = document.querySelector("#div_list");
        allargaDivAsset.style.height = "500px";
    }

    cercaPaginaNQ.forEach((cercaElemento) => {
        if (cercaElemento.textContent.includes("File Manager")) {
            new elementiBarraFunzioni().selezionaTuttiFile();
        }
        if (
            cercaElemento.textContent.includes("Security Groups") ||
            cercaElemento.textContent.includes("Select Table") ||
            cercaElemento.textContent.includes("Content Types Administration") || //Da fixare, doppia barra ricerca su content types
            cercaElemento.textContent.includes("Database Table")
        ) {
            new elementiBarraFunzioni().ricercaOrdina();
        }
        if (cercaElemento.textContent.includes("Asset Management")) {
            assetManagement();
        }
        if (cercaElemento.textContent.includes("Content Type")) {
            new elementiBarraFunzioni().contentType();
        }
    });

    function setMultipleAttribute(elemento, attributo) {
        for (let chiave in attributo) {
            elemento.setAttribute(chiave, attributo[chiave]);
        }
    }
})();