cables_dev/cables_ui/src/ui/components/opselect_treelist.js

import GlPatch from "../glpatch/glpatch.js";

/**
 * tree view for namespaces in op select dialog
 *
 * @export
 * @class OpTreeList
 */
export default class OpTreeList
{
    constructor()
    {
        this.data = this._serializeOps(window.Ops, "Ops");
    }


    searchFor(txt)
    {
        const opSearch = document.getElementById("opsearch");
        opSearch.value = txt;

        const event = new Event("input", {
            "bubbles": true,
            "cancelable": true,
        });

        opSearch.dispatchEvent(event);
    }

    itemHtml(item, html, level)
    {
        if (!item.childs || item.childs.length == 0) return "";
        if (!item) return "";
        html = "";

        let i = 0;
        for (i = 0; i < level; i++) html += "&nbsp;&nbsp;&nbsp;";

        // const style = defaultops.getNamespaceClassName(item.fullname);

        const color = GlPatch.getOpNamespaceColor(item.fullname) || [1, 1, 1, 1];

        html += "<a style=\"color:rgba(" + Math.round(color[0] * 255) + "," + Math.round(color[1] * 255) + "," + Math.round(color[2] * 255) + ",1);\" onclick=\"gui.opSelect().tree.searchFor('" + item.fullname + ".')\">";
        html += "" + item.name;
        html += "</a>";

        // if(item.childs && item.childs.length>0)html+=' ('+item.childs.length+')';
        html += "<br/>";

        if (item.childs)
            for (i = 0; i < item.childs.length; i++)
                html += this.itemHtml(item.childs[i], html, level + 1);

        return html;
    }

    html()
    {
        const perf = CABLES.UI.uiProfiler.start("opselect.treelist");

        let html = "";

        for (let i = 0; i < this.data.length; i++)
            html += this.itemHtml(this.data[i], html, 0);

        perf.finish();

        return html;
    }

    _serializeOps(root, prefix)
    {
        let items = [];

        for (const i in root)
        {
            if (i != "Deprecated" && i != "Admin" && i != "Dev")
                items.push(
                    {
                        "name": i,
                        "fullname": prefix + "." + i,
                        "childs": this._serializeOps(root[i], prefix + "." + i)
                    });
        }

        items = items.sort(
            function (a, b)
            {
                if (a.name < b.name) return -1;
                if (a.name > b.name) return 1;
                return 0;
            });

        return items;
    }
}