Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-06 05:15:59 +01:00
Code Issues Packages Projects Releases Activity

chore(react/ribbon): add rest of the note action items

Browse Source
This commit is contained in:
Elian Doran
2025-08-25 00:08:40 +03:00
parent 6f6f280bdd
commit 885dd2053b
3 changed files with 17 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/client/src/components/app_context.ts
View File

@@ -322,6 +322,7 @@ export type CommandMappings = {
printActiveNote: CommandData; printActiveNote: CommandData;
exportAsPdf: CommandData; exportAsPdf: CommandData;
openNoteExternally: CommandData; openNoteExternally: CommandData;
openNoteCustom: CommandData;
renderActiveNote: CommandData; renderActiveNote: CommandData;
unhoist: CommandData; unhoist: CommandData;
reloadFrontendApp: CommandData; reloadFrontendApp: CommandData;

44
apps/client/src/widgets/buttons/note_actions.ts
View File

@@ -36,41 +36,6 @@ const TPL = /*html*/`
} }
</style> </style>
<div class="dropdown-menu dropdown-menu-right">
<li data-trigger-command="openNoteExternally" class="dropdown-item open-note-externally-button" title="${t("note_actions.open_note_externally_title")}">
<span class="bx bx-file-find"></span> ${t("note_actions.open_note_externally")}<kbd data-command="openNoteExternally"></kbd>
</li>
<li data-trigger-command="openNoteCustom" class="dropdown-item open-note-custom-button">
<span class="bx bx-customize"></span> ${t("note_actions.open_note_custom")}<kbd data-command="openNoteCustom"></kbd>
</li>
<li data-trigger-command="showNoteSource" class="dropdown-item show-source-button">
<span class="bx bx-code"></span> ${t("note_actions.note_source")}<kbd data-command="showNoteSource"></kbd>
</li>
<div class="dropdown-divider"></div>
<li data-trigger-command="forceSaveRevision" class="dropdown-item save-revision-button">
<span class="bx bx-save"></span> ${t("note_actions.save_revision")}<kbd data-command="forceSaveRevision"></kbd>
</li>
<li class="dropdown-item delete-note-button"><span class="bx bx-trash destructive-action-icon"></span> ${t("note_actions.delete_note")}</li>
<div class="dropdown-divider"></div>
<li data-trigger-command="showAttachments" class="dropdown-item show-attachments-button">
<span class="bx bx-paperclip"></span> ${t("note_actions.note_attachments")}<kbd data-command="showAttachments"></kbd>
</li>
</div>
</div>`; </div>`;
export default class NoteActionsWidget extends NoteContextAwareWidget { export default class NoteActionsWidget extends NoteContextAwareWidget {
@@ -114,15 +79,6 @@ export default class NoteActionsWidget extends NoteContextAwareWidget {
this.$openNoteExternallyButton = this.$widget.find(".open-note-externally-button"); this.$openNoteExternallyButton = this.$widget.find(".open-note-externally-button");
this.$openNoteCustomButton = this.$widget.find(".open-note-custom-button"); this.$openNoteCustomButton = this.$widget.find(".open-note-custom-button");
this.$deleteNoteButton = this.$widget.find(".delete-note-button");
this.$deleteNoteButton.on("click", () => {
if (!this.note || this.note.noteId === "root") {
return;
}
branchService.deleteNotes([this.note.getParentBranches()[0].branchId], true);
});
} }
async refreshVisibility(note: FNote) { async refreshVisibility(note: FNote) {

17
apps/client/src/widgets/ribbon/NoteActions.tsx
View File

@@ -13,6 +13,7 @@ import { isElectron as getIsElectron } from "../../services/utils";
import { ParentComponent } from "../react/react_utils"; import { ParentComponent } from "../react/react_utils";
import { useContext } from "preact/hooks"; import { useContext } from "preact/hooks";
import NoteContext from "../../components/note_context"; import NoteContext from "../../components/note_context";
import branches from "../../services/branches";
interface NoteActionsProps { interface NoteActionsProps {
note?: FNote; note?: FNote;
@@ -74,13 +75,27 @@ function NoteContextMenu(props: NoteActionsProps) {
defaultType: "single" defaultType: "single"
})} /> })} />
<FormDropdownDivider /> <FormDropdownDivider />
<CommandItem command="openNoteExternally" icon="bx bx-file-find" text={t("note_actions.open_note_externally")} title={t("note_actions.open_note_externally_title")} />
<CommandItem command="openNoteCustom" icon="bx bx-customize" text={t("note_actions.open_note_custom")} />
<CommandItem command="showNoteSource" icon="bx bx-code" text={t("note_actions.note_source")} />
<FormDropdownDivider />
<CommandItem command="forceSaveRevision" icon="bx bx-save" text={t("note_actions.save_revision")} />
<CommandItem icon="bx bx-trash destructive-action-icon" text={t("note_actions.delete_note")} destructive
command={() => branches.deleteNotes([note.getParentBranches()[0].branchId])}
/>
<FormDropdownDivider />
<CommandItem command="showAttachments" icon="bx bx-paperclip" text={t("note_actions.note_attachments")} />
</Dropdown> </Dropdown>
); );
} }
function CommandItem({ icon, text, command, disabled }: { icon: string, text: string, command: CommandNames | (() => void), disabled?: boolean }) { function CommandItem({ icon, text, title, command, disabled }: { icon: string, text: string, title?: string, command: CommandNames | (() => void), disabled?: boolean, destructive?: boolean }) {
return <FormListItem return <FormListItem
icon={icon} icon={icon}
title={title}
triggerCommand={typeof command === "string" ? command : undefined} triggerCommand={typeof command === "string" ? command : undefined}
onClick={typeof command === "function" ? command : undefined} onClick={typeof command === "function" ? command : undefined}
disabled={disabled} disabled={disabled}