Notes/src/public/app/widgets/buttons/move_pane_button.js

import OnClickButtonWidget from "./onclick_button.js";
import appContext from "../../components/app_context.js";
import { t } from "../../services/i18n.js";

export default class MovePaneButton extends OnClickButtonWidget {
    constructor(isMovingLeft) {
        super();

        this.isMovingLeft = isMovingLeft;

        this.icon(isMovingLeft ? "bx-chevron-left" : "bx-chevron-right")
            .title(isMovingLeft ? t("move_pane_button.move_left") : t("move_pane_button.move_right"))
            .titlePlacement("bottom")
            .onClick(async (widget, e) => {
                e.stopPropagation();
                widget.triggerCommand("moveThisNoteSplit", {ntxId: widget.getClosestNtxId(), isMovingLeft: this.isMovingLeft});
            })
            .class("icon-action");
    }

    isEnabled() {
        if (!super.isEnabled()) {
            return false;
        }

        if (this.isMovingLeft) {
            // movable if the current context is not a main context, i.e. non-null mainNtxId
            return !!this.noteContext?.mainNtxId;
        } else {
            const currentIndex = appContext.tabManager.noteContexts.findIndex(c => c.ntxId === this.ntxId);
            const nextContext = appContext.tabManager.noteContexts[currentIndex + 1];
            // movable if the next context is not null and not a main context, i.e. non-null mainNtxId
            return !!nextContext?.mainNtxId;
        }
    }

    async noteContextRemovedEvent() {
        this.refresh();
    }

    async newNoteContextCreatedEvent() {
        this.refresh();
    }

    async noteContextReorderEvent() {
        this.refresh();
    }

    async contextsReopenedEvent() {
        this.refresh();
    }
}