fix: implement responsive connection-screen updates.

2026-08-30 00:17:40 +03:00
parent 3793b1d7a3
commit e5f9ad7b28
3 changed files with 18 additions and 7 deletions
@@ -57,7 +57,17 @@
  async function refreshInfo() {
    try {
      info = await request('/api/info');
-      ui.availability.textContent = `Игрок 1: ${info.player1Available ? 'свободен' : 'занят'} · Игрок 2: ${info.player2Available ? 'свободен' : 'занят'} · зрительских мест: ${info.spectatorsAvailable}`;
+      const availabilityItem = (text) => {
+        const item = document.createElement('span');
+        item.className = 'availability-item';
+        item.textContent = text;
+        return item;
+      };
+      ui.availability.replaceChildren(
+        availabilityItem(`Игрок 1: ${info.player1Available ? 'свободен' : 'занят'}`),
+        availabilityItem(`Игрок 2: ${info.player2Available ? 'свободен' : 'занят'}`),
+        availabilityItem(`зрительских мест: ${info.spectatorsAvailable}`),
+      );
    } catch (error) {
      ui.availability.textContent = error.message;
    }