GUI

gui/wails-standalone/frontend/dist/index.html

@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  
+  <title>Спектр</title>
+  <script type="module" crossorigin src="/assets/index.02c817da.js"></script>
+  <link rel="stylesheet" href="/assets/index.41fde905.css">
+</head>
+<body data-theme="dark">
+
+  <!-- Переключатель темы -->
+  <button id="theme-toggle" title="Сменить тему">☀</button>
+
+  <!-- Интро при запуске: закрывает всё окно приложения, потом "двери" разъезжаются -->
+  <div id="intro-overlay">
+    <div class="door door-left"></div>
+    <div class="door door-right"></div>
+  </div>
+
+  <div id="app">
+
+    <!-- Бренд-блок -->
+    <div id="brand">
+      <div class="logo-icon">
+        <img class="logo-dark" src="/assets/logo-dark.ff9a8bc7.jpg" alt="ТЭЧ ДМ" />
+        <img class="logo-light" src="/assets/logo-light.d5e577a8.png" alt="ТЭЧ ДМ" />
+      </div>
+      <h1>СПЕКТР</h1>
+      <div class="tag">видеоприёмник · панель управления</div>
+    </div>
+
+    <!-- Заголовки вкладок (пока скрыты — активен только режим приёмника) -->
+    <div class="tabs" hidden>
+      <button class="tab-button active" data-tab="receiver">Режим приемника</button>
+      <button class="tab-button" data-tab="detector">Режим детектора</button>
+      <button class="tab-button" data-tab="info">Информация</button>
+    </div>
+
+    <!-- Содержимое вкладок -->
+    <div class="tab-content active" id="tab-receiver">
+      <div class="buttons-vertical">
+        <button class="action-button" id="btn-check">Проверка подключения</button>
+        <button class="action-button" id="btn-freq">Установка частоты</button>
+        <button class="action-button close-button" id="btn-quit">Закрыть приложение</button>
+      </div>
+
+      <!-- Панель частоты (новая, выше статуса) -->
+      <div id="frequency-panel">
+        <span id="frequency-label">Текущая частота:</span>
+        <span id="frequency-value">---</span>
+      </div>
+
+      <!-- Панель состояния соединения -->
+      <div id="status-panel">
+        <span id="status-indicator" class="indicator indicator-red"></span>
+        <span id="status-text">Нет соединения</span>
+      </div>
+    </div>
+
+    <div class="tab-content" id="tab-detector">
+      <p>Здесь будет проводиться сканирование доступных частот!</p>
+    </div>
+
+    <div class="tab-content" id="tab-info">
+      <p>О программе: Версия 0.01, сделано на Wails в тэч дм!</p>
+    </div>
+  </div>
+
+  <!-- Модальное окно для установки частоты -->
+  <div id="freq-modal" class="modal hidden">
+    <div class="modal-content">
+      <span class="close-modal" id="close-modal">&times;</span>
+      <h3>Укажите желаемую частоту</h3>
+      <div class="freq-input-group">
+        <button id="btn-minus" class="freq-btn">-</button>
+        <input type="text" id="freq-input" value="145" />
+        <button id="btn-plus" class="freq-btn">+</button>
+      </div>
+      <button id="btn-set-freq" class="action-button">Установить</button>
+      <p id="modal-error" class="error-msg hidden"></p>
+    </div>
+  </div>
+
+  
+</body>
+</html>