userChrome.js Scripte für den Fuchs (Diskussion)

// sidebar_expand_collapse_button.uc.js
// LMB: expand all Folders in sidebar; Ctrl + LMB: collapse all Folders
try {(lst => {
    var type = "MozBeforeInitialXULLayout", sidebar = document.getElementById("sidebar");
    sidebar.addEventListener(type, lst, true);
    document.addEventListener("unload", () => sidebar.removeEventListener(type, lst, true), {once: true});
})({
    handleEvent(e) {
        var parent = e.target.querySelector(":root:is(#bookmarksPanel,#history-panel) > #sidebar-search-container");
        parent && this.insert(parent);
    },
    insert(parent) {
        var df = parent.ownerGlobal.MozXULElement.parseXULToFragment(`
            <hbox>
                <toolbarbutton 
                    id="sidebar-button-toggle-state"
                    tooltiptext=" L: expand Folders &#xA; Ctrl+L: collapse Folders"
                />
            </hbox>
        `);
        var sidebarImg = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 48 48"><g><path d="M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z" style="fill:%230078ad;fill-opacity:1;" /><path style="opacity:0.25;fill:%23000000;" d="M 5,11 V 39.5 L 13.5,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 13.6 L 43.4,9 10,8 Z"/><path style="fill:%23ffffff;" d="M 10.9,6 H 37.1 C 41.6,6 45,9.48 45,13.7 V 34.3 C 45,38.7 41.6,42 37.1,42 H 10.9 C 6.51,42 3,38.7 3,34.3 V 13.7 C 3.03,9.48 6.54,6.03 10.9,6 Z M 39.7,34.3 V 13.7 C 39.7,12.3 38.7,11.1 37.1,11.1 H 24 V 36.8 H 37.1 C 38.7,36.8 39.7,35.8 39.7,34.3 Z M 8.25,34.3 C 8.25,35.8 9.42,36.8 10.9,36.8 H 21.4 V 11.1 H 10.9 C 9.42,11.1 8.25,12.3 8.25,13.7 Z" /><path style="fill:%23ffffff;" d="M 12,16.3 H 17.7 C 18.4,16.3 19,15.7 19,15 19,14 18.4,13.4 17.7,13.4 H 12 C 11.2,13.4 10.6,14 10.6,15 10.6,15.7 11.2,16.3 12,16.3 Z M 12,21.8 H 17.7 C 18.4,21.8 19,21.3 19,20.5 19,19.6 18.4,19 17.7,19 H 12 C 11.2,19 10.6,19.6 10.6,20.5 10.6,21.3 11.2,21.8 12,21.8 Z M 14.9,27.4 H 17.7 C 18.4,27.4 19,26.8 19,26.1 19,25.1 18.4,24.6 17.7,24.6 H 14.9 C 14,24.6 13.4,25.1 13.4,26.1 13.4,26.8 14,27.4 14.9,27.4 Z" /></g></svg>';
        Services.io.getProtocolHandler("resource")
            .QueryInterface(Ci.nsIResProtocolHandler)
            .setSubstitution("sidebar-button-toggle-state", Services.io.newURI(sidebarImg));
        (this.insert = pn => {
            pn.prepend(pn.ownerDocument.importNode(df, true));
            var btn = pn.firstChild.firstChild;
            btn.toggleState = this.toggleState;
            btn.tree = pn.nextSibling;
            btn.style = "-moz-appearance: none !important; min-width: 2.5em !important; min-height: 2em !important";
            btn.style.listStyleImage = 'url("resource://sidebar-button-toggle-state")';
            btn.style.MozContextProperties = "fill";
            btn.style.setProperty("fill", "currentColor");
            btn.addEventListener("click", event => {event.target.toggleState(event);});
        })(parent);
    },
    toggleState(e) {
        if (this.start) return;
        this.start = true;
        var {view} = this.tree;
        var close = e.button < 0;
        var closeAll = e.button == 1 || e.button == 0 && (e.ctrlKey || e.shiftKey);
        var index = view.rowCount, i;
        if (closeAll) for(i = index; i >= 0; i--)
            view.isContainer(i) && view.isContainerOpen(i) && view.toggleOpenState(i);
        else for(i = 0; i < index; i++) {
            if (!view.isContainer(i) || view.isContainerOpen(i) != close) continue;
            view.toggleOpenState(i);
            index = view.rowCount;
            if (close) continue;
            var node = view._rows[i];
            if (node.type == node.RESULT_TYPE_QUERY) i += node.childCount;
        }
        this.start = false;
    }
});} catch(ex) {Cu.reportError(ex);}