65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="./src/style.css" />
|
|
<title>Тест (Спектр)</title>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<!-- Заголовки вкладок -->
|
|
<div class="tabs">
|
|
<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">×</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>
|
|
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html> |