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

Categorize servers by continents

Browse Source
This commit is contained in:
redphx
2024-10-29 16:51:29 +07:00
parent 67de264aa9
commit 392dc2cf86
4 changed files with 99 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/modules/ui/dialog/settings-dialog.ts
View File

@@ -1044,13 +1044,37 @@ export class SettingsNavigationDialog extends NavigationDialog {
}
private renderServerSetting(setting: SettingTabContentItem): HTMLElement {
let selectedValue;
let selectedValue =getPref(PrefKey.SERVER_REGION);
const continents: Record<ServerContinent, {
label: string,
children?: HTMLOptionElement[],
}> = {
'america-north': {
label: t('continent-north-america'),
},
'america-south': {
label: t('continent-south-america'),
},
'asia': {
label: t('continent-asia'),
},
'australia': {
label: t('continent-australia'),
},
'europe': {
label: t('continent-europe'),
},
'other': {
label: t('other'),
},
};
const $control = CE<HTMLSelectElement>('select', {
id: `bx_setting_${setting.pref}`,
title: setting.label,
tabindex: 0,
});
id: `bx_setting_${setting.pref}`,
title: setting.label,
tabindex: 0,
});
$control.name = $control.id;
$control.addEventListener('input', (e: Event) => {
@@ -1058,8 +1082,6 @@ export class SettingsNavigationDialog extends NavigationDialog {
this.onGlobalSettingChanged(e);
});
selectedValue = getPref(PrefKey.SERVER_REGION);
setting.options = {};
for (const regionName in STATES.serverRegions) {
const region = STATES.serverRegions[regionName];
@@ -1076,15 +1098,29 @@ export class SettingsNavigationDialog extends NavigationDialog {
}
setting.options[value] = label;
const $option = CE<HTMLOptionElement>('option', {value: value}, label);
const continent = continents[region.contintent];
if (!continent.children) {
continent.children = [];
}
continent.children.push($option);
}
for (const value in setting.options) {
const label = setting.options[value];
const fragment = document.createDocumentFragment();
let key: keyof typeof continents;
for (key in continents) {
const continent = continents[key];
if (!continent.children) {
continue;
}
const $option = CE('option', {value: value}, label);
$control.appendChild($option);
fragment.appendChild(CE('optgroup', {
label: continent.label,
}, ...continent.children));
}
$control.appendChild(fragment);
$control.disabled = Object.keys(STATES.serverRegions).length === 0;
// Select preferred region