36 lines
3.0 KiB
HTML
36 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>История — YouTubeDL</title>
|
|
<script src="theme-init.js"></script>
|
|
<link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="history.css">
|
|
</head>
|
|
<body>
|
|
<main class="history-app">
|
|
<header class="header">
|
|
<div class="brand"><span class="brand-icon" aria-hidden="true">↓</span><div><strong>YouTubeDL</strong><span>История на этом устройстве</span></div></div>
|
|
<button id="theme" type="button" class="icon-button" title="Тема: автоматически" aria-label="Сменить тему">◐</button>
|
|
</header>
|
|
<h1>История</h1>
|
|
<p class="history-intro">Скачанные файлы и сообщения об ошибках — в одном месте.</p>
|
|
<div class="history-tabs" role="tablist" aria-label="Раздел истории">
|
|
<button id="downloads-tab" type="button" role="tab" aria-selected="true" aria-controls="downloads-panel"><span>Загрузки</span><span id="downloads-count" class="history-count">0</span></button>
|
|
<button id="errors-tab" type="button" role="tab" aria-selected="false" aria-controls="errors-panel" tabindex="-1"><span>Ошибки</span><span id="errors-count" class="history-count">0</span></button>
|
|
</div>
|
|
<div id="history-alert" class="alert" role="alert" hidden></div>
|
|
<div id="history-connection" class="history-connection" hidden><span id="history-connection-message" role="status"></span><button id="history-retry" type="button" class="small-button">Повторить</button></div>
|
|
<section id="downloads-panel" role="tabpanel" aria-labelledby="downloads-tab" tabindex="0">
|
|
<div id="downloads-empty" class="history-empty"><span class="empty-symbol" aria-hidden="true">↓</span><h2>Загрузок пока нет</h2><p>Здесь появятся завершённые и отменённые скачивания. Текущий прогресс остаётся в уведомлениях и настройках.</p></div>
|
|
<div id="downloads-list" class="history-list"></div>
|
|
</section>
|
|
<section id="errors-panel" role="tabpanel" aria-labelledby="errors-tab" tabindex="0" hidden>
|
|
<div id="errors-empty" class="history-empty"><span class="empty-symbol" aria-hidden="true">✓</span><h2>Ошибок нет</h2><p>Если загрузка, получение качества или обновление компонентов завершится ошибкой, её сообщение появится здесь.</p></div>
|
|
<div id="errors-list" class="history-list"></div>
|
|
</section>
|
|
<footer class="history-footer">Записи хранятся только на этом устройстве: до 30 последних операций. Наличие записи не гарантирует, что файл остался в прежней папке.</footer>
|
|
</main>
|
|
<script type="module" src="history.js"></script>
|
|
</body>
|
|
</html>
|