init

2026-07-13 15:32:53 +03:00
commit 571707c109
14 changed files with 3184 additions and 0 deletions
@@ -0,0 +1,110 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Dota 2 Lobbies</title>
+  <link rel="stylesheet" href="/styles.css">
+</head>
+<body>
+  <header class="topbar">
+    <div class="title">
+      <h1>Dota 2 lobbies</h1>
+      <div class="subline">
+        <span id="statusBadge" class="badge badge-muted">starting</span>
+        <span id="serverFilter">GC: Auto</span>
+        <a class="admin-link" href="/admin">Admin auth</a>
+      </div>
+    </div>
+    <div class="metrics" aria-label="Status">
+      <div class="metric">
+        <span class="metric-label">shown</span>
+        <strong id="visibleCount">0</strong>
+      </div>
+      <div class="metric">
+        <span class="metric-label">total</span>
+        <strong id="totalCount">0</strong>
+      </div>
+      <div class="metric wide">
+        <span class="metric-label">last update</span>
+        <strong id="lastUpdated">-</strong>
+      </div>
+      <div class="metric wide">
+        <span class="metric-label">next update</span>
+        <strong id="nextRefresh">-</strong>
+      </div>
+    </div>
+  </header>
+
+  <main>
+    <section class="filters" aria-label="Filters">
+      <label>
+        <span>search</span>
+        <input id="qFilter" type="search" autocomplete="off" placeholder="game, map, leader">
+      </label>
+      <label>
+        <span>game</span>
+        <input id="gameFilter" type="search" autocomplete="off" placeholder="hero clash">
+      </label>
+      <label>
+        <span>map</span>
+        <input id="mapFilter" type="search" autocomplete="off" placeholder="ffa">
+      </label>
+      <label>
+        <span>region</span>
+        <select id="regionFilter"></select>
+      </label>
+      <label>
+        <span>password</span>
+        <select id="passFilter">
+          <option value="all">any</option>
+          <option value="no">no password</option>
+          <option value="yes">has password</option>
+        </select>
+      </label>
+      <label>
+        <span>sort</span>
+        <select id="sortBy">
+          <option value="players-desc">most players</option>
+          <option value="open-desc">most open slots</option>
+          <option value="game-asc">game A-Z</option>
+          <option value="region-asc">region A-Z</option>
+        </select>
+      </label>
+      <label class="check">
+        <input id="openOnly" type="checkbox">
+        <span>open slots</span>
+      </label>
+      <div class="actions">
+        <button id="resetBtn" type="button">Reset</button>
+        <button id="refreshBtn" type="button" class="primary">Refresh</button>
+      </div>
+    </section>
+
+    <p id="errorBox" class="error" hidden></p>
+
+    <section class="table-wrap" aria-label="Lobbies">
+      <table>
+        <thead>
+          <tr>
+            <th>Game</th>
+            <th>Lobby</th>
+            <th>Map</th>
+            <th class="num">Players</th>
+            <th>Region</th>
+            <th>Password</th>
+            <th>Leader</th>
+          </tr>
+        </thead>
+        <tbody id="lobbyRows">
+          <tr>
+            <td colspan="7" class="empty">Loading...</td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+  </main>
+
+  <script src="/app.js"></script>
+</body>
+</html>