marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-08-06 21:28:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add note for default presets

Browse Source
This commit is contained in:
redphx
2024-12-08 10:49:09 +07:00
parent e40d258c79
commit 9044a07c0b
7 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/modules/ui/dialog/profile-manger/base-profile-manager-dialog.ts
View File

@@ -16,6 +16,7 @@ export abstract class BaseProfileManagerDialog<T extends PresetRecord> extends N
private $presets!: HTMLSelectElement;
private $header!: HTMLElement;
private $defaultNote!: HTMLElement;
protected $content!: HTMLElement;
private $btnRename!: HTMLButtonElement;
@@ -36,6 +37,7 @@ export abstract class BaseProfileManagerDialog<T extends PresetRecord> extends N
const isDefaultPreset = this.currentPresetId <= 0;
this.$btnRename.disabled = isDefaultPreset;
this.$btnDelete.disabled = isDefaultPreset;
this.$defaultNote.classList.toggle('bx-gone', !isDefaultPreset);
}
private async renderPresetsList() {
@@ -121,7 +123,7 @@ export abstract class BaseProfileManagerDialog<T extends PresetRecord> extends N
createButton({
icon: BxIcon.NEW,
title: t('new'),
style: ButtonStyle.FOCUSABLE,
style: ButtonStyle.FOCUSABLE | ButtonStyle.PRIMARY,
onClick: async (e) => {
const newName = this.promptNewName(t('new'));
if (!newName) {
@@ -140,7 +142,7 @@ export abstract class BaseProfileManagerDialog<T extends PresetRecord> extends N
createButton({
icon: BxIcon.COPY,
title: t('copy'),
style: ButtonStyle.FOCUSABLE,
style: ButtonStyle.FOCUSABLE | ButtonStyle.PRIMARY,
onClick: async (e) => {
const preset = this.allPresets.data[this.currentPresetId];
@@ -168,7 +170,10 @@ export abstract class BaseProfileManagerDialog<T extends PresetRecord> extends N
onClick: e => this.hide(),
}),
),
$header,
CE('div', {},
$header,
this.$defaultNote = CE('div', { class: 'bx-default-preset-note bx-gone' }, t('default-preset-note')),
),
CE('div', { class: 'bx-dialog-content bx-hide-scroll-bar' }, this.$content),
);
}