admin
2a353572f7
pendingActivationDrives() flags registered drives the agent shows attached but not live-mounted in the container; settings banner + "Újraindítás most" button → /api/storage/activate → agentapi.GuestReboot. Batches all pending into one restart. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1145 lines
59 KiB
HTML
1145 lines
59 KiB
HTML
{{define "settings"}}
|
||
{{template "layout_start" .}}
|
||
|
||
<div class="page-header">
|
||
<h2>Beállítások</h2>
|
||
</div>
|
||
|
||
<!-- Section A: System Configuration (read-only) -->
|
||
<div class="settings-card">
|
||
<h3>Rendszer konfiguráció</h3>
|
||
<p class="settings-card-desc">Az üzemeltető által beállított értékek. Módosításhoz kérd az üzemeltetőt.</p>
|
||
<div class="settings-grid">
|
||
<div class="settings-row">
|
||
<span class="settings-label">Ügyfél azonosító</span>
|
||
<span class="settings-value mono">{{.CustomerID}}</span>
|
||
</div>
|
||
<div class="settings-row">
|
||
<span class="settings-label">Ügyfél neve</span>
|
||
<span class="settings-value">{{.CustomerName}}</span>
|
||
</div>
|
||
<div class="settings-row">
|
||
<span class="settings-label">Domain</span>
|
||
<span class="settings-value mono">{{.CustomerDomain}}</span>
|
||
</div>
|
||
{{if .GitRepoURL}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Alkalmazás sablon forrás</span>
|
||
<span class="settings-value mono settings-value-truncate">{{.GitRepoURL}}</span>
|
||
</div>
|
||
{{end}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Sablon szinkronizálás</span>
|
||
<span class="settings-value mono">{{.GitSyncInterval}}</span>
|
||
</div>
|
||
<div class="settings-row">
|
||
<span class="settings-label">Biztonsági mentés</span>
|
||
<span class="settings-value">{{if .BackupEnabled}}<span class="state-text-green">✅ Aktív</span>{{else}}<span class="state-text-red">❌ Inaktív</span>{{end}}</span>
|
||
</div>
|
||
{{if .BackupEnabled}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Mentés ütemezés</span>
|
||
<span class="settings-value mono">{{.DBDumpSchedule}} / {{.ResticSchedule}}</span>
|
||
</div>
|
||
{{end}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Monitoring</span>
|
||
<span class="settings-value">{{if .MonitoringEnabled}}<span class="state-text-green">✅ Aktív</span>{{else}}<span class="state-text-red">❌ Inaktív</span>{{end}}</span>
|
||
</div>
|
||
{{if .MonitoringEnabled}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Healthchecks URL</span>
|
||
<span class="settings-value mono settings-value-truncate">{{if .HealthchecksBase}}{{.HealthchecksBase}}{{else}}–{{end}}</span>
|
||
</div>
|
||
{{end}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Hub jelentés</span>
|
||
<span class="settings-value">{{if .HubEnabled}}<span class="state-text-green">✅ Aktív</span>{{else}}–{{end}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Section: Version & Update -->
|
||
<div class="settings-card">
|
||
<h3>Verzió és frissítés</h3>
|
||
<div class="settings-grid">
|
||
<div class="settings-row">
|
||
<span class="settings-label">Jelenlegi verzió</span>
|
||
<span class="settings-value mono">{{.Version}}</span>
|
||
</div>
|
||
{{if .SelfUpdateEnabled}}
|
||
{{if .LatestVersion}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Legújabb verzió</span>
|
||
<span class="settings-value mono">
|
||
{{.LatestVersion}}
|
||
{{if .UpdateAvailable}}
|
||
<span class="state-text-green" style="margin-left:0.5em;">● Frissítés elérhető</span>
|
||
{{else}}
|
||
<span style="margin-left:0.5em; color:#888;">— naprakész</span>
|
||
{{end}}
|
||
</span>
|
||
</div>
|
||
{{end}}
|
||
{{if .LastCheckTime}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Utolsó ellenőrzés</span>
|
||
<span class="settings-value mono">{{.LastCheckTime}}</span>
|
||
</div>
|
||
{{end}}
|
||
{{if .LastCheckError}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Hiba</span>
|
||
<span class="settings-value state-text-red">{{.LastCheckError}}</span>
|
||
</div>
|
||
{{end}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Automatikus frissítés</span>
|
||
<span class="settings-value">
|
||
{{if .AutoUpdateEnabled}}<span class="state-text-green">✅ Aktív</span> <span class="mono">({{.AutoUpdateTime}})</span>{{else}}–{{end}}
|
||
</span>
|
||
</div>
|
||
{{with .LastUpdateState}}
|
||
<div class="settings-row">
|
||
<span class="settings-label">Utolsó frissítés</span>
|
||
<span class="settings-value">
|
||
{{if eq .Status "success"}}<span class="state-text-green">✅ Sikeres</span> ({{.PreviousVersion}} → {{.TargetVersion}})
|
||
{{else if eq .Status "failed"}}<span class="state-text-red">❌ Sikertelen</span> — {{.Error}}
|
||
{{else if eq .Status "pending"}}<span class="state-text-yellow">⏳ Folyamatban</span>
|
||
{{end}}
|
||
</span>
|
||
</div>
|
||
{{end}}
|
||
<div class="settings-row" style="padding-top: 0.5em;">
|
||
<span class="settings-label"></span>
|
||
<span class="settings-value">
|
||
<button class="btn btn-secondary btn-sm" id="btn-check-update" onclick="checkUpdate()">Frissítés keresése</button>
|
||
{{if .UpdateAvailable}}
|
||
<button class="btn btn-primary btn-sm" id="btn-trigger-update" onclick="triggerUpdate()" style="margin-left:0.5em;">Frissítés telepítése</button>
|
||
{{end}}
|
||
<span id="update-status-msg" style="margin-left:0.5em; display:none;"></span>
|
||
</span>
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
function checkUpdate() {
|
||
var btn = document.getElementById('btn-check-update');
|
||
var msg = document.getElementById('update-status-msg');
|
||
btn.disabled = true;
|
||
btn.textContent = 'Ellenőrzés...';
|
||
msg.style.display = 'none';
|
||
fetch('/api/selfupdate/check', {method:'POST', headers: csrfHeaders()})
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(data) {
|
||
if (data.ok) {
|
||
location.reload();
|
||
} else {
|
||
msg.textContent = data.error || 'Hiba történt';
|
||
msg.style.display = 'inline';
|
||
btn.disabled = false;
|
||
btn.textContent = 'Frissítés keresése';
|
||
}
|
||
})
|
||
.catch(function() {
|
||
msg.textContent = 'Kapcsolódási hiba';
|
||
msg.style.display = 'inline';
|
||
btn.disabled = false;
|
||
btn.textContent = 'Frissítés keresése';
|
||
});
|
||
}
|
||
|
||
function triggerUpdate() {
|
||
if (!confirm('Biztosan frissíti a controllert?\n\nA folyamat alatt a vezérlőpult rövid időre elérhetetlenné válik.')) return;
|
||
var btn = document.getElementById('btn-trigger-update');
|
||
var checkBtn = document.getElementById('btn-check-update');
|
||
var msg = document.getElementById('update-status-msg');
|
||
btn.disabled = true;
|
||
btn.textContent = 'Frissítés...';
|
||
if (checkBtn) checkBtn.disabled = true;
|
||
msg.textContent = 'Frissítés folyamatban...';
|
||
msg.style.display = 'inline';
|
||
fetch('/api/selfupdate/update', {method:'POST', headers: csrfHeaders()})
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(data) {
|
||
if (data.ok) {
|
||
msg.textContent = 'Újraindulás...';
|
||
pollUntilBack();
|
||
} else {
|
||
msg.textContent = data.error || 'Hiba történt';
|
||
btn.disabled = false;
|
||
btn.textContent = 'Frissítés telepítése';
|
||
if (checkBtn) checkBtn.disabled = false;
|
||
}
|
||
})
|
||
.catch(function() {
|
||
msg.textContent = 'Kapcsolódási hiba';
|
||
pollUntilBack();
|
||
});
|
||
}
|
||
|
||
function pollUntilBack() {
|
||
var iv = setInterval(function() {
|
||
fetch('/api/health')
|
||
.then(function(r) {
|
||
if (r.ok) {
|
||
clearInterval(iv);
|
||
location.reload();
|
||
}
|
||
})
|
||
.catch(function() {});
|
||
}, 3000);
|
||
}
|
||
</script>
|
||
|
||
<!-- Section: Storage Paths -->
|
||
<div class="settings-card">
|
||
<h3>Adattárolók</h3>
|
||
<p class="settings-card-desc">Külső meghajtók kezelése alkalmazásadatok tárolásához.</p>
|
||
|
||
{{if .StorageError}}<div class="alert alert-error">{{.StorageError}}</div>{{end}}
|
||
{{if .StorageSuccess}}<div class="alert alert-info">{{.StorageSuccess}}</div>{{end}}
|
||
|
||
{{if .StoragePaths}}
|
||
<div class="storage-paths-list">
|
||
{{range .StoragePaths}}
|
||
<div class="storage-path-item{{if .Disconnected}} storage-disconnected{{else if .Decommissioned}} storage-decommissioned{{end}}">
|
||
<div class="storage-path-header">
|
||
<div class="storage-path-info">
|
||
<div class="storage-path-label-wrap" id="label-wrap-{{.Path}}">
|
||
<span class="storage-path-label" id="label-display-{{.Path}}">{{.Label}}</span>
|
||
{{if not (or .Disconnected .Decommissioned)}}<button class="btn btn-xs btn-ghost" onclick="editStorageLabel('{{.Path}}', '{{.Label}}')" title="Átnevezés">✏️</button>{{end}}
|
||
</div>
|
||
<span class="storage-path-path mono">{{.Path}}</span>
|
||
</div>
|
||
<div class="storage-path-badges">
|
||
{{if .Disconnected}}
|
||
<span class="badge badge-error">Leválasztva</span>
|
||
{{else if .Decommissioned}}
|
||
<span class="badge state-gray">Kiváltva</span>
|
||
{{else}}
|
||
{{if .IsDefault}}<span class="badge state-green">Alapértelmezett</span>{{end}}
|
||
{{if .Schedulable}}<span class="badge" style="background:rgba(0,136,204,0.15);color:var(--accent-light)">Aktív</span>{{else}}<span class="badge state-gray">Inaktív</span>{{end}}
|
||
{{if .IsUSB}}<span class="badge" style="background:rgba(255,165,0,0.15);color:var(--yellow)">USB</span>{{end}}
|
||
{{if not .IsMounted}}<span class="badge badge-warn">Rendszermeghajtón</span>{{end}}
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
{{if .Disconnected}}
|
||
<div class="storage-path-details">
|
||
<div class="storage-disconnected-info">
|
||
{{if .DisconnectedAt}}<span class="form-hint">Leválasztva: {{.DisconnectedAt}}</span>{{end}}
|
||
{{if .StoppedApps}}
|
||
<span class="form-hint">Leállított alkalmazások: {{range $i, $name := .StoppedApps}}{{if $i}}, {{end}}{{$name}}{{end}}</span>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
<div class="storage-path-actions" id="storage-actions-{{.Path}}">
|
||
<button class="btn btn-xs btn-primary" onclick="storageReconnect('{{.Path}}')">Csatlakoztatás</button>
|
||
</div>
|
||
{{else if .Decommissioned}}
|
||
<div class="storage-path-details">
|
||
<div class="storage-disconnected-info">
|
||
<span class="form-hint">Adatok átköltöztetve ide: <strong>{{.MigratedToLabel}}</strong> ({{.MigratedTo}})</span>
|
||
{{if .DecommissionedAt}}<span class="form-hint">Időpont: {{.DecommissionedAt}}</span>{{end}}
|
||
</div>
|
||
</div>
|
||
<div class="storage-path-actions">
|
||
<form method="POST" action="/settings/storage/remove" style="display:inline"
|
||
onsubmit="return confirm('Biztosan eltávolítja a(z) {{.Label}} ({{.Path}}) meghajtót a rendszerből?\n\nA meghajtó adatai NEM törlődnek.')">
|
||
{{$.CSRFField}}
|
||
<input type="hidden" name="storage_path" value="{{.Path}}">
|
||
<button type="submit" class="btn btn-xs btn-outline">Eltávolítás a rendszerből</button>
|
||
</form>
|
||
</div>
|
||
{{else}}
|
||
<div class="storage-path-details">
|
||
{{if .DiskInfo}}
|
||
<div class="storage-path-disk">
|
||
<div class="system-info-header">
|
||
<span class="system-info-value">{{.DiskInfo.UsedHuman}} / {{.DiskInfo.TotalHuman}}</span>
|
||
</div>
|
||
<div class="system-bar">
|
||
<div class="system-bar-fill {{if ge .DiskInfo.UsedPercent 90.0}}system-bar-red{{else if ge .DiskInfo.UsedPercent 70.0}}system-bar-yellow{{else}}system-bar-green{{end}}"
|
||
style="width:{{printf "%.0f" .DiskInfo.UsedPercent}}%"></div>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
{{if .FSInfo}}
|
||
<div class="storage-path-fsinfo mono form-hint">
|
||
{{.FSInfo.FSType}} · {{.FSInfo.Device}}{{if .FSInfo.Model}} · {{.FSInfo.Model}}{{end}}
|
||
</div>
|
||
{{end}}
|
||
{{if .StoppedApps}}
|
||
<div class="storage-stopped-apps-info" id="storage-stopped-{{.Path}}">
|
||
<span class="form-hint" style="color:var(--accent-light)">Újraindításra váró alkalmazások: {{range $i, $name := .StoppedApps}}{{if $i}}, {{end}}{{$name}}{{end}}</span>
|
||
<button class="btn btn-xs btn-primary" onclick="storageRestartApps('{{.Path}}')" style="margin-left:.5rem">Alkalmazások indítása</button>
|
||
</div>
|
||
{{end}}
|
||
<div class="storage-path-meta">
|
||
{{if .AppDetails}}
|
||
<details class="storage-app-details">
|
||
<summary class="form-hint" style="cursor:pointer">
|
||
{{.AppCount}} alkalmazás használja
|
||
</summary>
|
||
<div class="storage-app-list">
|
||
{{range .AppDetails}}
|
||
<div class="storage-app-row">
|
||
<a href="/apps/{{.Stack}}" class="storage-app-link">{{.Name}}</a>
|
||
{{if .SizeHuman}}<span class="mono form-hint">{{.SizeHuman}}</span>{{end}}
|
||
<span class="btn btn-xs btn-outline" style="opacity:.45;cursor:not-allowed" title="Hamarosan">📦 Mozgatás</span>
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
</details>
|
||
{{else}}
|
||
<span class="form-hint">Nincs alkalmazás ezen a tárolón</span>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
<div class="storage-path-actions">
|
||
{{if not .IsDefault}}
|
||
<form method="POST" action="/settings/storage/default" style="display:inline">
|
||
{{$.CSRFField}}
|
||
<input type="hidden" name="storage_path" value="{{.Path}}">
|
||
<button type="submit" class="btn btn-xs btn-outline">Legyen alapértelmezett</button>
|
||
</form>
|
||
{{end}}
|
||
{{if .Schedulable}}
|
||
<form method="POST" action="/settings/storage/schedulable" style="display:inline">
|
||
{{$.CSRFField}}
|
||
<input type="hidden" name="storage_path" value="{{.Path}}">
|
||
<input type="hidden" name="schedulable" value="false">
|
||
<button type="submit" class="btn btn-xs btn-outline">Letiltás</button>
|
||
</form>
|
||
{{else}}
|
||
<form method="POST" action="/settings/storage/schedulable" style="display:inline">
|
||
{{$.CSRFField}}
|
||
<input type="hidden" name="storage_path" value="{{.Path}}">
|
||
<input type="hidden" name="schedulable" value="true">
|
||
<button type="submit" class="btn btn-xs btn-outline">Engedélyezés</button>
|
||
</form>
|
||
{{end}}
|
||
{{if .IsUSB}}
|
||
<button class="btn btn-xs btn-danger-outline" onclick="storageDisconnect('{{.Path}}', '{{.Label}}', {{.AppCount}})">Leválasztás</button>
|
||
{{end}}
|
||
{{if and (not .IsDefault) (eq .AppCount 0)}}
|
||
<form method="POST" action="/settings/storage/remove" style="display:inline"
|
||
onsubmit="return confirm('Biztosan eltávolítja a(z) {{.Path}} adattárolót?')">
|
||
{{$.CSRFField}}
|
||
<input type="hidden" name="storage_path" value="{{.Path}}">
|
||
<button type="submit" class="btn btn-xs btn-danger-outline">Eltávolítás</button>
|
||
</form>
|
||
{{end}}
|
||
{{if and (gt .AppCount 0) .HasOtherPaths}}
|
||
<span class="btn btn-xs btn-outline" style="opacity:.45;cursor:not-allowed" title="Hamarosan">📦 Összes adat átköltöztetése</span>
|
||
{{end}}
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
{{else}}
|
||
<div class="empty-state" style="padding:1.5rem">
|
||
Nincs regisztrált adattároló. Adjon hozzá egyet az alábbi űrlappal.
|
||
</div>
|
||
{{end}}
|
||
|
||
<div style="margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap">
|
||
<a href="/settings/storage/init" class="btn btn-sm btn-outline">🔧 Új meghajtó inicializálása</a>
|
||
<a href="/settings/storage/attach" class="btn btn-sm btn-outline">🔗 Meglévő meghajtó csatolása</a>
|
||
</div>
|
||
|
||
{{if .PendingDrives}}
|
||
<div class="alert alert-warning" style="margin-top:1rem">
|
||
<strong>{{len .PendingDrives}} meghajtó aktiválásra vár.</strong>
|
||
Az újonnan csatolt adatmeghajtók a vendég rövid (~30 mp) újraindítása után válnak elérhetővé az alkalmazások számára.
|
||
<div style="margin-top:.6rem"><button class="btn btn-sm btn-primary" id="activate-drives-btn" onclick="activatePendingDrives()">Újraindítás most (~30 mp)</button></div>
|
||
<div id="activate-result" style="margin-top:.5rem"></div>
|
||
</div>
|
||
{{end}}
|
||
|
||
<div style="margin-top:1.5rem">
|
||
<h4 style="margin-bottom:.25rem">Meghajtók (ügynök nézet)</h4>
|
||
<p class="form-hint" style="margin-bottom:.75rem">A host-ügynök által észlelt meghajtók élő nézete. A meghajtó <strong>szerepkörét</strong> az ügynök saját vizsgálattal állapítja meg: a rendszer- és biztonsági-mentés meghajtók védettek (csak operátori aláírással módosíthatók), a felhasználói adatmeghajtókat Ön kezeli.</p>
|
||
<div id="agent-disks">Betöltés…</div>
|
||
</div>
|
||
<div id="confirm-root"></div>
|
||
<script>
|
||
window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}{{end}}];
|
||
(function(){
|
||
function esc(s){ return String(s==null?'':s).replace(/[&<>"]/g,function(c){return {'&':'&','<':'<','>':'>','"':'"'}[c];}); }
|
||
function hum(b){ if(!b||b<=0) return ''; var u=['B','KB','MB','GB','TB'],i=0,v=b; while(v>=1024&&i<u.length-1){v/=1024;i++;} return (v>=10||i===0?Math.round(v):v.toFixed(1))+' '+u[i]; }
|
||
function usageColorClass(p){ if(p>=85) return 'system-bar-red'; if(p>=70) return 'system-bar-yellow'; return 'system-bar-green'; }
|
||
function classBadge(d){
|
||
if(d.class==='fast') return '<span class="badge badge-ok">gyors</span>';
|
||
if(d.class==='slow') return '<span class="badge badge-muted">lassú</span>';
|
||
return '';
|
||
}
|
||
function roleBadge(role){
|
||
if(role==='system') return '<span class="badge badge-lock"><span class="lock-ico">🔒</span>Rendszer</span>';
|
||
if(role==='backup') return '<span class="badge badge-lock"><span class="lock-ico">🔒</span>Biztonsági mentés — védett</span>';
|
||
if(role==='user-data') return '<span class="badge badge-ok">Felhasználói adat</span>';
|
||
return '<span class="badge badge-lock"><span class="lock-ico">🔒</span>Védett</span>';
|
||
}
|
||
function dataBadge(d){ return d.data_bearing ? '<span class="badge badge-error" title="'+esc(d.data_reason)+'">Adatot tartalmaz</span>' : ''; }
|
||
function regBadge(d, registered){
|
||
if(!d.mount_path) return '';
|
||
return registered[d.mount_path] ? '<span class="badge badge-ok">Regisztrálva</span>' : '<span class="badge badge-muted">Nem regisztrált</span>';
|
||
}
|
||
// appBackingTag marks the storages that actually hold deployed apps: the internal SSD (app
|
||
// databases + Docker) and the external user-data drives (large app files). Keyed on the agent's
|
||
// authoritative role/type — pure presentation, no agent contract change.
|
||
function appBackingTag(d){
|
||
if(d.type==='lvmthin') return '<span class="badge badge-info">Alkalmazás-rendszer</span>';
|
||
if(d.role==='user-data') return '<span class="badge badge-info">Alkalmazás-adatok</span>';
|
||
return '';
|
||
}
|
||
// purposeDesc explains, in plain Hungarian, what each storage is for — so the "which one do the
|
||
// apps use?" question is answered per-card. Keyed on type first, then role.
|
||
function purposeDesc(d){
|
||
if(d.type==='lvmthin') return 'Belső SSD — a szerver rendszere, a Docker és a telepített alkalmazások adatbázisai itt találhatók.';
|
||
if(d.type==='local'||d.type==='dir') return 'Host tárhely — rendszer-sablonok, ISO-k, host szintű mentések. Nem tárol alkalmazásadatot.';
|
||
if(d.type==='pbs'||d.role==='backup') return 'A biztonsági mentések tárhelye.';
|
||
if(d.role==='user-data') return 'Külső adattároló — a telepített alkalmazások nagy méretű fájljai (média, dokumentumok) ide kerülnek.';
|
||
return '';
|
||
}
|
||
function capBar(d){
|
||
if(!d.total_bytes || d.total_bytes<=0) return '';
|
||
var pct = d.used_fraction ? d.used_fraction*100 : (d.used_bytes/d.total_bytes*100);
|
||
pct = Math.max(0, Math.min(100, pct));
|
||
return '<div class="drive-cap"><div class="system-bar"><div class="system-bar-fill '+usageColorClass(pct)+'" style="width:'+pct.toFixed(1)+'%"></div></div>'
|
||
+'<div class="drive-cap-label">'+hum(d.used_bytes)+' / '+hum(d.total_bytes)+' ('+pct.toFixed(0)+'%)</div></div>';
|
||
}
|
||
function actions(d, registered){
|
||
// Destructive controls ONLY for user-data drives that are mounted under /mnt. System/backup get none.
|
||
if(d.role!=='user-data' || !d.mount_path || d.mount_path.indexOf('/mnt/')!==0) return '';
|
||
var dev = esc(d.backing_device||''), mp = esc(d.mount_path);
|
||
var btns = '';
|
||
// A mounted-but-unregistered user-data drive: the natural intent is to USE it → Regisztrálás is
|
||
// the PRIMARY action (no format, no eject). Leválasztás/Törlés stay available but secondary.
|
||
if(!registered[d.mount_path]){
|
||
btns += '<button class="btn btn-xs btn-primary" onclick="registerDrive(\''+mp+'\')">Regisztrálás</button> ';
|
||
}
|
||
btns += '<button class="btn btn-xs btn-danger-outline" onclick="confirmEject(\''+mp+'\')">Leválasztás</button>';
|
||
if(d.backing_device){ btns += ' <button class="btn btn-xs btn-danger-outline" onclick="confirmWipe(\''+dev+'\',\''+mp+'\')">Törlés…</button>'; }
|
||
return '<div class="drive-actions">'+btns+'</div>';
|
||
}
|
||
async function load(){
|
||
var box=document.getElementById('agent-disks'); if(!box) return;
|
||
try{
|
||
var r=await fetch('/api/disks'); var j=await r.json();
|
||
if(!j.ok){ box.innerHTML='<p class="form-hint">'+esc(j.error||'Nem elérhető')+'</p>'; return; }
|
||
var disks=(j.data&&j.data.disks)||[];
|
||
if(disks.length===0){ box.innerHTML='<p class="form-hint">Nincs észlelt meghajtó.</p>'; return; }
|
||
var registered={}; (window.__registeredPaths||[]).forEach(function(p){registered[p]=true;});
|
||
// One-line tiering explanation so "which storage do the apps use?" is answered at a glance.
|
||
var html='<p class="drive-tiering-note">Az alkalmazások rendszere és adatbázisai a belső SSD-n (local-lvm), a nagy méretű fájljaik a külső adattárolókon tárolódnak.</p>';
|
||
html+='<div class="drive-list">';
|
||
disks.forEach(function(d){
|
||
var sub = esc(d.type)+' · '+esc(d.backing_device||'—')+(d.mount_path?' · '+esc(d.mount_path):'');
|
||
var badges = roleBadge(d.role)+appBackingTag(d)+classBadge(d)+dataBadge(d)+regBadge(d,registered);
|
||
var purpose = purposeDesc(d);
|
||
html+='<div class="drive-card role-'+esc(d.role||'system')+'">'
|
||
+'<div class="drive-card-top"><div class="drive-id"><span class="drive-name">'+esc(d.name)+'</span><span class="drive-sub">'+sub+'</span></div>'
|
||
+'<div class="drive-badges">'+badges+'</div></div>'
|
||
+(purpose?'<div class="drive-purpose">'+esc(purpose)+'</div>':'')
|
||
+capBar(d)
|
||
+actions(d,registered)
|
||
+'</div>';
|
||
});
|
||
html+='</div>';
|
||
box.innerHTML=html;
|
||
}catch(e){ box.innerHTML='<p class="form-hint">Hiba: '+esc(e.message)+'</p>'; }
|
||
}
|
||
|
||
// ---- type-to-confirm modal (destructive user-data actions) ----
|
||
function closeModal(){ document.getElementById('confirm-root').innerHTML=''; }
|
||
window.__closeConfirm=closeModal;
|
||
async function openConfirm(opts){
|
||
// opts: {title, mount, mountName, danger, onConfirm}
|
||
var apps=[];
|
||
try{
|
||
var r=await fetch('/api/storage/impact?where='+encodeURIComponent(opts.mount));
|
||
var j=await r.json(); if(j.ok && j.data && j.data.apps) apps=j.data.apps;
|
||
}catch(e){}
|
||
var appsHtml = apps.length
|
||
? '<p>A művelet után a következő alkalmazások <strong>nem fognak működni</strong>:</p><ul class="confirm-apps">'+apps.map(function(a){return '<li>'+esc(a)+'</li>';}).join('')+'</ul>'
|
||
: '<p class="form-hint">Ehhez a meghajtóhoz jelenleg nincs telepített alkalmazás rendelve.</p>';
|
||
var root=document.getElementById('confirm-root');
|
||
root.innerHTML='<div class="confirm-overlay" onclick="if(event.target===this)__closeConfirm()"><div class="confirm-box">'
|
||
+'<h3>'+esc(opts.title)+'</h3>'
|
||
+'<div class="alert alert-warning">'+esc(opts.danger)+'</div>'
|
||
+appsHtml
|
||
+'<div class="confirm-input"><label>Megerősítéshez írja be a csatlakoztatási nevet: <strong class="mono">'+esc(opts.mountName)+'</strong></label>'
|
||
+'<input type="text" id="confirm-type" class="form-control" autocomplete="off" placeholder="'+esc(opts.mountName)+'" oninput="document.getElementById(\'confirm-go\').disabled=(this.value!==\''+esc(opts.mountName)+'\')"></div>'
|
||
+'<div class="form-actions"><button id="confirm-go" class="btn btn-danger-outline" disabled>Megerősítés</button>'
|
||
+'<button class="btn btn-outline" onclick="__closeConfirm()">Mégsem</button></div>'
|
||
+'<div id="confirm-result" style="margin-top:.6rem"></div></div></div>';
|
||
document.getElementById('confirm-go').onclick=opts.onConfirm;
|
||
}
|
||
|
||
// registerDrive records an already-mounted, unregistered user-data drive into the StoragePath
|
||
// registry (no format, no eject) — makes the existing mount usable (schedulable + FileBrowser sync).
|
||
window.registerDrive=async function(where){
|
||
try{
|
||
var r=await fetch('/api/storage/register',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify({where:where})});
|
||
var j=await r.json(); if(!j.ok){ alert('Regisztráció sikertelen: '+(j.error||'')); return; }
|
||
location.reload();
|
||
}catch(e){ alert('Hiba: '+e.message); }
|
||
};
|
||
// Activate pending drive binds by rebooting the guest (~30s). The reboot takes the controller down
|
||
// too, so the fetch may not resolve — we reload after the restart window regardless.
|
||
window.activatePendingDrives=function(){
|
||
if(!confirm('A vendég újraindul (~30 másodperc). Eközben az alkalmazások és a vezérlőpult rövid időre nem elérhetők. Folytatja?')) return;
|
||
var btn=document.getElementById('activate-drives-btn'); var out=document.getElementById('activate-result');
|
||
if(btn) btn.disabled=true;
|
||
if(out) out.innerHTML='<span class="form-hint">Újraindítás folyamatban… az oldal automatikusan újratöltődik.</span>';
|
||
fetch('/api/storage/activate',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders())}).catch(function(){});
|
||
setTimeout(function(){location.reload();}, 45000);
|
||
};
|
||
window.confirmEject=function(where){
|
||
var name=where.replace(/^\/mnt\//,'');
|
||
openConfirm({title:'Meghajtó leválasztása', mount:where, mountName:name,
|
||
danger:'A meghajtó leválasztásra kerül. Az adatok megmaradnak, de az ott tárolt alkalmazások elvesztik a tárhelyüket, amíg újra nem csatolja.',
|
||
onConfirm:async function(){
|
||
var out=document.getElementById('confirm-result'); out.innerHTML='<p class="form-hint">Leválasztás folyamatban…</p>';
|
||
try{
|
||
var r=await fetch('/api/storage/eject',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify({where:where})});
|
||
var j=await r.json(); if(!j.ok){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(j.error||'')+'</div>'; return; }
|
||
location.reload();
|
||
}catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(e.message)+'</div>'; }
|
||
}});
|
||
};
|
||
window.confirmWipe=function(device, where){
|
||
var name=where.replace(/^\/mnt\//,'');
|
||
openConfirm({title:'Meghajtó törlése (formázás)', mount:where, mountName:name,
|
||
danger:'FIGYELEM: a meghajtón lévő ÖSSZES ADAT véglegesen törlődik (formázás). Ez nem vonható vissza.',
|
||
onConfirm:async function(){
|
||
var out=document.getElementById('confirm-result'); out.innerHTML='<p class="form-hint">Törlés folyamatban…</p>';
|
||
try{
|
||
var r=await fetch('/api/storage/wipe',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify({device:device, where:where, mount_name:name})});
|
||
var j=await r.json(); if(!j.ok){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(j.error||'')+'</div>'; return; }
|
||
location.reload();
|
||
}catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(e.message)+'</div>'; }
|
||
}});
|
||
};
|
||
load();
|
||
})();
|
||
</script>
|
||
|
||
<details class="storage-add-details">
|
||
<summary class="btn btn-sm btn-outline" style="margin-top:.75rem;cursor:pointer">Már csatlakoztatott tárhely hozzáadása kézzel</summary>
|
||
<form method="POST" action="/settings/storage/add" class="storage-add-form">
|
||
{{.CSRFField}}
|
||
<div class="form-group">
|
||
<label for="storage_path">Elérési út</label>
|
||
<input type="text" id="storage_path" name="storage_path" class="form-control"
|
||
placeholder="/mnt/hdd_1" required>
|
||
<span class="form-hint">Pl. /mnt/hdd_1 — a meghajtónak már csatolva kell lennie</span>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="storage_label">Megnevezés (opcionális)</label>
|
||
<input type="text" id="storage_label" name="storage_label" class="form-control"
|
||
placeholder="Külső HDD 1TB">
|
||
</div>
|
||
<label class="toggle" style="margin-bottom:1rem">
|
||
<input type="checkbox" name="storage_default" value="true">
|
||
<span class="toggle-label">Legyen alapértelmezett új telepítéseknél</span>
|
||
</label>
|
||
<button type="submit" class="btn btn-primary">Hozzáadás</button>
|
||
</form>
|
||
</details>
|
||
</div>
|
||
|
||
<!-- Section: Geo-Restriction -->
|
||
<div class="settings-card">
|
||
<h3>Földrajzi korlátozás</h3>
|
||
<p class="settings-card-desc">
|
||
Ország alapján korlátozható a webes alkalmazások elérése a Cloudflare WAF segítségével.
|
||
<br><span class="form-hint">A helyi hálózati hozzáférés mindig engedélyezett (nem halad át a Cloudflare-en).</span>
|
||
</p>
|
||
|
||
{{if not .CFConfigured}}
|
||
<div class="alert alert-info">
|
||
A Cloudflare API token nincs konfigurálva. Kérd az üzemeltetőt a beállításhoz.<br>
|
||
<small>A tokennek <strong>Zone WAF:Edit</strong> jogosultsággal kell rendelkeznie.</small>
|
||
</div>
|
||
{{else}}
|
||
<div id="geo-status-msg"></div>
|
||
|
||
<label class="toggle" style="margin-bottom:1rem">
|
||
<input type="checkbox" id="geo-enabled" {{if .GeoEnabled}}checked{{end}}
|
||
onchange="toggleGeo(this.checked)">
|
||
<span class="toggle-label">Geo-korlátozás aktív</span>
|
||
</label>
|
||
|
||
<div id="geo-details" {{if not .GeoEnabled}}style="display:none"{{end}}>
|
||
<!-- Global allowed countries -->
|
||
<div class="form-group">
|
||
<label>Engedélyezett országok (globális)</label>
|
||
<div class="geo-country-selector" id="geo-countries">
|
||
<input type="text" id="geo-search" class="form-control"
|
||
placeholder="Ország keresése..."
|
||
autocomplete="off"
|
||
oninput="filterCountries(this.value)"
|
||
onfocus="showCountryList()"
|
||
onblur="setTimeout(function(){hideCountryList()},200)">
|
||
<div class="geo-country-list" id="geo-country-list"></div>
|
||
</div>
|
||
<div class="geo-selected-tags" id="geo-selected-tags"></div>
|
||
<span class="form-hint">Csak a kiválasztott országokból érhető el a rendszer.</span>
|
||
</div>
|
||
|
||
<!-- Per-app overrides -->
|
||
<div class="form-group" style="margin-top:1.5rem">
|
||
<label>Alkalmazás-specifikus felülírások</label>
|
||
<div id="geo-app-overrides"></div>
|
||
{{if .DeployedApps}}
|
||
<div style="margin-top:.5rem;display:flex;align-items:center;gap:.5rem">
|
||
<select id="geo-add-app-select" class="form-control" style="max-width:250px">
|
||
<option value="">— Alkalmazás kiválasztása —</option>
|
||
{{range .DeployedApps}}
|
||
<option value="{{.Name}}">{{.Display}}</option>
|
||
{{end}}
|
||
</select>
|
||
<button class="btn btn-sm btn-outline" onclick="addAppOverride()">+ Hozzáadás</button>
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
|
||
<!-- Sync status & save -->
|
||
<div class="form-group" style="margin-top:1.5rem">
|
||
<div style="display:flex;align-items:center;gap:1rem;flex-wrap:wrap">
|
||
<button class="btn btn-primary" id="btn-geo-save" onclick="saveGeoSettings()">
|
||
Mentés és szinkronizálás
|
||
</button>
|
||
<button class="btn btn-sm btn-outline" onclick="triggerGeoSync()">Kézi szinkronizálás</button>
|
||
<span id="geo-sync-status" class="form-hint">
|
||
{{if .GeoLastSync}}Utolsó szinkronizálás: {{.GeoLastSync}}{{end}}
|
||
{{if .GeoLastError}} <span class="state-text-red">{{.GeoLastError}}</span>{{end}}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
|
||
<script>
|
||
(function(){
|
||
// Geo-restriction UI state
|
||
var allCountries = [];
|
||
var selectedCountries = {{json .GeoAllowedCountries}};
|
||
var appOverrides = {{json .GeoAppOverrides}};
|
||
|
||
// Load countries list on first use
|
||
function ensureCountries(cb) {
|
||
if (allCountries.length > 0) { cb(); return; }
|
||
fetch('/api/geo/countries', {headers: csrfHeaders()})
|
||
.then(function(r){return r.json()})
|
||
.then(function(d){
|
||
if (d.ok) allCountries = d.data;
|
||
cb();
|
||
})
|
||
.catch(function(){ cb(); });
|
||
}
|
||
|
||
window.toggleGeo = function(enabled) {
|
||
document.getElementById('geo-details').style.display = enabled ? '' : 'none';
|
||
if (enabled) ensureCountries(renderTags);
|
||
};
|
||
|
||
window.showCountryList = function() {
|
||
ensureCountries(function(){ filterCountries(document.getElementById('geo-search').value); });
|
||
};
|
||
|
||
window.hideCountryList = function() {
|
||
document.getElementById('geo-country-list').style.display = 'none';
|
||
};
|
||
|
||
window.filterCountries = function(query) {
|
||
var list = document.getElementById('geo-country-list');
|
||
var q = query.toLowerCase();
|
||
var html = '';
|
||
var count = 0;
|
||
for (var i = 0; i < allCountries.length && count < 15; i++) {
|
||
var c = allCountries[i];
|
||
if (selectedCountries.indexOf(c.code) >= 0) continue;
|
||
if (q && c.name.toLowerCase().indexOf(q) < 0 && c.code.toLowerCase().indexOf(q) < 0) continue;
|
||
html += '<div class="geo-country-option" onmousedown="addCountry(\'' + c.code + '\',\'' + escHtml(c.name) + '\')">'
|
||
+ escHtml(c.name) + ' <small>(' + c.code + ')</small></div>';
|
||
count++;
|
||
}
|
||
list.innerHTML = html || '<div class="geo-country-option" style="opacity:.5">Nincs találat</div>';
|
||
list.style.display = count > 0 || q ? '' : 'none';
|
||
};
|
||
|
||
window.addCountry = function(code, name) {
|
||
if (selectedCountries.indexOf(code) >= 0) return;
|
||
selectedCountries.push(code);
|
||
renderTags();
|
||
document.getElementById('geo-search').value = '';
|
||
hideCountryList();
|
||
};
|
||
|
||
window.removeCountry = function(code) {
|
||
if (code === 'HU') {
|
||
if (!confirm('Figyelem: Magyarország eltávolítása azt jelenti, hogy magyar IP-ről sem lesz elérhető a rendszer távolról. Biztosan folytatja?')) return;
|
||
}
|
||
selectedCountries = selectedCountries.filter(function(c){return c !== code});
|
||
renderTags();
|
||
};
|
||
|
||
function renderTags() {
|
||
var el = document.getElementById('geo-selected-tags');
|
||
var html = '';
|
||
for (var i = 0; i < selectedCountries.length; i++) {
|
||
var code = selectedCountries[i];
|
||
var name = countryName(code);
|
||
var isHU = code === 'HU' ? ' geo-tag-hu' : '';
|
||
html += '<span class="geo-tag' + isHU + '">'
|
||
+ escHtml(name) + ' (' + code + ') '
|
||
+ '<span class="geo-tag-remove" onclick="removeCountry(\'' + code + '\')">×</span>'
|
||
+ '</span>';
|
||
}
|
||
el.innerHTML = html;
|
||
renderAppOverrides();
|
||
}
|
||
|
||
function countryName(code) {
|
||
for (var i = 0; i < allCountries.length; i++) {
|
||
if (allCountries[i].code === code) return allCountries[i].name;
|
||
}
|
||
return code;
|
||
}
|
||
|
||
// --- Per-app overrides ---
|
||
window.addAppOverride = function() {
|
||
var sel = document.getElementById('geo-add-app-select');
|
||
var appName = sel.value;
|
||
if (!appName) return;
|
||
if (!appOverrides) appOverrides = {};
|
||
if (appOverrides[appName]) { sel.value = ''; return; }
|
||
// Default: same countries as global
|
||
appOverrides[appName] = {allowed_countries: selectedCountries.slice()};
|
||
sel.value = '';
|
||
renderAppOverrides();
|
||
};
|
||
|
||
window.removeAppOverride = function(appName) {
|
||
delete appOverrides[appName];
|
||
renderAppOverrides();
|
||
};
|
||
|
||
window.toggleAppCountry = function(appName, code, el) {
|
||
var ov = appOverrides[appName];
|
||
if (!ov) return;
|
||
var idx = ov.allowed_countries.indexOf(code);
|
||
if (idx >= 0) {
|
||
if (code === 'HU' && !confirm('Magyarország eltávolítása nem ajánlott. Folytatja?')) {
|
||
el.checked = true;
|
||
return;
|
||
}
|
||
ov.allowed_countries.splice(idx, 1);
|
||
} else {
|
||
ov.allowed_countries.push(code);
|
||
}
|
||
};
|
||
|
||
function renderAppOverrides() {
|
||
var el = document.getElementById('geo-app-overrides');
|
||
if (!appOverrides || Object.keys(appOverrides).length === 0) {
|
||
el.innerHTML = '<p class="form-hint">Nincs alkalmazás-specifikus beállítás. Minden alkalmazás a globális beállítást követi.</p>';
|
||
return;
|
||
}
|
||
var html = '';
|
||
for (var appName in appOverrides) {
|
||
var ov = appOverrides[appName];
|
||
var displayName = appName;
|
||
// Try to find display name from select
|
||
var opts = document.getElementById('geo-add-app-select');
|
||
if (opts) {
|
||
for (var j = 0; j < opts.options.length; j++) {
|
||
if (opts.options[j].value === appName) { displayName = opts.options[j].text; break; }
|
||
}
|
||
}
|
||
html += '<div class="geo-app-override-row">';
|
||
html += '<strong>' + escHtml(displayName) + '</strong>';
|
||
html += '<div class="geo-selected-tags" style="flex:1;margin:0 .5rem">';
|
||
for (var i = 0; i < ov.allowed_countries.length; i++) {
|
||
var code = ov.allowed_countries[i];
|
||
html += '<span class="geo-tag geo-tag-sm">' + code + '</span>';
|
||
}
|
||
html += '</div>';
|
||
html += '<button class="btn btn-sm btn-outline" onclick="editAppOverride(\'' + appName + '\')">Szerkesztés</button>';
|
||
html += '<button class="btn btn-sm btn-danger-outline" onclick="removeAppOverride(\'' + appName + '\')">Törlés</button>';
|
||
html += '</div>';
|
||
}
|
||
el.innerHTML = html;
|
||
}
|
||
|
||
window.editAppOverride = function(appName) {
|
||
var ov = appOverrides[appName];
|
||
if (!ov) return;
|
||
ensureCountries(function(){
|
||
var checked = {};
|
||
for (var i = 0; i < ov.allowed_countries.length; i++) checked[ov.allowed_countries[i]] = true;
|
||
var html = '<div class="geo-edit-overlay" id="geo-edit-' + appName + '">';
|
||
html += '<h4>Engedélyezett országok: ' + escHtml(appName) + '</h4>';
|
||
html += '<div class="geo-edit-grid">';
|
||
for (var i = 0; i < allCountries.length; i++) {
|
||
var c = allCountries[i];
|
||
html += '<label class="geo-edit-item"><input type="checkbox" value="' + c.code + '"'
|
||
+ (checked[c.code] ? ' checked' : '') + ' onchange="toggleAppCountry(\'' + appName + '\',\'' + c.code + '\',this)">'
|
||
+ ' ' + escHtml(c.name) + ' (' + c.code + ')</label>';
|
||
}
|
||
html += '</div>';
|
||
html += '<button class="btn btn-sm btn-primary" style="margin-top:.5rem" onclick="closeAppEdit(\'' + appName + '\')">Kész</button>';
|
||
html += '</div>';
|
||
document.getElementById('geo-app-overrides').innerHTML += html;
|
||
});
|
||
};
|
||
|
||
window.closeAppEdit = function(appName) {
|
||
var el = document.getElementById('geo-edit-' + appName);
|
||
if (el) el.remove();
|
||
renderAppOverrides();
|
||
};
|
||
|
||
// --- Save & Sync ---
|
||
window.saveGeoSettings = function() {
|
||
var btn = document.getElementById('btn-geo-save');
|
||
var status = document.getElementById('geo-status-msg');
|
||
btn.disabled = true;
|
||
btn.textContent = 'Mentés...';
|
||
|
||
var payload = {
|
||
enabled: document.getElementById('geo-enabled').checked,
|
||
allowed_countries: selectedCountries
|
||
};
|
||
|
||
fetch('/api/geo/settings', {
|
||
method: 'POST',
|
||
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
|
||
body: JSON.stringify(payload)
|
||
})
|
||
.then(function(r){return r.json()})
|
||
.then(function(d){
|
||
if (d.ok) {
|
||
status.innerHTML = '<div class="alert alert-info">' + (d.message || 'Mentve') + '</div>';
|
||
// Save per-app overrides
|
||
if (appOverrides && Object.keys(appOverrides).length > 0) {
|
||
saveAllAppOverrides();
|
||
}
|
||
} else {
|
||
status.innerHTML = '<div class="alert alert-error">' + (d.error || 'Hiba') + '</div>';
|
||
}
|
||
})
|
||
.catch(function(err){
|
||
status.innerHTML = '<div class="alert alert-error">Hálózati hiba</div>';
|
||
})
|
||
.finally(function(){
|
||
btn.disabled = false;
|
||
btn.textContent = 'Mentés és szinkronizálás';
|
||
setTimeout(function(){ status.innerHTML = ''; }, 8000);
|
||
});
|
||
};
|
||
|
||
function saveAllAppOverrides() {
|
||
for (var appName in appOverrides) {
|
||
(function(name, ov){
|
||
fetch('/api/stacks/' + name + '/geo/override', {
|
||
method: 'POST',
|
||
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
|
||
body: JSON.stringify({allowed_countries: ov.allowed_countries})
|
||
});
|
||
})(appName, appOverrides[appName]);
|
||
}
|
||
}
|
||
|
||
window.triggerGeoSync = function() {
|
||
fetch('/api/geo/sync', {method:'POST', headers: csrfHeaders()})
|
||
.then(function(r){return r.json()})
|
||
.then(function(d){
|
||
var status = document.getElementById('geo-sync-status');
|
||
status.textContent = d.ok ? 'Szinkronizálás elindítva...' : (d.error || 'Hiba');
|
||
setTimeout(function(){
|
||
fetch('/api/geo/status', {headers: csrfHeaders()})
|
||
.then(function(r){return r.json()})
|
||
.then(function(d){
|
||
if (d.ok && d.data) {
|
||
var sync = d.data.last_sync || '';
|
||
var err = d.data.last_sync_error || '';
|
||
status.innerHTML = sync ? ('Utolsó: ' + sync.substring(0,19).replace('T',' ')) : '';
|
||
if (err) status.innerHTML += ' <span class="state-text-red">' + escHtml(err) + '</span>';
|
||
}
|
||
});
|
||
}, 5000);
|
||
});
|
||
};
|
||
|
||
function escHtml(s) {
|
||
var d = document.createElement('div');
|
||
d.textContent = s;
|
||
return d.innerHTML;
|
||
}
|
||
|
||
// Initialize on load
|
||
if (document.getElementById('geo-enabled') && document.getElementById('geo-enabled').checked) {
|
||
ensureCountries(renderTags);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<!-- Section B: Password Change -->
|
||
<div class="settings-card">
|
||
<h3>Jelszó módosítás</h3>
|
||
{{if .AuthEnabled}}
|
||
{{if .PasswordError}}<div class="alert alert-error">{{.PasswordError}}</div>{{end}}
|
||
<form method="POST" action="/settings/password">
|
||
{{.CSRFField}}
|
||
<div class="form-group">
|
||
<label for="current_password">Jelenlegi jelszó</label>
|
||
<input type="password" id="current_password" name="current_password" required
|
||
placeholder="Adja meg a jelenlegi jelszavát" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new_password">Új jelszó</label>
|
||
<input type="password" id="new_password" name="new_password" required minlength="8"
|
||
placeholder="Legalább 8 karakter" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="confirm_password">Új jelszó megerősítése</label>
|
||
<input type="password" id="confirm_password" name="confirm_password" required minlength="8"
|
||
placeholder="Jelszó mégegyszer" class="form-control">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Jelszó módosítása</button>
|
||
</form>
|
||
{{else}}
|
||
<div class="alert alert-info">
|
||
A jelszavas védelem nincs beállítva. Kérd az üzemeltetőt a beállításhoz.
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
|
||
<!-- Section C: Notification Preferences -->
|
||
<div class="settings-card">
|
||
<h3>Értesítések</h3>
|
||
{{if .HubEnabled}}
|
||
{{if .NotificationSuccess}}<div class="alert alert-info">{{.NotificationSuccess}}</div>{{end}}
|
||
{{if .NotificationError}}<div class="alert alert-error">{{.NotificationError}}</div>{{end}}
|
||
<form method="POST" action="/settings/notifications">
|
||
{{.CSRFField}}
|
||
<div class="form-group">
|
||
<label for="notification_email">E-mail cím</label>
|
||
<input type="email" id="notification_email" name="notification_email"
|
||
value="{{with .NotificationPrefs}}{{.Email}}{{end}}"
|
||
placeholder="pelda@email.hu" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Hibák és figyelmeztetések:</label>
|
||
<div class="checkbox-group">
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_backup_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "backup_failed"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Biztonsági mentés sikertelen</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_db_dump_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "db_dump_failed"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Adatbázis mentés sikertelen</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_backup_integrity_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "backup_integrity_failed"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Mentés sérülés észlelve</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_crossdrive_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "crossdrive_failed"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Másodlagos mentés sikertelen</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_disk_alerts" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "disk_warning"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Lemez figyelmeztetés (90%+)</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_storage_disconnected" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "storage_disconnected"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Meghajtó leválasztva</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_node_down" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "node_down"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Szerver nem elérhető</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_health_critical" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "health_critical"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Rendszer állapot kritikus</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_expected_missed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "expected_backup_missed"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Elvárt mentés elmaradt</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Tájékoztató:</label>
|
||
<div class="checkbox-group">
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_storage_reconnected" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "storage_reconnected"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Meghajtó újra csatlakoztatva</span>
|
||
</label>
|
||
<label class="toggle">
|
||
<input type="checkbox" name="event_health_recovered" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "health_recovered"}}checked{{end}}{{end}}{{end}}>
|
||
<span class="toggle-label">Rendszer állapot helyreállt</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="cooldown_hours">Értesítési szünet</label>
|
||
<div class="form-inline">
|
||
<input type="number" id="cooldown_hours" name="cooldown_hours" min="1" max="168"
|
||
value="{{with .NotificationPrefs}}{{.CooldownHours}}{{end}}"
|
||
class="form-control form-control-narrow">
|
||
<span class="form-hint">óra (azonos probléma esetén ennyi ideig nem küld újat)</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">Mentés</button>
|
||
<button type="submit" formaction="/settings/notifications/test" class="btn btn-outline">Teszt email küldése</button>
|
||
</div>
|
||
</form>
|
||
{{else}}
|
||
<div class="alert alert-info">
|
||
Az értesítések a központi rendszeren keresztül működnek, ami jelenleg nincs bekapcsolva.
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
|
||
<!-- Section: Recovery Info -->
|
||
{{if .RetrievalPassword}}
|
||
<div class="settings-card">
|
||
<h3>Veszhelyzeti informaciok</h3>
|
||
<p class="settings-card-desc">
|
||
Ezeket az adatokat mentse el biztos helyre. Ujratelepites eseten szukseg lesz rajuk a rendszer visszaallitasahoz.
|
||
</p>
|
||
<div class="settings-grid">
|
||
<div class="settings-row">
|
||
<span class="settings-label">Ugyfel azonosito</span>
|
||
<span class="settings-value mono">{{.CustomerID}}</span>
|
||
</div>
|
||
<div class="settings-row">
|
||
<span class="settings-label">Hub URL</span>
|
||
<span class="settings-value mono">{{.HubURL}}</span>
|
||
</div>
|
||
<div class="settings-row">
|
||
<span class="settings-label">Visszaallitasi jelszo</span>
|
||
<span class="settings-value">
|
||
<span id="retrieval-pw-hidden">••••••••••••••••
|
||
<button type="button" class="btn btn-xs btn-outline" onclick="document.getElementById('retrieval-pw-hidden').style.display='none';document.getElementById('retrieval-pw-visible').style.display='inline';">Megjelenit</button>
|
||
</span>
|
||
<span id="retrieval-pw-visible" style="display:none">
|
||
<code class="mono">{{.RetrievalPassword}}</code>
|
||
<button type="button" class="btn btn-xs btn-outline" onclick="document.getElementById('retrieval-pw-visible').style.display='none';document.getElementById('retrieval-pw-hidden').style.display='inline';">Elrejt</button>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div class="settings-row">
|
||
<span class="settings-label">Tamogatas</span>
|
||
<span class="settings-value">
|
||
<a href="mailto:{{.SupportEmail}}" style="color: var(--accent-blue, #0088cc);">{{.SupportEmail}}</a>
|
||
|
|
||
<a href="{{.SupportURL}}" target="_blank" style="color: var(--accent-blue, #0088cc);">felhom.eu/kapcsolat</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
|
||
<script>
|
||
function editStorageLabel(path, currentLabel) {
|
||
var wrap = document.getElementById('label-wrap-' + path);
|
||
if (!wrap) return;
|
||
var csrfTok = (document.querySelector('meta[name="csrf-token"]') || {}).content || '';
|
||
wrap.innerHTML = '<form method="POST" action="/settings/storage/label" style="display:inline-flex;gap:.5rem;align-items:center">' +
|
||
'<input type="hidden" name="_csrf" value="' + csrfTok + '">' +
|
||
'<input type="hidden" name="storage_path" value="' + path + '">' +
|
||
'<input type="text" name="storage_label" class="form-control" value="' + currentLabel.replace(/"/g, '"') + '" style="width:200px;padding:.3rem .5rem;font-size:.9rem" maxlength="50">' +
|
||
'<button type="submit" class="btn btn-xs btn-primary">OK</button>' +
|
||
'<button type="button" class="btn btn-xs btn-outline" onclick="cancelEditLabel(\'' + path + '\', \'' + currentLabel.replace(/'/g, "\\'") + '\')">✕</button>' +
|
||
'</form>';
|
||
wrap.querySelector('input[name=storage_label]').focus();
|
||
}
|
||
function storageDisconnect(path, label, appCount) {
|
||
var msg = 'Biztos leválasztja a meghajtót: ' + label + '?';
|
||
if (appCount > 0) msg += '\n\nA rajta futó ' + appCount + ' alkalmazás le fog állni.';
|
||
msg += '\n\nA meghajtó ezután biztonságosan eltávolítható.';
|
||
if (!confirm(msg)) return;
|
||
fetch('/api/storage/disconnect', {
|
||
method: 'POST',
|
||
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
|
||
body: JSON.stringify({path: path})
|
||
}).then(function(r) { return r.json(); }).then(function(data) {
|
||
if (data.ok) {
|
||
alert('A meghajtó biztonságosan eltávolítható.');
|
||
location.reload();
|
||
} else {
|
||
alert('Hiba: ' + (data.error || 'ismeretlen'));
|
||
}
|
||
}).catch(function(e) { alert('Hiba: ' + e); });
|
||
}
|
||
function storageReconnect(path) {
|
||
var actionsDiv = document.getElementById('storage-actions-' + path);
|
||
if (actionsDiv) actionsDiv.innerHTML = '<span class="form-hint">Csatlakoztatás...</span>';
|
||
fetch('/api/storage/reconnect', {
|
||
method: 'POST',
|
||
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
|
||
body: JSON.stringify({path: path})
|
||
}).then(function(r) { return r.json(); }).then(function(data) {
|
||
if (data.ok) {
|
||
location.reload();
|
||
} else {
|
||
alert('Hiba: ' + (data.error || 'ismeretlen'));
|
||
if (actionsDiv) actionsDiv.innerHTML = '<button class="btn btn-xs btn-primary" onclick="storageReconnect(\'' + path + '\')">Csatlakoztatás</button>';
|
||
}
|
||
}).catch(function(e) {
|
||
alert('Hiba: ' + e);
|
||
if (actionsDiv) actionsDiv.innerHTML = '<button class="btn btn-xs btn-primary" onclick="storageReconnect(\'' + path + '\')">Csatlakoztatás</button>';
|
||
});
|
||
}
|
||
function storageRestartApps(path) {
|
||
fetch('/api/storage/restart-apps', {
|
||
method: 'POST',
|
||
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
|
||
body: JSON.stringify({path: path})
|
||
}).then(function(r) { return r.json(); }).then(function(data) {
|
||
if (data.ok) {
|
||
var msg = '';
|
||
if (data.started && data.started.length) msg += 'Elindítva: ' + data.started.join(', ');
|
||
if (data.failed && data.failed.length) msg += (msg ? '\n' : '') + 'Sikertelen: ' + data.failed.join(', ');
|
||
if (msg) alert(msg);
|
||
location.reload();
|
||
} else {
|
||
alert('Hiba: ' + (data.error || 'ismeretlen'));
|
||
}
|
||
}).catch(function(e) { alert('Hiba: ' + e); });
|
||
}
|
||
function cancelEditLabel(path, label) {
|
||
var wrap = document.getElementById('label-wrap-' + path);
|
||
if (!wrap) return;
|
||
// M11: Use DOM manipulation with textContent to prevent XSS if label contains HTML.
|
||
wrap.innerHTML = '';
|
||
var span = document.createElement('span');
|
||
span.className = 'storage-path-label';
|
||
span.id = 'label-display-' + path;
|
||
span.textContent = label;
|
||
var btn = document.createElement('button');
|
||
btn.className = 'btn btn-xs btn-ghost';
|
||
btn.setAttribute('title', 'Átnevezés');
|
||
btn.textContent = '✏️';
|
||
btn.addEventListener('click', function() { editStorageLabel(path, label); });
|
||
wrap.appendChild(span);
|
||
wrap.appendChild(document.createTextNode(' '));
|
||
wrap.appendChild(btn);
|
||
}
|
||
</script>
|
||
{{template "layout_end" .}}
|
||
{{end}}
|