Nyako
224 lines
12 KiB
HTML
224 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Tasks - LocalBooru</title>
|
|
<style>
|
|
:root { --bg-main: #1e1e1e; --bg-header: #252525; --bg-panel: #222; --bg-box: #2a2a2a; --bg-input: #333; --text-main: #eee; --text-muted: #aaa; --border-color: #444; --link-color: #4da8da; --color-g: #4caf50; --color-s: #ff9800; --color-q: #ffeb3b; --color-e: #f44336; }
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { background-color: var(--bg-main); color: var(--text-main); font-family: sans-serif; font-size: 13px; }
|
|
|
|
/* Header Styles */
|
|
header { display: flex; align-items: center; background-color: var(--bg-header); padding: 10px 20px; border-bottom: 1px solid var(--border-color); gap: 15px; flex-wrap: wrap; }
|
|
.logo { font-weight: bold; font-size: 18px; color: white; text-decoration: none; }
|
|
.nav-link { color: var(--link-color); text-decoration: none; font-size: 12px; font-weight: bold;}
|
|
|
|
/* Search Autocomplete Styles */
|
|
.search-wrapper { flex-grow: 1; max-width: 400px; position: relative; }
|
|
.search-wrapper input { width: 100%; background-color: var(--bg-input); border: 1px solid var(--border-color); color: white; padding: 6px 10px; border-radius: 3px; outline: none; }
|
|
|
|
/* Main Content & Tasks Styles */
|
|
main { padding: 20px; max-width: 1000px; margin: 0 auto; }
|
|
h1 { font-size: 20px; margin-bottom: 20px; color: white; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
|
|
|
|
.task-list { display: flex; flex-direction: column; gap: 15px; }
|
|
|
|
/* Добавил flex-wrap: wrap чтобы результаты могли падать на новую строку */
|
|
.task-card { background-color: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 4px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; transition: background-color 0.2s; }
|
|
.task-card:hover { background-color: var(--bg-box); }
|
|
|
|
.task-info { flex: 1; min-width: 250px; }
|
|
.task-info h3 { font-size: 16px; color: var(--link-color); margin-bottom: 5px; }
|
|
.task-info p { color: var(--text-muted); font-size: 13px; line-height: 1.4; }
|
|
|
|
.task-actions { display: flex; align-items: center; gap: 15px; min-width: 200px; justify-content: flex-end; }
|
|
|
|
.btn { background-color: var(--bg-input); border: 1px solid var(--border-color); color: white; padding: 8px 16px; border-radius: 3px; cursor: pointer; font-weight: bold; transition: all 0.2s; }
|
|
.btn:hover:not(:disabled) { background-color: #444; border-color: #555; }
|
|
.btn:active:not(:disabled) { background-color: #222; }
|
|
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
|
|
|
|
.task-status { font-weight: bold; font-size: 13px; min-width: 90px; text-align: right; }
|
|
.status-success { color: var(--color-g); }
|
|
.status-error { color: var(--color-e); }
|
|
|
|
/* Стили для вывода результатов */
|
|
.task-result-box { width: 100%; margin-top: 10px; border-top: 1px solid var(--border-color); padding-top: 15px; display: none; }
|
|
.task-result-box textarea { width: 100%; height: 150px; background-color: var(--bg-input); color: var(--text-main); border: 1px solid var(--border-color); border-radius: 3px; padding: 10px; margin-top: 10px; resize: vertical; outline: none; font-family: monospace; }
|
|
|
|
@media (max-width: 700px) {
|
|
header { flex-wrap: wrap; }
|
|
.search-wrapper { order: 3; min-width: 100%; margin-top: 10px;}
|
|
.task-card { flex-direction: column; align-items: flex-start; }
|
|
.task-actions { justify-content: flex-start; width: 100%; margin-top: 10px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="/" class="logo">LocalBooru</a>
|
|
</header>
|
|
|
|
<main>
|
|
<h1>System Tasks</h1>
|
|
|
|
<div class="task-list">
|
|
|
|
<!-- ЗАДАЧА 1: Пересчёт аналитики -->
|
|
<div class="task-card">
|
|
<div class="task-info">
|
|
<h3>Пересчёт аналитики</h3>
|
|
<p>Обновляет статистику (количество файлов, занимаемое место). Рекомендуется запускать после массового добавления или удаления постов.</p>
|
|
</div>
|
|
<div class="task-actions">
|
|
<span class="task-status"></span>
|
|
<button class="btn" onclick="executeTask('analytic', this)">Запустить</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ЗАДАЧА 2: Поиск недоступных файлов -->
|
|
<div class="task-card">
|
|
<div class="task-info">
|
|
<h3>Поиск недоступных файлов</h3>
|
|
<p>Ищет посты, для которых отсутствуют физические файлы на диске. Выводит список ссылок на экран и предлагает скачать их в формате .txt.</p>
|
|
</div>
|
|
<div class="task-actions">
|
|
<span class="task-status"></span>
|
|
<button class="btn" onclick="executeNotFoundFilesTask(this)">Запустить</button>
|
|
</div>
|
|
<!-- Блок вывода результатов (изначально скрыт) -->
|
|
<div class="task-result-box" id="result-box-not-found">
|
|
<div style="display: flex; justify-content: space-between; align-items: center;">
|
|
<span>Найдено битых ссылок: <b id="not-found-count" style="color: var(--color-e);">0</b></span>
|
|
<button class="btn" id="btn-download-txt" style="display: none;">Скачать .txt</button>
|
|
</div>
|
|
<textarea id="not-found-textarea" readonly></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<script>
|
|
// === БАЗОВАЯ ЛОГИКА ЗАДАЧ (БЕЗ ВОЗВРАТА ДАННЫХ) ===
|
|
async function executeTask(taskName, btn) {
|
|
const statusSpan = btn.previousElementSibling;
|
|
|
|
btn.disabled = true;
|
|
btn.innerText = "Выполнение...";
|
|
statusSpan.innerText = "В процессе ⏳";
|
|
statusSpan.className = "task-status";
|
|
|
|
try {
|
|
const response = await fetch('/api', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ type: "task", task: taskName })
|
|
});
|
|
|
|
if (response.ok) {
|
|
statusSpan.innerText = "Успешно ✔";
|
|
statusSpan.classList.add('status-success');
|
|
} else {
|
|
statusSpan.innerText = `Ошибка (${response.status}) ✖`;
|
|
statusSpan.classList.add('status-error');
|
|
}
|
|
} catch (error) {
|
|
statusSpan.innerText = "Сбой сети ✖";
|
|
statusSpan.classList.add('status-error');
|
|
console.error("Task execution error:", error);
|
|
} finally {
|
|
btn.disabled = false;
|
|
btn.innerText = "Запустить";
|
|
}
|
|
}
|
|
|
|
// === ЛОГИКА ЗАДАЧИ: Поиск недоступных файлов ===
|
|
async function executeNotFoundFilesTask(btn) {
|
|
const statusSpan = btn.previousElementSibling;
|
|
|
|
// Элементы интерфейса для вывода
|
|
const resultBox = document.getElementById('result-box-not-found');
|
|
const textarea = document.getElementById('not-found-textarea');
|
|
const countSpan = document.getElementById('not-found-count');
|
|
const downloadBtn = document.getElementById('btn-download-txt');
|
|
|
|
btn.disabled = true;
|
|
btn.innerText = "Выполнение...";
|
|
statusSpan.innerText = "В процессе ⏳";
|
|
statusSpan.className = "task-status";
|
|
|
|
// Скрываем прошлый результат перед новым запуском
|
|
resultBox.style.display = 'none';
|
|
|
|
try {
|
|
const response = await fetch('/api', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ type: "task", task: "not_found_file" })
|
|
});
|
|
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
const md5List = data.list || [];
|
|
|
|
statusSpan.innerText = "Успешно ✔";
|
|
statusSpan.classList.add('status-success');
|
|
|
|
if (md5List.length > 0) {
|
|
// Формируем ссылки
|
|
const linksArray = md5List.map(md5 => `/post/${md5}`);
|
|
const linksText = linksArray.join('\n');
|
|
|
|
// Выводим на экран
|
|
countSpan.innerText = md5List.length;
|
|
textarea.value = linksText;
|
|
resultBox.style.display = 'block';
|
|
|
|
// Настраиваем скачивание
|
|
downloadBtn.style.display = 'block';
|
|
downloadBtn.onclick = () => downloadFileAsTxt(linksText, 'not_found_files.txt');
|
|
|
|
// Сразу инициируем скачивание
|
|
downloadFileAsTxt(linksText, 'not_found_files.txt');
|
|
} else {
|
|
// Если битых файлов нет
|
|
countSpan.innerText = '0';
|
|
textarea.value = "Недоступных файлов не обнаружено.";
|
|
downloadBtn.style.display = 'none';
|
|
resultBox.style.display = 'block';
|
|
}
|
|
|
|
} else {
|
|
statusSpan.innerText = `Ошибка (${response.status}) ✖`;
|
|
statusSpan.classList.add('status-error');
|
|
}
|
|
} catch (error) {
|
|
statusSpan.innerText = "Сбой сети ✖";
|
|
statusSpan.classList.add('status-error');
|
|
console.error("Task execution error:", error);
|
|
} finally {
|
|
btn.disabled = false;
|
|
btn.innerText = "Запустить";
|
|
}
|
|
}
|
|
|
|
// === ВСПОМОГАТЕЛЬНАЯ ФУНКЦИЯ ДЛЯ СКАЧИВАНИЯ TXT ===
|
|
function downloadFileAsTxt(content, filename) {
|
|
const blob = new Blob([content], { type: 'text/plain' });
|
|
const url = URL.createObjectURL(blob);
|
|
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = filename;
|
|
|
|
document.body.appendChild(a);
|
|
a.click();
|
|
|
|
document.body.removeChild(a);
|
|
URL.revokeObjectURL(url);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |