Claude
bb87f52834
Проверка пароля переведена на PAM (python-pam) с fallback на crypt/spwd для совместимости, все POST-формы защищены CSRF-токеном в сессии, после пяти неудачных попыток входа включается пауза 60 секунд, установщик генерирует самоподписанный TLS-сертификат и панель по умолчанию работает по HTTPS (отключается VIRTUALITY_TLS=0). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PKUoZwHMCHnytfswFVRUHw
171 строка
6.7 KiB
HTML
171 строка
6.7 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ operation.title }} — {{ app_name }}</title>
|
|
<link rel="stylesheet" href="/static/app.css">
|
|
</head>
|
|
<body>
|
|
<div class="shell">
|
|
<header class="topbar">
|
|
<div>
|
|
<div class="brand">{{ operation.title }}</div>
|
|
<div class="muted">Фоновая операция Virtuality</div>
|
|
</div>
|
|
<div class="top-meta">
|
|
<span>user: {{ user }}</span>
|
|
<a class="link-pill" href="/operations">Операции</a>
|
|
<a class="link-pill" href="/">← Дашборд</a>
|
|
<form method="post" action="/logout" class="logout-form"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="ghost">Выйти</button></form>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="grid two">
|
|
<article class="card" id="operation-card" data-operation-id="{{ operation.id }}" data-initial-progress="{{ operation.progress }}">
|
|
<div class="card-head">
|
|
<h2>Состояние</h2>
|
|
<span id="operation-status" class="status {{ operation_css(operation.status) }}">{{ operation.status }}</span>
|
|
</div>
|
|
|
|
<div class="operation-summary">
|
|
<div>
|
|
<div class="label">Прогресс</div>
|
|
<div class="progress big"><span id="operation-progress-bar" style="width: {{ operation.progress }}%"></span></div>
|
|
<div id="operation-progress-text" class="muted small-note">{{ operation.progress }}%</div>
|
|
</div>
|
|
<div>
|
|
<div class="label">Сообщение</div>
|
|
<div id="operation-message" class="value small">{{ operation.message }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="meta-grid">
|
|
<div><span>VM</span><strong>{{ operation.vm_name }}</strong></div>
|
|
<div><span>RAM</span><strong>{{ operation.memory }} MB</strong></div>
|
|
<div><span>CPU</span><strong>{{ operation.vcpus }}</strong></div>
|
|
<div><span>Disk</span><strong>{{ operation.disk_size }} GB</strong></div>
|
|
<div><span>Bridge</span><strong>{{ operation.bridge }}</strong></div>
|
|
<div><span>Created</span><strong>{{ operation.created_at }}</strong></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="card">
|
|
<div class="card-head">
|
|
<h2>Команда</h2>
|
|
<span class="pill">virt-install</span>
|
|
</div>
|
|
<pre class="command-box">{{ operation.cmd }}</pre>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="card-head">
|
|
<h2>Журнал virt-install</h2>
|
|
<span class="pill live-dot">live</span>
|
|
</div>
|
|
<pre id="operation-log" class="op-log">{{ operation.log_tail }}</pre>
|
|
</section>
|
|
|
|
<script>
|
|
const card = document.getElementById('operation-card');
|
|
const operationId = card.dataset.operationId;
|
|
const statusEl = document.getElementById('operation-status');
|
|
const progressBar = document.getElementById('operation-progress-bar');
|
|
const progressText = document.getElementById('operation-progress-text');
|
|
const messageEl = document.getElementById('operation-message');
|
|
const logEl = document.getElementById('operation-log');
|
|
|
|
let serverProgress = Number(card.dataset.initialProgress || 0);
|
|
let visualProgress = serverProgress;
|
|
let lastServerProgress = serverProgress;
|
|
let currentStatus = statusEl.textContent.trim() || 'queued';
|
|
let lastProgressAt = Date.now();
|
|
|
|
function statusClass(status) {
|
|
if (status === 'success') return 'status ok';
|
|
if (status === 'error') return 'status err';
|
|
return 'status warn';
|
|
}
|
|
|
|
function setProgress(value) {
|
|
const safeValue = Math.max(0, Math.min(100, Math.round(value)));
|
|
progressBar.style.width = `${safeValue}%`;
|
|
progressText.textContent = `${safeValue}%`;
|
|
}
|
|
|
|
function interpolateProgress() {
|
|
if (currentStatus === 'success') {
|
|
visualProgress = 100;
|
|
setProgress(100);
|
|
clearInterval(window.virtualitySmoothProgressTimer);
|
|
return;
|
|
}
|
|
if (currentStatus === 'error') {
|
|
visualProgress = Math.max(visualProgress, serverProgress || 100);
|
|
setProgress(visualProgress);
|
|
clearInterval(window.virtualitySmoothProgressTimer);
|
|
return;
|
|
}
|
|
if (currentStatus !== 'queued' && currentStatus !== 'running') return;
|
|
|
|
const ceiling = currentStatus === 'queued' ? 12 : 95;
|
|
const ageSeconds = Math.max(1, Math.floor((Date.now() - lastProgressAt) / 1000));
|
|
const baseStep = currentStatus === 'queued' ? 0.35 : 0.75;
|
|
const slowDown = visualProgress > 80 ? 0.28 : visualProgress > 60 ? 0.45 : 1;
|
|
const step = Math.min(2.5, baseStep * slowDown * ageSeconds);
|
|
|
|
if (visualProgress < ceiling) {
|
|
visualProgress = Math.min(ceiling, Math.max(visualProgress, serverProgress) + step);
|
|
setProgress(visualProgress);
|
|
}
|
|
}
|
|
|
|
async function refreshOperation() {
|
|
try {
|
|
const response = await fetch(`/api/operations/${operationId}`, {cache: 'no-store'});
|
|
if (!response.ok) return;
|
|
const payload = await response.json();
|
|
if (!payload.ok) return;
|
|
|
|
const op = payload.operation;
|
|
currentStatus = op.status || currentStatus;
|
|
serverProgress = Number(op.progress || 0);
|
|
statusEl.textContent = currentStatus;
|
|
statusEl.className = statusClass(currentStatus);
|
|
|
|
if (serverProgress !== lastServerProgress || currentStatus === 'success' || currentStatus === 'error') {
|
|
lastProgressAt = Date.now();
|
|
lastServerProgress = serverProgress;
|
|
}
|
|
|
|
if (currentStatus === 'success') {
|
|
visualProgress = 100;
|
|
} else if (currentStatus === 'error') {
|
|
visualProgress = Math.max(visualProgress, serverProgress);
|
|
} else {
|
|
visualProgress = Math.max(visualProgress, serverProgress);
|
|
}
|
|
|
|
setProgress(visualProgress);
|
|
messageEl.textContent = op.message || '';
|
|
logEl.textContent = op.log_tail || '';
|
|
logEl.scrollTop = logEl.scrollHeight;
|
|
|
|
if (currentStatus === 'success' || currentStatus === 'error') {
|
|
clearInterval(window.virtualityOperationTimer);
|
|
}
|
|
} catch (error) {
|
|
messageEl.textContent = 'Ожидаем ответ операции...';
|
|
}
|
|
}
|
|
|
|
window.virtualityOperationTimer = setInterval(refreshOperation, 1500);
|
|
window.virtualitySmoothProgressTimer = setInterval(interpolateProgress, 1000);
|
|
refreshOperation();
|
|
interpolateProgress();
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|
© 2026 StackWorks