From dc42727f3491c66fdd128b9474a525f0fcb99f72 Mon Sep 17 00:00:00 2001 From: elpatron Date: Sat, 20 Jun 2026 10:03:04 +0200 Subject: [PATCH] Move viewer export/import into a dedicated Backup tab. Keeps game save import in the sidebar while grouping viewer database backup actions with their explanation in the main navigation. Co-authored-by: Cursor --- static/app.js | 3 +++ static/locales/de.json | 4 +++- static/locales/en.json | 4 +++- static/style.css | 49 +++++++++++++++++++++--------------------- templates/index.html | 27 ++++++++++++----------- 5 files changed, 48 insertions(+), 39 deletions(-) diff --git a/static/app.js b/static/app.js index b36ff0c..8c4a78e 100644 --- a/static/app.js +++ b/static/app.js @@ -113,6 +113,8 @@ function applyStaticI18n() { document.querySelectorAll("[data-i18n]").forEach((el) => { el.textContent = t(el.dataset.i18n); }); + const exportEl = document.getElementById("export-viewer"); + if (exportEl) exportEl.title = t("viewerDb.exportHint"); } function setupLanguage() { @@ -146,6 +148,7 @@ function activateTab(tab) { document.getElementById(`tab-${tab}`).classList.add("active"); if (tab === "history") loadHistoryTab(); if (tab === "goals") trackEvent("Goals Tab"); + if (tab === "backup") trackEvent("Backup Tab"); } function setupNav() { diff --git a/static/locales/de.json b/static/locales/de.json index f05036c..67f4233 100644 --- a/static/locales/de.json +++ b/static/locales/de.json @@ -12,7 +12,8 @@ "equipment": "Ausrüstung", "quests": "Quests", "combat": "Kampf", - "history": "Verlauf" + "history": "Verlauf", + "backup": "Backup" }, "settings": { "language": "Sprache", @@ -229,6 +230,7 @@ "title": "Viewer-Backup", "helpTitle": "Was ist das?", "helpBody": "Der Viewer speichert importierte Spiel-Backups, Verlaufsdiagramme und Ziele in einer SQLite-Datenbank auf dem Server. Export lädt diese Datenbank als Backup herunter. Import stellt sie wieder her und ersetzt alle aktuellen Viewer-Daten. Das ist nicht dasselbe wie ein Spiel-Backup (.json) importieren.", + "gameBackupNote": "Um einen neuen Spielstand hinzuzufügen, nutze in der Sidebar „Spiel-Backup importieren“.", "exportHint": "SQLite-Datenbank mit allen Snapshots, Verläufen und Zielen herunterladen", "importConfirm": "Alle aktuellen Viewer-Daten (Snapshots, Verlauf, Ziele) werden durch die importierte .db-Datei ersetzt. Fortfahren?", "importSuccess": "Viewer wiederhergestellt: {snapshots} Snapshot(s), {goals} Ziel(e).", diff --git a/static/locales/en.json b/static/locales/en.json index 03a6b3d..0f110dd 100644 --- a/static/locales/en.json +++ b/static/locales/en.json @@ -12,7 +12,8 @@ "equipment": "Equipment", "quests": "Quests", "combat": "Combat", - "history": "History" + "history": "History", + "backup": "Backup" }, "settings": { "language": "Language", @@ -229,6 +230,7 @@ "title": "Viewer backup", "helpTitle": "What is this?", "helpBody": "The viewer stores imported game backups, history charts, and goals in a SQLite database on the server. Export downloads that database as a backup. Import restores it and replaces all current viewer data. This is not the same as importing a game save (.json).", + "gameBackupNote": "To add a new game save snapshot, use Import game backup in the sidebar.", "exportHint": "Download the SQLite database with all snapshots, history, and goals", "importConfirm": "All current viewer data (snapshots, history, goals) will be replaced by the imported .db file. Continue?", "importSuccess": "Viewer restored: {snapshots} snapshot(s), {goals} goal(s).", diff --git a/static/style.css b/static/style.css index 0b54289..62e415d 100644 --- a/static/style.css +++ b/static/style.css @@ -1028,35 +1028,34 @@ tr.has-goal td:first-child { font-weight: 600; } text-decoration: none; } -.sidebar-backup-block { - margin-top: 4px; - padding-top: 14px; - border-top: 1px solid var(--border); +.backup-tab-card { + max-width: 560px; +} +.backup-tab-card h3 { + margin: 0 0 12px; + font-size: 1.1rem; +} +.backup-tab-lead, +.backup-tab-note { + margin: 0 0 12px; + font-size: 0.9rem; + color: var(--text-muted); + line-height: 1.5; +} +.backup-tab-note { + padding: 10px 12px; + border-radius: 8px; + background: var(--bg-hover); + border: 1px solid var(--border); +} +.backup-tab-actions { display: flex; flex-direction: column; gap: 10px; + margin-top: 16px; } -.sidebar-backup-label { - margin: 0; - font-size: 0.72rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.04em; - color: var(--text-muted); -} -.sidebar-backup-help { - margin-top: 2px; - font-size: 0.78rem; - color: var(--text-muted); -} -.sidebar-backup-help summary { - cursor: pointer; - color: var(--accent); - font-weight: 600; -} -.sidebar-backup-help p { - margin: 8px 0 0; - line-height: 1.45; +.backup-tab-actions .upload-btn { + width: 100%; } .goal-modal { diff --git a/templates/index.html b/templates/index.html index a180c32..7b1e45a 100644 --- a/templates/index.html +++ b/templates/index.html @@ -29,6 +29,7 @@ +
-
-

Viewer backup

- Export viewer - -
- What is this? -

The viewer stores imported game backups, history charts, and goals in a SQLite database on the server. Export downloads that database as a backup. Import restores it and replaces all current viewer data. This is not the same as importing a game save (.json).

-
-
@@ -90,6 +79,20 @@
+
+
+

Viewer backup

+

The viewer stores imported game backups, history charts, and goals in a SQLite database on the server. Export downloads that database as a backup. Import restores it and replaces all current viewer data. This is not the same as importing a game save (.json).

+

To add a new game save snapshot, use Import game backup in the sidebar.

+
+ Export viewer + +
+
+