gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-21 06:44:24 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

feat(breadcrumb): color selector

Browse Source
This commit is contained in:
Elian Doran 2025-12-16 10:39:22 +02:00
parent d1575a28ad
commit d1820a6bc3
No known key found for this signature in database
2 changed files with 66 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/menus/link_context_menu.ts
View File

@ -16,7 +16,7 @@ function openContextMenu(notePath: string, e: ContextMenuEvent, viewScope: ViewS
}); });
} }
function getItems(e: ContextMenuEvent | LeafletMouseEvent): MenuItem<CommandNames>[] { function getItems(e: ContextMenuEvent | LeafletMouseEvent): MenuItem<"openNoteInNewTab" | "openNoteInNewSplit" | "openNoteInNewWindow" | "openNoteInPopup">[] {
const ntxId = getNtxId(e); const ntxId = getNtxId(e);
const isMobileSplitOpen = isMobile() && appContext.tabManager.getNoteContextById(ntxId).getMainContext().getSubContexts().length > 1; const isMobileSplitOpen = isMobile() && appContext.tabManager.getNoteContextById(ntxId).getMainContext().getSubContexts().length > 1;

21
apps/client/src/widgets/layout/Breadcrumb.tsx
View File

@ -3,11 +3,13 @@ import "./Breadcrumb.css";
import { useContext, useRef, useState } from "preact/hooks"; import { useContext, useRef, useState } from "preact/hooks";
import { Fragment } from "preact/jsx-runtime"; import { Fragment } from "preact/jsx-runtime";
import appContext from "../../components/app_context"; import appContext, { CommandNames } from "../../components/app_context";
import NoteContext from "../../components/note_context"; import NoteContext from "../../components/note_context";
import FNote from "../../entities/fnote"; import FNote from "../../entities/fnote";
import contextMenu from "../../menus/context_menu"; import contextMenu, { MenuItem } from "../../menus/context_menu";
import NoteColorPicker from "../../menus/custom-items/NoteColorPicker";
import link_context_menu from "../../menus/link_context_menu"; import link_context_menu from "../../menus/link_context_menu";
import { TreeCommandNames } from "../../menus/tree_context_menu";
import attributes from "../../services/attributes"; import attributes from "../../services/attributes";
import branches from "../../services/branches"; import branches from "../../services/branches";
import { executeBulkActions } from "../../services/bulk_action"; import { executeBulkActions } from "../../services/bulk_action";
@ -186,8 +188,7 @@ function BreadcrumbItem({ index, notePath, noteContext, notePathLength }: { inde
const parentNote = isNotRoot && branch ? await froca.getNote(branch.parentNoteId) : null; const parentNote = isNotRoot && branch ? await froca.getNote(branch.parentNoteId) : null;
const parentNotSearch = !parentNote || parentNote.type !== "search"; const parentNotSearch = !parentNote || parentNote.type !== "search";
contextMenu.show({ const items = [
items: [
...link_context_menu.getItems(e), ...link_context_menu.getItems(e),
{ {
title: `${t("tree-context-menu.hoist-note")}`, title: `${t("tree-context-menu.hoist-note")}`,
@ -237,8 +238,18 @@ function BreadcrumbItem({ index, notePath, noteContext, notePathLength }: { inde
uiIcon: "bx bx-trash destructive-action-icon", uiIcon: "bx bx-trash destructive-action-icon",
enabled: isNotRoot && !isHoisted && parentNotSearch && notOptionsOrHelp, enabled: isNotRoot && !isHoisted && parentNotSearch && notOptionsOrHelp,
handler: () => branches.deleteNotes([ branchId ]) handler: () => branches.deleteNotes([ branchId ])
},
{ kind: "separator"},
(notOptionsOrHelp ? {
kind: "custom",
componentFn: () => {
return NoteColorPicker({note});
} }
], } : null),
];
contextMenu.show({
items: items.filter(Boolean) as MenuItem<TreeCommandNames>[],
x: e.pageX, x: e.pageX,
y: e.pageY, y: e.pageY,
selectMenuItemHandler: ({ command }) => { selectMenuItemHandler: ({ command }) => {