gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 23:29:02 +02:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

client/menus: add support for menu headers

Browse Source
This commit is contained in:
Adorian Doran 2025-09-20 00:18:56 +03:00
parent 79718c7e6e
commit 17e87278eb
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/client/src/menus/context_menu.ts
View File

@ -18,6 +18,11 @@ interface MenuSeparatorItem {
title: "----"; title: "----";
} }
interface MenuHeader {
title: string;
kind: "header";
}
export interface MenuItemBadge { export interface MenuItemBadge {
title: string; title: string;
className?: string; className?: string;
@ -45,7 +50,7 @@ export interface MenuCommandItem<T> {
columns?: number; columns?: number;
} }
export type MenuItem<T> = MenuCommandItem<T> | MenuSeparatorItem; export type MenuItem<T> = MenuCommandItem<T> | MenuSeparatorItem | MenuHeader;
export type MenuHandler<T> = (item: MenuCommandItem<T>, e: JQuery.MouseDownEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) => void; export type MenuHandler<T> = (item: MenuCommandItem<T>, e: JQuery.MouseDownEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) => void;
export type ContextMenuEvent = PointerEvent | MouseEvent | JQuery.ContextMenuEvent; export type ContextMenuEvent = PointerEvent | MouseEvent | JQuery.ContextMenuEvent;
@ -158,6 +163,8 @@ class ContextMenu {
if (item.title === "----") { if (item.title === "----") {
$parent.append($("<div>").addClass("dropdown-divider")); $parent.append($("<div>").addClass("dropdown-divider"));
} else if ("kind" in item && item.kind === "header") {
$parent.append($("<h6>").addClass("dropdown-header").text(item.title));
} else { } else {
const $icon = $("<span>"); const $icon = $("<span>");

5
apps/client/src/services/note_types.ts
View File

@ -157,9 +157,8 @@ async function getBuiltInTemplates(title: string | null, command: TreeCommandNam
const items: MenuItem<TreeCommandNames>[] = []; const items: MenuItem<TreeCommandNames>[] = [];
if (title) { if (title) {
items.push({ items.push({
title: title, title: "title",
enabled: false, kind: "header"
uiIcon: "bx bx-empty"
}); });
} else { } else {
items.push(SEPARATOR); items.push(SEPARATOR);