Notes/src/public/app/widgets/bookmark_buttons.js

import FlexContainer from "./containers/flex_container.js";
import OpenNoteButtonWidget from "./buttons/open_note_button_widget.js";
import BookmarkFolderWidget from "./buttons/bookmark_folder.js";
import froca from "../services/froca.js";
import utils from "../services/utils.js";

export default class BookmarkButtons extends FlexContainer {
    constructor(isHorizontalLayout) {
        super(isHorizontalLayout ? "row" : "column");

        this.contentSized();
        this.settings = {};
    }

    async refresh() {
        this.$widget.empty();
        this.children = [];
        this.noteIds = [];

        const bookmarkParentNote = await froca.getNote("_lbBookmarks");

        for (const note of await bookmarkParentNote.getChildNotes()) {
            this.noteIds.push(note.noteId);

            const buttonWidget = note.isLabelTruthy("bookmarkFolder") ? new BookmarkFolderWidget(note) : new OpenNoteButtonWidget(note).class("launcher-button");
            if (this.settings.titlePlacement) {
                if (!buttonWidget.settings) {
                    buttonWidget = {};
                }
                buttonWidget.settings.titlePlacement = this.settings.titlePlacement;
            }

            this.child(buttonWidget);

            this.$widget.append(buttonWidget.render());

            buttonWidget.refreshIcon();
        }

        utils.reloadTray();
    }

    initialRenderCompleteEvent() {
        this.refresh();
    }

    entitiesReloadedEvent({ loadResults }) {
        if (loadResults.getBranchRows().find((branch) => branch.parentNoteId === "_lbBookmarks")) {
            this.refresh();
        }

        if (loadResults.getAttributeRows().find((attr) => attr.type === "label" && ["iconClass", "workspaceIconClass", "bookmarkFolder"].includes(attr.name) && this.noteIds.includes(attr.noteId))) {
            this.refresh();
        }
    }
}