i18n slice 1 release C: storage, sharing, sign-in, guest, catch-all and debug pages in English

- 11 templates converted (storage, storage_network, storage_init, storage_attach, sharing, login,
  claim, launcher_shared, launcher_share_password, catchall, debug); every key translated.
  Six ASCII-only Hungarian JS fragments the extractor missed were found by eye and converted by hand
  (", majd a(z)", "FIGYELEM:", "jelenlegi:", "mp", "p", " db").
- login, claim, both guest share pages and the catch-all render through executeTemplateLang (the
  household language; no session CSRF, no escrow reminder). renderLogin now takes the request.
- Page titles: TitleKey for storage, network storage, the two drive wizards and sharing.
  TestHandlerTitleKeysMatchHungarianTitle pins handler literal == hu.json value for every TitleKey.
- Tests: TestDirectRenderHandlersFollowLanguage (real routes, en + hu),
  TestI18nDirectRenderPagesHaveNoAdminChrome (escrow reminder due; none on the guest page).
- Fixture correction: the release C cases had invented page titles; the cases now carry the handlers'
  real titles (and the wizard pages their real page name), and those 12 fixtures were RE-CAPTURED from
  the unconverted templates at 0555091. The diff to the old fixtures is the <title> line (and the nav
  highlight on the two wizard pages) only.
- i18n gate: HU_FORMAL_CEILING 12 -> 16 — four more „ön" forms in the converted copy, unchanged by rule (R-516).

Hungarian: byte-identical (TestI18nParity against fixtures from unconverted templates).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0159rPz1ZhFKsS53msqPYxtS
This commit is contained in:
2026-09-17 18:29:53 +02:00
parent 0555091f83
commit ac149c2aa4
36 changed files with 1696 additions and 559 deletions
@@ -1,6 +1,6 @@
{{define "catchall"}}
<!DOCTYPE html>
<html lang="hu">
<html lang="{{T "layout.html_lang"}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -35,11 +35,11 @@ body{background:#0A1220;color:#EDF2F9;font-family:-apple-system,BlinkMacSystemFo
<div class="status-text">{{.StatusText}}</div>
<div>
{{if .AppSlug}}
<a class="btn btn-primary" href="{{.ControllerURL}}/apps/{{.AppSlug}}">Alkalmazás kezelése</a>
<a class="btn btn-primary" href="{{.ControllerURL}}/apps/{{.AppSlug}}">{{T "catchall.alkalmazas_kezelese"}}</a>
{{else}}
<a class="btn btn-primary" href="{{.ControllerURL}}/stacks">Alkalmazások</a>
<a class="btn btn-primary" href="{{.ControllerURL}}/stacks">{{T "catchall.alkalmazasok"}}</a>
{{end}}
<a class="btn btn-outline" href="{{.ControllerURL}}">Vezérlőpult</a>
<a class="btn btn-outline" href="{{.ControllerURL}}">{{T "catchall.vezerlopult"}}</a>
</div>
<div class="host-label">{{.Host}}</div>
</div>
+14 -15
View File
@@ -1,16 +1,16 @@
{{define "claim"}}
<!DOCTYPE html>
<html lang="hu">
<html lang="{{T "layout.html_lang"}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{if .IsReset}}Jelszó visszaállítása{{else}}A szerver beállítása{{end}} — Felhom</title>
<title>{{if .IsReset}}{{T "claim.jelszo_visszaallitasa"}}{{else}}{{T "claim.a_szerver_beallitasa"}}{{end}} — Felhom</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body class="login-body">
<div class="login-card">
<img src="/static/felhom-logo.svg" alt="Felhom.eu" class="login-logo">
<h1 class="login-title">{{if .IsReset}}Jelszó <span class="title-accent">visszaállítása</span>{{else}}A szerver <span class="title-accent">beállítása</span>{{end}}</h1>
<h1 class="login-title">{{if .IsReset}}{{T "claim.jelszo"}} <span class="title-accent">{{T "claim.visszaallitasa"}}</span>{{else}}{{T "claim.a_szerver"}} <span class="title-accent">{{T "claim.beallitasa"}}</span>{{end}}</h1>
<p class="login-subtitle">{{.CustomerName}}</p>
{{if .Flash}}<div class="alert alert-info">{{.Flash}}</div>{{end}}
@@ -27,38 +27,37 @@
reset code is still accepted here. */}}
{{if .HasCode}}
<p style="font-size:0.85rem;color:var(--text-muted,#8a94a6);margin:0 0 1rem">
{{if .IsReset}}Add meg az e-mailben kapott beállító kódot, majd válassz új jelszót.{{else}}Add meg az e-mailben kapott beállító kódot, majd válassz saját jelszót a vezérlőpult védelméhez.{{end}}
{{if .IsReset}}{{T "claim.add_meg_az_e_mailben"}}{{else}}{{T "claim.add_meg_az_e_mailben_2"}}{{end}}
</p>
<form method="POST" action="/claim">
<input type="hidden" name="_csrf" value="{{.ClaimCSRF}}">
<div class="form-group">
<label for="code">Beállító kód</label>
<label for="code">{{T "claim.beallito_kod"}}</label>
<input type="text" id="code" name="code" required autofocus autocomplete="off"
placeholder="szó-szó-szó" class="form-control">
placeholder="{{T "claim.szo_szo_szo"}}" class="form-control">
</div>
<div class="form-group">
<label for="new_password">Új jelszó (min. {{.MinPassword}} karakter)</label>
<label for="new_password">{{T "claim.uj_jelszo_min_karakter"}}</label>
<input type="password" id="new_password" name="new_password" required minlength="{{.MinPassword}}"
placeholder="Legalább {{.MinPassword}} karakter" class="form-control">
placeholder="{{T "claim.legalabb_karakter"}}" class="form-control">
</div>
<div class="form-group">
<label for="confirm_password">Új jelszó megerősítése</label>
<label for="confirm_password">{{T "claim.uj_jelszo_megerositese"}}</label>
<input type="password" id="confirm_password" name="confirm_password" required minlength="{{.MinPassword}}"
placeholder="Jelszó mégegyszer" class="form-control">
placeholder="{{T "claim.jelszo_megegyszer"}}" class="form-control">
</div>
<button type="submit" class="btn btn-primary btn-full">{{if .IsReset}}Jelszó beállítása{{else}}Beállítás és belépés{{end}}</button>
<button type="submit" class="btn btn-primary btn-full">{{if .IsReset}}{{T "claim.jelszo_beallitasa"}}{{else}}{{T "claim.beallitas_es_belepes"}}{{end}}</button>
</form>
{{else}}
<div class="alert alert-info">Jelenleg nincs aktív kód ehhez a szerverhez. Kérj egy újat az alábbi gombbal — az e-mailben érkezik a regisztrált címre.</div>
<div class="alert alert-info">{{T "claim.jelenleg_nincs_aktiv_kod_ehhez"}}</div>
{{end}}
<form method="POST" action="/claim/request-new-code" style="margin-top:1rem">
<input type="hidden" name="_csrf" value="{{.ClaimCSRF}}">
<button type="submit" class="btn btn-outline btn-full">{{if .IsReset}}Új beállító kód kérése{{else}}Nem kaptad meg a kódot? Új kód kérése{{end}}</button>
<button type="submit" class="btn btn-outline btn-full">{{if .IsReset}}{{T "claim.uj_beallito_kod_kerese"}}{{else}}{{T "claim.nem_kaptad_meg_a_kodot"}}{{end}}</button>
</form>
<p class="login-footer">Felhom — Otthoni szerver kezelés<br>
<a href="https://felhom.eu" target="_blank">felhom.eu</a></p>
<p class="login-footer">{{T "claim.felhom_otthoni_szerver_kezeles_felhom"}}</p>
</div>
</body>
</html>
+121 -121
View File
@@ -6,20 +6,20 @@
</div>
<div class="debug-banner">
<svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg> Debug mód aktív — ez az oldal csak fejlesztéshez és hibaelhárításhoz
<svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg> {{T "debug.debug_mod_aktiv_ez_az"}}
</div>
<!-- Section 1: System Diagnostic -->
<div class="card debug-section" id="section-diagnostic">
<div class="card-header debug-section-header" onclick="toggleSection('diagnostic')">
<h3>Rendszer diagnosztika</h3>
<h3>{{T "debug.rendszer_diagnosztika"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div id="diagnostic-content"><span class="text-muted">Betöltés...</span></div>
<div id="diagnostic-content"><span class="text-muted">{{T "debug.betoltes"}}</span></div>
<div class="debug-actions">
<button class="btn btn-secondary btn-sm" id="btn-download-dump" data-label="Nyers JSON letöltése" onclick="downloadDump()">Nyers JSON letöltése</button>
<button class="btn btn-secondary btn-sm" id="btn-refresh-diag" data-label="Frissítés" onclick="loadSectionData('diagnostic')">Frissítés</button>
<button class="btn btn-secondary btn-sm" id="btn-download-dump" data-label="{{T "debug.nyers_json_letoltese"}}" onclick="downloadDump()">{{T "debug.nyers_json_letoltese"}}</button>
<button class="btn btn-secondary btn-sm" id="btn-refresh-diag" data-label="{{T "debug.frissites"}}" onclick="loadSectionData('diagnostic')">{{T "debug.frissites"}}</button>
</div>
</div>
</div>
@@ -27,12 +27,12 @@
<!-- Section 2: Notification & Event Testing -->
<div class="card debug-section" id="section-events">
<div class="card-header debug-section-header" onclick="toggleSection('events')">
<h3>Értesítés teszt</h3>
<h3>{{T "debug.ertesites_teszt"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div class="debug-form-row">
<label>Esemény típus:</label>
<label>{{T "debug.esemeny_tipus"}}</label>
<select id="event-type">
<option value="test">test (info)</option>
<option value="backup_failed">backup_failed (error)</option>
@@ -48,42 +48,42 @@
<option value="update_available">update_available (info)</option>
<option value="controller_started">controller_started (info)</option>
</select>
<label>Súlyosság:</label>
<label>{{T "debug.sulyossag"}}</label>
<select id="event-severity">
<option value="error">error</option>
<option value="warning">warning</option>
<option value="info">info</option>
</select>
<button class="btn btn-primary btn-sm" id="btn-test-event" data-label="Teszt esemény küldése" onclick="sendTestEvent()">Teszt esemény küldése</button>
<button class="btn btn-primary btn-sm" id="btn-test-event" data-label="{{T "debug.teszt_esemeny_kuldese"}}" onclick="sendTestEvent()">{{T "debug.teszt_esemeny_kuldese"}}</button>
<span class="debug-result" id="btn-test-event-result"></span>
</div>
<h4>Utolsó események</h4>
<div id="event-history"><span class="text-muted">Betöltés...</span></div>
<h4>{{T "debug.utolso_esemenyek"}}</h4>
<div id="event-history"><span class="text-muted">{{T "debug.betoltes"}}</span></div>
</div>
</div>
<!-- Section 3: Backup Testing -->
<div class="card debug-section" id="section-backup">
<div class="card-header debug-section-header" onclick="toggleSection('backup')">
<h3>Mentés teszt</h3>
<h3>{{T "debug.mentes_teszt"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div id="backup-status"><span class="text-muted">Betöltés...</span></div>
<div id="backup-status"><span class="text-muted">{{T "debug.betoltes"}}</span></div>
<div class="debug-actions">
<button class="btn btn-primary btn-sm" id="btn-full-backup" data-label="Teljes mentés" onclick="triggerAction('btn-full-backup','/api/backup/run','POST')">Teljes mentés</button>
<button class="btn btn-primary btn-sm" id="btn-full-backup" data-label="{{T "debug.teljes_mentes"}}" onclick="triggerAction('btn-full-backup','/api/backup/run','POST')">{{T "debug.teljes_mentes"}}</button>
<span class="debug-result" id="btn-full-backup-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-dbdump" data-label="Csak DB dump" onclick="triggerAction('btn-dbdump','/api/debug/backup/dbdump','POST')">Csak DB dump</button>
<button class="btn btn-secondary btn-sm" id="btn-dbdump" data-label="{{T "debug.csak_db_dump"}}" onclick="triggerAction('btn-dbdump','/api/debug/backup/dbdump','POST')">{{T "debug.csak_db_dump"}}</button>
<span class="debug-result" id="btn-dbdump-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-crossdrive" data-label="Csak cross-drive" onclick="triggerAction('btn-crossdrive','/api/debug/backup/crossdrive','POST')">Csak cross-drive</button>
<button class="btn btn-secondary btn-sm" id="btn-crossdrive" data-label="{{T "debug.csak_cross_drive"}}" onclick="triggerAction('btn-crossdrive','/api/debug/backup/crossdrive','POST')">{{T "debug.csak_cross_drive"}}</button>
<span class="debug-result" id="btn-crossdrive-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-integrity" data-label="Restic integritás" onclick="triggerAction('btn-integrity','/api/debug/backup/integrity','POST')">Restic integritás</button>
<button class="btn btn-secondary btn-sm" id="btn-integrity" data-label="{{T "debug.restic_integritas"}}" onclick="triggerAction('btn-integrity','/api/debug/backup/integrity','POST')">{{T "debug.restic_integritas"}}</button>
<span class="debug-result" id="btn-integrity-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-offsite-proof" data-label="Távoli mentés tartalma" onclick="triggerAction('btn-offsite-proof','/api/debug/backup/offsite-proof','POST')">Távoli mentés tartalma</button>
<button class="btn btn-secondary btn-sm" id="btn-offsite-proof" data-label="{{T "debug.tavoli_mentes_tartalma"}}" onclick="triggerAction('btn-offsite-proof','/api/debug/backup/offsite-proof','POST')">{{T "debug.tavoli_mentes_tartalma"}}</button>
<span class="debug-result" id="btn-offsite-proof-result"></span>
</div>
</div>
@@ -92,22 +92,22 @@
<!-- Section 5: Hub & Connectivity -->
<div class="card debug-section" id="section-hub">
<div class="card-header debug-section-header" onclick="toggleSection('hub')">
<h3>Hub & Kapcsolatok</h3>
<h3>{{T "debug.hub_kapcsolatok"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div id="hub-status"><span class="text-muted">Betöltés...</span></div>
<div id="hub-status"><span class="text-muted">{{T "debug.betoltes"}}</span></div>
<div class="debug-actions">
<button class="btn btn-primary btn-sm" id="btn-hub-push" data-label="Hub jelentés küldése" onclick="triggerAction('btn-hub-push','/api/debug/hub/push','POST')">Hub jelentés küldése</button>
<button class="btn btn-primary btn-sm" id="btn-hub-push" data-label="{{T "debug.hub_jelentes_kuldese"}}" onclick="triggerAction('btn-hub-push','/api/debug/hub/push','POST')">{{T "debug.hub_jelentes_kuldese"}}</button>
<span class="debug-result" id="btn-hub-push-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-hub-conn" data-label="Hub elérhetőség" onclick="triggerAction('btn-hub-conn','/api/debug/hub/test-connectivity','POST')">Hub elérhetőség</button>
<button class="btn btn-secondary btn-sm" id="btn-hub-conn" data-label="{{T "debug.hub_elerhetoseg"}}" onclick="triggerAction('btn-hub-conn','/api/debug/hub/test-connectivity','POST')">{{T "debug.hub_elerhetoseg"}}</button>
<span class="debug-result" id="btn-hub-conn-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-pref-sync" data-label="Preferencia szinkron" onclick="triggerAction('btn-pref-sync','/api/debug/hub/preferences-sync','POST')">Preferencia szinkron</button>
<button class="btn btn-secondary btn-sm" id="btn-pref-sync" data-label="{{T "debug.preferencia_szinkron"}}" onclick="triggerAction('btn-pref-sync','/api/debug/hub/preferences-sync','POST')">{{T "debug.preferencia_szinkron"}}</button>
<span class="debug-result" id="btn-pref-sync-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-gitea-conn" data-label="Gitea elérhetőség" onclick="triggerAction('btn-gitea-conn','/api/debug/gitea/test-connectivity','POST')">Gitea elérhetőség</button>
<button class="btn btn-secondary btn-sm" id="btn-gitea-conn" data-label="{{T "debug.gitea_elerhetoseg"}}" onclick="triggerAction('btn-gitea-conn','/api/debug/gitea/test-connectivity','POST')">{{T "debug.gitea_elerhetoseg"}}</button>
<span class="debug-result" id="btn-gitea-conn-result"></span>
</div>
</div>
@@ -116,13 +116,13 @@
<!-- Section: Telemetry Testing -->
<div class="card debug-section" id="section-telemetry">
<div class="card-header debug-section-header" onclick="toggleSection('telemetry')">
<h3>Telemetria teszt</h3>
<h3>{{T "debug.telemetria_teszt"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div id="telemetry-status"><span class="text-muted">Kattintson a gombra a telemetria futtatásához.</span></div>
<div id="telemetry-status"><span class="text-muted">{{T "debug.kattintson_a_gombra_a_telemetria"}}</span></div>
<div class="debug-actions">
<button class="btn btn-primary btn-sm" id="btn-telemetry-run" data-label="Telemetria futtatása" onclick="runTelemetryTest()">Telemetria futtatása</button>
<button class="btn btn-primary btn-sm" id="btn-telemetry-run" data-label="{{T "debug.telemetria_futtatasa"}}" onclick="runTelemetryTest()">{{T "debug.telemetria_futtatasa"}}</button>
<span class="debug-result" id="btn-telemetry-run-result"></span>
</div>
<div id="telemetry-detail" style="display:none; margin-top:1rem;"></div>
@@ -132,16 +132,16 @@
<!-- Section 6: Self-Update Testing -->
<div class="card debug-section" id="section-selfupdate">
<div class="card-header debug-section-header" onclick="toggleSection('selfupdate')">
<h3>Önfrissítés teszt</h3>
<h3>{{T "debug.onfrissites_teszt"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div id="selfupdate-status"><span class="text-muted">Betöltés...</span></div>
<div id="selfupdate-status"><span class="text-muted">{{T "debug.betoltes"}}</span></div>
<div class="debug-actions">
<button class="btn btn-primary btn-sm" id="btn-check-update" data-label="Frissítés keresése" onclick="triggerAction('btn-check-update','/api/selfupdate/check','POST')">Frissítés keresése</button>
<button class="btn btn-primary btn-sm" id="btn-check-update" data-label="{{T "debug.frissites_keresese"}}" onclick="triggerAction('btn-check-update','/api/selfupdate/check','POST')">{{T "debug.frissites_keresese"}}</button>
<span class="debug-result" id="btn-check-update-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-dryrun" data-label="Dry-run frissítés" onclick="triggerAction('btn-dryrun','/api/debug/selfupdate/dry-run','POST')">Dry-run frissítés</button>
<button class="btn btn-secondary btn-sm" id="btn-dryrun" data-label="{{T "debug.dry_run_frissites"}}" onclick="triggerAction('btn-dryrun','/api/debug/selfupdate/dry-run','POST')">{{T "debug.dry_run_frissites"}}</button>
<span class="debug-result" id="btn-dryrun-result"></span>
</div>
</div>
@@ -150,18 +150,18 @@
<!-- Section 7: DR / Setup Wizard -->
<div class="card debug-section" id="section-dr">
<div class="card-header debug-section-header" onclick="toggleSection('dr')">
<h3>DR / Telepítő varázsló</h3>
<h3>{{T "debug.dr_telepito_varazslo"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div class="debug-actions" style="margin-top:1rem">
<div class="debug-dr-danger">
<p style="color:var(--crit);font-weight:600">Vészhelyzet szimuláció</p>
<p class="text-muted" style="font-size:.85rem;margin-bottom:.5rem">Ez törli az ügyfél azonosítót és újraindítja a controllert setup módba. A konfigurációs fájlok megmaradnak a meghajtókon.</p>
<p style="color:var(--crit);font-weight:600">{{T "debug.veszhelyzet_szimulacio"}}</p>
<p class="text-muted" style="font-size:.85rem;margin-bottom:.5rem">{{T "debug.ez_torli_az_ugyfel_azonositot"}}</p>
<div class="debug-form-row">
<label>Írja be "RESET" a megerősítéshez:</label>
<label>{{T "debug.irja_be_reset_a_megerositeshez"}}</label>
<input type="text" id="dr-confirm-input" class="form-control debug-confirm-input" placeholder="RESET" autocomplete="off">
<button class="btn btn-danger btn-sm" id="btn-dr-trigger" data-label="Újraindítás setup módban" onclick="triggerDR()">Újraindítás setup módban</button>
<button class="btn btn-danger btn-sm" id="btn-dr-trigger" data-label="{{T "debug.ujrainditas_setup_modban"}}" onclick="triggerDR()">{{T "debug.ujrainditas_setup_modban"}}</button>
<span class="debug-result" id="btn-dr-trigger-result"></span>
</div>
</div>
@@ -172,19 +172,19 @@
<!-- Section 9: App Export/Import -->
<div class="card debug-section" id="section-appexport">
<div class="card-header debug-section-header" onclick="toggleSection('appexport')">
<h3>Alkalmazás Export/Import</h3>
<h3>{{T "debug.alkalmazas_export_import"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div id="appexport-status"><span class="text-muted">Betöltés...</span></div>
<div id="appexport-status"><span class="text-muted">{{T "debug.betoltes"}}</span></div>
<div class="debug-actions" style="margin-top:.75rem">
<button class="btn btn-secondary btn-sm" id="btn-appexport-scan" data-label="Csomagok keresése" onclick="scanAppBundles()">Csomagok keresése</button>
<button class="btn btn-secondary btn-sm" id="btn-appexport-scan" data-label="{{T "debug.csomagok_keresese"}}" onclick="scanAppBundles()">{{T "debug.csomagok_keresese"}}</button>
<span class="debug-result" id="btn-appexport-scan-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-appexport-cleanup" data-label="Temp fájlok törlése" onclick="triggerAction('btn-appexport-cleanup','/api/debug/appexport/cleanup','POST')">Temp fájlok törlése</button>
<button class="btn btn-secondary btn-sm" id="btn-appexport-cleanup" data-label="{{T "debug.temp_fajlok_torlese"}}" onclick="triggerAction('btn-appexport-cleanup','/api/debug/appexport/cleanup','POST')">{{T "debug.temp_fajlok_torlese"}}</button>
<span class="debug-result" id="btn-appexport-cleanup-result"></span>
<button class="btn btn-secondary btn-sm" id="btn-appexport-refresh" data-label="Frissítés" onclick="loadSectionData('appexport')">Frissítés</button>
<button class="btn btn-secondary btn-sm" id="btn-appexport-refresh" data-label="{{T "debug.frissites"}}" onclick="loadSectionData('appexport')">{{T "debug.frissites"}}</button>
</div>
<div id="appexport-bundles" style="display:none;margin-top:1rem"></div>
</div>
@@ -193,13 +193,13 @@
<!-- Section 8: Log Viewer -->
<div class="card debug-section" id="section-logs">
<div class="card-header debug-section-header" onclick="toggleSection('logs')">
<h3>Naplóviewer</h3>
<h3>{{T "debug.naploviewer"}}</h3>
<span class="section-toggle">▶</span>
</div>
<div class="card-body debug-section-body" style="display:none">
<div class="debug-log-filters" style="margin-bottom:.5rem">
<button class="btn btn-xs debug-log-source active" id="log-tab-controller" onclick="setLogSource('controller',this)">Vezérlő</button>
<button class="btn btn-xs debug-log-source" id="log-tab-agent" onclick="setLogSource('agent',this)">Ügynök</button>
<button class="btn btn-xs debug-log-source active" id="log-tab-controller" onclick="setLogSource('controller',this)">{{T "debug.vezerlo"}}</button>
<button class="btn btn-xs debug-log-source" id="log-tab-agent" onclick="setLogSource('agent',this)">{{T "debug.ugynok"}}</button>
</div>
<div class="debug-log-controls">
<div class="debug-log-filters">
@@ -210,9 +210,9 @@
</div>
<div>
<label style="font-size:.85rem;cursor:pointer">
<input type="checkbox" id="log-auto-refresh" checked onchange="toggleLogAutoRefresh()"> Automatikus frissítés
<input type="checkbox" id="log-auto-refresh" checked onchange="toggleLogAutoRefresh()"> {{T "debug.automatikus_frissites"}}
</label>
<button class="btn btn-xs btn-secondary" onclick="clearLogDisplay()">Törlés</button>
<button class="btn btn-xs btn-secondary" onclick="clearLogDisplay()">{{T "debug.torles"}}</button>
<span class="text-muted" id="log-count" style="font-size:.85rem;margin-left:.5rem"></span>
</div>
</div>
@@ -259,7 +259,7 @@ function triggerAction(buttonId, url, method, body) {
var btn = document.getElementById(buttonId);
var result = document.getElementById(buttonId + '-result');
btn.disabled = true;
btn.textContent = 'Folyamatban...';
btn.textContent = '{{T "debug.folyamatban"}}';
result.className = 'debug-result';
result.textContent = '';
fetch(url, {
@@ -273,11 +273,11 @@ function triggerAction(buttonId, url, method, body) {
if (data.data && data.data.latency_ms) result.textContent += ' (' + data.data.latency_ms + 'ms)';
} else {
result.className = 'debug-result debug-result-error';
result.textContent = data.error || 'Hiba';
result.textContent = data.error || '{{T "debug.hiba"}}';
}
}).catch(function(e) {
result.className = 'debug-result debug-result-error';
result.textContent = 'Hálózati hiba: ' + e.message;
result.textContent = '{{T "debug.halozati_hiba"}} ' + e.message;
}).finally(function() {
btn.disabled = false;
btn.textContent = btn.dataset.label;
@@ -300,11 +300,11 @@ function loadSectionData(id) {
// ── Section 1: Diagnostic ──
function loadDiagnostic() {
document.getElementById('diagnostic-content').innerHTML = '<span class="text-muted">Betöltés...</span>';
document.getElementById('diagnostic-content').innerHTML = '<span class="text-muted">{{T "debug.betoltes"}}</span>';
fetch('/api/debug/dump', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
renderDiagnostic(data);
}).catch(function(e) {
document.getElementById('diagnostic-content').innerHTML = '<span class="debug-result-error">Hiba: ' + e.message + '</span>';
document.getElementById('diagnostic-content').innerHTML = '<span class="debug-result-error">{{T "debug.hiba_2"}} ' + e.message + '</span>';
});
}
function renderDiagnostic(d) {
@@ -313,19 +313,19 @@ function renderDiagnostic(d) {
if (d.controller) {
var c = d.controller;
var uptime = c.uptime_seconds;
var uptimeStr = uptime < 60 ? uptime + 'mp' : uptime < 3600 ? Math.floor(uptime/60) + 'p' : Math.floor(uptime/3600) + 'ó ' + Math.floor((uptime%3600)/60) + 'p';
html += '<div class="debug-kv-grid"><dt>Verzió</dt><dd class="mono">' + c.version + '</dd>';
var uptimeStr = uptime < 60 ? uptime + '{{T "debug.mp"}}' : uptime < 3600 ? Math.floor(uptime/60) + '{{T "debug.p"}}' : Math.floor(uptime/3600) + '{{T "debug.o"}} ' + Math.floor((uptime%3600)/60) + '{{T "debug.p"}}';
html += '<div class="debug-kv-grid"><dt>{{T "debug.verzio"}}</dt><dd class="mono">' + c.version + '</dd>';
html += '<dt>Uptime</dt><dd>' + uptimeStr + '</dd>';
html += '<dt>PID</dt><dd>' + c.pid + '</dd>';
html += '<dt>Log szint</dt><dd>' + c.logging_level + '</dd>';
html += '<dt>{{T "debug.log_szint"}}</dt><dd>' + c.logging_level + '</dd>';
if (c.config_hash) html += '<dt>Config hash</dt><dd class="mono" style="font-size:.75rem">' + c.config_hash.substring(0,12) + '…</dd>';
html += '</div>';
}
// Storage
if (d.storage && d.storage.length > 0) {
html += '<h4 style="margin-top:.75rem">Tárhely</h4><table class="info-table debug-table"><tr><th>Útvonal</th><th>Cimke</th><th>Állapot</th><th>Használat</th></tr>';
html += '<h4 style="margin-top:.75rem">{{T "debug.tarhely"}}</h4><table class="info-table debug-table"><tr><th>{{T "debug.utvonal"}}</th><th>{{T "debug.cimke"}}</th><th>{{T "debug.allapot"}}</th><th>{{T "debug.hasznalat"}}</th></tr>';
d.storage.forEach(function(s) {
var status = s.disconnected ? '<span class="status-dot red"></span> Leválasztva' : s.decommissioned ? '<span class="status-dot gray"></span> Leszerelve' : '<span class="status-dot green"></span> OK';
var status = s.disconnected ? '<span class="status-dot red"></span> {{T "debug.levalasztva"}}' : s.decommissioned ? '<span class="status-dot gray"></span> {{T "debug.leszerelve"}}' : '<span class="status-dot green"></span> OK';
var usage = s.used_percent !== undefined ? s.used_gb.toFixed(1) + ' / ' + s.total_gb.toFixed(1) + ' GB (' + s.used_percent.toFixed(0) + '%)' : '-';
html += '<tr><td class="mono">' + s.path + '</td><td>' + (s.label||'-') + '</td><td>' + status + '</td><td>' + usage + '</td></tr>';
});
@@ -334,9 +334,9 @@ function renderDiagnostic(d) {
// Stacks
if (d.stacks) {
html += '<h4 style="margin-top:.75rem">Stack-ek</h4>';
html += '<div class="debug-kv-grid"><dt>Telepítve</dt><dd>' + d.stacks.deployed + '</dd><dt>Futó konténerek</dt><dd>' + d.stacks.running + '</dd><dt>Leállt</dt><dd>' + d.stacks.stopped + '</dd></div>';
html += '<div class="debug-kv-grid"><dt>{{T "debug.telepitve"}}</dt><dd>' + d.stacks.deployed + '</dd><dt>{{T "debug.futo_kontenerek"}}</dt><dd>' + d.stacks.running + '</dd><dt>{{T "debug.leallt"}}</dt><dd>' + d.stacks.stopped + '</dd></div>';
if (d.stacks.list && d.stacks.list.length > 0) {
html += '<table class="info-table debug-table"><tr><th>Név</th><th>Állapot</th><th>Konténerek</th></tr>';
html += '<table class="info-table debug-table"><tr><th>{{T "debug.nev"}}</th><th>{{T "debug.allapot"}}</th><th>{{T "debug.kontenerek"}}</th></tr>';
d.stacks.list.forEach(function(st) {
var stateDot = st.state === 'running' ? '<span class="status-dot green"></span>' : st.state === 'stopped' ? '<span class="status-dot red"></span>' : '<span class="status-dot yellow"></span>';
html += '<tr><td>' + (st.display_name || st.name) + '</td><td>' + stateDot + ' ' + st.state + '</td><td class="mono" style="font-size:.75rem">' + (st.containers||[]).join(', ') + '</td></tr>';
@@ -346,16 +346,16 @@ function renderDiagnostic(d) {
}
// Scheduler
if (d.scheduler && d.scheduler.length > 0) {
html += '<h4 style="margin-top:.75rem">Ütemező</h4><table class="info-table debug-table"><tr><th>Név</th><th>Típus</th><th>Utolsó futás</th><th>Fut</th></tr>';
html += '<h4 style="margin-top:.75rem">{{T "debug.utemezo"}}</h4><table class="info-table debug-table"><tr><th>{{T "debug.nev"}}</th><th>{{T "debug.tipus"}}</th><th>{{T "debug.utolso_futas"}}</th><th>{{T "debug.fut"}}</th></tr>';
d.scheduler.forEach(function(j) {
var type = j.type === 'daily' ? j.schedule : (j.interval || '-');
html += '<tr><td>' + j.name + '</td><td>' + type + '</td><td>' + (j.last_run ? fmtTime(j.last_run) : '-') + '</td><td>' + (j.running ? 'fut' : '-') + '</td></tr>';
html += '<tr><td>' + j.name + '</td><td>' + type + '</td><td>' + (j.last_run ? fmtTime(j.last_run) : '-') + '</td><td>' + (j.running ? '{{T "debug.fut_2"}}' : '-') + '</td></tr>';
});
html += '</table>';
}
// Alerts
if (d.alerts && d.alerts.length > 0) {
html += '<h4 style="margin-top:.75rem">Figyelmeztetések</h4>';
html += '<h4 style="margin-top:.75rem">{{T "debug.figyelmeztetesek"}}</h4>';
d.alerts.forEach(function(a) {
var cls = a.level === 'error' ? 'debug-result-error' : a.level === 'warning' ? 'debug-result debug-result-pending' : '';
html += '<div class="' + cls + '" style="padding:.3rem .5rem;margin-bottom:.25rem;border-radius:4px;font-size:.85rem">' + a.message + '</div>';
@@ -383,10 +383,10 @@ function sendTestEvent() {
function loadEventHistory() {
fetch('/api/debug/event/history', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
if (!data.ok || !data.data || data.data.length === 0) {
document.getElementById('event-history').innerHTML = '<span class="text-muted">Nincs esemény</span>';
document.getElementById('event-history').innerHTML = '<span class="text-muted">{{T "debug.nincs_esemeny"}}</span>';
return;
}
var html = '<table class="info-table debug-table"><tr><th>Idő</th><th>Típus</th><th>Súlyosság</th><th>Hub</th></tr>';
var html = '<table class="info-table debug-table"><tr><th>{{T "debug.ido"}}</th><th>{{T "debug.tipus"}}</th><th>{{T "debug.sulyossag_2"}}</th><th>Hub</th></tr>';
data.data.forEach(function(e) {
var statusCls = e.hub_status >= 200 && e.hub_status < 300 ? 'debug-result-ok' : 'debug-result-error';
html += '<tr><td>' + fmtTime(e.timestamp) + '</td><td>' + e.event_type + '</td><td>' + e.severity + '</td><td class="' + statusCls + '">' + (e.hub_status || e.hub_error || '-') + '</td></tr>';
@@ -394,24 +394,24 @@ function loadEventHistory() {
html += '</table>';
document.getElementById('event-history').innerHTML = html;
}).catch(function() {
document.getElementById('event-history').innerHTML = '<span class="text-muted">Hiba</span>';
document.getElementById('event-history').innerHTML = '<span class="text-muted">{{T "debug.hiba"}}</span>';
});
}
// ── Section 3: Backup ──
function loadBackupStatus() {
fetch('/api/backup/status', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
if (!data.ok) { document.getElementById('backup-status').innerHTML = '<span class="text-muted">Nem elérhető</span>'; return; }
if (!data.ok) { document.getElementById('backup-status').innerHTML = '<span class="text-muted">{{T "debug.nem_elerheto"}}</span>'; return; }
var d = data.data || {};
var html = '<div class="debug-kv-grid">';
html += '<span>Állapot:</span><span>' + (d.running ? 'Fut...' : 'Kész') + '</span>';
if (d.last_db_dump) html += '<span>Utolsó DB dump:</span><span>' + fmtTime(d.last_db_dump) + '</span>';
if (d.last_backup) html += '<span>Utolsó restic:</span><span>' + fmtTime(d.last_backup) + '</span>';
if (d.snapshot_count !== undefined) html += '<span>Snapshotok:</span><span>' + d.snapshot_count + '</span>';
html += '<span>{{T "debug.allapot_2"}}</span><span>' + (d.running ? '{{T "debug.fut_3"}}' : '{{T "debug.kesz"}}') + '</span>';
if (d.last_db_dump) html += '<span>{{T "debug.utolso_db_dump"}}</span><span>' + fmtTime(d.last_db_dump) + '</span>';
if (d.last_backup) html += '<span>{{T "debug.utolso_restic"}}</span><span>' + fmtTime(d.last_backup) + '</span>';
if (d.snapshot_count !== undefined) html += '<span>{{T "debug.snapshotok"}}</span><span>' + d.snapshot_count + '</span>';
html += '</div>';
document.getElementById('backup-status').innerHTML = html;
}).catch(function() {
document.getElementById('backup-status').innerHTML = '<span class="text-muted">Nem elérhető</span>';
document.getElementById('backup-status').innerHTML = '<span class="text-muted">{{T "debug.nem_elerheto"}}</span>';
});
}
@@ -421,13 +421,13 @@ function loadHubStatus() {
var h = data.hub || {};
var html = '<div class="debug-kv-grid">';
html += '<span>URL:</span><span class="mono">' + (h.url||'-') + '</span>';
html += '<span>Utolsó push:</span><span>' + (h.last_success ? fmtTime(h.last_success) : '-') + '</span>';
html += '<span>Hibák egymás után:</span><span>' + (h.consecutive_failures||0) + '</span>';
if (h.last_error) html += '<span>Utolsó hiba:</span><span class="debug-result-error">' + h.last_error + '</span>';
html += '<span>{{T "debug.utolso_push"}}</span><span>' + (h.last_success ? fmtTime(h.last_success) : '-') + '</span>';
html += '<span>{{T "debug.hibak_egymas_utan"}}</span><span>' + (h.consecutive_failures||0) + '</span>';
if (h.last_error) html += '<span>{{T "debug.utolso_hiba"}}</span><span class="debug-result-error">' + h.last_error + '</span>';
html += '</div>';
document.getElementById('hub-status').innerHTML = html;
}).catch(function() {
document.getElementById('hub-status').innerHTML = '<span class="text-muted">Nem elérhető</span>';
document.getElementById('hub-status').innerHTML = '<span class="text-muted">{{T "debug.nem_elerheto"}}</span>';
});
}
@@ -436,17 +436,17 @@ function loadSelfUpdateStatus() {
fetch('/api/debug/dump', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
var u = data.self_update || {};
var html = '<div class="debug-kv-grid">';
html += '<span>Engedélyezve:</span><span>' + (u.enabled ? 'Igen' : 'Nem') + '</span>';
html += '<span>Automatikus:</span><span>' + (u.auto ? 'Igen' : 'Nem') + '</span>';
html += '<span>{{T "debug.engedelyezve"}}</span><span>' + (u.enabled ? '{{T "debug.igen"}}' : '{{T "debug.nem"}}') + '</span>';
html += '<span>{{T "debug.automatikus"}}</span><span>' + (u.auto ? '{{T "debug.igen"}}' : '{{T "debug.nem"}}') + '</span>';
if (u.last_check) {
html += '<span>Jelenlegi:</span><span class="mono">' + u.last_check.current_version + '</span>';
html += '<span>Legújabb:</span><span class="mono">' + u.last_check.latest_version + '</span>';
html += '<span>Frissítés:</span><span>' + (u.last_check.update_available ? '<span class="state-text-run">Elérhető</span>' : 'Naprakész') + '</span>';
html += '<span>{{T "debug.jelenlegi"}}</span><span class="mono">' + u.last_check.current_version + '</span>';
html += '<span>{{T "debug.legujabb"}}</span><span class="mono">' + u.last_check.latest_version + '</span>';
html += '<span>{{T "debug.frissites_2"}}</span><span>' + (u.last_check.update_available ? '<span class="state-text-run">{{T "debug.elerheto"}}</span>' : '{{T "debug.naprakesz"}}') + '</span>';
}
html += '</div>';
document.getElementById('selfupdate-status').innerHTML = html;
}).catch(function() {
document.getElementById('selfupdate-status').innerHTML = '<span class="text-muted">Nem elérhető</span>';
document.getElementById('selfupdate-status').innerHTML = '<span class="text-muted">{{T "debug.nem_elerheto"}}</span>';
});
}
@@ -456,14 +456,14 @@ function triggerDR() {
if (input.value !== 'RESET') {
var result = document.getElementById('btn-dr-trigger-result');
result.className = 'debug-result debug-result-error';
result.textContent = 'Írja be: RESET';
result.textContent = '{{T "debug.irja_be_reset"}}';
return;
}
var btn = document.getElementById('btn-dr-trigger');
felhomConfirm(btn, 'FIGYELEM! Ez újraindítja a controllert setup módba. Biztosan folytatja?', function () {
felhomConfirm(btn, '{{T "debug.figyelem_ez_ujrainditja_a_controllert"}}', function () {
var result = document.getElementById('btn-dr-trigger-result');
btn.disabled = true;
btn.textContent = 'Folyamatban...';
btn.textContent = '{{T "debug.folyamatban"}}';
fetch('/api/debug/dr/trigger-setup', {
method: 'POST',
headers: Object.assign({'Content-Type':'application/json'}, csrfHeaders()),
@@ -471,16 +471,16 @@ function triggerDR() {
}).then(function(r){return r.json()}).then(function(data) {
if (data.ok) {
result.className = 'debug-result debug-result-ok';
result.textContent = 'Controller újraindulása...';
result.textContent = '{{T "debug.controller_ujraindulasa"}}';
} else {
result.className = 'debug-result debug-result-error';
result.textContent = data.error || 'Hiba';
result.textContent = data.error || '{{T "debug.hiba"}}';
btn.disabled = false;
btn.textContent = btn.dataset.label;
}
}).catch(function(e) {
result.className = 'debug-result debug-result-error';
result.textContent = 'Hiba: ' + e.message;
result.textContent = '{{T "debug.hiba_2"}} ' + e.message;
btn.disabled = false;
btn.textContent = btn.dataset.label;
});
@@ -541,7 +541,7 @@ function refreshLogs(append) {
if (!append || entries.length > 0) {
viewer.scrollTop = viewer.scrollHeight;
}
document.getElementById('log-count').textContent = viewer.children.length + ' / ' + total + ' bejegyzés';
document.getElementById('log-count').textContent = viewer.children.length + ' / ' + total + ' {{T "debug.bejegyzes"}}';
}).catch(function(){});
}
// The agent tab: full refresh each poll (the agent ring is small), client-side level
@@ -551,7 +551,7 @@ function refreshAgentLogs() {
var viewer = document.getElementById('log-viewer');
viewer.innerHTML = '';
if (!data.ok) {
viewer.innerHTML = '<div class="debug-log-entry debug-log-warn">' + escapeHtml(data.error || 'Hiba') + '</div>';
viewer.innerHTML = '<div class="debug-log-entry debug-log-warn">' + escapeHtml(data.error || '{{T "debug.hiba"}}') + '</div>';
document.getElementById('log-count').textContent = '';
return;
}
@@ -572,7 +572,7 @@ function refreshAgentLogs() {
viewer.appendChild(div);
});
viewer.scrollTop = viewer.scrollHeight;
document.getElementById('log-count').textContent = viewer.children.length + ' / ' + total + ' bejegyzés';
document.getElementById('log-count').textContent = viewer.children.length + ' / ' + total + ' {{T "debug.bejegyzes"}}';
}).catch(function(){});
}
function clearLogDisplay() {
@@ -587,7 +587,7 @@ function runTelemetryTest() {
var result = document.getElementById('btn-telemetry-run-result');
var detail = document.getElementById('telemetry-detail');
btn.disabled = true;
btn.textContent = 'Folyamatban...';
btn.textContent = '{{T "debug.folyamatban"}}';
result.className = 'debug-result';
result.textContent = '';
detail.style.display = 'none';
@@ -601,11 +601,11 @@ function runTelemetryTest() {
}
} else {
result.className = 'debug-result debug-result-error';
result.textContent = data.error || 'Hiba';
result.textContent = data.error || '{{T "debug.hiba"}}';
}
}).catch(function(e) {
result.className = 'debug-result debug-result-error';
result.textContent = 'Hálózati hiba: ' + e.message;
result.textContent = '{{T "debug.halozati_hiba"}} ' + e.message;
}).finally(function() {
btn.disabled = false;
btn.textContent = btn.dataset.label;
@@ -616,13 +616,13 @@ function renderTelemetryDetail(data) {
var detail = document.getElementById('telemetry-detail');
var apps = data.app_telemetry || [];
if (apps.length === 0) {
detail.innerHTML = '<span class="text-muted">Nincs telepített alkalmazás vagy nincs mérési adat.</span>';
detail.innerHTML = '<span class="text-muted">{{T "debug.nincs_telepitett_alkalmazas_vagy_nincs"}}</span>';
detail.style.display = 'block';
return;
}
var html = '<table class="debug-table" style="width:100%;font-size:.85rem">';
html += '<thead><tr><th>Alkalmazás</th><th>Konténerek</th><th>Memória (jelen.)</th><th>Memória (átlag)</th><th>Memória (csúcs)</th><th>CPU (átlag)</th><th>Katalógus limit</th><th>Hibák</th><th>Figyelmeztetések</th></tr></thead><tbody>';
html += '<thead><tr><th>{{T "debug.alkalmazas"}}</th><th>{{T "debug.kontenerek"}}</th><th>{{T "debug.memoria_jelen"}}</th><th>{{T "debug.memoria_atlag"}}</th><th>{{T "debug.memoria_csucs"}}</th><th>{{T "debug.cpu_atlag"}}</th><th>{{T "debug.katalogus_limit"}}</th><th>{{T "debug.hibak"}}</th><th>{{T "debug.figyelmeztetesek"}}</th></tr></thead><tbody>';
for (var i = 0; i < apps.length; i++) {
var a = apps[i];
@@ -652,7 +652,7 @@ function renderTelemetryDetail(data) {
}
html += '</tbody></table>';
html += '<details style="margin-top:1rem"><summary class="text-muted" style="cursor:pointer;font-size:.85rem">Nyers JSON</summary>';
html += '<details style="margin-top:1rem"><summary class="text-muted" style="cursor:pointer;font-size:.85rem">{{T "debug.nyers_json"}}</summary>';
html += '<pre class="mono" style="font-size:.75rem;max-height:400px;overflow:auto;padding:.5rem;background:rgba(0,0,0,.3);border-radius:.25rem;margin-top:.5rem">' + escapeHtml(JSON.stringify(apps, null, 2)) + '</pre>';
html += '</details>';
@@ -662,24 +662,24 @@ function renderTelemetryDetail(data) {
// ── Section 9: App Export/Import ──
function loadAppExportStatus() {
document.getElementById('appexport-status').innerHTML = '<span class="text-muted">Betöltés...</span>';
document.getElementById('appexport-status').innerHTML = '<span class="text-muted">{{T "debug.betoltes"}}</span>';
fetch('/api/debug/appexport/status', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
if (!data.ok) { document.getElementById('appexport-status').innerHTML = '<span class="text-muted">Nem elérhető</span>'; return; }
if (!data.ok) { document.getElementById('appexport-status').innerHTML = '<span class="text-muted">{{T "debug.nem_elerheto"}}</span>'; return; }
renderAppExportStatus(data.data);
}).catch(function(e) {
document.getElementById('appexport-status').innerHTML = '<span class="debug-result-error">Hiba: ' + e.message + '</span>';
document.getElementById('appexport-status').innerHTML = '<span class="debug-result-error">{{T "debug.hiba_2"}} ' + e.message + '</span>';
});
}
function renderAppExportStatus(d) {
if (!d.available) {
document.getElementById('appexport-status').innerHTML = '<span class="text-muted">App export modul nem elérhető</span>';
document.getElementById('appexport-status').innerHTML = '<span class="text-muted">{{T "debug.app_export_modul_nem_elerheto"}}</span>';
return;
}
var html = '<div class="debug-kv-grid">';
html += '<dt>Debug mód</dt><dd>' + (d.debug_enabled ? '<span class="state-text-run">Aktív</span>' : 'Inaktív') + '</dd>';
html += '<dt>Verzió</dt><dd class="mono">' + (d.version||'-') + '</dd>';
html += '<dt>Csomagok</dt><dd>' + (d.bundle_count||0) + ' db</dd>';
html += '<dt>Temp fájlok</dt><dd>' + (d.stale_temp_count||0) + ' db';
html += '<dt>{{T "debug.debug_mod"}}</dt><dd>' + (d.debug_enabled ? '<span class="state-text-run">{{T "debug.aktiv"}}</span>' : '{{T "debug.inaktiv"}}') + '</dd>';
html += '<dt>{{T "debug.verzio"}}</dt><dd class="mono">' + (d.version||'-') + '</dd>';
html += '<dt>{{T "debug.csomagok"}}</dt><dd>' + (d.bundle_count||0) + ' {{T "debug.db"}}</dd>';
html += '<dt>{{T "debug.temp_fajlok"}}</dt><dd>' + (d.stale_temp_count||0) + ' {{T "debug.db"}}';
if (d.stale_temp_count > 0) html += ' <span style="color:var(--warn)"><svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg></span>';
html += '</dd>';
html += '</div>';
@@ -687,14 +687,14 @@ function renderAppExportStatus(d) {
// Active job
if (d.has_active_job && d.active_job) {
var j = d.active_job;
html += '<h4 style="margin-top:.75rem">Aktív feladat</h4>';
html += '<h4 style="margin-top:.75rem">{{T "debug.aktiv_feladat"}}</h4>';
html += '<div class="debug-kv-grid">';
html += '<dt>Típus</dt><dd>' + (j.job_type||'-') + '</dd>';
html += '<dt>{{T "debug.tipus"}}</dt><dd>' + (j.job_type||'-') + '</dd>';
html += '<dt>Stack</dt><dd>' + (j.display_name || j.stack_name || '-') + '</dd>';
html += '<dt>Állapot</dt><dd>' + (j.running ? 'Fut...' : j.done ? 'Kész' : 'Várakozik') + '</dd>';
if (j.error) html += '<dt>Hiba</dt><dd class="debug-result-error">' + escapeHtml(j.error) + '</dd>';
if (j.output_path) html += '<dt>Kimenet</dt><dd class="mono" style="font-size:.75rem">' + escapeHtml(j.output_path) + '</dd>';
if (j.output_size) html += '<dt>Méret</dt><dd>' + j.output_size + '</dd>';
html += '<dt>{{T "debug.allapot"}}</dt><dd>' + (j.running ? '{{T "debug.fut_3"}}' : j.done ? '{{T "debug.kesz"}}' : '{{T "debug.varakozik"}}') + '</dd>';
if (j.error) html += '<dt>{{T "debug.hiba"}}</dt><dd class="debug-result-error">' + escapeHtml(j.error) + '</dd>';
if (j.output_path) html += '<dt>{{T "debug.kimenet"}}</dt><dd class="mono" style="font-size:.75rem">' + escapeHtml(j.output_path) + '</dd>';
if (j.output_size) html += '<dt>{{T "debug.meret"}}</dt><dd>' + j.output_size + '</dd>';
html += '</div>';
if (j.steps && j.steps.length > 0) {
html += '<div style="margin-top:.5rem">';
@@ -711,17 +711,17 @@ function renderAppExportStatus(d) {
// Export dirs
if (d.export_dirs && d.export_dirs.length > 0) {
html += '<h4 style="margin-top:.75rem">Export könyvtárak</h4>';
html += '<table class="info-table debug-table"><tr><th>Útvonal</th><th>Cimke</th><th>Létezik</th></tr>';
html += '<h4 style="margin-top:.75rem">{{T "debug.export_konyvtarak"}}</h4>';
html += '<table class="info-table debug-table"><tr><th>{{T "debug.utvonal"}}</th><th>{{T "debug.cimke"}}</th><th>{{T "debug.letezik"}}</th></tr>';
d.export_dirs.forEach(function(dir) {
html += '<tr><td class="mono" style="font-size:.75rem">' + escapeHtml(dir.path) + '</td><td>' + (dir.label||'-') + '</td><td>' + (dir.exists ? 'igen' : '<span class="state-text-warn">nincs</span>') + '</td></tr>';
html += '<tr><td class="mono" style="font-size:.75rem">' + escapeHtml(dir.path) + '</td><td>' + (dir.label||'-') + '</td><td>' + (dir.exists ? '{{T "debug.igen_2"}}' : '<span class="state-text-warn">{{T "debug.nincs"}}</span>') + '</td></tr>';
});
html += '</table>';
}
// Stale temp files
if (d.stale_temp_files && d.stale_temp_files.length > 0) {
html += '<h4 style="margin-top:.75rem;color:var(--warn)">Elavult temp fájlok</h4>';
html += '<h4 style="margin-top:.75rem;color:var(--warn)">{{T "debug.elavult_temp_fajlok"}}</h4>';
html += '<ul style="font-size:.85rem;margin:0;padding-left:1.5rem">';
d.stale_temp_files.forEach(function(f) {
html += '<li class="mono" style="font-size:.75rem">' + escapeHtml(f) + '</li>';
@@ -744,7 +744,7 @@ function scanAppBundles() {
var btn = document.getElementById('btn-appexport-scan');
var result = document.getElementById('btn-appexport-scan-result');
btn.disabled = true;
btn.textContent = 'Keresés...';
btn.textContent = '{{T "debug.kereses"}}';
result.className = 'debug-result';
result.textContent = '';
fetch('/api/debug/appexport/bundles', {headers: csrfHeaders()}).then(function(r){return r.json()}).then(function(data) {
@@ -756,11 +756,11 @@ function scanAppBundles() {
}
} else {
result.className = 'debug-result debug-result-error';
result.textContent = data.error || 'Hiba';
result.textContent = data.error || '{{T "debug.hiba"}}';
}
}).catch(function(e) {
result.className = 'debug-result debug-result-error';
result.textContent = 'Hálózati hiba: ' + e.message;
result.textContent = '{{T "debug.halozati_hiba"}} ' + e.message;
}).finally(function() {
btn.disabled = false;
btn.textContent = btn.dataset.label;
@@ -769,20 +769,20 @@ function scanAppBundles() {
function renderAppBundles(bundles) {
var container = document.getElementById('appexport-bundles');
if (!bundles || bundles.length === 0) {
container.innerHTML = '<span class="text-muted">Nem található .fab csomag.</span>';
container.innerHTML = '<span class="text-muted">{{T "debug.nem_talalhato_fab_csomag"}}</span>';
container.style.display = 'block';
return;
}
var html = '<table class="info-table debug-table"><tr><th>Alkalmazás</th><th>Dátum</th><th>Méret</th><th>Tároló</th><th>Titkos</th><th>DB</th><th>HDD</th><th>Elérés</th></tr>';
var html = '<table class="info-table debug-table"><tr><th>{{T "debug.alkalmazas"}}</th><th>{{T "debug.datum"}}</th><th>{{T "debug.meret"}}</th><th>{{T "debug.tarolo"}}</th><th>{{T "debug.titkos"}}</th><th>DB</th><th>HDD</th><th>{{T "debug.eleres"}}</th></tr>';
bundles.forEach(function(b) {
html += '<tr>';
html += '<td><strong>' + escapeHtml(b.display_name || b.app_name) + '</strong></td>';
html += '<td>' + (b.exported_at || '-') + '</td>';
html += '<td>' + (b.size_human || '-') + '</td>';
html += '<td>' + escapeHtml(b.drive_label || b.drive_path) + '</td>';
html += '<td>' + (b.encrypted ? 'titkosított' : '-') + '</td>';
html += '<td>' + (b.has_db ? 'igen' : '-') + '</td>';
html += '<td>' + (b.needs_hdd ? 'igen' : '-') + '</td>';
html += '<td>' + (b.encrypted ? '{{T "debug.titkositott"}}' : '-') + '</td>';
html += '<td>' + (b.has_db ? '{{T "debug.igen_2"}}' : '-') + '</td>';
html += '<td>' + (b.needs_hdd ? '{{T "debug.igen_2"}}' : '-') + '</td>';
html += '<td class="mono" style="font-size:.7rem;max-width:200px;overflow:hidden;text-overflow:ellipsis">' + escapeHtml(b.path) + '</td>';
html += '</tr>';
});
@@ -1,24 +1,24 @@
{{define "launcher_share_password"}}
<!DOCTYPE html>
<html lang="hu">
<html lang="{{T "layout.html_lang"}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>Indítópult</title>
<title>{{T "launcher_share_password.inditopult"}}</title>
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
<link rel="stylesheet" href="/static/style.css">
</head>
<body class="guest-body guest-gate-body">
<main class="guest-gate">
<div class="guest-gate-card">
<h2>Indítópult</h2>
<p>Ez az oldal jelszóval védett.</p>
<h2>{{T "launcher_share_password.inditopult"}}</h2>
<p>{{T "launcher_share_password.ez_az_oldal_jelszoval_vedett"}}</p>
{{if .Error}}<div class="gate-error">{{.Error}}</div>{{end}}
<form method="POST" action="{{.Action}}">
<input type="hidden" name="_csrf" value="{{.CSRF}}">
<input type="password" name="password" placeholder="Jelszó" autocomplete="current-password" autofocus>
<button type="submit" class="btn btn-primary">Belépés</button>
<input type="password" name="password" placeholder="{{T "launcher_share_password.jelszo"}}" autocomplete="current-password" autofocus>
<button type="submit" class="btn btn-primary">{{T "launcher_share_password.belepes"}}</button>
</form>
</div>
</main>
@@ -1,18 +1,18 @@
{{define "launcher_shared"}}
<!DOCTYPE html>
<html lang="hu">
<html lang="{{T "layout.html_lang"}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>Indítópult</title>
<title>{{T "launcher_shared.inditopult"}}</title>
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
<link rel="stylesheet" href="/static/style.css">
</head>
<body class="guest-body">
<main class="guest-content">
<div class="page-header">
<h2>Indítópult</h2>
<h2>{{T "launcher_shared.inditopult"}}</h2>
<span class="domain-badge">{{.Domain}}</span>
</div>
{{if .Apps}}
@@ -34,7 +34,7 @@
</div>
{{else}}
<div class="empty-state">
<p>Jelenleg nincs elérhető alkalmazás.</p>
<p>{{T "launcher_shared.jelenleg_nincs_elerheto_alkalmazas"}}</p>
</div>
{{end}}
</main>
+8 -9
View File
@@ -1,31 +1,30 @@
{{define "login"}}
<!DOCTYPE html>
<html lang="hu">
<html lang="{{T "layout.html_lang"}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bejelentkezés — Felhom</title>
<title>{{T "login.bejelentkezes_felhom"}}</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body class="login-body">
<div class="login-card">
<img src="/static/felhom-logo.svg?v={{.Version}}" alt="Felhom.eu" class="login-logo">
<h1 class="login-title">Otthoni <span class="title-accent">vezérlőpult</span></h1>
<h1 class="login-title">{{T "login.otthoni"}} <span class="title-accent">{{T "login.vezerlopult"}}</span></h1>
<p class="login-subtitle">{{.CustomerName}}</p>
{{if .Flash}}<div class="alert alert-info">{{.Flash}}</div>{{end}}
{{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}
<form method="POST" action="/login">
<input type="hidden" name="next" id="next-field" value="">
<div class="form-group">
<label for="password">Jelszó</label>
<label for="password">{{T "login.jelszo"}}</label>
<input type="password" id="password" name="password" required autofocus
placeholder="Adja meg a jelszavát" class="form-control">
placeholder="{{T "login.adja_meg_a_jelszavat"}}" class="form-control">
</div>
<button type="submit" class="btn btn-primary btn-full">Bejelentkezés</button>
<button type="submit" class="btn btn-primary btn-full">{{T "login.bejelentkezes"}}</button>
</form>
<p style="text-align:center;margin:0.75rem 0 0;font-size:0.85rem"><a href="/claim">Elfelejtett jelszó</a></p>
<p class="login-footer">Felhom — Otthoni szerver kezelés<br>
<a href="https://felhom.eu" target="_blank">felhom.eu</a></p>
<p style="text-align:center;margin:0.75rem 0 0;font-size:0.85rem"><a href="/claim">{{T "login.elfelejtett_jelszo"}}</a></p>
<p class="login-footer">{{T "login.felhom_otthoni_szerver_kezeles_felhom"}}</p>
</div>
<script>
(function() {
+70 -76
View File
@@ -2,7 +2,7 @@
{{template "layout_start" .}}
<div class="page-header">
<h2>Hálózati megosztás</h2>
<h2>{{T "sharing.halozati_megosztas"}}</h2>
</div>
{{if .Flash}}
@@ -11,9 +11,7 @@
<div class="settings-card">
<p class="settings-card-desc">
A megosztott mappák a Windows Intézőben és a Mac Finderben jelennek meg, mintha egy hálózati
meghajtó lennének. A megosztás <strong>csak az otthoni hálózaton</strong> érhető el — az
internetről nem.
{{T "sharing.a_megosztott_mappak_a_windows"}}
</p>
<form method="POST" action="/sharing/enable">
@@ -21,20 +19,19 @@
<div class="form-group">
<label>
<input type="checkbox" name="enabled" {{if .SMBEnabled}}checked{{end}}>
Megosztás engedélyezése
{{T "sharing.megosztas_engedelyezese"}}
</label>
</div>
<div class="form-group">
<label for="server_name">Kiszolgáló neve</label>
<label for="server_name">{{T "sharing.kiszolgalo_neve"}}</label>
<input type="text" id="server_name" name="server_name" class="form-control mono"
value="{{.SMBServerName}}" maxlength="15" autocomplete="off">
<div class="form-hint">
Ezen a néven jelenik meg a gép a hálózaton (<span class="mono">\\{{.SMBServerName}}</span>).
Legfeljebb 15 karakter: betű, szám, kötőjel, aláhúzás.
{{T "sharing.ezen_a_neven_jelenik_meg"}}<span class="mono">\\{{.SMBServerName}}</span>{{T "sharing.legfeljebb_15_karakter_betu_szam"}}
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Mentés</button>
<button type="submit" class="btn btn-primary">{{T "sharing.mentes"}}</button>
</div>
</form>
@@ -46,19 +43,19 @@
</div>
<div class="form-group">
<span>Állapot:</span>
<span>{{T "sharing.allapot"}}</span>
{{if .SMBRunning}}
<span class="badge badge-ok">fut</span>
<span class="badge badge-ok">{{T "sharing.fut"}}</span>
{{else}}
<span class="badge badge-neutral">áll</span>
<span class="badge badge-neutral">{{T "sharing.all"}}</span>
{{end}}
{{if and .SMBEnabled (not .SMBUserSet)}}
<span class="badge badge-warn">először adj meg jelszót</span>
<span class="badge badge-warn">{{T "sharing.eloszor_adj_meg_jelszot"}}</span>
{{end}}
</div>
<div class="form-hint">
Egyes hálózatokon a gép késve jelenik meg az eszközlistában. A
<span class="mono">\\{{.SMBServerName}}</span> cím beírása a címsorba ilyenkor is működik.
{{T "sharing.egyes_halozatokon_a_gep_kesve"}}
<span class="mono">\\{{.SMBServerName}}</span> {{T "sharing.cim_beirasa_a_cimsorba_ilyenkor"}}
</div>
</div>
@@ -69,62 +66,62 @@
(DIAG-sharing-2026-07-20.md). The direct address is derived per render from the samba
container's own netns and is absent whenever it cannot be read: no address beats a wrong one. -->
<div class="settings-card">
<h3>Csatlakozás a megosztáshoz</h3>
<h3>{{T "sharing.csatlakozas_a_megosztashoz"}}</h3>
<div class="form-hint">
Windows: a Fájlkezelő címsorába: <span class="mono">\\{{.SMBServerName}}</span>
{{T "sharing.windows_a_fajlkezelo_cimsoraba"}} <span class="mono">\\{{.SMBServerName}}</span>
</div>
<div class="form-hint">
Mac: Finder &rarr; Ugrás &rarr; Csatlakozás a szerverhez:
{{T "sharing.mac_finder_ugras_csatlakozas_a"}}
<span class="mono">smb://{{.SMBServerName}}.local</span>
</div>
{{if .SMBDirectAddress}}
<div class="form-hint">
Ha a név nem működik, használd a közvetlen címet:
{{T "sharing.ha_a_nev_nem_mukodik"}}
<span class="mono">smb://{{.SMBDirectAddress}}</span>
</div>
<div class="form-hint">
A közvetlen cím a hálózattól függően változhat — elsőként mindig a nevet próbáld.
{{T "sharing.a_kozvetlen_cim_a_halozattol"}}
</div>
{{end}}
</div>
{{end}}
<div class="settings-card">
<h3>Megosztási jelszó beállítása</h3>
<h3>{{T "sharing.megosztasi_jelszo_beallitasa"}}</h3>
<p class="settings-card-desc">
Egy közös jelszó tartozik a háztartáshoz. A csatlakozáskor felhasználónévnek add meg:
{{T "sharing.egy_kozos_jelszo_tartozik_a"}}
<span class="mono">felhom</span>.
</p>
<form method="POST" action="/sharing/password">
{{.CSRFField}}
<div class="form-group">
<label for="smb_password">Új jelszó</label>
<label for="smb_password">{{T "sharing.uj_jelszo"}}</label>
<input type="password" id="smb_password" name="smb_password" class="form-control"
autocomplete="new-password" minlength="8" required>
</div>
<div class="form-group">
<label for="smb_password_confirm">Jelszó megerősítése</label>
<label for="smb_password_confirm">{{T "sharing.jelszo_megerositese"}}</label>
<input type="password" id="smb_password_confirm" name="smb_password_confirm" class="form-control"
autocomplete="new-password" minlength="8" required>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Jelszó mentése</button>
<button type="submit" class="btn btn-primary">{{T "sharing.jelszo_mentese"}}</button>
</div>
</form>
</div>
<div class="settings-card">
<h3>Megosztott mappák</h3>
<h3>{{T "sharing.megosztott_mappak"}}</h3>
{{if .SMBShares}}
<div class="backup-table-wrap">
<table class="db-table">
<thead>
<tr>
<th>Név</th>
<th>Mappa</th>
<th>Írásvédett</th>
<th>Felhőmentés</th>
<th>Törlés</th>
<th>{{T "sharing.nev"}}</th>
<th>{{T "sharing.mappa"}}</th>
<th>{{T "sharing.irasvedett"}}</th>
<th>{{T "sharing.felhomentes"}}</th>
<th>{{T "sharing.torles"}}</th>
</tr>
</thead>
<tbody>
@@ -132,27 +129,27 @@
<tr>
<td class="mono">{{.Name}}</td>
<td class="mono">{{.Path}}
{{if not .Available}}<span class="badge badge-warn">A meghajtó nem elérhető.</span>{{end}}
{{if not .Available}}<span class="badge badge-warn">{{T "sharing.a_meghajto_nem_elerheto"}}</span>{{end}}
</td>
<td>{{if .ReadOnly}}<span class="badge badge-neutral">igen</span>{{else}}nem{{end}}</td>
<td>{{if .ReadOnly}}<span class="badge badge-neutral">{{T "sharing.igen"}}</span>{{else}}{{T "sharing.nem"}}{{end}}</td>
<td>
<form method="POST" action="/sharing/shares/offsite">
{{$.CSRFField}}
<input type="hidden" name="name" value="{{.Name}}">
<input type="hidden" name="offsite" value="{{if .Offsite}}off{{else}}on{{end}}">
<button type="submit" class="btn btn-xs btn-outline">
{{if .Offsite}}bekapcsolva{{else}}kikapcsolva{{end}}
{{if .Offsite}}{{T "sharing.bekapcsolva"}}{{else}}{{T "sharing.kikapcsolva"}}{{end}}
</button>
</form>
</td>
<td>
{{if .System}}
<span class="form-hint">rendszer</span>
<span class="form-hint">{{T "sharing.rendszer"}}</span>
{{else}}
<form method="POST" action="/sharing/shares/delete">
{{$.CSRFField}}
<input type="hidden" name="name" value="{{.Name}}">
<button type="submit" class="btn btn-xs btn-danger-outline">Törlés</button>
<button type="submit" class="btn btn-xs btn-danger-outline">{{T "sharing.torles"}}</button>
</form>
{{end}}
</td>
@@ -162,119 +159,116 @@
</table>
</div>
<div class="form-hint">
A megosztás törlésekor <strong>a mappa és a fájlok megmaradnak</strong> — csak a hálózati
elérés szűnik meg.
{{T "sharing.a_megosztas_torlesekor_a_mappa"}}
</div>
<div class="backup-section-card" style="margin-top:1rem">
<h3>A megosztások mentése</h3>
<h3>{{T "sharing.a_megosztasok_mentese"}}</h3>
<p class="form-hint" style="margin:-0.25rem 0 0.75rem">
A megosztott mappák a többi adattal együtt mentésre kerülnek. A „Felhőmentés” bekapcsolva
azt jelenti, hogy a mappa a távoli tárhelyre is felkerül; kikapcsolva csak a második
meghajtóra készül másolat.
{{T "sharing.a_megosztott_mappak_a_tobbi"}}
</p>
<ul class="plain-list">
<li>
<strong>2. mentés (másik meghajtó):</strong>
<strong>{{T "sharing.2_mentes_masik_meghajto"}}</strong>
{{if .SharesTier2Status}}
{{if eq .SharesTier2Status "ok"}}
rendben{{if .SharesTier2LastRun}} — {{.SharesTier2LastRun}}{{end}}
{{T "sharing.rendben"}}{{if .SharesTier2LastRun}} — {{.SharesTier2LastRun}}{{end}}
{{if .SharesTier2Warning}}<span class="badge badge-warn">{{.SharesTier2Warning}}</span>{{end}}
{{else if eq .SharesTier2Status "no_target"}}
<span class="badge badge-warn">nincs cél — {{.SharesTier2Error}}</span>
<span class="badge badge-warn">{{T "sharing.nincs_cel"}}</span>
{{else}}
<span class="badge badge-warn">hiba — {{.SharesTier2Error}}</span>
<span class="badge badge-warn">{{T "sharing.hiba"}}</span>
{{end}}
{{else}}
még nem futott
{{T "sharing.meg_nem_futott"}}
{{end}}
</li>
<li>
<strong>Távoli mentés (felhő):</strong>
<strong>{{T "sharing.tavoli_mentes_felho"}}</strong>
{{if .SharesOffsiteStatus}}
{{if eq .SharesOffsiteStatus "ok"}}
rendben — {{.SharesOffsiteCount}} megosztás{{if .SharesOffsiteLastRun}}, {{.SharesOffsiteLastRun}}{{end}}
{{T "sharing.rendben_megosztas"}}{{if .SharesOffsiteLastRun}}, {{.SharesOffsiteLastRun}}{{end}}
{{else if eq .SharesOffsiteStatus "blocked"}}
<span class="badge badge-warn">a tárhelykeret miatt csak a beállítások kerültek fel</span>
<span class="badge badge-warn">{{T "sharing.a_tarhelykeret_miatt_csak_a"}}</span>
{{else if eq .SharesOffsiteStatus "skipped"}}
<span class="badge badge-warn">kimaradt</span>
<span class="badge badge-warn">{{T "sharing.kimaradt"}}</span>
{{else}}
<span class="badge badge-warn">hiba</span>
<span class="badge badge-warn">{{T "sharing.hiba_2"}}</span>
{{end}}
{{else}}
még nem futott
{{T "sharing.meg_nem_futott"}}
{{end}}
</li>
</ul>
<div class="form-hint">
Visszaállítani a <a href="/backups/restore">Visszaállítás</a> oldalon lehet.
{{T "sharing.visszaallitani_a_visszaallitas_oldalon_l"}}
</div>
</div>
{{else}}
<div class="backup-table-empty">Még nincs megosztott mappa.</div>
<div class="backup-table-empty">{{T "sharing.meg_nincs_megosztott_mappa"}}</div>
{{end}}
</div>
<div class="settings-card">
<h3>Új megosztás</h3>
<h3>{{T "sharing.uj_megosztas"}}</h3>
<form method="POST" action="/sharing/shares" id="share-create-form">
{{.CSRFField}}
<div class="form-group">
<label for="share_name">Megosztás neve <span class="required">*</span></label>
<label for="share_name">{{T "sharing.megosztas_neve"}} <span class="required">*</span></label>
<input type="text" id="share_name" name="name" class="form-control mono"
maxlength="15" required autocomplete="off">
<div class="form-hint">Legfeljebb 15 karakter: betű, szám, kötőjel, aláhúzás.</div>
<div class="form-hint">{{T "sharing.legfeljebb_15_karakter_betu_szam_2"}}</div>
</div>
<div class="form-group">
<label>
<input type="radio" name="mode" value="new" checked onclick="shareModeSwitch()">
Új mappa a tárhelyen
{{T "sharing.uj_mappa_a_tarhelyen"}}
</label>
<label>
<input type="radio" name="mode" value="existing" onclick="shareModeSwitch()">
Meglévő mappa kiválasztása
{{T "sharing.meglevo_mappa_kivalasztasa"}}
</label>
</div>
<div class="form-group" id="share-mode-new">
<label for="storage_root">Tárhely</label>
<label for="storage_root">{{T "sharing.tarhely"}}</label>
<select id="storage_root" name="storage_root" class="form-control">
{{range .StorageRoots}}
<option value="{{.Path}}">{{.Label}}</option>
{{end}}
</select>
<div class="form-hint">A mappa a kiválasztott tárhely <span class="mono">shares/</span> könyvtárában jön létre.</div>
<div class="form-hint">{{T "sharing.a_mappa_a_kivalasztott_tarhely"}} <span class="mono">shares/</span> {{T "sharing.konyvtaraban_jon_letre"}}</div>
</div>
<div class="form-group" id="share-mode-existing" style="display:none">
<label>Kiválasztott mappa</label>
<label>{{T "sharing.kivalasztott_mappa"}}</label>
<input type="text" id="share_path" name="path" class="form-control mono" readonly>
<div class="form-actions">
<button type="button" class="btn btn-sm btn-outline" onclick="shareBrowseOpen()">Tallózás</button>
<button type="button" class="btn btn-sm btn-outline" onclick="shareBrowseOpen()">{{T "sharing.tallozas"}}</button>
</div>
</div>
<div class="form-group">
<label>
<input type="checkbox" name="read_only">
Írásvédett (csak olvasható)
{{T "sharing.irasvedett_csak_olvashato"}}
</label>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Megosztás létrehozása</button>
<button type="submit" class="btn btn-primary">{{T "sharing.megosztas_letrehozasa"}}</button>
</div>
</form>
</div>
<div class="confirm-overlay" id="share-browse-overlay" style="display:none">
<div class="confirm-box">
<h3>Mappa kiválasztása</h3>
<h3>{{T "sharing.mappa_kivalasztasa"}}</h3>
<div class="mono" id="share-browse-path"></div>
<div id="share-browse-list"></div>
<div class="form-actions">
<button type="button" class="btn btn-sm btn-primary" onclick="shareBrowsePick()">Ezt választom</button>
<button type="button" class="btn btn-sm btn-outline" onclick="shareBrowseClose()">Mégse</button>
<button type="button" class="btn btn-sm btn-primary" onclick="shareBrowsePick()">{{T "sharing.ezt_valasztom"}}</button>
<button type="button" class="btn btn-sm btn-outline" onclick="shareBrowseClose()">{{T "sharing.megse"}}</button>
</div>
</div>
</div>
@@ -302,12 +296,12 @@ function shareBrowseLoad(p){
.then(function(r){ return r.json(); })
.then(function(d){
shareBrowseCurrent = d.path || "";
document.getElementById('share-browse-path').textContent = d.error ? d.error : (d.path || 'Tárhelyek');
document.getElementById('share-browse-path').textContent = d.error ? d.error : (d.path || '{{T "sharing.tarhelyek"}}');
var list = document.getElementById('share-browse-list');
list.innerHTML = '';
if(d.parent){
var up = document.createElement('div');
up.innerHTML = '<button type="button" class="btn btn-xs btn-outline">.. vissza</button>';
up.innerHTML = '<button type="button" class="btn btn-xs btn-outline">{{T "sharing.vissza"}}</button>';
up.firstChild.onclick = function(){ shareBrowseLoad(d.parent); };
list.appendChild(up);
}
@@ -329,9 +323,9 @@ function shareBrowseLoad(p){
var txt = document.getElementById('samba-progress-text');
if (!box || !txt) return;
var PHASES = {
pulling: 'A megosztási szolgáltatás előkészítése… (képfájl letöltése — ez több percig tarthat)',
starting: 'A megosztási szolgáltatás indítása…',
needs_password: 'A megosztás be van kapcsolva, de még nincs megosztási jelszó — add meg alább.'
pulling: '{{T "sharing.a_megosztasi_szolgaltatas_elokeszitese_k"}}',
starting: '{{T "sharing.a_megosztasi_szolgaltatas_inditasa"}}',
needs_password: '{{T "sharing.a_megosztas_be_van_kapcsolva"}}'
};
var timer = null;
function stop(){ if (timer) { clearInterval(timer); timer = null; } }
@@ -349,14 +343,14 @@ function shareBrowseLoad(p){
if (PHASES[ph]) { show('alert-info', PHASES[ph]); return; }
if (ph === 'running') {
stop();
show('alert-success', 'A megosztási szolgáltatás fut.');
show('alert-success', '{{T "sharing.a_megosztasi_szolgaltatas_fut"}}');
/* Repaint the „Állapot" badge, which was rendered server-side as „áll". */
setTimeout(function(){ location.reload(); }, 1200);
return;
}
if (ph === 'failed') {
stop();
show('alert-error', 'A megosztási szolgáltatás nem indult el' + (j.data.error ? ': ' + j.data.error : '.'));
show('alert-error', '{{T "sharing.a_megosztasi_szolgaltatas_nem_indult"}}' + (j.data.error ? ': ' + j.data.error : '.'));
return;
}
/* idle and nothing running: nothing to report. */
+123 -123
View File
@@ -2,13 +2,13 @@
{{template "layout_start" .}}
<div class="page-header">
<h2>Tárhely — Meghajtók</h2>
<h2>{{T "storage.tarhely_meghajtok"}}</h2>
</div>
<!-- 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>
<h3>{{T "storage.adattarolok"}}</h3>
<p class="settings-card-desc">{{T "storage.kulso_meghajtok_kezelese_alkalmazasadato"}}</p>
{{if .StorageError}}<div class="alert alert-error">{{.StorageError}}</div>{{end}}
{{if .StorageSuccess}}<div class="alert alert-info">{{.StorageSuccess}}</div>{{end}}
@@ -21,49 +21,49 @@
<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"><svg class="ico ico-sm"><use href="#i-pencil"/></svg></button>{{end}}
{{if not (or .Disconnected .Decommissioned)}}<button class="btn btn-xs btn-ghost" onclick="editStorageLabel('{{.Path}}', '{{.Label}}')" title="{{T "storage.atnevezes"}}"><svg class="ico ico-sm"><use href="#i-pencil"/></svg></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>
<span class="badge badge-error">{{T "storage.levalasztva"}}</span>
{{else if .Decommissioned}}
<span class="tag tag-off"><span class="dot"></span>Kiváltva</span>
<span class="tag tag-off"><span class="dot"></span>{{T "storage.kivaltva"}}</span>
{{else}}
{{if .IsDefault}}<span class="tag">Alapértelmezett</span>{{end}}
{{if .Schedulable}}<span class="tag tag-run"><span class="dot"></span>Aktív</span>{{else}}<span class="tag tag-off"><span class="dot"></span>Inaktív</span>{{end}}
{{if .IsDefault}}<span class="tag">{{T "storage.alapertelmezett"}}</span>{{end}}
{{if .Schedulable}}<span class="tag tag-run"><span class="dot"></span>{{T "storage.aktiv"}}</span>{{else}}<span class="tag tag-off"><span class="dot"></span>{{T "storage.inaktiv"}}</span>{{end}}
{{if .IsUSB}}<span class="badge" style="background:rgba(255,165,0,0.15);color:var(--warn)">USB</span>{{end}}
{{if not .IsMounted}}<span class="badge badge-warn">Rendszermeghajtón</span>{{end}}
{{if not .IsMounted}}<span class="badge badge-warn">{{T "storage.rendszermeghajton"}}</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 .DisconnectedAt}}<span class="form-hint">{{T "storage.levalasztva_2"}}</span>{{end}}
{{if .StoppedApps}}
<span class="form-hint">Leállított alkalmazások: {{range $i, $name := .StoppedApps}}{{if $i}}, {{end}}{{$name}}{{end}}</span>
<span class="form-hint">{{T "storage.leallitott_alkalmazasok"}} {{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>
<button class="btn btn-xs btn-primary" onclick="storageReconnect('{{.Path}}')">{{T "storage.csatlakoztatas"}}</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}}
<span class="form-hint">{{T "storage.adatok_atkoltoztetve_ide"}}</span>
{{if .DecommissionedAt}}<span class="form-hint">{{T "storage.idopont"}}</span>{{end}}
</div>
</div>
<div class="storage-path-actions">
<button class="btn btn-xs btn-primary" onclick="storageReEnroll('{{.Path}}','{{.Label}}')">Visszacsatlakoztatás</button>
<button class="btn btn-xs btn-primary" onclick="storageReEnroll('{{.Path}}','{{.Label}}')">{{T "storage.visszacsatlakoztatas"}}</button>
<form method="POST" action="/settings/storage/remove" style="display:inline"
onsubmit="return storageRemoveDialog(event, this, 'Biztosan eltávolítja a(z) {{.Label}} ({{.Path}}) meghajtót a rendszerből?\n\nA meghajtó adatai NEM törlődnek.')">
onsubmit="return storageRemoveDialog(event, this, '{{T "storage.biztosan_eltavolitja_meghajtot"}}')">
{{$.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>
<button type="submit" class="btn btn-xs btn-outline">{{T "storage.eltavolitas_a_rendszerbol"}}</button>
</form>
</div>
{{else}}
@@ -87,28 +87,28 @@
{{end}}
{{if .StoppedApps}}
<div class="storage-stopped-apps-info" id="storage-stopped-{{.Path}}">
<span class="form-hint" style="color:var(--blue-bright)">Ú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>
<span class="form-hint" style="color:var(--blue-bright)">{{T "storage.ujrainditasra_varo_alkalmazasok"}} {{range $i, $name := .StoppedApps}}{{if $i}}, {{end}}{{$name}}{{end}}</span>
<button class="btn btn-xs btn-primary" onclick="storageRestartApps('{{.Path}}')" style="margin-left:.5rem">{{T "storage.alkalmazasok_inditasa"}}</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
{{T "storage.alkalmazas_hasznalja"}}
</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"><svg class="ico ico-sm"><use href="#i-upload"/></svg> Mozgatás</span>
<span class="btn btn-xs btn-outline" style="opacity:.45;cursor:not-allowed" title="{{T "storage.hamarosan"}}"><svg class="ico ico-sm"><use href="#i-upload"/></svg> {{T "storage.mozgatas"}}</span>
</div>
{{end}}
</div>
</details>
{{else}}
<span class="form-hint">Nincs alkalmazás ezen a tárolón</span>
<span class="form-hint">{{T "storage.nincs_alkalmazas_ezen_a_tarolon"}}</span>
{{end}}
</div>
<div class="drive-agent-extra" id="agent-extra-{{.Path}}"></div>
@@ -118,7 +118,7 @@
<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>
<button type="submit" class="btn btn-xs btn-outline">{{T "storage.legyen_alapertelmezett"}}</button>
</form>
{{end}}
{{if .Schedulable}}
@@ -126,18 +126,18 @@
{{$.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" title="A meghajtó kimarad az új alkalmazás-telepítésekből. A rajta lévő alkalmazások változatlanul futnak.">Új telepítések letiltása</button>
<button type="submit" class="btn btn-xs btn-outline" title="{{T "storage.a_meghajto_kimarad_az_uj"}}">{{T "storage.uj_telepitesek_letiltasa"}}</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" title="A meghajtó újra választható az új alkalmazás-telepítéseknél.">Új telepítések engedélyezése</button>
<button type="submit" class="btn btn-xs btn-outline" title="{{T "storage.a_meghajto_ujra_valaszthato_az"}}">{{T "storage.uj_telepitesek_engedelyezese"}}</button>
</form>
{{end}}
{{if .IsUSB}}
<button class="btn btn-xs btn-danger-outline" onclick="storageDisconnect('{{.Path}}', '{{.Label}}', {{.AppCount}})" title="Az itt tárolt alkalmazások leállnak, a meghajtó biztonságosan kihúzható. Az adatok megmaradnak; a meghajtó később újra csatlakoztatható.">Biztonságos leválasztás</button>
<button class="btn btn-xs btn-danger-outline" onclick="storageDisconnect('{{.Path}}', '{{.Label}}', {{.AppCount}})" title="{{T "storage.az_itt_tarolt_alkalmazasok_leallnak"}}">{{T "storage.biztonsagos_levalasztas"}}</button>
{{end}}
{{/* List-removal is the undo of a MANUAL add only. Wizard-enrolled drives
(/mnt/felhom-drives/) have a real lifecycle — Biztonságos leválasztás /
@@ -145,23 +145,23 @@
what the customer wants, so the button is hidden for them. */}}
{{if and (not .IsDefault) (eq .AppCount 0) (not .IsEnrolled)}}
<form method="POST" action="/settings/storage/remove" style="display:inline"
onsubmit="return storageRemoveDialog(event, this, 'Biztosan eltávolítja a(z) {{.Path}} adattárolót?')">
onsubmit="return storageRemoveDialog(event, this, '{{T "storage.biztosan_eltavolitja_adattarolot"}}')">
{{$.CSRFField}}
<input type="hidden" name="storage_path" value="{{.Path}}">
<button type="submit" class="btn btn-xs btn-danger-outline" title="Csak a nyilvántartásból törli a meghajtót — az adatok és a fájlrendszer érintetlenül maradnak.">Eltávolítás a listából</button>
<button type="submit" class="btn btn-xs btn-danger-outline" title="{{T "storage.csak_a_nyilvantartasbol_torli_a"}}">{{T "storage.eltavolitas_a_listabol"}}</button>
</form>
{{end}}
{{if and (gt .AppCount 0) .HasOtherPaths}}
{{$src := .Path}}
<span class="migrate-inline" style="display:inline-flex;gap:.35rem;align-items:center">
<select id="migrate-target-{{.Path}}" class="btn btn-xs btn-outline">
<option value="">Áthelyezés ide…</option>
<option value="">{{T "storage.athelyezes_ide"}}</option>
{{range $.StoragePaths}}{{if and (ne .Path $src) .Schedulable (not .Disconnected) (not .Decommissioned)}}<option value="{{.Path}}">{{.Label}} ({{.Path}})</option>{{end}}{{end}}
</select>
<button class="btn btn-xs btn-outline" onclick="storageMigrateAll('{{.Path}}','{{.Label}}')">Összes adat áthelyezése</button>
<button class="btn btn-xs btn-outline" onclick="storageMigrateAll('{{.Path}}','{{.Label}}')">{{T "storage.osszes_adat_athelyezese"}}</button>
</span>
{{end}}
<button class="btn btn-xs btn-danger-outline" onclick="storageDecommission('{{.Path}}','{{.Label}}',{{.AppCount}})" title="A meghajtó végleges kivonása a rendszerből. Ha céltárolót választ, előbb minden adat átkerül oda; áthelyezés nélkül az adatok a meghajtón maradnak.">Végleges leszerelés</button>
<button class="btn btn-xs btn-danger-outline" onclick="storageDecommission('{{.Path}}','{{.Label}}',{{.AppCount}})" title="{{T "storage.a_meghajto_vegleges_kivonasa_a"}}">{{T "storage.vegleges_leszereles"}}</button>
</div>
{{end}}
</div>
@@ -169,20 +169,20 @@
</div>
{{else}}
<div class="empty-state" style="padding:1.5rem">
Nincs regisztrált adattároló. Adjon hozzá egyet az alábbi űrlappal.
{{T "storage.nincs_regisztralt_adattarolo_adjon_hozza"}}
</div>
{{end}}
<div id="migrate-progress" style="display:none;margin-top:1rem;padding:1rem;border:1px solid var(--blue);border-radius:6px;background:rgba(0,136,204,0.06)">
<strong>Adatok áthelyezése</strong>
<strong>{{T "storage.adatok_athelyezese"}}</strong>
<div id="migrate-progress-body" style="margin-top:.5rem">…</div>
</div>
<script>
// Shared migration progress (used by both migrate-all here and per-app migrate on the app page).
function migFmtGB(b){ return (Number(b||0)/1e9).toFixed(1)+' GB'; }
function migRender(job){
var names={stop:'Alkalmazások leállítása',copy:'Adatok másolása',verify:'Ellenőrzés',flip:'Újratelepítés',redeploy:'Újratelepítés',cleanup:'Forrás törlése'};
var names={stop:'{{T "storage.alkalmazasok_leallitasa"}}',copy:'{{T "storage.adatok_masolasa"}}',verify:'{{T "storage.ellenorzes"}}',flip:'{{T "storage.ujratelepites"}}',redeploy:'{{T "storage.ujratelepites"}}',cleanup:'{{T "storage.forras_torlese"}}'};
var s=names[job.phase]||job.phase;
if(job.current_app) s+=': '+job.current_app;
if(job.phase==='copy'&&job.bytes_total>0){ s+=' ('+Math.floor(100*job.bytes_done/job.bytes_total)+'% — '+migFmtGB(job.bytes_done)+'/'+migFmtGB(job.bytes_total)+')'; }
@@ -195,10 +195,10 @@
function tick(){
fetch('/api/storage/migrate/status').then(function(r){return r.json();}).then(function(d){
var job=d.data&&d.data.job;
if(!job){ if(body) body.textContent='Nincs folyamatban migráció.'; return; }
if(!job){ if(body) body.textContent='{{T "storage.nincs_folyamatban_migracio"}}'; return; }
if(body) body.innerHTML=migRender(job);
if(job.phase==='done'){ if(body) body.innerHTML+='<br><strong>Kész</strong>'; setTimeout(function(){location.reload();},1500); return; }
if(job.phase==='aborted'){ if(body) body.innerHTML+='<br><strong style="color:var(--danger,#c0392b)">Megszakadt: '+(job.error||'')+'</strong><br>A forrás adatai érintetlenek.'; return; }
if(job.phase==='done'){ if(body) body.innerHTML+='<br><strong>{{T "storage.kesz"}}</strong>'; setTimeout(function(){location.reload();},1500); return; }
if(job.phase==='aborted'){ if(body) body.innerHTML+='<br><strong style="color:var(--danger,#c0392b)">{{T "storage.megszakadt"}} '+(job.error||'')+'</strong><br>{{T "storage.a_forras_adatai_erintetlenek"}}'; return; }
setTimeout(tick,1500);
}).catch(function(){ setTimeout(tick,2000); });
}
@@ -207,13 +207,13 @@
function storageMigrateAll(source,label){
var sel=document.getElementById('migrate-target-'+source);
var target=sel?sel.value:'';
if(!target){ showAlert('Válassz céltárolót a legördülő menüből.'); return; }
openDialog({title:'Összes adat áthelyezése', confirmLabel:'Áthelyezés',
message:'Áthelyezed a(z) '+label+' ÖSSZES adatát ide: '+target+'?\n\nAz alkalmazások az áthelyezés alatt rövid időre leállnak. A forrás adatai csak az ellenőrzés és a sikeres újraindítás után törlődnek.',
if(!target){ showAlert('{{T "storage.valassz_celtarolot_a_legordulo_menubol"}}'); return; }
openDialog({title:'{{T "storage.osszes_adat_athelyezese"}}', confirmLabel:'{{T "storage.athelyezes"}}',
message:'{{T "storage.athelyezed_a_z"}} '+label+' {{T "storage.osszes_adatat_ide"}} '+target+'{{T "storage.n_naz_alkalmazasok_az_athelyezes"}}',
onConfirm:function(){
fetch('/api/storage/migrate',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify({source:source,target:target})})
.then(function(r){return r.json();}).then(function(d){ if(d.ok){ migWatch(); } else { showAlert('Hiba: '+(d.error||'ismeretlen')); } })
.catch(function(e){ showAlert('Hiba: '+e); });
.then(function(r){return r.json();}).then(function(d){ if(d.ok){ migWatch(); } else { showAlert('{{T "storage.hiba"}} '+(d.error||'{{T "storage.ismeretlen"}}')); } })
.catch(function(e){ showAlert('{{T "storage.hiba"}} '+e); });
}});
}
// Resume view: if a migration is STILL IN PROGRESS when the page loads, show the panel and watch.
@@ -225,19 +225,19 @@
</script>
<div style="margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap">
<a href="/storage/init" class="btn btn-sm btn-outline"><svg class="ico ico-sm"><use href="#i-plus"/></svg> Új meghajtó inicializálása</a>
<a href="/storage/attach" class="btn btn-sm btn-outline"><svg class="ico ico-sm"><use href="#i-link"/></svg> Meglévő meghajtó csatolása</a>
<a href="/storage/init" class="btn btn-sm btn-outline"><svg class="ico ico-sm"><use href="#i-plus"/></svg> {{T "storage.uj_meghajto_inicializalasa"}}</a>
<a href="/storage/attach" class="btn btn-sm btn-outline"><svg class="ico ico-sm"><use href="#i-link"/></svg> {{T "storage.meglevo_meghajto_csatolasa"}}</a>
</div>
<div id="agent-warn-note"></div>
<div style="margin-top:1.5rem" id="agent-unregistered-wrap" hidden>
<div class="section-h"><h3>Nem regisztrált meghajtók</h3><span class="hint">az ügynök által észlelt, még nem regisztrált adatmeghajtók</span></div>
<div class="section-h"><h3>{{T "storage.nem_regisztralt_meghajtok"}}</h3><span class="hint">{{T "storage.az_ugynok_altal_eszlelt_meg"}}</span></div>
<div id="agent-unregistered" class="drive-list"></div>
</div>
<div style="margin-top:1.5rem" id="agent-system-wrap" hidden>
<div class="section-h"><h3>Rendszermeghajtók</h3><span class="hint">védett — csak operátori aláírással módosíthatók</span></div>
<div class="section-h"><h3>{{T "storage.rendszermeghajtok"}}</h3><span class="hint">{{T "storage.vedett_csak_operatori_alairassal_modosit"}}</span></div>
<div id="agent-system" class="drive-list"></div>
</div>
<div id="confirm-root"></div>
@@ -255,16 +255,16 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
// was a misleading inconsistency. Hub-report ClassHint is UNCHANGED (UI-only suppression).
if(d.type==='usb') return '';
if(d.class==='fast') return '<span class="tag">gyors</span>';
if(d.class==='slow') return '<span class="tag tag-off">lassú</span>';
if(d.class==='slow') return '<span class="tag tag-off">{{T "storage.lassu"}}</span>';
return '';
}
function roleTag(role){
if(role==='system') return '<span class="tag">'+LOCK_ICO+'Rendszer — védett</span>';
if(role==='backup') return '<span class="tag">'+LOCK_ICO+'Biztonsági mentés — védett</span>';
if(role==='user-data') return '<span class="tag tag-run"><span class="dot"></span>Felhasználói adat</span>';
return '<span class="tag">'+LOCK_ICO+'Védett</span>';
if(role==='system') return '<span class="tag">'+LOCK_ICO+'{{T "storage.rendszer_vedett"}}</span>';
if(role==='backup') return '<span class="tag">'+LOCK_ICO+'{{T "storage.biztonsagi_mentes_vedett"}}</span>';
if(role==='user-data') return '<span class="tag tag-run"><span class="dot"></span>{{T "storage.felhasznaloi_adat"}}</span>';
return '<span class="tag">'+LOCK_ICO+'{{T "storage.vedett"}}</span>';
}
function dataTag(d){ return d.data_bearing ? '<span class="tag tag-warn" title="'+esc(d.data_reason)+'">Adatot tartalmaz</span>' : ''; }
function dataTag(d){ return d.data_bearing ? '<span class="tag tag-warn" title="'+esc(d.data_reason)+'">{{T "storage.adatot_tartalmaz"}}</span>' : ''; }
// regKey is the path a drive is REGISTERED under: the STABLE intermediary path (guest_path,
// /mnt/felhom-drives/<name>) the agent reports, else the raw mount_path (legacy). The registry
// stores the STABLE path (handleStorageRegister/runStorageInit), so checking the raw mount_path
@@ -272,23 +272,23 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
function regKey(d){ return d.guest_path || d.mount_path; }
function regTag(d, registered){
if(!d.mount_path) return '';
return registered[regKey(d)] ? '<span class="tag tag-run"><span class="dot"></span>Regisztrálva</span>' : '<span class="tag tag-off"><span class="dot"></span>Nem regisztrált</span>';
return registered[regKey(d)] ? '<span class="tag tag-run"><span class="dot"></span>{{T "storage.regisztralva"}}</span>' : '<span class="tag tag-off"><span class="dot"></span>{{T "storage.nem_regisztralt"}}</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="tag">Alkalmazás-rendszer</span>';
if(d.role==='user-data') return '<span class="tag">Alkalmazás-adatok</span>';
if(d.type==='lvmthin') return '<span class="tag">{{T "storage.alkalmazas_rendszer"}}</span>';
if(d.role==='user-data') return '<span class="tag">{{T "storage.alkalmazas_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. Más meghajtók biztonsági mentési céljaként is szolgálhat.';
if(d.type==='lvmthin') return '{{T "storage.belso_ssd_a_szerver_rendszere"}}';
if(d.type==='local'||d.type==='dir') return '{{T "storage.host_tarhely_rendszer_sablonok_iso"}}';
if(d.type==='pbs'||d.role==='backup') return '{{T "storage.a_biztonsagi_mentesek_tarhelye"}}';
if(d.role==='user-data') return '{{T "storage.kulso_adattarolo_a_telepitett_alkalmazas"}}';
return '';
}
function capBar(d){
@@ -310,14 +310,14 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
// agentWhere() AND deregister it from the registry (which stores the stable path). Posting the
// raw path here would unmount the drive but leave the stable registry entry orphaned.
if(!registered[regKey(d)]){
btns += '<button class="btn btn-xs btn-primary" onclick="registerDrive(\''+mpRaw+'\')">Regisztrálás</button> ';
btns += '<button class="btn btn-xs btn-primary" onclick="registerDrive(\''+mpRaw+'\')">{{T "storage.regisztralas"}}</button> ';
}
// Dedupe: if the registry card already offers "Biztonságos leválasztás" (USB safe-disconnect),
// don't render the overlapping agent-level eject next to it — one detach affordance per card.
if(!hasSafeDisconnect){
btns += '<button class="btn btn-xs btn-danger-outline" onclick="confirmEject(\''+reg+'\')" title="A meghajtó lecsatolása és törlése a nyilvántartásból. Az adatok megmaradnak.">Leválasztás</button>';
btns += '<button class="btn btn-xs btn-danger-outline" onclick="confirmEject(\''+reg+'\')" title="{{T "storage.lecsatolas_title"}}">{{T "storage.levalasztas"}}</button>';
}
if(d.backing_device){ btns += (btns?' ':'') + '<button class="btn btn-xs btn-danger-outline" onclick="confirmWipe(\''+dev+'\',\''+reg+'\')" title="A meghajtó formázása — a rajta lévő MINDEN adat véglegesen törlődik.">Formázás…</button>'; }
if(d.backing_device){ btns += (btns?' ':'') + '<button class="btn btn-xs btn-danger-outline" onclick="confirmWipe(\''+dev+'\',\''+reg+'\')" title="{{T "storage.formazas_title"}}">{{T "storage.formazas"}}</button>'; }
return btns ? '<div class="drive-actions">'+btns+'</div>' : '';
}
// Unified drive view (D1): the agent disk list ENRICHES the registry cards in place
@@ -345,7 +345,7 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
var extra='<div class="metarows">'
+'<span class="metarow">'+roleTag(d.role)+'</span>'
+(d.class?'<span class="metarow">'+classTag(d)+'</span>':'')
+(d.durable_id?'<span class="metarow mono" title="Tartós azonosító">'+esc(d.durable_id)+'</span>':'')
+(d.durable_id?'<span class="metarow mono" title="{{T "storage.tartos_azonosito"}}">'+esc(d.durable_id)+'</span>':'')
+'</div>'
+actions(d,registered,hasSafeDisconnect);
slot.innerHTML=extra;
@@ -355,7 +355,7 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
var warn=document.getElementById('agent-warn-note');
try{
var r=await fetch('/api/disks'); var j=await r.json();
if(!j.ok) throw new Error(j.error||'Nem elérhető');
if(!j.ok) throw new Error(j.error||'{{T "storage.nem_elerheto"}}');
var disks=(j.data&&j.data.disks)||[];
var registered={}; (window.__registeredPaths||[]).forEach(function(p){registered[p]=true;});
var sysHtml='', unregHtml='';
@@ -372,7 +372,7 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
if(sysHtml){ document.getElementById('agent-system').innerHTML=sysHtml; sysWrap.hidden=false; }
if(unregHtml){ document.getElementById('agent-unregistered').innerHTML=unregHtml; unregWrap.hidden=false; }
}catch(e){
if(warn) warn.innerHTML='<div class="alert alert-warning" style="margin-top:1rem">Az ügynök nem elérhető — élő meghajtóadatok nélkül.</div>';
if(warn) warn.innerHTML='<div class="alert alert-warning" style="margin-top:1rem">{{T "storage.az_ugynok_nem_elerheto_elo"}}</div>';
}
}
@@ -387,11 +387,11 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
var j=await r.json(); if(j.ok && j.data){ apps=j.data.apps||[]; copies=j.data.backup_copies||[]; }
}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>';
? '<p>{{T "storage.a_muvelet_utan_a_kovetkezo"}}</p><ul class="confirm-apps">'+apps.map(function(a){return '<li>'+esc(a)+'</li>';}).join('')+'</ul>'
: '<p class="form-hint">{{T "storage.ehhez_a_meghajtohoz_jelenleg_nincs"}}</p>';
// P4 (4B): this drive may also hold cross-drive backup COPIES of other apps — a wipe removes them.
var copiesHtml = copies.length
? '<div class="alert alert-warning" style="margin-top:.5rem">Ez a meghajtó más alkalmazások <strong>biztonsági másolatait</strong> is tárolja — a törlés ezeket is eltávolítja:<ul class="confirm-apps">'+copies.map(function(a){return '<li>'+esc(a)+'</li>';}).join('')+'</ul><span class="form-hint">(A másolatok redundánsak — az eredetik a forrás-meghajtón maradnak.)</span></div>'
? '<div class="alert alert-warning" style="margin-top:.5rem">{{T "storage.ez_a_meghajto_mas_alkalmazasok"}}<ul class="confirm-apps">'+copies.map(function(a){return '<li>'+esc(a)+'</li>';}).join('')+'</ul><span class="form-hint">{{T "storage.a_masolatok_redundansak_az_eredetik"}}</span></div>'
: '';
var root=document.getElementById('confirm-root');
root.innerHTML='<div class="confirm-overlay" onclick="if(event.target===this)__closeConfirm()"><div class="confirm-box">'
@@ -399,10 +399,10 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
+'<div class="alert alert-warning">'+esc(opts.danger)+'</div>'
+appsHtml
+copiesHtml
+'<div class="confirm-input"><label>Megerősítéshez írja be a csatlakoztatási nevet: <strong class="mono">'+esc(opts.mountName)+'</strong></label>'
+'<div class="confirm-input"><label>{{T "storage.megerositeshez_irja_be_a_csatlakoztatasi"}} <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 class="form-actions"><button id="confirm-go" class="btn btn-danger-outline" disabled>{{T "storage.megerosites"}}</button>'
+'<button class="btn btn-outline" onclick="__closeConfirm()">{{T "storage.megsem"}}</button></div>'
+'<div id="confirm-result" style="margin-top:.6rem"></div></div></div>';
document.getElementById('confirm-go').onclick=opts.onConfirm;
}
@@ -412,37 +412,37 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
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){ showAlert('Regisztráció sikertelen: '+(j.error||'')); return; }
var j=await r.json(); if(!j.ok){ showAlert('{{T "storage.regisztracio_sikertelen"}} '+(j.error||'')); return; }
location.reload();
}catch(e){ showAlert('Hiba: '+e.message); }
}catch(e){ showAlert('{{T "storage.hiba"}} '+e.message); }
};
window.confirmEject=function(where){
// The confirm name is the drive BASENAME (matches the server's path.Base(where) check); `where` may
// be the stable /mnt/felhom-drives/<name> path, so strip the whole directory, not just the /mnt/ prefix.
var name=where.split('/').filter(Boolean).pop()||where;
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.',
openConfirm({title:'{{T "storage.meghajto_levalasztasa"}}', mount:where, mountName:name,
danger:'{{T "storage.a_meghajto_levalasztasra_kerul_az"}}',
onConfirm:async function(){
var out=document.getElementById('confirm-result'); out.innerHTML='<p class="form-hint">Leválasztás folyamatban…</p>';
var out=document.getElementById('confirm-result'); out.innerHTML='<p class="form-hint">{{T "storage.levalasztas_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; }
var j=await r.json(); if(!j.ok){ out.innerHTML='<div class="alert alert-error">{{T "storage.hiba"}} '+esc(j.error||'')+'</div>'; return; }
location.reload();
}catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(e.message)+'</div>'; }
}catch(e){ out.innerHTML='<div class="alert alert-error">{{T "storage.hiba"}} '+esc(e.message)+'</div>'; }
}});
};
window.confirmWipe=function(device, where){
// Basename (matches the server's path.Base(where) type-to-confirm check); `where` may be the stable path.
var name=where.split('/').filter(Boolean).pop()||where;
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.',
openConfirm({title:'{{T "storage.meghajto_torlese_formazas"}}', mount:where, mountName:name,
danger:'{{T "storage.figyelem_a_meghajton_levo_osszes"}}',
onConfirm:async function(){
var out=document.getElementById('confirm-result'); out.innerHTML='<p class="form-hint">Törlés folyamatban…</p>';
var out=document.getElementById('confirm-result'); out.innerHTML='<p class="form-hint">{{T "storage.torles_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; }
var j=await r.json(); if(!j.ok){ out.innerHTML='<div class="alert alert-error">{{T "storage.hiba"}} '+esc(j.error||'')+'</div>'; return; }
location.reload();
}catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(e.message)+'</div>'; }
}catch(e){ out.innerHTML='<div class="alert alert-error">{{T "storage.hiba"}} '+esc(e.message)+'</div>'; }
}});
};
load();
@@ -450,25 +450,25 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
</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>
<summary class="btn btn-sm btn-outline" style="margin-top:.75rem;cursor:pointer">{{T "storage.mar_csatlakoztatott_tarhely_hozzaadasa_k"}}</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>
<label for="storage_path">{{T "storage.eleresi_ut"}}</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>
<span class="form-hint">{{T "storage.pl_mnt_hdd_1_a"}}</span>
</div>
<div class="form-group">
<label for="storage_label">Megnevezés (opcionális)</label>
<label for="storage_label">{{T "storage.megnevezes_opcionalis"}}</label>
<input type="text" id="storage_label" name="storage_label" class="form-control"
placeholder="Külső HDD 1TB">
placeholder="{{T "storage.kulso_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>
<span class="toggle-label">{{T "storage.legyen_alapertelmezett_uj_telepiteseknel"}}</span>
</label>
<button type="submit" class="btn btn-primary">Hozzáadás</button>
<button type="submit" class="btn btn-primary">{{T "storage.hozzaadas"}}</button>
</form>
</details>
</div>
@@ -484,14 +484,14 @@ function openDialog(opts){
if(!root) return;
var typeGate=opts.typeToConfirm||'';
var html='<div class="confirm-overlay" onclick="if(event.target===this)document.getElementById(\'dialog-cancel\').click()"><div class="confirm-box">'
+'<h3>'+escText(opts.title||'Megerősítés')+'</h3>'
+'<h3>'+escText(opts.title||'{{T "storage.megerosites"}}')+'</h3>'
+'<p style="white-space:pre-line">'+escText(opts.message||'')+'</p>';
if(typeGate){
html+='<div class="confirm-input"><label>Megerősítéshez írja be: <strong class="mono">'+escText(typeGate)+'</strong></label>'
html+='<div class="confirm-input"><label>{{T "storage.megerositeshez_irja_be"}} <strong class="mono">'+escText(typeGate)+'</strong></label>'
+'<input type="text" id="dialog-type" class="form-control" autocomplete="off" placeholder="'+escText(typeGate)+'"></div>';
}
html+='<div class="form-actions"><button id="dialog-go" class="btn '+(typeGate?'btn-danger-outline':'btn-primary')+'"'+(typeGate?' disabled':'')+'>'+escText(opts.confirmLabel||'Megerősítés')+'</button>'
+'<button type="button" class="btn btn-outline" id="dialog-cancel">Mégsem</button></div>'
html+='<div class="form-actions"><button id="dialog-go" class="btn '+(typeGate?'btn-danger-outline':'btn-primary')+'"'+(typeGate?' disabled':'')+'>'+escText(opts.confirmLabel||'{{T "storage.megerosites"}}')+'</button>'
+'<button type="button" class="btn btn-outline" id="dialog-cancel">{{T "storage.megsem"}}</button></div>'
+'</div></div>';
root.innerHTML=html;
var go=document.getElementById('dialog-go');
@@ -504,7 +504,7 @@ function openDialog(opts){
// Overlay-confirmed POST form submit (registry drive-remove forms).
function storageRemoveDialog(ev, form, msg){
ev.preventDefault();
openDialog({title:'Meghajtó eltávolítása', message:msg, confirmLabel:'Eltávolítás', onConfirm:function(){ form.submit(); }});
openDialog({title:'{{T "storage.meghajto_eltavolitasa"}}', message:msg, confirmLabel:'{{T "storage.eltavolitas"}}', onConfirm:function(){ form.submit(); }});
return false;
}
@@ -522,10 +522,10 @@ function editStorageLabel(path, currentLabel) {
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ó.';
openDialog({title:'Meghajtó leválasztása', message:msg, confirmLabel:'Leválasztás', onConfirm:function(){ doStorageDisconnect(path); }});
var msg = '{{T "storage.biztos_levalasztja_a_meghajtot"}} ' + label + '?';
if (appCount > 0) msg += '{{T "storage.n_na_rajta_futo"}} ' + appCount + ' {{T "storage.alkalmazas_le_fog_allni"}}';
msg += '{{T "storage.n_na_meghajto_ezutan_biztonsagosan"}}';
openDialog({title:'{{T "storage.meghajto_levalasztasa"}}', message:msg, confirmLabel:'{{T "storage.levalasztas"}}', onConfirm:function(){ doStorageDisconnect(path); }});
}
function doStorageDisconnect(path) {
fetch('/api/storage/disconnect', {
@@ -534,16 +534,16 @@ function doStorageDisconnect(path) {
body: JSON.stringify({where: path})
}).then(function(r) { return r.json(); }).then(function(data) {
if (data.ok) {
showAlert('A meghajtó biztonságosan eltávolítható.');
showAlert('{{T "storage.a_meghajto_biztonsagosan_eltavolithato"}}');
location.reload();
} else {
showAlert('Hiba: ' + (data.error || 'ismeretlen'));
showAlert('{{T "storage.hiba"}} ' + (data.error || '{{T "storage.ismeretlen"}}'));
}
}).catch(function(e) { showAlert('Hiba: ' + e); });
}).catch(function(e) { showAlert('{{T "storage.hiba"}} ' + e); });
}
function storageReconnect(path) {
var actionsDiv = document.getElementById('storage-actions-' + path);
if (actionsDiv) actionsDiv.innerHTML = '<span class="form-hint">Csatlakoztatás...</span>';
if (actionsDiv) actionsDiv.innerHTML = '<span class="form-hint">{{T "storage.csatlakoztatas_2"}}</span>';
fetch('/api/storage/reconnect', {
method: 'POST',
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
@@ -552,12 +552,12 @@ function storageReconnect(path) {
if (data.ok) {
location.reload();
} else {
showAlert('Hiba: ' + (data.error || 'ismeretlen'));
if (actionsDiv) actionsDiv.innerHTML = '<button class="btn btn-xs btn-primary" onclick="storageReconnect(\'' + path + '\')">Csatlakoztatás</button>';
showAlert('{{T "storage.hiba"}} ' + (data.error || '{{T "storage.ismeretlen"}}'));
if (actionsDiv) actionsDiv.innerHTML = '<button class="btn btn-xs btn-primary" onclick="storageReconnect(\'' + path + '\')">{{T "storage.csatlakoztatas"}}</button>';
}
}).catch(function(e) {
showAlert('Hiba: ' + e);
if (actionsDiv) actionsDiv.innerHTML = '<button class="btn btn-xs btn-primary" onclick="storageReconnect(\'' + path + '\')">Csatlakoztatás</button>';
showAlert('{{T "storage.hiba"}} ' + e);
if (actionsDiv) actionsDiv.innerHTML = '<button class="btn btn-xs btn-primary" onclick="storageReconnect(\'' + path + '\')">{{T "storage.csatlakoztatas"}}</button>';
});
}
function storageRestartApps(path) {
@@ -568,12 +568,12 @@ function storageRestartApps(path) {
}).then(function(r) { return r.json(); }).then(function(data) {
if (data.ok) {
var r2 = data.restarted || [];
if (r2.length) showAlert('Elindítva: ' + r2.join(', '));
if (r2.length) showAlert('{{T "storage.elinditva"}} ' + r2.join(', '));
location.reload();
} else {
showAlert('Hiba: ' + (data.error || 'ismeretlen'));
showAlert('{{T "storage.hiba"}} ' + (data.error || '{{T "storage.ismeretlen"}}'));
}
}).catch(function(e) { showAlert('Hiba: ' + e); });
}).catch(function(e) { showAlert('{{T "storage.hiba"}} ' + e); });
}
// H2: decommission a drive (non-destructive). If a migrate target is picked in the inline select →
// migrate-then-decommission; otherwise decommission-anyway with type-to-confirm.
@@ -581,14 +581,14 @@ function storageDecommission(path, label, appCount) {
var sel = document.getElementById('migrate-target-' + path);
var target = sel ? sel.value : '';
if (target) {
openDialog({title:'Leszerelés áthelyezéssel', confirmLabel:'Leszerelés',
message:'Leszerelés áthelyezéssel: minden adat átmásolása ide: ' + target + ', majd a(z) ' + label + ' leszerelése?\n\nAz adatok NEM törlődnek.',
openDialog({title:'{{T "storage.leszereles_athelyezessel"}}', confirmLabel:'{{T "storage.leszereles"}}',
message:'{{T "storage.leszereles_athelyezessel_minden_adat_atm"}} ' + target + ', {{T "storage.majd_a_z"}} ' + label + ' {{T "storage.leszerelese_n_naz_adatok_nem"}}',
onConfirm:function(){ doStorageDecommission({where: path, mode: 'migrate', target: target}); }});
} else {
var name = path.split('/').pop();
openDialog({title:'Meghajtó leszerelése', confirmLabel:'Leszerelés', typeToConfirm:name,
message:'A(z) ' + label + ' leszereléséhez (áthelyezés nélkül) írja be a meghajtó nevét megerősítésként.' +
(appCount > 0 ? '\n\nFIGYELEM: ' + appCount + ' alkalmazás leáll (az adatok megmaradnak).' : ''),
openDialog({title:'{{T "storage.meghajto_leszerelese"}}', confirmLabel:'{{T "storage.leszereles"}}', typeToConfirm:name,
message:'{{T "storage.a_z"}} ' + label + ' {{T "storage.leszerelesehez_athelyezes_nelkul_irja_be"}}' +
(appCount > 0 ? '\n\n{{T "storage.figyelem"}} ' + appCount + ' {{T "storage.alkalmazas_leall_az_adatok_megmaradnak"}}' : ''),
onConfirm:function(){ doStorageDecommission({where: path, mode: 'anyway', mount_name: name}); }});
}
}
@@ -598,15 +598,15 @@ function doStorageDecommission(body) {
headers: Object.assign({'Content-Type': 'application/json'}, csrfHeaders()),
body: JSON.stringify(body)
}).then(function(r) { return r.json(); }).then(function(data) {
if (data.ok) { showAlert('Leszerelés elindítva.'); location.reload(); }
else { showAlert('Hiba: ' + (data.error || 'ismeretlen')); }
}).catch(function(e) { showAlert('Hiba: ' + e); });
if (data.ok) { showAlert('{{T "storage.leszereles_elinditva"}}'); location.reload(); }
else { showAlert('{{T "storage.hiba"}} ' + (data.error || '{{T "storage.ismeretlen"}}')); }
}).catch(function(e) { showAlert('{{T "storage.hiba"}} ' + e); });
}
// H3: one-click re-enroll a decommissioned/ejected drive — clears the marker, re-attaches under the
// parent, restarts the gate-stopped apps (data is intact).
function storageReEnroll(path, label) {
openDialog({title:'Visszacsatlakoztatás', confirmLabel:'Visszacsatlakoztatás',
message:'Visszacsatlakoztatja a(z) ' + label + ' meghajtót?\n\nAz adatok érintetlenek; a leállított alkalmazások újraindulnak.',
openDialog({title:'{{T "storage.visszacsatlakoztatas"}}', confirmLabel:'{{T "storage.visszacsatlakoztatas"}}',
message:'{{T "storage.visszacsatlakoztatja_a_z"}} ' + label + ' {{T "storage.meghajtot_n_naz_adatok_erintetlenek"}}',
onConfirm:function(){ doStorageReEnroll(path); }});
}
function doStorageReEnroll(path) {
@@ -616,8 +616,8 @@ function doStorageReEnroll(path) {
body: JSON.stringify({where: path})
}).then(function(r) { return r.json(); }).then(function(data) {
if (data.ok) { location.reload(); }
else { showAlert('Hiba: ' + (data.error || 'ismeretlen')); }
}).catch(function(e) { showAlert('Hiba: ' + e); });
else { showAlert('{{T "storage.hiba"}} ' + (data.error || '{{T "storage.ismeretlen"}}')); }
}).catch(function(e) { showAlert('{{T "storage.hiba"}} ' + e); });
}
function cancelEditLabel(path, label) {
var wrap = document.getElementById('label-wrap-' + path);
@@ -630,7 +630,7 @@ function cancelEditLabel(path, label) {
span.textContent = label;
var btn = document.createElement('button');
btn.className = 'btn btn-xs btn-ghost';
btn.setAttribute('title', 'Átnevezés');
btn.setAttribute('title', '{{T "storage.atnevezes"}}');
btn.innerHTML = '<svg class="ico ico-sm"><use href="#i-pencil"/></svg>';
btn.addEventListener('click', function() { editStorageLabel(path, label); });
wrap.appendChild(span);
@@ -3,52 +3,50 @@
<div class="page-header">
<div style="display:flex;align-items:center;gap:.5rem">
<a href="/storage" class="btn btn-sm btn-outline">← Vissza</a>
<h2>Meglévő meghajtó csatolása</h2>
<a href="/storage" class="btn btn-sm btn-outline">{{T "storage_attach.vissza"}}</a>
<h2>{{T "storage_attach.meglevo_meghajto_csatolasa"}}</h2>
</div>
</div>
<div class="settings-card">
<h3>1. Meghajtó kiválasztása</h3>
<p class="settings-card-desc">Válassza ki a már fájlrendszerrel rendelkező meghajtót.
<strong>A meghajtón lévő adatok nem törlődnek</strong> — a csatolás csak elérhetővé teszi azokat.</p>
<h3>{{T "storage_attach.1_meghajto_kivalasztasa"}}</h3>
<p class="settings-card-desc">{{T "storage_attach.valassza_ki_a_mar_fajlrendszerrel"}}</p>
<div id="disk-error" class="alert alert-error" style="display:none;margin-bottom:1rem"></div>
<div id="disk-list">Betöltés…</div>
<div id="disk-list">{{T "storage_attach.betoltes"}}</div>
</div>
<div class="settings-card" id="cfg-card" style="display:none">
<h3>2. Konfiguráció</h3>
<h3>{{T "storage_attach.2_konfiguracio"}}</h3>
<form id="attach-form" onsubmit="return submitAttach(event)">
<div class="form-group">
<label>Kiválasztott eszköz</label>
<label>{{T "storage_attach.kivalasztott_eszkoz"}}</label>
<span class="settings-value mono" id="sel-device">—</span>
</div>
<!-- R-280: an already-mounted store has no mount name to choose — it is already at its path,
and the action is to register that path. The group is hidden for those. -->
<div class="form-group" id="mount-name-group">
<label for="mount-name">Csatlakoztatási név <span class="required">*</span></label>
<label for="mount-name">{{T "storage_attach.csatlakoztatasi_nev"}} <span class="required">*</span></label>
<div style="display:flex;align-items:center;gap:.25rem">
<span class="mono" style="opacity:.6">/mnt/</span>
<input type="text" id="mount-name" class="form-control" placeholder="hdd_1"
pattern="[a-zA-Z0-9_-]+" required style="max-width:180px">
</div>
<span class="form-hint">A meghajtó a /mnt/&lt;név&gt; útvonalra kerül.</span>
<span class="form-hint">{{T "storage_attach.a_meghajto_a_mnt_nev"}}</span>
</div>
<p class="form-hint" id="mounted-note" style="display:none">
Ez a meghajtó már csatlakoztatva van, csak a gép nem tartja nyilván. A „Csatolás" a
meglévő helyén veszi nyilvántartásba — <strong>semmi nem törlődik</strong>.
{{T "storage_attach.ez_a_meghajto_mar_csatlakoztatva"}}
</p>
<div class="form-group">
<label for="storage-label">Megnevezés</label>
<input type="text" id="storage-label" class="form-control" placeholder="Külső HDD 1TB" maxlength="50">
<label for="storage-label">{{T "storage_attach.megnevezes"}}</label>
<input type="text" id="storage-label" class="form-control" placeholder="{{T "storage_attach.kulso_hdd_1tb"}}" maxlength="50">
</div>
<label class="toggle" style="margin-bottom:1.25rem">
<input type="checkbox" id="set-default">
<span class="toggle-label">Beállítás alapértelmezett adattárolóként új telepítéseknél</span>
<span class="toggle-label">{{T "storage_attach.beallitas_alapertelmezett_adattarolokent"}}</span>
</label>
<div class="form-actions" style="gap:.75rem">
<button type="submit" class="btn btn-primary" id="attach-btn">Csatolás</button>
<a href="/settings" class="btn btn-outline">Mégsem</a>
<button type="submit" class="btn btn-primary" id="attach-btn">{{T "storage_attach.csatolas"}}</button>
<a href="/settings" class="btn btn-outline">{{T "storage_attach.megsem"}}</a>
</div>
<div id="attach-result" style="margin-top:1rem"></div>
</form>
@@ -69,9 +67,9 @@ async function loadDisks(){
// carrying a mountable ext4/xfs FS (mounted + bound, NO format — data preserved). The agent's filter
// excludes OS/enrolled/claimed disks, so we trust the list as-is.
var r = await fetch('/api/disks/candidates'); var j = await r.json();
if(!j.ok){ throw new Error(j.error||'Hiba'); }
if(!j.ok){ throw new Error(j.error||'{{T "storage_attach.hiba"}}'); }
var cands = (j.data&&j.data.attach)||[];
if(cands.length===0){ document.getElementById('disk-list').innerHTML='<p class="form-hint">Nincs csatolható meghajtó — a csatoláshoz olyan (még nem használt) meghajtó kell, amelyen már van fájlrendszer. Új, üres meghajtóhoz használja az „Inicializálás” lehetőséget.</p>'; return; }
if(cands.length===0){ document.getElementById('disk-list').innerHTML='<p class="form-hint">{{T "storage_attach.nincs_csatolhato_meghajto_a_csatolashoz"}}</p>'; return; }
var html='<div class="drive-list">';
cands.forEach(function(d,i){
var title = d.model ? esc(d.model) : esc(d.device);
@@ -88,11 +86,11 @@ async function loadDisks(){
html+='<label class="drive-card role-user-data is-selectable" id="dc-'+i+'">'
+'<div class="drive-card-top"><div class="drive-select"><input type="radio" name="disk" value="'+esc(dev)+'" data-fs="'+esc(d.fstype)+'" data-i="'+i+'" data-mounted="'+(mounted?'1':'')+'" onchange="pickDisk(this)">'
+'<div class="drive-id"><span class="drive-name">'+title+'</span><span class="drive-sub">'+sub+'</span></div></div>'
+'<div class="drive-badges">'+(mounted?'<span class="badge badge-ok">Már csatlakoztatva</span>':'<span class="badge badge-ok">Fájlrendszer: '+esc(d.fstype)+'</span>')+'</div></div></label>';
+'<div class="drive-badges">'+(mounted?'<span class="badge badge-ok">{{T "storage_attach.mar_csatlakoztatva"}}</span>':'<span class="badge badge-ok">{{T "storage_attach.fajlrendszer"}} '+esc(d.fstype)+'</span>')+'</div></div></label>';
});
html+='</div>';
document.getElementById('disk-list').innerHTML=html;
}catch(e){ var el=document.getElementById('disk-error'); el.style.display='block'; el.textContent='Meghajtók betöltése sikertelen: '+e.message; }
}catch(e){ var el=document.getElementById('disk-error'); el.style.display='block'; el.textContent='{{T "storage_attach.meghajtok_betoltese_sikertelen"}} '+e.message; }
}
function pickDisk(radio){
@@ -114,7 +112,7 @@ function pickDisk(radio){
async function submitAttach(ev){
ev.preventDefault();
var btn=document.getElementById('attach-btn'); var out=document.getElementById('attach-result');
btn.disabled=true; out.innerHTML='<p class="form-hint">Csatlakoztatás folyamatban…</p>';
btn.disabled=true; out.innerHTML='<p class="form-hint">{{T "storage_attach.csatlakoztatas_folyamatban"}}</p>';
try{
// R-280: an already-mounted store is REGISTERED in place. Sending it to /api/storage/attach would
// ask the agent to mount an in-guest path as if it were a raw device.
@@ -130,9 +128,9 @@ async function submitAttach(ev){
}
var r=await fetch(url,{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify(body)});
var j=await r.json();
if(!j.ok){ throw new Error(j.error||'Hiba'); }
out.innerHTML='<div class="alert alert-success">A meghajtó sikeresen '+(selMounted?'nyilvántartásba véve':'csatolva és regisztrálva')+': <strong class="mono">'+(j.data.where||'')+'</strong>. <a href="/settings">Vissza a Beállításokhoz →</a></div>';
}catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+e.message+'</div>'; btn.disabled=false; }
if(!j.ok){ throw new Error(j.error||'{{T "storage_attach.hiba"}}'); }
out.innerHTML='<div class="alert alert-success">{{T "storage_attach.a_meghajto_sikeresen"}} '+(selMounted?'{{T "storage_attach.nyilvantartasba_veve"}}':'{{T "storage_attach.csatolva_es_regisztralva"}}')+': <strong class="mono">'+(j.data.where||'')+'</strong>{{T "storage_attach.vissza_a_beallitasokhoz"}}</div>';
}catch(e){ out.innerHTML='<div class="alert alert-error">{{T "storage_attach.hiba_2"}} '+e.message+'</div>'; btn.disabled=false; }
return false;
}
loadDisks();
@@ -3,58 +3,55 @@
<div class="page-header">
<div style="display:flex;align-items:center;gap:.5rem">
<a href="/storage" class="btn btn-sm btn-outline">← Vissza</a>
<h2>Új meghajtó inicializálása</h2>
<a href="/storage" class="btn btn-sm btn-outline">{{T "storage_init.vissza"}}</a>
<h2>{{T "storage_init.uj_meghajto_inicializalasa"}}</h2>
</div>
</div>
<div class="settings-card">
<h3>1. Meghajtó kiválasztása</h3>
<p class="settings-card-desc">Válassza ki a formázandó <strong>felhasználói adatmeghajtót</strong>. Rendszer- és
biztonsági-mentés meghajtók itt nem jelennek meg — azok védettek. Ha a meghajtó adatot tartalmaz, a törlést
Önnek meg kell erősítenie.</p>
<h3>{{T "storage_init.1_meghajto_kivalasztasa"}}</h3>
<p class="settings-card-desc">{{T "storage_init.valassza_ki_a_formazando_felhasznaloi"}}</p>
<div id="disk-error" class="alert alert-error" style="display:none;margin-bottom:1rem"></div>
<div id="disk-list">Betöltés…</div>
<div id="disk-list">{{T "storage_init.betoltes"}}</div>
</div>
<div class="settings-card" id="cfg-card" style="display:none">
<h3>2. Konfiguráció</h3>
<h3>{{T "storage_init.2_konfiguracio"}}</h3>
<form id="init-form" onsubmit="return submitInit(event)">
<div class="form-group">
<label>Kiválasztott eszköz</label>
<label>{{T "storage_init.kivalasztott_eszkoz"}}</label>
<span class="settings-value mono" id="sel-device">—</span>
</div>
<div class="form-group">
<label for="mount-name">Csatlakoztatási név <span class="required">*</span></label>
<label for="mount-name">{{T "storage_init.csatlakoztatasi_nev"}} <span class="required">*</span></label>
<div style="display:flex;align-items:center;gap:.25rem">
<span class="mono" style="opacity:.6">/mnt/</span>
<input type="text" id="mount-name" class="form-control" placeholder="hdd_1"
pattern="[a-zA-Z0-9_-]+" required style="max-width:180px">
</div>
<span class="form-hint">A meghajtó a /mnt/&lt;név&gt; útvonalra kerül.</span>
<span class="form-hint">{{T "storage_init.a_meghajto_a_mnt_nev"}}</span>
</div>
<div class="form-group">
<label for="fstype">Fájlrendszer</label>
<label for="fstype">{{T "storage_init.fajlrendszer"}}</label>
<select id="fstype" class="form-control" style="max-width:180px">
<option value="ext4" selected>ext4</option>
<option value="xfs">xfs</option>
</select>
</div>
<div class="form-group">
<label for="storage-label">Megnevezés</label>
<input type="text" id="storage-label" class="form-control" placeholder="Külső HDD 1TB" maxlength="50">
<label for="storage-label">{{T "storage_init.megnevezes"}}</label>
<input type="text" id="storage-label" class="form-control" placeholder="{{T "storage_init.kulso_hdd_1tb"}}" maxlength="50">
</div>
<label class="toggle" style="margin-bottom:1.25rem">
<input type="checkbox" id="set-default" checked>
<span class="toggle-label">Beállítás alapértelmezett adattárolóként új telepítéseknél</span>
<span class="toggle-label">{{T "storage_init.beallitas_alapertelmezett_adattarolokent"}}</span>
</label>
<div class="alert alert-warning" id="warn-databearing" style="display:none;margin-bottom:1rem">
<svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg> A kiválasztott meghajtó <strong>adatot tartalmaz</strong>. Az inicializálás (formázás) törli a rajta lévő
összes adatot — a folytatáshoz meg kell erősítenie.
<svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg> {{T "storage_init.a_kivalasztott_meghajto_adatot_tartalmaz"}}
</div>
<div class="form-actions" style="gap:.75rem">
<button type="submit" class="btn btn-danger-outline" id="init-btn">Inicializálás indítása</button>
<a href="/settings" class="btn btn-outline">Mégsem</a>
<button type="submit" class="btn btn-danger-outline" id="init-btn">{{T "storage_init.inicializalas_inditasa"}}</button>
<a href="/settings" class="btn btn-outline">{{T "storage_init.megsem"}}</a>
</div>
<div id="init-result" style="margin-top:1rem"></div>
</form>
@@ -66,8 +63,8 @@ function esc(s){ return String(s==null?'':s).replace(/[&<>"]/g,function(c){retur
function dataBadge(d){
return d.data_bearing
? '<span class="badge badge-error">Adatot tartalmaz — a formázás törli</span>'
: '<span class="badge badge-ok">Üres — formázható</span>';
? '<span class="badge badge-error">{{T "storage_init.adatot_tartalmaz_a_formazas_torli"}}</span>'
: '<span class="badge badge-ok">{{T "storage_init.ures_formazhato"}}</span>';
}
function fmtSize(b){
if(!b) return '';
@@ -81,15 +78,15 @@ async function loadDisks(){
// unclaimed-disk filter already excludes OS/enrolled/claimed disks (fail-safe), so we trust the list
// as-is — no client-side filtering. `initialize` = every unclaimed disk (blank or data-bearing).
var r = await fetch('/api/disks/candidates'); var j = await r.json();
if(!j.ok){ throw new Error(j.error||'Hiba'); }
if(!j.ok){ throw new Error(j.error||'{{T "storage_init.hiba"}}'); }
var cands = (j.data&&j.data.initialize)||[];
if(cands.length===0){ document.getElementById('disk-list').innerHTML='<p class="form-hint">Nincs elérhető meghajtó az inicializáláshoz. Csatlakoztasson egy új adathordozót — a rendszer-, a biztonsági mentés- és a már használatban lévő meghajtók itt nem jelennek meg.</p>'; return; }
if(cands.length===0){ document.getElementById('disk-list').innerHTML='<p class="form-hint">{{T "storage_init.nincs_elerheto_meghajto_az_inicializalas"}}</p>'; return; }
var html='<div class="drive-list">';
cands.forEach(function(d,i){
var title = d.model ? esc(d.model) : esc(d.device);
var parts = [esc(d.device)];
if(d.size_bytes) parts.push(fmtSize(d.size_bytes));
if(d.fstype) parts.push('jelenlegi: '+esc(d.fstype));
if(d.fstype) parts.push('{{T "storage_init.jelenlegi"}} '+esc(d.fstype));
var sub = parts.join(' · ');
html+='<label class="drive-card role-user-data is-selectable" id="dc-'+i+'">'
+'<div class="drive-card-top"><div class="drive-select"><input type="radio" name="disk" value="'+esc(d.device)+'" data-db="'+(d.data_bearing?'1':'0')+'" data-i="'+i+'" onchange="pickDisk(this)">'
@@ -98,7 +95,7 @@ async function loadDisks(){
});
html+='</div>';
document.getElementById('disk-list').innerHTML=html;
}catch(e){ var el=document.getElementById('disk-error'); el.style.display='block'; el.textContent='Meghajtók betöltése sikertelen: '+e.message; }
}catch(e){ var el=document.getElementById('disk-error'); el.style.display='block'; el.textContent='{{T "storage_init.meghajtok_betoltese_sikertelen"}} '+e.message; }
}
function pickDisk(radio){
@@ -124,11 +121,11 @@ async function postInit(confirmed, durableId){
// stepper renders the 3-step progress (Formázás → Csatolás → Regisztrálás) for the running phase.
function stepper(phase){
var steps=['Formázás','Csatolás','Regisztrálás'];
var steps=['{{T "storage_init.formazas"}}','{{T "storage_init.csatolas"}}','{{T "storage_init.regisztralas"}}'];
var order={formatting:0,mounting:1,registering:2};
var cur=order[phase]!=null?order[phase]:0;
var rows=steps.map(function(lbl,i){
var state=i<cur?'kész':(i===cur?'folyamatban…':'vár');
var state=i<cur?'{{T "storage_init.kesz"}}':(i===cur?'{{T "storage_init.folyamatban"}}':'{{T "storage_init.var"}}');
var style=i<cur?'color:var(--accent-ok,#3a9a4a)':(i===cur?'font-weight:600':'opacity:.5');
return '<div style="'+style+'">'+(i+1)+'. '+esc(lbl)+' — '+state+'</div>';
});
@@ -144,18 +141,18 @@ async function pollInitStatus(out, btn){
await sleep(1000);
var r; try{ r=await fetch('/api/storage/init/status'); }catch(e){ continue; }
var j; try{ j=await r.json(); }catch(e){ continue; }
if(!j.ok){ out.innerHTML='<div class="alert alert-error">Az állapot lekérdezése sikertelen.</div>'; btn.disabled=false; return; }
if(!j.ok){ out.innerHTML='<div class="alert alert-error">{{T "storage_init.az_allapot_lekerdezese_sikertelen"}}</div>'; btn.disabled=false; return; }
var d=j.data||{}; var ph=d.phase;
if(ph==='formatting'||ph==='mounting'||ph==='registering'){ out.innerHTML=stepper(ph); continue; }
if(ph==='idle'){ continue; } // slot not yet populated
if(ph==='needs_confirmation'){ renderConfirm(d.durable_id, out, btn); return; }
if(ph==='refused'){
out.innerHTML='<div class="alert alert-warning"><strong>Operátori aláírás szükséges.</strong> Ez a meghajtó védett (rendszer/biztonsági mentés).'
out.innerHTML='<div class="alert alert-warning">{{T "storage_init.operatori_alairas_szukseges_ez_a"}}'
+(d.opsign?('<pre class="mono" style="white-space:pre-wrap;background:var(--bg-0);padding:.75rem;border-radius:6px;margin-top:.5rem">'+esc(d.opsign)+'</pre>'):'')+'</div>';
btn.disabled=false; return;
}
if(ph==='done'){ finishInit(d.where, out); return; }
if(ph==='failed'){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(d.error||'')+'</div>'; btn.disabled=false; return; }
if(ph==='failed'){ out.innerHTML='<div class="alert alert-error">{{T "storage_init.hiba_2"}} '+esc(d.error||'')+'</div>'; btn.disabled=false; return; }
}
}
@@ -165,34 +162,34 @@ async function submitInit(ev){
btn.disabled=true; out.innerHTML=stepper('formatting');
try{
var res=await postInit(false, "");
if(res.status===409){ out.innerHTML='<div class="alert alert-warning">'+esc((res.j&&res.j.error)||'Már folyamatban van egy inicializálás.')+'</div>'; btn.disabled=false; return false; }
if(!res.j.ok){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(res.j.error||'')+'</div>'; btn.disabled=false; return false; }
if(res.status===409){ out.innerHTML='<div class="alert alert-warning">'+esc((res.j&&res.j.error)||'{{T "storage_init.mar_folyamatban_van_egy_inicializalas"}}')+'</div>'; btn.disabled=false; return false; }
if(!res.j.ok){ out.innerHTML='<div class="alert alert-error">{{T "storage_init.hiba_2"}} '+esc(res.j.error||'')+'</div>'; btn.disabled=false; return false; }
await pollInitStatus(out, btn);
}catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+esc(e.message)+'</div>'; btn.disabled=false; }
}catch(e){ out.innerHTML='<div class="alert alert-error">{{T "storage_init.hiba_2"}} '+esc(e.message)+'</div>'; btn.disabled=false; }
return false;
}
function renderConfirm(durableId, out, btn){
var name=document.getElementById('mount-name').value;
out.innerHTML='<div class="alert alert-warning">A meghajtó adatot tartalmaz. A formázás <strong>véglegesen törli</strong> a rajta lévő összes adatot.</div>'
+'<div class="confirm-input"><label>Megerősítéshez írja be a csatlakoztatási nevet: <strong class="mono">'+esc(name)+'</strong></label>'
out.innerHTML='<div class="alert alert-warning">{{T "storage_init.a_meghajto_adatot_tartalmaz_a"}}</div>'
+'<div class="confirm-input"><label>{{T "storage_init.megerositeshez_irja_be_a_csatlakoztatasi"}} <strong class="mono">'+esc(name)+'</strong></label>'
+'<input type="text" id="init-confirm-type" class="form-control" autocomplete="off" oninput="document.getElementById(\'init-confirm-go\').disabled=(this.value!==\''+esc(name)+'\')"></div>'
+'<div class="form-actions" style="gap:.6rem;margin-top:.75rem"><button id="init-confirm-go" class="btn btn-danger-outline" disabled>Törlés és inicializálás megerősítése</button></div>'
+'<div class="form-actions" style="gap:.6rem;margin-top:.75rem"><button id="init-confirm-go" class="btn btn-danger-outline" disabled>{{T "storage_init.torles_es_inicializalas_megerositese"}}</button></div>'
+'<div id="init-confirm-result" style="margin-top:.6rem"></div>';
document.getElementById('init-confirm-go').onclick=async function(){
var cr=document.getElementById('init-confirm-result'); cr.innerHTML='<p class="form-hint">Törlés és inicializálás indítása…</p>';
var cr=document.getElementById('init-confirm-result'); cr.innerHTML='<p class="form-hint">{{T "storage_init.torles_es_inicializalas_inditasa"}}</p>';
try{
var res2=await postInit(true, durableId);
if(res2.status===409){ cr.innerHTML='<div class="alert alert-warning">'+esc((res2.j&&res2.j.error)||'')+'</div>'; return; }
if(!res2.j.ok){ cr.innerHTML='<div class="alert alert-error">Hiba: '+esc(res2.j.error||'')+'</div>'; return; }
if(!res2.j.ok){ cr.innerHTML='<div class="alert alert-error">{{T "storage_init.hiba_2"}} '+esc(res2.j.error||'')+'</div>'; return; }
out.innerHTML=stepper('formatting');
await pollInitStatus(out, btn);
}catch(e){ cr.innerHTML='<div class="alert alert-error">Hiba: '+esc(e.message)+'</div>'; }
}catch(e){ cr.innerHTML='<div class="alert alert-error">{{T "storage_init.hiba_2"}} '+esc(e.message)+'</div>'; }
};
}
function finishInit(where, out){
out.innerHTML='<div class="alert alert-success">A meghajtó sikeresen inicializálva és regisztrálva: <strong class="mono">'+esc(where)+'</strong>. <a href="/storage">Vissza a tárhelyhez →</a></div>';
out.innerHTML='<div class="alert alert-success">{{T "storage_init.a_meghajto_sikeresen_inicializalva_es"}} <strong class="mono">'+esc(where)+'</strong>{{T "storage_init.vissza_a_tarhelyhez"}}</div>';
}
loadDisks();
</script>
@@ -3,19 +3,17 @@
<div class="page-header">
<div style="display:flex;align-items:center;gap:.5rem">
<a href="/settings" class="btn btn-sm btn-outline">← Vissza</a>
<h2>Tárhely — Hálózati tárhely (NAS)</h2>
<a href="/settings" class="btn btn-sm btn-outline">{{T "storage_network.vissza"}}</a>
<h2>{{T "storage_network.tarhely_halozati_tarhely_nas"}}</h2>
</div>
</div>
<div class="settings-card">
<!-- NAS network storage (Part A2) — a distinct class from the physical drives. No
leválasztás/leszerelés/áthelyezés/törlés; the only lifecycle action is Eltávolítás. -->
<h3>NAS-megosztások</h3>
<h3>{{T "storage_network.nas_megosztasok"}}</h3>
<p class="settings-card-desc">
Egy NAS-megosztás (NFS vagy SMB) csatlakoztatása nagy méretű médiatartalomhoz (film, fotó, zene).
A megosztás kiválasztható médiaalkalmazás adatkönyvtáraként. A hálózati tárhely nem fizikai
meghajtó — nincs leszerelés/áthelyezés, csak eltávolítás.
{{T "storage_network.egy_nas_megosztas_nfs_vagy"}}
</p>
{{if .NetworkStoragePaths}}
<div class="storage-paths-list">
@@ -25,80 +23,77 @@
<div class="storage-path-info">
<span class="storage-path-label">{{.Label}}</span>
<span class="storage-path-path mono">{{.Protocol}} · {{.Server}}:{{.Export}} → {{.Path}}</span>
{{if .Orphan}}<span class="form-hint">A megosztás be van állítva a gazdagépen, de nincs regisztrálva — egy megszakadt csatlakoztatás maradványa. Távolítsa el, vagy adja hozzá újra ugyanezzel a névvel.</span>{{end}}
{{if .Orphan}}<span class="form-hint">{{T "storage_network.a_megosztas_be_van_allitva"}}</span>{{end}}
</div>
<div class="storage-path-badges">
{{if .Orphan}}<span class="badge badge-warn" title="Beállítva a gazdagépen, de nincs regisztrálva">Árva</span>
{{else if eq .Health "ok"}}<span class="badge badge-ok" title="A megosztás elérhető és csatlakoztatva van">Elérhető</span>
{{else if eq .Health "idle"}}<span class="badge badge-neutral" title="Elérhető, jelenleg készenlétben (igény szerint csatlakozik)">Készenlét</span>
{{else if eq .Health "stub"}}<span class="badge badge-warn" title="A megosztás a gazdagépen elérhető, de az alkalmazások környezetében üres helyi könyvtár látszik — az adatok NEM a NAS-ra kerülnének">Hibás — az alkalmazások nem a NAS-t látják</span>
{{else if eq .Health "unreachable"}}<span class="badge badge-warn" title="A NAS jelenleg nem érhető el — az érintett alkalmazások átmenetileg nem olvasnak róla">Nem elérhető</span>
{{else}}<span class="badge badge-neutral" title="Az állapot jelenleg nem lekérdezhető">Ismeretlen</span>{{end}}
{{if .Orphan}}<span class="badge badge-warn" title="{{T "storage_network.beallitva_a_gazdagepen_de_nincs"}}">{{T "storage_network.arva"}}</span>
{{else if eq .Health "ok"}}<span class="badge badge-ok" title="{{T "storage_network.a_megosztas_elerheto_es_csatlakoztatva"}}">{{T "storage_network.elerheto"}}</span>
{{else if eq .Health "idle"}}<span class="badge badge-neutral" title="{{T "storage_network.elerheto_jelenleg_keszenletben_igeny_sze"}}">{{T "storage_network.keszenlet"}}</span>
{{else if eq .Health "stub"}}<span class="badge badge-warn" title="{{T "storage_network.a_megosztas_a_gazdagepen_elerheto"}}">{{T "storage_network.hibas_az_alkalmazasok_nem_a"}}</span>
{{else if eq .Health "unreachable"}}<span class="badge badge-warn" title="{{T "storage_network.a_nas_jelenleg_nem_erheto"}}">{{T "storage_network.nem_elerheto"}}</span>
{{else}}<span class="badge badge-neutral" title="{{T "storage_network.az_allapot_jelenleg_nem_lekerdezheto"}}">{{T "storage_network.ismeretlen"}}</span>{{end}}
</div>
</div>
<div class="storage-path-actions">
<button class="btn btn-xs btn-danger-outline" onclick="netStorageRemove('{{.Name}}','{{.Label}}')">Eltávolítás</button>
<button class="btn btn-xs btn-danger-outline" onclick="netStorageRemove('{{.Name}}','{{.Label}}')">{{T "storage_network.eltavolitas"}}</button>
</div>
</div>
{{end}}
</div>
{{else}}
<p class="form-hint">Nincs hálózati tárhely beállítva.</p>
<p class="form-hint">{{T "storage_network.nincs_halozati_tarhely_beallitva"}}</p>
{{end}}
</div>
<div class="settings-card">
<h3>Hálózati tárhely hozzáadása</h3>
<h3>{{T "storage_network.halozati_tarhely_hozzaadasa"}}</h3>
{{if eq .NetAddSupport "no"}}
<!-- Capability gate (agent predates the verify-before-commit add semantics): the add form is
withheld; the share list + remove above stay fully usable. -->
<div class="alert alert-warning">A rendszer háttérszolgáltatása (ügynök) régebbi verziójú, ezért új
hálózati tárhely most nem csatlakoztatható. A frissítés megérkezése után a funkció automatikusan
elérhetővé válik — a meglévő megosztások addig is működnek.</div>
<div class="alert alert-warning">{{T "storage_network.a_rendszer_hatterszolgaltatasa_ugynok_re"}}</div>
{{else}}
<p class="settings-card-desc">A csatlakoztatás előtt a rendszer ellenőrzi a megosztást: valóban
csatolható-e, és tudnak-e írni rá az alkalmazások. Hiba esetén semmi nem marad félkészen beállítva.</p>
<p class="settings-card-desc">{{T "storage_network.a_csatlakoztatas_elott_a_rendszer"}}</p>
<form id="ns-add-form" onsubmit="return netStorageAdd(event)">
<div class="form-group">
<label for="ns-protocol">Protokoll</label>
<label for="ns-protocol">{{T "storage_network.protokoll"}}</label>
<select id="ns-protocol" class="form-control" onchange="nsToggleSmb()">
<option value="smb">SMB (Synology, QNAP — a legtöbb NAS)</option>
<option value="smb">{{T "storage_network.smb_synology_qnap_a_legtobb"}}</option>
<option value="nfs">NFS (TrueNAS, Linux szerver)</option>
</select>
</div>
<div class="form-group">
<label for="ns-name">Név (azonosító) <span class="required">*</span></label>
<input id="ns-name" type="text" class="form-control" placeholder="pl. media"
<label for="ns-name">{{T "storage_network.nev_azonosito"}} <span class="required">*</span></label>
<input id="ns-name" type="text" class="form-control" placeholder="{{T "storage_network.pl_media"}}"
pattern="[a-zA-Z0-9_-]+" required style="max-width:220px">
<span class="form-hint">A megosztás a /mnt/felhom-drives/&lt;név&gt; útvonalon lesz elérhető.</span>
<span class="form-hint">{{T "storage_network.a_megosztas_a_mnt_felhom"}}</span>
</div>
<div class="form-group">
<label for="ns-server">Szerver (IP vagy hosztnév) <span class="required">*</span></label>
<input id="ns-server" type="text" class="form-control" placeholder="pl. 192.168.0.10" required style="max-width:220px">
<span class="form-hint">IP-cím vagy DNS-név. A Windows-hálózati név (pl. FELHOM) itt általában nem oldható fel — a Megosztás oldal »közvetlen cím« sora adja meg a másik eszköz IP-címét.</span>
<label for="ns-server">{{T "storage_network.szerver_ip_vagy_hosztnev"}} <span class="required">*</span></label>
<input id="ns-server" type="text" class="form-control" placeholder="{{T "storage_network.pl_192_168_0_10"}}" required style="max-width:220px">
<span class="form-hint">{{T "storage_network.ip_cim_vagy_dns_nev"}}</span>
</div>
<div class="form-group">
<label for="ns-export" id="ns-export-label">Megosztás neve</label>
<input id="ns-export" type="text" class="form-control" placeholder="pl. media" required style="max-width:320px">
<label for="ns-export" id="ns-export-label">{{T "storage_network.megosztas_neve"}}</label>
<input id="ns-export" type="text" class="form-control" placeholder="{{T "storage_network.pl_media"}}" required style="max-width:320px">
</div>
<div class="form-group">
<label for="ns-uid">Alkalmazás felhasználói azonosító (uid)</label>
<label for="ns-uid">{{T "storage_network.alkalmazas_felhasznaloi_azonosito_uid"}}</label>
<input id="ns-uid" type="number" value="1000" class="form-control" style="max-width:120px" oninput="nsUpdateHostID()">
<span class="form-hint">A legtöbb médiaalkalmazás 1000-es azonosítóval fut.</span>
<span class="form-hint">{{T "storage_network.a_legtobb_mediaalkalmazas_1000_es"}}</span>
</div>
<div id="ns-smb-creds">
<div class="form-group">
<label for="ns-username">SMB felhasználónév <span class="required">*</span></label>
<label for="ns-username">{{T "storage_network.smb_felhasznalonev"}} <span class="required">*</span></label>
<input id="ns-username" type="text" autocomplete="off" class="form-control" style="max-width:220px">
</div>
<div class="form-group">
<label for="ns-password">SMB jelszó <span class="required">*</span></label>
<label for="ns-password">{{T "storage_network.smb_jelszo"}} <span class="required">*</span></label>
<input id="ns-password" type="password" autocomplete="new-password" class="form-control" style="max-width:220px">
<span class="form-hint">A jelszót a gazda ügynök 0600-as fájlba írja; a vezérlő nem tárolja.</span>
<span class="form-hint">{{T "storage_network.a_jelszot_a_gazda_ugynok"}}</span>
</div>
</div>
<div class="form-actions" style="gap:.75rem">
<button type="submit" class="btn btn-primary" id="ns-add-btn">Csatlakoztatás</button>
<button type="submit" class="btn btn-primary" id="ns-add-btn">{{T "storage_network.csatlakoztatas"}}</button>
</div>
<div id="ns-add-result" style="margin-top:1rem"></div>
</form>
@@ -106,29 +101,19 @@
</div>
<div class="settings-card">
<h3>Mit kell beállítani a NAS-on?</h3>
<h3>{{T "storage_network.mit_kell_beallitani_a_nas"}}</h3>
<details>
<summary>Útmutató megjelenítése</summary>
<p>Engedélyezze a Felhom gép IP-címét a megosztáson. Proxmox-fürt esetén minden csomópont IP-címét.</p>
<h4>SMB (Synology, QNAP — a legtöbb NAS)</h4>
<p>Hozzon létre (vagy jelöljön ki) egy felhasználót a NAS-on, és adjon neki írás-olvasás jogot a
megosztásra. Más beállítás nem szükséges — a fájlok a NAS-on ennek a felhasználónak a nevében
jönnek létre.</p>
<summary>{{T "storage_network.utmutato_megjelenitese"}}</summary>
<p>{{T "storage_network.engedelyezze_a_felhom_gep_ip"}}</p>
<h4>{{T "storage_network.smb_synology_qnap_a_legtobb"}}</h4>
<p>{{T "storage_network.hozzon_letre_vagy_jeloljon_ki"}}</p>
<h4>NFS</h4>
<p>Synology (DSM, ellenőrzött lépések): először kapcsolja be az NFS-t — Vezérlőpult → File
Services → NFS fül → „Enable NFS service”, és állítsa a „Maximum NFS protocol” értékét
NFSv4.1-re (az alapértelmezett NFSv3 nem elegendő a csatlakoztatáshoz). Ezután a megosztott
mappa szerkesztésében az „NFS Permissions” fülön hozzon létre szabályt a Felhom gép
IP-címére, Read/Write jogosultsággal, a Squash mezőben a „Map all users to admin” opcióval.
A megosztás elérési útja ugyanezen a fülön látható (pl. /volume1/&lt;mappa&gt;) — ez kerül a
fenti „Megosztás” mezőbe.</p>
<p>Egyszerű (más NAS-okhoz): kapcsolja be az exporton a „minden felhasználó leképezése” (map all
users / all squash) opciót írás-olvasás móddal — bármelyik helyi felhasználóra. A fájlok
tulajdonosa a rendszerben „nobody”-ként látszik; az alkalmazások túlnyomó többségének ez megfelelő.</p>
<p>Teljes értékű (TrueNAS / Linux szerver): export a következő opciókkal:
<p>{{T "storage_network.synology_dsm_ellenorzott_lepesek_eloszor"}}</p>
<p>{{T "storage_network.egyszeru_mas_nas_okhoz_kapcsolja"}}</p>
<p>{{T "storage_network.teljes_erteku_truenas_linux_szerver"}}
<code class="mono">rw,all_squash,anonuid=<span class="ns-hostid">101000</span>,anongid=<span class="ns-hostid">101000</span></code>
— így a tulajdonos-információk is hibátlanok.</p>
<p class="form-hint">A QNAP felületére szabott lépésről lépésre útmutató készül.</p>
{{T "storage_network.igy_a_tulajdonos_informaciok_is"}}</p>
<p class="form-hint">{{T "storage_network.a_qnap_feluletere_szabott_lepesrol"}}</p>
</details>
</div>
@@ -136,8 +121,8 @@
function nsToggleSmb(){
var smb = document.getElementById('ns-protocol').value === 'smb';
document.getElementById('ns-smb-creds').style.display = smb ? 'block' : 'none';
document.getElementById('ns-export-label').textContent = smb ? 'Megosztás neve' : 'Megosztás (NFS export útvonal)';
document.getElementById('ns-export').placeholder = smb ? 'pl. media' : 'pl. /volume1/media';
document.getElementById('ns-export-label').textContent = smb ? '{{T "storage_network.megosztas_neve"}}' : '{{T "storage_network.megosztas_nfs_export_utvonal"}}';
document.getElementById('ns-export').placeholder = smb ? '{{T "storage_network.pl_media"}}' : '{{T "storage_network.pl_volume1_media"}}';
document.getElementById('ns-username').required = smb;
document.getElementById('ns-password').required = smb;
}
@@ -151,10 +136,10 @@ function nsEsc(s){ return String(s==null?'':s).replace(/[&<>"]/g,function(c){ret
// Poll-driven progress: the add starts a server-side verify job; we poll its status and show the
// staged Hungarian text until a terminal phase.
var nsPhaseText = {
agent_add: 'Kapcsolódás a szerverhez…',
verifying: 'Csatolási teszt…',
probing: 'Írásteszt…',
registering: 'Regisztrálás…'
agent_add: '{{T "storage_network.kapcsolodas_a_szerverhez"}}',
verifying: '{{T "storage_network.csatolasi_teszt"}}',
probing: '{{T "storage_network.irasteszt"}}',
registering: '{{T "storage_network.regisztralas"}}'
};
var nsPollTimer = null;
@@ -177,7 +162,7 @@ function netStorageAdd(ev){
out.innerHTML = '<p class="form-hint">' + nsPhaseText.agent_add + '</p>';
fetch('/api/storage/netstorage/add',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify(body)})
.then(function(r){return r.json();}).then(function(d){
if(!d.ok){ nsShowError((d.error||'ismeretlen hiba'), ''); btn.disabled=false; return; }
if(!d.ok){ nsShowError((d.error||'{{T "storage_network.ismeretlen_hiba"}}'), ''); btn.disabled=false; return; }
nsPollTimer = setInterval(nsPollStatus, 1500);
}).catch(function(e){ nsShowError(String(e), ''); btn.disabled=false; });
return false;
@@ -191,11 +176,11 @@ function nsPollStatus(){
if(st.phase === 'done'){
clearInterval(nsPollTimer);
var warn = st.warn ? ' <span class="form-hint">(' + nsEsc(st.warn) + ')</span>' : '';
out.innerHTML = '<div class="alert alert-success">A hálózati tárhely sikeresen csatlakoztatva és ellenőrizve: <strong class="mono">' + nsEsc(st.path||'') + '</strong>.' + warn + '</div>';
out.innerHTML = '<div class="alert alert-success">{{T "storage_network.a_halozati_tarhely_sikeresen_csatlakozta"}} <strong class="mono">' + nsEsc(st.path||'') + '</strong>.' + warn + '</div>';
setTimeout(function(){ location.reload(); }, 1500);
} else if(st.phase === 'failed'){
clearInterval(nsPollTimer);
nsShowError(st.message || 'A csatolás sikertelen.', st.detail || '');
nsShowError(st.message || '{{T "storage_network.a_csatolas_sikertelen"}}', st.detail || '');
document.getElementById('ns-add-btn').disabled = false;
} else if(nsPhaseText[st.phase]){
out.innerHTML = '<p class="form-hint">' + nsPhaseText[st.phase] + '</p>';
@@ -207,20 +192,20 @@ function nsShowError(message, detail){
var out = document.getElementById('ns-add-result');
var html = '<div class="alert alert-error">' + nsEsc(message);
if(detail){
html += '<details class="mono" style="margin-top:.5rem"><summary>Technikai részletek</summary><p style="white-space:pre-wrap">' + nsEsc(detail) + '</p></details>';
html += '<details class="mono" style="margin-top:.5rem"><summary>{{T "storage_network.technikai_reszletek"}}</summary><p style="white-space:pre-wrap">' + nsEsc(detail) + '</p></details>';
}
html += '</div>';
out.innerHTML = html;
}
function netStorageRemove(name,label){
openDialog({title:'Hálózati tárhely eltávolítása', confirmLabel:'Eltávolítás',
message:'Biztosan eltávolítja a(z) '+label+' hálózati tárhelyet?\n\nA megosztás leválasztásra kerül; a NAS-on lévő adatok érintetlenek maradnak.',
openDialog({title:'{{T "storage_network.halozati_tarhely_eltavolitasa"}}', confirmLabel:'{{T "storage_network.eltavolitas"}}',
message:'{{T "storage_network.biztosan_eltavolitja_a_z"}} '+label+' {{T "storage_network.halozati_tarhelyet_n_na_megosztas"}}',
onConfirm:function(){
fetch('/api/storage/netstorage/remove',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify({name:name})})
.then(function(r){return r.json();}).then(function(d){
if(d.ok){ location.reload(); } else { showAlert('Hiba: '+(d.error||'ismeretlen')); }
}).catch(function(e){ showAlert('Hiba: '+e); });
if(d.ok){ location.reload(); } else { showAlert('{{T "storage_network.hiba"}} '+(d.error||'{{T "storage_network.ismeretlen_2"}}')); }
}).catch(function(e){ showAlert('{{T "storage_network.hiba"}} '+e); });
}});
}
if(document.getElementById('ns-add-form')){ nsToggleSmb(); nsUpdateHostID(); } // form absent on the capability banner
@@ -234,10 +219,10 @@ function openDialog(opts){
var root=document.getElementById('dialog-root');
if(!root) return;
root.innerHTML='<div class="confirm-overlay" onclick="if(event.target===this)document.getElementById(\'dialog-cancel\').click()"><div class="confirm-box">'
+'<h3>'+escText(opts.title||'Megerősítés')+'</h3>'
+'<h3>'+escText(opts.title||'{{T "storage_network.megerosites"}}')+'</h3>'
+'<p style="white-space:pre-line">'+escText(opts.message||'')+'</p>'
+'<div class="form-actions"><button id="dialog-go" class="btn btn-primary">'+escText(opts.confirmLabel||'Megerősítés')+'</button>'
+'<button type="button" class="btn btn-outline" id="dialog-cancel">Mégsem</button></div>'
+'<div class="form-actions"><button id="dialog-go" class="btn btn-primary">'+escText(opts.confirmLabel||'{{T "storage_network.megerosites"}}')+'</button>'
+'<button type="button" class="btn btn-outline" id="dialog-cancel">{{T "storage_network.megsem"}}</button></div>'
+'</div></div>';
document.getElementById('dialog-go').onclick=function(){ closeDialog(); if(opts.onConfirm) opts.onConfirm(); };
document.getElementById('dialog-cancel').onclick=function(){ closeDialog(); if(opts.onCancel) opts.onCancel(); };