60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Журнал логов</title>
|
||
<link rel="icon" type="image/png" href="/favicon.png">
|
||
|
||
<!-- Базовые стили -->
|
||
<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 id="server-time" class="header-time">--:--:--</div>
|
||
<a href="/" style="color:#00ff88; text-decoration:none; font-size:14px;">← В режим работы</a>
|
||
</div>
|
||
|
||
<div class="logs-container">
|
||
<div class="logs-sidebar">
|
||
<h3 style="margin-top:0;">Файлы данных</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" style="margin-bottom:16px;">
|
||
<canvas id="logChart" height="200"></canvas>
|
||
</div>
|
||
<div id="dataTableContainer" style="max-height:400px; overflow-y:auto;"></div>
|
||
</div>
|
||
|
||
<div id="tab-events" class="tab-content">
|
||
<!-- Пагинация будет добавлена динамически через JS -->
|
||
<div id="eventsContent" class="events-list">Загрузка...</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Подключаем скомпилированный JS -->
|
||
<script type="module" src="/dist/logs.js"></script>
|
||
|
||
</body>
|
||
</html> |