Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 10:02:59 +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";
const TPL = `
<div class="options-section">
<h4>${t("native_title_bar.title")}</h4>
<select class="native-title-bar-select form-control">
<option value="show">${t("native_title_bar.enabled")}</option>
<option value="hide">${t("native_title_bar.disabled")}</option>
</select>
<div class="options-section">
<div class="side-checkbox">
<label class="form-check">
<input type="checkbox" class="native-title-bar form-check-input" />
<strong>Native title bar</strong>
<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>
</label>
</div>
</div>
<div class="options-section">
@ -30,12 +31,8 @@ const TPL = `
export default class ElectronIntegrationOptions extends OptionsWidget {
doRender() {
this.$widget = $(TPL);
this.$nativeTitleBarSelect = this.$widget.find(".native-title-bar-select");
this.$nativeTitleBarSelect.on('change', () => {
const nativeTitleBarVisible = this.$nativeTitleBarSelect.val() === 'show' ? 'true' : 'false';
this.updateOption('nativeTitleBarVisible', nativeTitleBarVisible);
});
this.$nativeTitleBar = this.$widget.find("input.native-title-bar");
this.$nativeTitleBar.on("change", () => this.updateCheckboxOption("nativeTitleBarVisible", this.$nativeTitleBar));
this.$backgroundEffects = this.$widget.find("input.background-effects");
this.$backgroundEffects.on("change", () => this.updateCheckboxOption("backgroundEffects", this.$backgroundEffects));
@ -53,7 +50,7 @@ export default class ElectronIntegrationOptions extends OptionsWidget {
}
async optionsLoaded(options) {
this.$nativeTitleBarSelect.val(options.nativeTitleBarVisible === 'true' ? 'show' : 'hide');
this.setCheckboxState(this.$nativeTitleBar, options.nativeTitleBarVisible);
this.setCheckboxState(this.$backgroundEffects, options.backgroundEffects);
}
}