chore(client/ts): port mobile_detail_menu

2025-11-13 08:45:50 +01:00 · 2025-01-17 23:55:46 +02:00
parent 229f473f8b
commit e3bcd75a5a
2 changed files with 9 additions and 2 deletions
--- a/src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts
+++ b/src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts
@@ -0,0 +1,61 @@
+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 = `<button type="button" class="action-button bx" style="padding-top: 10px;"></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({
+                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" }
+                ],
+                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 {
+                        throw new Error(t("mobile_detail_menu.error_unrecognized_command", { command }));
+                    }
+                }
+            });
+        });
+    }
+}
+
+export default MobileDetailMenuWidget;