admin
a47cf964e5
After restore, the setup server (port 8081) exits and the main controller restarts on port 8080. waitForRestart() now polls port 8080 using no-cors mode and redirects there when it responds. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
91 lines
3.8 KiB
HTML
91 lines
3.8 KiB
HTML
{{define "setup_restore_exec"}}
|
|
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Visszaállítás folyamatban — Felhom</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body class="login-body">
|
|
<div class="setup-container">
|
|
<div class="setup-header">
|
|
<img src="/static/felhom-logo.svg" alt="Felhom.eu" style="width: 120px;">
|
|
<h1>Visszaállítás</h1>
|
|
</div>
|
|
|
|
<div class="setup-card">
|
|
<ul class="step-list" id="steps">
|
|
<li><span class="spinner"></span> Indítás...</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="done-msg" style="display: none;">
|
|
<div class="alert alert-info">Visszaállítás sikeres! A vezérlőpult újraindul...</div>
|
|
</div>
|
|
<div id="error-msg" style="display: none;">
|
|
<div class="alert alert-error" id="error-text"></div>
|
|
<div style="display: flex; gap: 0.75rem; margin-top: 1rem;">
|
|
<a href="/setup/failed" class="btn btn-outline">Tovább</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
(function() {
|
|
// After restore, the setup server (port 8081) exits and the main
|
|
// controller restarts on port 8080. Poll port 8080 until it responds.
|
|
var mainURL = window.location.protocol + '//' + window.location.hostname + ':8080/';
|
|
function waitForRestart() {
|
|
fetch(mainURL, {redirect: 'follow', mode: 'no-cors'})
|
|
.then(function() {
|
|
window.location.href = mainURL;
|
|
})
|
|
.catch(function() {
|
|
setTimeout(waitForRestart, 2000);
|
|
});
|
|
}
|
|
function poll() {
|
|
fetch('/setup/restore/status')
|
|
.then(function(r) { return r.json(); })
|
|
.then(function(data) {
|
|
var list = document.getElementById('steps');
|
|
if (data.steps && data.steps.length > 0) {
|
|
list.innerHTML = '';
|
|
data.steps.forEach(function(step) {
|
|
var li = document.createElement('li');
|
|
var icon = '';
|
|
if (step.status === 'done') icon = '<span class="step-done">✓</span>';
|
|
else if (step.status === 'running') icon = '<span class="spinner"></span>';
|
|
else if (step.status === 'failed') icon = '<span class="step-failed">✗</span>';
|
|
else icon = '<span style="color: var(--text-secondary);">○</span>';
|
|
li.innerHTML = icon + ' ' + step.label;
|
|
if (step.error) li.innerHTML += '<br><small style="color: var(--red, #f85149);">' + step.error + '</small>';
|
|
list.appendChild(li);
|
|
});
|
|
}
|
|
if (data.error) {
|
|
document.getElementById('error-msg').style.display = 'block';
|
|
document.getElementById('error-text').textContent = data.error;
|
|
return;
|
|
}
|
|
if (data.done) {
|
|
document.getElementById('done-msg').style.display = 'block';
|
|
setTimeout(waitForRestart, 3000);
|
|
return;
|
|
}
|
|
setTimeout(poll, 1500);
|
|
})
|
|
.catch(function() {
|
|
// Connection lost — controller is restarting
|
|
document.getElementById('done-msg').style.display = 'block';
|
|
setTimeout(waitForRestart, 3000);
|
|
});
|
|
}
|
|
poll();
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|
|
{{end}}
|