163 lines
7.4 KiB
HTML
163 lines
7.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>LOGPile - BMC Log Analyzer</title>
|
||
<link rel="stylesheet" href="/static/css/style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>LOGPile <span class="header-domain">mchus.pro</span></h1>
|
||
<p>Анализатор диагностических данных BMC/IPMI</p>
|
||
</header>
|
||
|
||
<main>
|
||
<section id="upload-section">
|
||
<div class="source-switch" role="tablist" aria-label="Источник данных">
|
||
<button type="button" class="source-switch-btn active" data-source-type="archive">Архив</button>
|
||
<button type="button" class="source-switch-btn" data-source-type="api">API</button>
|
||
</div>
|
||
|
||
<div id="archive-source-content">
|
||
<div class="upload-area" id="drop-zone">
|
||
<p>Перетащите архив сюда или</p>
|
||
<input type="file" id="file-input" accept="application/gzip,application/x-gzip,application/x-tar,application/zip" hidden>
|
||
<button type="button" onclick="document.getElementById('file-input').click()">Выберите файл</button>
|
||
<p class="hint">Поддерживаемые форматы: tar.gz, zip</p>
|
||
</div>
|
||
<div id="upload-status"></div>
|
||
<div id="parsers-info" class="parsers-info"></div>
|
||
</div>
|
||
|
||
<div id="api-source-placeholder" class="api-placeholder hidden">
|
||
<p>Подключение по API будет реализовано на следующих шагах.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="data-section" class="hidden">
|
||
<div class="file-info">
|
||
<div class="parser-badge">
|
||
<span class="badge-label">Парсер:</span>
|
||
<span id="parser-name" class="badge-value"></span>
|
||
</div>
|
||
<div class="file-name">
|
||
<span class="badge-label">Файл:</span>
|
||
<span id="file-name" class="badge-value"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<nav class="tabs">
|
||
<button class="tab active" data-tab="config">Конфигурация</button>
|
||
<button class="tab" data-tab="firmware">Прошивки</button>
|
||
<button class="tab" data-tab="sensors">Сенсоры</button>
|
||
<button class="tab" data-tab="serials">Серийные номера</button>
|
||
<button class="tab" data-tab="events">События</button>
|
||
</nav>
|
||
|
||
<div class="tab-content active" id="config">
|
||
<div class="toolbar">
|
||
<button onclick="exportData('json')">Экспорт JSON</button>
|
||
<button onclick="exportData('txt')">Экспорт TXT</button>
|
||
</div>
|
||
<div id="config-content"></div>
|
||
</div>
|
||
|
||
<div class="tab-content" id="firmware">
|
||
<div class="toolbar">
|
||
<span class="toolbar-label">Версии прошивок компонентов</span>
|
||
</div>
|
||
<table id="firmware-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Компонент</th>
|
||
<th>Модель</th>
|
||
<th>Версия</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="tab-content" id="sensors">
|
||
<div class="toolbar">
|
||
<select id="sensor-filter">
|
||
<option value="">Все сенсоры</option>
|
||
<option value="temperature">Температура</option>
|
||
<option value="voltage">Напряжение</option>
|
||
<option value="power">Мощность</option>
|
||
<option value="fan_speed">Вентиляторы</option>
|
||
</select>
|
||
</div>
|
||
<div id="sensors-content"></div>
|
||
</div>
|
||
|
||
<div class="tab-content" id="serials">
|
||
<div class="toolbar">
|
||
<select id="serial-filter">
|
||
<option value="">Все компоненты</option>
|
||
<option value="Board">Материнская плата</option>
|
||
<option value="CPU">Процессоры</option>
|
||
<option value="Memory">Память</option>
|
||
<option value="Storage">Накопители</option>
|
||
<option value="PCIe">PCIe устройства</option>
|
||
<option value="Network">Сетевые адаптеры</option>
|
||
<option value="PSU">Блоки питания</option>
|
||
<option value="Firmware">Прошивки</option>
|
||
<option value="FRU">FRU</option>
|
||
</select>
|
||
<button onclick="exportData('csv')">Экспорт CSV</button>
|
||
</div>
|
||
<table id="serials-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Категория</th>
|
||
<th>Компонент</th>
|
||
<th>Расположение</th>
|
||
<th>Серийный номер</th>
|
||
<th>Производитель</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="tab-content" id="events">
|
||
<div class="toolbar">
|
||
<select id="severity-filter">
|
||
<option value="">Все события</option>
|
||
<option value="critical">Критические</option>
|
||
<option value="warning">Предупреждения</option>
|
||
<option value="info">Информационные</option>
|
||
</select>
|
||
</div>
|
||
<table id="events-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Время</th>
|
||
<th>Источник</th>
|
||
<th>Описание</th>
|
||
<th>Важность</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="footer-buttons">
|
||
<button id="clear-btn" class="hidden" onclick="clearData()">Очистить данные</button>
|
||
<button id="restart-btn" onclick="restartApp()">Перезапуск</button>
|
||
<button id="exit-btn" onclick="exitApp()">Выход</button>
|
||
</div>
|
||
<div class="footer-info">
|
||
<p>Автор: <a href="https://mchus.pro" target="_blank">mchus.pro</a> | <a href="https://git.mchus.pro/mchus/logpile" target="_blank">Git Repository</a></p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="/static/js/app.js"></script>
|
||
</body>
|
||
</html>
|