gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-01-06 06:34:25 +01:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

feat(react/settings): port text features

Browse Source
This commit is contained in:
Elian Doran 2025-08-18 09:40:36 +03:00
parent 71b627fbc7
commit 701855344e
No known key found for this signature in database
2 changed files with 22 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/client/src/widgets/type_widgets/options/text_notes.tsx
View File

@ -8,6 +8,7 @@ export default function TextNoteSettings() {
return ( return (
<> <>
<FormattingToolbar /> <FormattingToolbar />
<EditorFeatures />
</> </>
) )
} }
@ -43,4 +44,25 @@ function FormattingToolbar() {
/> />
</OptionsSection> </OptionsSection>
) )
}
function EditorFeatures() {
const [ textNoteEmojiCompletionEnabled, setTextNoteEmojiCompletionEnabled] = useTriliumOptionBool("textNoteEmojiCompletionEnabled");
const [ textNoteCompletionEnabled, setTextNoteCompletionEnabled ] = useTriliumOptionBool("textNoteCompletionEnabled");
return (
<OptionsSection title={t("editorfeatures.title")}>
<FormCheckbox
name="emoji-completion-enabled"
label={t("editorfeatures.emoji_completion_enabled")}
currentValue={textNoteEmojiCompletionEnabled} onChange={setTextNoteEmojiCompletionEnabled}
/>
<FormCheckbox
name="note-completion-enabled"
label={t("editorfeatures.note_completion_enabled")}
currentValue={textNoteCompletionEnabled} onChange={setTextNoteCompletionEnabled}
/>
</OptionsSection>
);
} }

45
apps/client/src/widgets/type_widgets/options/text_notes/features.ts
View File

@ -1,45 +0,0 @@
import { OptionMap } from "@triliumnext/commons";
import OptionsWidget from "../options_widget";
import { t } from "../../../../services/i18n";
const TPL = /*html*/`
<div class="options-section">
<h4>${t("editorfeatures.title")}</h4>
<div>
<label class="tn-checkbox">
<input type="checkbox" name="emoji-completion-enabled" />
${t("editorfeatures.emoji_completion_enabled")}
</label>
</div>
<div>
<label class="tn-checkbox">
<input type="checkbox" name="note-completion-enabled" />
${t("editorfeatures.note_completion_enabled")}
</label>
</div>
</div>
`;
export default class EditorFeaturesOptions extends OptionsWidget {
private $emojiCompletionEnabledCheckbox!: JQuery<HTMLElement>;
private $noteCompletionEnabledCheckbox!: JQuery<HTMLElement>;
doRender() {
this.$widget = $(TPL);
this.$emojiCompletionEnabledCheckbox = this.$widget.find(`input[name="emoji-completion-enabled"]`);
this.$emojiCompletionEnabledCheckbox.on("change", () => this.updateCheckboxOption("textNoteEmojiCompletionEnabled", this.$emojiCompletionEnabledCheckbox))
this.$noteCompletionEnabledCheckbox = this.$widget.find(`input[name="note-completion-enabled"]`);
this.$noteCompletionEnabledCheckbox.on("change", () => this.updateCheckboxOption("textNoteCompletionEnabled", this.$noteCompletionEnabledCheckbox))
}
optionsLoaded(options: OptionMap) {
this.setCheckboxState(this.$emojiCompletionEnabledCheckbox, options.textNoteEmojiCompletionEnabled);
this.setCheckboxState(this.$noteCompletionEnabledCheckbox, options.textNoteCompletionEnabled);
}
}