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

chore(client/ts): port fonts

Browse Source
This commit is contained in:
Elian Doran 2025-01-03 18:44:19 +02:00
parent 428ffa7826
commit 639d118f41
No known key found for this signature in database
1 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/public/app/widgets/type_widgets/options/appearance/fonts.js → src/public/app/widgets/type_widgets/options/appearance/fonts.ts
View File

@ -1,6 +1,7 @@
import OptionsWidget from "../options_widget.js";
import utils from "../../../../services/utils.js";
import { t } from "../../../../services/i18n.js";
import { OptionMap, OptionNames } from "../../../../../../services/options_interface.js";
const FONT_FAMILIES = [
{ value: "theme", label: t("fonts.theme_defined") },
@ -115,6 +116,18 @@ const TPL = `
</div>`;
export default class FontsOptions extends OptionsWidget {
private $mainFontSize!: JQuery<HTMLElement>;
private $mainFontFamily!: JQuery<HTMLElement>;
private $treeFontSize!: JQuery<HTMLElement>;
private $treeFontFamily!: JQuery<HTMLElement>;
private $detailFontSize!: JQuery<HTMLElement>;
private $detailFontFamily!: JQuery<HTMLElement>;
private $monospaceFontSize!: JQuery<HTMLElement>;
private $monospaceFontFamily!: JQuery<HTMLElement>;
private _isEnabled?: boolean;
doRender() {
this.$widget = $(TPL);
@ -134,10 +147,10 @@ export default class FontsOptions extends OptionsWidget {
}
isEnabled() {
return this._isEnabled;
return !!this._isEnabled;
}
async optionsLoaded(options) {
async optionsLoaded(options: OptionMap) {
this._isEnabled = (options.overrideThemeFonts === 'true');
this.toggleInt(this._isEnabled);
if (!this._isEnabled) {
@ -156,7 +169,7 @@ export default class FontsOptions extends OptionsWidget {
this.$monospaceFontSize.val(options.monospaceFontSize);
this.fillFontFamilyOptions(this.$monospaceFontFamily, options.monospaceFontFamily);
const optionsToSave = [
const optionsToSave: OptionNames[] = [
'mainFontFamily', 'mainFontSize',
'treeFontFamily', 'treeFontSize',
'detailFontFamily', 'detailFontSize',
@ -164,12 +177,13 @@ export default class FontsOptions extends OptionsWidget {
];
for (const optionName of optionsToSave) {
this[`$${optionName}`].on('change', () =>
this.updateOption(optionName, this[`$${optionName}`].val()));
const $el = (this as any)[`$${optionName}`];
$el.on('change', () =>
this.updateOption(optionName, $el.val()));
}
}
fillFontFamilyOptions($select, currentValue) {
fillFontFamilyOptions($select: JQuery<HTMLElement>, currentValue: string) {
$select.empty();
for (const {value, label} of FONT_FAMILIES) {