trilium/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.ts

import BasicWidget from "../basic_widget.js";
import appContext from "../../components/app_context.js";
import contextMenu from "../../menus/context_menu.js";
import noteCreateService from "../../services/note_create.js";
import branchService from "../../services/branches.js";
import treeService from "../../services/tree.js";
import { t } from "../../services/i18n.js";

const TPL = /*html*/`<button type="button" class="action-button bx"></button>`;

class MobileDetailMenuWidget extends BasicWidget {
    private isHorizontalLayout: boolean;

    constructor(isHorizontalLayout: boolean) {
        super();
        this.isHorizontalLayout = isHorizontalLayout;
    }

    doRender() {
        this.$widget = $(TPL);

        this.$widget.addClass(this.isHorizontalLayout ? "bx-dots-vertical-rounded" : "bx-menu");

        this.$widget.on("click", async (e) => {
            const note = appContext.tabManager.getActiveContextNote();

            contextMenu.show<"insertChildNote" | "delete" | "showRevisions">({
                x: e.pageX,
                y: e.pageY,
                items: [
                    { title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
                    { title: t("mobile_detail_menu.delete_this_note"), command: "delete", uiIcon: "bx bx-trash", enabled: note?.noteId !== "root" },
                    { title: "----" },
                    { title: "Note revisions", command: "showRevisions", uiIcon: "bx bx-history" }
                ],
                selectMenuItemHandler: async ({ command }) => {
                    if (command === "insertChildNote") {
                        noteCreateService.createNote(appContext.tabManager.getActiveContextNotePath() ?? undefined);
                    } else if (command === "delete") {
                        const notePath = appContext.tabManager.getActiveContextNotePath();
                        if (!notePath) {
                            throw new Error("Cannot get note path to delete.");
                        }

                        const branchId = await treeService.getBranchIdFromUrl(notePath);

                        if (!branchId) {
                            throw new Error(t("mobile_detail_menu.error_cannot_get_branch_id", { notePath }));
                        }

                        if (await branchService.deleteNotes([branchId])) {
                            this.triggerCommand("setActiveScreen", { screen: "tree" });
                        }
                    } else if (command) {
                        this.triggerCommand(command);
                    }
                },
                forcePositionOnMobile: true
            });
        });
    }
}

export default MobileDetailMenuWidget;