74 lines
2.9 KiB
HTML
74 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
<meta name="theme-color" content="#050805">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
<title>Журнал логов</title>
|
||
<link rel="icon" type="image/png" href="/favicon.png">
|
||
|
||
<!-- Локальные шрифты -->
|
||
<link rel="stylesheet" href="/css/fonts.css">
|
||
|
||
<!-- ===== СТИЛИ ===== -->
|
||
<link rel="stylesheet" href="/css/base.css">
|
||
<link rel="stylesheet" href="/css/header.css">
|
||
<link rel="stylesheet" href="/css/layout.css">
|
||
<link rel="stylesheet" href="/css/cards.css">
|
||
<link rel="stylesheet" href="/css/components.css">
|
||
<link rel="stylesheet" href="/css/camera.css">
|
||
<link rel="stylesheet" href="/css/audio.css">
|
||
<link rel="stylesheet" href="/css/responsive.css">
|
||
|
||
<!-- Специфичные стили для страницы логов -->
|
||
<link rel="stylesheet" href="/css/logs.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="header-bar">
|
||
<h1>ЖУРНАЛ ЛОГОВ</h1>
|
||
<div class="header-controls">
|
||
<a href="/" class="header-link">← В режим работы</a>
|
||
<div id="server-time" class="header-time">--:--:--</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="logs-container">
|
||
<!-- Боковая панель с файлами -->
|
||
<div class="logs-sidebar" id="logsSidebar">
|
||
<h3>Файлы данных</h3>
|
||
<div id="fileList"></div>
|
||
</div>
|
||
|
||
<!-- Основной контент -->
|
||
<div class="logs-content">
|
||
<div class="tabs">
|
||
<button class="tab-btn active" data-tab="data">Данные</button>
|
||
<button class="tab-btn" data-tab="events">События</button>
|
||
</div>
|
||
|
||
<!-- Вкладка: Данные -->
|
||
<div id="tab-data" class="tab-content active">
|
||
<div id="logStats" class="log-stats"></div>
|
||
<div id="chartContainer">
|
||
<canvas id="logChart" height="200"></canvas>
|
||
</div>
|
||
<div id="dataTableContainer"></div>
|
||
<!-- Пагинация для данных добавляется динамически -->
|
||
</div>
|
||
|
||
<!-- Вкладка: События -->
|
||
<div id="tab-events" class="tab-content">
|
||
<div id="eventsContent" class="events-list">Загрузка событий...</div>
|
||
<!-- Пагинация для событий добавляется динамически -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Подключаем скомпилированный JS -->
|
||
<script type="module" src="/dist/logs.js"></script>
|
||
|
||
</body>
|
||
</html> |