Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 18:12:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(settings): turn native title bar into a checkbox

Browse Source
This commit is contained in:
Elian Doran 2024-12-09 22:40:25 +02:00
parent 1e985f7858
commit 698ab86224
No known key found for this signature in database
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/public/app/widgets/type_widgets/options/appearance/electron_integration.js
View File

@ -3,13 +3,14 @@ import { t } from "../../../../services/i18n.js";
import utils from "../../../../services/utils.js"; import utils from "../../../../services/utils.js";
const TPL = ` const TPL = `
<div class="options-section"> <div class="options-section">
<h4>${t("native_title_bar.title")}</h4> <div class="side-checkbox">
<label class="form-check">
<select class="native-title-bar-select form-control"> <input type="checkbox" class="native-title-bar form-check-input" />
<option value="show">${t("native_title_bar.enabled")}</option> <strong>Native title bar</strong>
<option value="hide">${t("native_title_bar.disabled")}</option> <p>For Windows and macOS, keeping the native title bar off makes the application look more compact. On Linux, keeping the native title bar on integrates better with the rest of the system.</p>
</select> </label>
</div>
</div> </div>
<div class="options-section"> <div class="options-section">
@ -30,12 +31,8 @@ const TPL = `
export default class ElectronIntegrationOptions extends OptionsWidget { export default class ElectronIntegrationOptions extends OptionsWidget {
doRender() { doRender() {
this.$widget = $(TPL); this.$widget = $(TPL);
this.$nativeTitleBarSelect = this.$widget.find(".native-title-bar-select"); this.$nativeTitleBar = this.$widget.find("input.native-title-bar");
this.$nativeTitleBarSelect.on('change', () => { this.$nativeTitleBar.on("change", () => this.updateCheckboxOption("nativeTitleBarVisible", this.$nativeTitleBar));
const nativeTitleBarVisible = this.$nativeTitleBarSelect.val() === 'show' ? 'true' : 'false';
this.updateOption('nativeTitleBarVisible', nativeTitleBarVisible);
});
this.$backgroundEffects = this.$widget.find("input.background-effects"); this.$backgroundEffects = this.$widget.find("input.background-effects");
this.$backgroundEffects.on("change", () => this.updateCheckboxOption("backgroundEffects", this.$backgroundEffects)); this.$backgroundEffects.on("change", () => this.updateCheckboxOption("backgroundEffects", this.$backgroundEffects));
@ -53,7 +50,7 @@ export default class ElectronIntegrationOptions extends OptionsWidget {
} }
async optionsLoaded(options) { async optionsLoaded(options) {
this.$nativeTitleBarSelect.val(options.nativeTitleBarVisible === 'true' ? 'show' : 'hide'); this.setCheckboxState(this.$nativeTitleBar, options.nativeTitleBarVisible);
this.setCheckboxState(this.$backgroundEffects, options.backgroundEffects); this.setCheckboxState(this.$backgroundEffects, options.backgroundEffects);
} }
} }