feat: ШАГ 3 — Chrome-расширение Verstak Bridge

2026-06-06 18:28:52 +08:00
parent 84d9725b17
commit 6bd6c9c5ff
5 changed files with 703 additions and 0 deletions
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Verstak Bridge</title>
+  <link rel="stylesheet" href="popup.css">
+</head>
+<body>
+  <div class="container">
+    <header>
+      <h1>Verstak Bridge</h1>
+      <span id="status-dot" class="dot offline"></span>
+    </header>
+
+    <section class="info">
+      <div class="row">
+        <span class="label">Сервер</span>
+        <span id="bridge-status" class="value offline">Недоступен</span>
+      </div>
+      <div class="row">
+        <span class="label">Очередь</span>
+        <span id="queue-count" class="value">—</span>
+      </div>
+      <div class="row">
+        <span class="label">Порт</span>
+        <span id="bridge-port" class="value">—</span>
+      </div>
+    </section>
+
+    <section class="controls">
+      <label class="toggle">
+        <input type="checkbox" id="track-toggle" checked>
+        <span class="slider"></span>
+        <span class="toggle-label">Отслеживать вкладки</span>
+      </label>
+    </section>
+
+    <section class="recent">
+      <h2>Последние события</h2>
+      <div id="event-list">
+        <p class="empty">Нет событий</p>
+      </div>
+    </section>
+
+    <footer>
+      <button id="sync-btn" class="btn">🔄 Отправить сейчас</button>
+      <button id="config-btn" class="btn secondary">⚙ Настройки</button>
+    </footer>
+  </div>
+  <script src="popup.js"></script>
+</body>
+</html>