60 lines
2.8 KiB
HTML
60 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Управление устройством</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<h1><i class="fas fa-sliders-h"></i> Управление устройством</h1>
|
|
<p class="subtitle">Удаленное управление с проверкой IP-адреса</p>
|
|
|
|
<div class="status-panel">
|
|
<div class="status-title">Текущий статус устройства:</div>
|
|
<div id="statusIndicator" class="status-indicator status-loading">
|
|
<i class="fas fa-sync-alt fa-spin"></i> Загрузка...
|
|
</div>
|
|
<div id="statusInfo" class="status-info">
|
|
Получение текущего состояния с сервера...
|
|
</div>
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<button id="btnOn" class="btn btn-on btn-disabled">
|
|
<i class="fas fa-play"></i> Включить
|
|
</button>
|
|
<button id="btnOff" class="btn btn-off btn-disabled">
|
|
<i class="fas fa-stop"></i> Выключить
|
|
</button>
|
|
</div>
|
|
|
|
<div id="notification" class="notification">
|
|
<h3><i class="fas fa-info-circle"></i> Информация:</h3>
|
|
<div id="notificationMessage" class="notification-message">
|
|
Система определяет ваш IP-адрес и проверяет доступ к управлению.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="api-info">
|
|
<strong>Как это работает:</strong>
|
|
<ul>
|
|
<li>Сервер автоматически определяет ваш IP-адрес при подключении</li>
|
|
<li>IP-адрес проверяется по списку доверенных адресов</li>
|
|
<li>При успешной проверке отображаются кнопки управления</li>
|
|
<li>При отсутствии интеграции показывается сообщение об ошибке</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='js/app.js') }}"></script>
|
|
</body>
|
|
|
|
</html> |