aboutsummaryrefslogtreecommitdiff
path: root/ext/js/pages/action-popup-main.js
diff options
context:
space:
mode:
authorKuuuube <61125188+Kuuuube@users.noreply.github.com>2024-06-21 02:01:00 -0400
committerGitHub <noreply@github.com>2024-06-21 06:01:00 +0000
commit1c609d972ae76f8779190d7a3621f77a664a6dec (patch)
treedfcd1d306dfff79e7fabf809c9f1d8aa5fbbbc8e /ext/js/pages/action-popup-main.js
parent051347488237b8dffd2f0e9c93afb36fca255513 (diff)
Add profile selector to mobile action-popup (#1105)24.6.21.0
Diffstat (limited to 'ext/js/pages/action-popup-main.js')
-rw-r--r--ext/js/pages/action-popup-main.js43
1 files changed, 23 insertions, 20 deletions
diff --git a/ext/js/pages/action-popup-main.js b/ext/js/pages/action-popup-main.js
index 4137d5c3..3cda32db 100644
--- a/ext/js/pages/action-popup-main.js
+++ b/ext/js/pages/action-popup-main.js
@@ -19,7 +19,6 @@
import {ThemeController} from '../app/theme-controller.js';
import {Application} from '../application.js';
import {getAllPermissions, hasRequiredPermissionsForOptions} from '../data/permissions-util.js';
-import {querySelectorNotNull} from '../dom/query-selector.js';
import {HotkeyHelpController} from '../input/hotkey-help-controller.js';
class DisplayController {
@@ -67,9 +66,11 @@ class DisplayController {
this._setupOptions(primaryProfile);
}
- /** @type {HTMLElement} */
- const profileSelect = querySelectorNotNull(document, '.action-select-profile');
- profileSelect.hidden = (profiles.length <= 1);
+ /** @type {NodeListOf<HTMLElement>} */
+ const profileSelect = document.querySelectorAll('.action-select-profile');
+ for (let i = 0; i < profileSelect.length; i++) {
+ profileSelect[i].hidden = (profiles.length <= 1);
+ }
this._updateProfileSelect(profiles, profileCurrent);
@@ -231,23 +232,25 @@ class DisplayController {
* @param {number} profileCurrent
*/
_updateProfileSelect(profiles, profileCurrent) {
- /** @type {HTMLSelectElement} */
- const select = querySelectorNotNull(document, '#profile-select');
- /** @type {HTMLElement} */
- const optionGroup = querySelectorNotNull(document, '#profile-select-option-group');
- const fragment = document.createDocumentFragment();
- for (let i = 0, ii = profiles.length; i < ii; ++i) {
- const {name} = profiles[i];
- const option = document.createElement('option');
- option.textContent = name;
- option.value = `${i}`;
- fragment.appendChild(option);
- }
- optionGroup.textContent = '';
- optionGroup.appendChild(fragment);
- select.value = `${profileCurrent}`;
+ /** @type {NodeListOf<HTMLSelectElement>} */
+ const selects = document.querySelectorAll('.profile-select');
+ /** @type {NodeListOf<HTMLElement>} */
+ const optionGroups = document.querySelectorAll('.profile-select-option-group');
+ for (let i = 0; i < Math.min(selects.length, optionGroups.length); i++) {
+ const fragment = document.createDocumentFragment();
+ for (let j = 0, jj = profiles.length; j < jj; ++j) {
+ const {name} = profiles[j];
+ const option = document.createElement('option');
+ option.textContent = name;
+ option.value = `${j}`;
+ fragment.appendChild(option);
+ }
+ optionGroups[i].textContent = '';
+ optionGroups[i].appendChild(fragment);
+ selects[i].value = `${profileCurrent}`;
- select.addEventListener('change', this._onProfileSelectChange.bind(this), false);
+ selects[i].addEventListener('change', this._onProfileSelectChange.bind(this), false);
+ }
}
/**