Notes/src/public/javascripts/widgets/tab_caching_widget.js

import TabAwareWidget from "./tab_aware_widget.js";

export default class TabCachingWidget extends TabAwareWidget {
    constructor(appContext, widgetFactory) {
        super(appContext);

        this.widgetFactory = widgetFactory;
        this.widgets = {};
    }

    isEnabled() {
        return this.tabContext && this.tabContext.isActive();
    }

    doRender() {
        return this.$widget = $(`<div class="marker" style="display: none;">`);
    }

    activeTabChangedListener(param) {
        super.activeTabChangedListener(param);

        // stop propagation of the event to the children, individual tab widget should not know about tab switching
        // since they are per-tab
        return false;
    }

    refreshWithNote() {
        for (const widget of Object.values(this.widgets)) {
            widget.toggle(false);
        }

        if (!this.tabContext) {
            console.log(`No tabContext in widget ${this.componentId}.`);

            return;
        }

        let widget = this.widgets[this.tabContext.tabId];

        if (!widget) {
            widget = this.widgets[this.tabContext.tabId] = this.widgetFactory();
            this.children.push(widget);
            this.$widget.after(widget.render());

            widget.eventReceived('setTabContext', {tabContext: this.tabContext});
        }

        widget.toggle(true);
    }

    tabRemovedListener({tabId}) {
        const widget = this.widgets[tabId];

        if (widget) {
            widget.remove();
        }
    }

    toggle(show) {
        for (const tabId in this.widgets) {
            this.widgets[tabId].toggle(
                show
                && this.tabContext && tabId === this.tabContext.tabId
                && this.widgets[tabId].isEnabled());
        }
    }
}