Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-01 20:32:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(touch_bar): use segmented control for heading

Browse Source
This commit is contained in:
Elian Doran 2025-03-08 13:26:08 +02:00
parent 60859954b9
commit 214674cf73
No known key found for this signature in database
1 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/public/app/widgets/touch_bar.ts
View File

@ -2,6 +2,16 @@ import utils from "../services/utils.js";
import Component from "../components/component.js"; import Component from "../components/component.js";
import appContext from "../components/app_context.js"; import appContext from "../components/app_context.js";
async function triggerTextEditorCommand(command: string, args?: object) {
const editor = await appContext.tabManager.getActiveContext().getTextEditor();
if (!editor) {
return;
}
// TODO: Fix type of editor.
(editor as any).execute(command, args);
}
export default class TouchBarWidget extends Component { export default class TouchBarWidget extends Component {
nativeImage: typeof import("electron").nativeImage; nativeImage: typeof import("electron").nativeImage;
@ -38,19 +48,9 @@ export default class TouchBarWidget extends Component {
return newImage; return newImage;
} }
async #triggerTextEditorCommand(command: string, args?: object) {
const editor = await appContext.tabManager.getActiveContext().getTextEditor();
if (!editor) {
return;
}
// TODO: Fix type of editor.
(editor as any).execute(command, args);
}
#buildTouchBar() { #buildTouchBar() {
const { TouchBar } = this.remote; const { TouchBar } = this.remote;
const { TouchBarButton, TouchBarSpacer, TouchBarGroup, TouchBarOtherItemsProxy } = this.remote.TouchBar; const { TouchBarButton, TouchBarSpacer, TouchBarGroup, TouchBarSegmentedControl, TouchBarOtherItemsProxy } = this.remote.TouchBar;
const items = [ const items = [
new TouchBarButton({ new TouchBarButton({
@ -58,32 +58,40 @@ export default class TouchBarWidget extends Component {
click: () => this.triggerCommand("createNoteIntoInbox") click: () => this.triggerCommand("createNoteIntoInbox")
}), }),
new TouchBarSpacer({ size: "large" }), new TouchBarSpacer({ size: "large" }),
new TouchBarSegmentedControl({
segments: [
{ label: "P" },
{ label: "H2" },
{ label: "H3" }
],
change(selectedIndex, isSelected) {
switch (selectedIndex) {
case 0:
triggerTextEditorCommand("paragraph")
break;
case 1:
triggerTextEditorCommand("heading", { value: "heading2" });
break;
case 2:
triggerTextEditorCommand("heading", { value: "heading3" });
break;
}
},
}),
new TouchBarGroup({ new TouchBarGroup({
items: new TouchBar({ items: new TouchBar({
items: [ items: [
new TouchBarButton({
label: "P",
click: () => this.#triggerTextEditorCommand("paragraph")
}),
new TouchBarButton({
label: "H2",
click: () => this.#triggerTextEditorCommand("heading", { value: "heading2" })
}),
new TouchBarButton({
label: "H3",
click: () => this.#triggerTextEditorCommand("heading", { value: "heading3" })
}),
new TouchBarButton({ new TouchBarButton({
icon: this.#buildIcon("NSTouchBarTextBoldTemplate"), icon: this.#buildIcon("NSTouchBarTextBoldTemplate"),
click: () => this.#triggerTextEditorCommand("bold") click: () => triggerTextEditorCommand("bold")
}), }),
new TouchBarButton({ new TouchBarButton({
icon: this.#buildIcon("NSTouchBarTextItalicTemplate"), icon: this.#buildIcon("NSTouchBarTextItalicTemplate"),
click: () => this.#triggerTextEditorCommand("italic") click: () => triggerTextEditorCommand("italic")
}), }),
new TouchBarButton({ new TouchBarButton({
icon: this.#buildIcon("NSTouchBarTextUnderlineTemplate"), icon: this.#buildIcon("NSTouchBarTextUnderlineTemplate"),
click: () => this.#triggerTextEditorCommand("underline") click: () => triggerTextEditorCommand("underline")
}) })
] ]
}) })