Disable input fields when auto pairing is active

gbtami · Dec 27, 2024 · 5dc528d · 5dc528d
1 parent 8ca39ef
commit 5dc528d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/client/lobby.ts b/client/lobby.ts
@@ -977,13 +977,19 @@ export class LobbyController implements ChatController {
     }
 
     renderAutoPairingActions(autoPairingIsOn: boolean) {
+        const eRange = document.querySelector('div.auto-rating-range') as Element;
+        const eTimeControls = document.querySelector('div.timecontrols') as Element;
+        const eVariants = document.querySelector('div.variants') as Element;
         if (autoPairingIsOn) {
             this.autoPairingActions = patch(this.autoPairingActions,
                 h('div.auto-pairing-actions', [
                     h('span.standingby', _('Standing by for auto pairing...')),
                     h('button.cancel', { on: { click: () => this.autoPairingCancel() } }, [h('div.icon.icon-ban', _('CANCEL'))]),
                 ])
             );
+            eRange.classList.toggle("disabled", true);
+            eTimeControls.classList.toggle("disabled", true);
+            eVariants.classList.toggle("disabled", true);
         } else {
             this.autoPairingActions = patch(this.autoPairingActions,
                 h('div.auto-pairing-actions', [
@@ -992,6 +998,9 @@ export class LobbyController implements ChatController {
                     h('button.submit', { on: { click: () => this.autoPairingSubmit() } }, [h('div.icon.icon-check',  _('SUBMIT'))]),
                 ])
             );
+            eRange.classList.toggle("disabled", false);
+            eTimeControls.classList.toggle("disabled", false);
+            eVariants.classList.toggle("disabled", false);
         }
     }