JonKazama-Hellion/Hellion-NewTab
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 8 Wiki Activity

feat(i18n): i18n-Modul, _locales und data-i18n Attribute einrichten

Browse Source
This commit is contained in:
Florian Wathling
2026-03-22 13:56:04 +01:00
parent 677344f24d
commit f2d4e22b86
10 changed files with 796 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_locales/de/messages.json
+4
View File
@@ -0,0 +1,4 @@
{
"extName": { "message": "Hellion NewTab" },
"extDesc": { "message": "Persönliches Bookmark-Dashboard mit Boards, Widgets und 11 Themes. Komplett lokal, keine Cloud, kein Tracking." }
}
_locales/en/messages.json
+4
View File
@@ -0,0 +1,4 @@
{
"extName": { "message": "Hellion NewTab" },
"extDesc": { "message": "Personal bookmark dashboard with boards, widgets, and 11 themes. Local-only, no cloud, no tracking." }
}
manifest.firefox.json
+3 -2
View File
@@ -1,8 +1,9 @@
{
"manifest_version": 3,
"name": "Hellion NewTab",
"name": "__MSG_extName__",
"default_locale": "en",
"version": "1.11.1",
"description": "Personal bookmark dashboard — local, private, no account needed. By Hellion Online Media.",
"description": "__MSG_extDesc__",
"author": "Hellion Online Media - Florian Wathling",
"homepage_url": "https://hellion-media.de",
manifest.json
+3 -2
View File
@@ -1,8 +1,9 @@
{
"manifest_version": 3,
"name": "Hellion NewTab",
"name": "__MSG_extName__",
"default_locale": "en",
"version": "1.11.1",
"description": "Personal bookmark dashboard — local, private, no account needed. By Hellion Online Media.",
"description": "__MSG_extDesc__",
"author": "Hellion Online Media - Florian Wathling",
"homepage_url": "https://hellion-media.de",
"chrome_url_overrides": {
manifest.opera.json
+3 -2
View File
@@ -1,8 +1,9 @@
{
"manifest_version": 3,
"name": "Hellion Dashboard (GX Native)",
"name": "__MSG_extName__",
"default_locale": "en",
"version": "1.11.1",
"description": "Ersetzt die Opera GX Startseite durch dein persönliches, leistungsoptimiertes Hellion Dashboard. Schnell, sauber und werbefrei.",
"description": "__MSG_extDesc__",
"author": "Hellion Online Media - Florian Wathling",
"homepage_url": "https://hellion-media.de",
newtab.html
+103 -80
View File
@@ -25,23 +25,23 @@
<div class="header-right">
<button class="btn-icon" id="btnImport" title="Bookmarks importieren (HTML)">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
Import
<span data-i18n="header.import">Import</span>
</button>
<button class="btn-icon" id="btnAddBoard" title="Neues Board hinzufügen">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
Board
<span data-i18n="header.board">Board</span>
</button>
<button class="btn-icon" id="btnNote" title="Schnellnotiz">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
Note
<span data-i18n="header.note">Note</span>
</button>
<button class="btn-icon" id="btnTheme" title="Darstellung & Theme">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 100 20 4 4 0 01-1-7.9 1 1 0 011-.1h1a2 2 0 002-2V7a5 5 0 00-3-4.5"/><circle cx="7" cy="10" r="1.5"/><circle cx="13" cy="6" r="1.5"/><circle cx="17" cy="10" r="1.5"/><circle cx="9" cy="17" r="1.5"/></svg>
Darstellung
<span data-i18n="header.theme">Darstellung</span>
</button>
<button class="btn-icon" id="btnSettings" title="Einstellungen">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/></svg>
Settings
<span data-i18n="header.settings">Settings</span>
</button>
</div>
</header>
@@ -49,10 +49,10 @@
<!-- SEARCH BAR -->
<div class="search-bar-wrapper" id="searchBarWrapper">
<div class="search-bar">
<button class="search-engine-toggle" id="searchEngineToggle" title="Suchmaschine wechseln">
<button class="search-engine-toggle" id="searchEngineToggle" data-i18n-title="settings.search_engine_toggle" title="Suchmaschine wechseln">
<span id="searchEngineIcon">G</span>
</button>
<input type="text" class="search-input" id="searchInput" placeholder="Search the web…" autocomplete="off" />
<input type="text" class="search-input" id="searchInput" data-i18n-placeholder="search.placeholder" placeholder="Search the web…" autocomplete="off" />
<button class="search-submit" id="searchSubmit">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
</button>
@@ -61,22 +61,22 @@
<!-- WIDGET TOOLBAR -->
<div class="widget-toolbar" id="widgetToolbar">
<button class="widget-toolbar-btn" data-action="new-note" title="Note erstellen">
<button class="widget-toolbar-btn" data-action="new-note" data-i18n-title="toolbar.note" title="Note erstellen">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
</button>
<button class="widget-toolbar-btn" data-action="new-checklist" title="Checkliste erstellen">
<button class="widget-toolbar-btn" data-action="new-checklist" data-i18n-title="toolbar.checklist" title="Checkliste erstellen">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>
</button>
<button class="widget-toolbar-btn" data-action="calculator" title="Taschenrechner">
<button class="widget-toolbar-btn" data-action="calculator" data-i18n-title="toolbar.calculator" title="Taschenrechner">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="2" width="16" height="20" rx="2"/><line x1="8" y1="6" x2="16" y2="6"/><circle cx="8" cy="10" r="0.5"/><circle cx="12" cy="10" r="0.5"/><circle cx="16" cy="10" r="0.5"/><circle cx="8" cy="14" r="0.5"/><circle cx="12" cy="14" r="0.5"/><circle cx="16" cy="14" r="0.5"/><circle cx="8" cy="18" r="0.5"/><circle cx="12" cy="18" r="0.5"/><circle cx="16" cy="18" r="0.5"/></svg>
</button>
<button class="widget-toolbar-btn" data-action="timer" title="Timer">
<button class="widget-toolbar-btn" data-action="timer" data-i18n-title="toolbar.timer" title="Timer">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="13" r="8"/><path d="M12 9v4l2 2"/><path d="M5 3l2 2"/><path d="M19 3l-2 2"/><line x1="12" y1="1" x2="12" y2="3"/></svg>
</button>
<button class="widget-toolbar-btn hidden" data-action="image-ref" title="Bild-Referenz">
<button class="widget-toolbar-btn hidden" data-action="image-ref" data-i18n-title="toolbar.imageref" title="Bild-Referenz">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
</button>
<button class="widget-toolbar-btn" data-action="notebook" title="Alle Notes">
<button class="widget-toolbar-btn" data-action="notebook" data-i18n-title="toolbar.notebook" title="Alle Notes">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg>
</button>
</div>
@@ -85,7 +85,7 @@
<div class="notebook-overlay" id="notebookOverlay"></div>
<aside class="notebook-panel" id="notebookPanel">
<div class="notebook-header">
<span class="notebook-header-title">Notebook <span class="notebook-count" id="notebookCount">0 / 5</span></span>
<span class="notebook-header-title"><span data-i18n="notebook.title">Notebook</span> <span class="notebook-count" id="notebookCount">0 / 5</span></span>
<button class="btn-close" id="btnCloseNotebook">✕</button>
</div>
<div class="notebook-slots" id="notebookSlots">
@@ -105,32 +105,53 @@
<div class="panel-overlay" id="settingsOverlay"></div>
<aside class="settings-panel" id="settingsPanel">
<div class="panel-header">
<span>Einstellungen</span>
<span data-i18n="settings.title">Einstellungen</span>
<button class="btn-close" id="btnCloseSettings">✕</button>
</div>
<div class="panel-body">
<!-- SPRACHE -->
<section class="settings-section" data-section="language">
<button class="settings-section-title" type="button">
<span class="section-chevron">▸</span>
<span data-i18n="settings.section.display">DARSTELLUNG</span>
</button>
<div class="section-content">
<div class="setting-row">
<div class="setting-info">
<span class="setting-label" data-i18n="settings.language">Sprache</span>
<span class="setting-desc" data-i18n="settings.language.desc">Anzeigesprache wählen</span>
</div>
<select class="select-input" id="settingLanguage">
<option value="auto" data-i18n="settings.language.auto">Automatisch</option>
<option value="de">Deutsch</option>
<option value="en">English</option>
</select>
</div>
</div>
</section>
<!-- WIDGETS -->
<section class="settings-section" data-section="widgets">
<button class="settings-section-title" type="button">
<span class="section-chevron">▸</span>
WIDGETS
<span data-i18n="settings.section.widgets">WIDGETS</span>
</button>
<div class="section-content">
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Toolbar-Position</span>
<span class="setting-desc">Widget-Toolbar links oder rechts anzeigen</span>
<span class="setting-label" data-i18n="settings.toolbar_pos">Toolbar-Position</span>
<span class="setting-desc" data-i18n="settings.toolbar_pos.desc">Widget-Toolbar links oder rechts anzeigen</span>
</div>
<select class="select-input" id="settingToolbarPos">
<option value="right" selected>Rechts</option>
<option value="left">Links</option>
<option value="right" selected data-i18n="settings.toolbar_pos.right">Rechts</option>
<option value="left" data-i18n="settings.toolbar_pos.left">Links</option>
</select>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Bild-Referenz Widgets</span>
<span class="setting-desc">Bilder als Referenz anzeigen (nur aktuelle Session)</span>
<span class="setting-label" data-i18n="settings.image_ref">Bild-Referenz Widgets</span>
<span class="setting-desc" data-i18n="settings.image_ref.desc">Bilder als Referenz anzeigen (nur aktuelle Session)</span>
</div>
<label class="toggle">
<input type="checkbox" id="settingImageRef">
@@ -144,35 +165,35 @@
<section class="settings-section" data-section="data">
<button class="settings-section-title" type="button">
<span class="section-chevron">▸</span>
DATEN & HILFE
<span data-i18n="settings.section.data">DATEN &amp; HILFE</span>
</button>
<div class="section-content">
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Backup exportieren</span>
<span class="setting-desc">Alle Boards, Notes und Einstellungen als JSON sichern</span>
<span class="setting-label" data-i18n="settings.export">Backup exportieren</span>
<span class="setting-desc" data-i18n="settings.export.desc">Alle Boards, Notes und Einstellungen als JSON sichern</span>
</div>
<button class="btn-small" id="btnExportJSON">Export</button>
<button class="btn-small" id="btnExportJSON" data-i18n="settings.export">Export</button>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Backup importieren</span>
<span class="setting-desc">JSON-Backup wiederherstellen</span>
<span class="setting-label" data-i18n="settings.import">Backup importieren</span>
<span class="setting-desc" data-i18n="settings.import.desc">JSON-Backup wiederherstellen</span>
</div>
<button class="btn-small" id="btnImportJSON">Import</button>
<button class="btn-small" id="btnImportJSON" data-i18n="header.import">Import</button>
<input type="file" id="jsonImportInput" accept=".json" class="hidden" />
</div>
<div class="setting-row" id="browserImportRow">
<div class="setting-info">
<span class="setting-label">Browser-Lesezeichen</span>
<span class="setting-desc">Lesezeichen direkt aus dem Browser importieren</span>
<span class="setting-label" data-i18n="settings.browser_import">Browser-Lesezeichen</span>
<span class="setting-desc" data-i18n="settings.browser_import.desc">Lesezeichen direkt aus dem Browser importieren</span>
</div>
<button class="btn-small" id="btnBrowserImport">Import</button>
<button class="btn-small" id="btnBrowserImport" data-i18n="header.import">Import</button>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Onboarding wiederholen</span>
<span class="setting-desc">Willkommens-Tour erneut anzeigen</span>
<span class="setting-label" data-i18n="settings.onboarding">Onboarding wiederholen</span>
<span class="setting-desc" data-i18n="settings.onboarding.desc">Willkommens-Tour erneut anzeigen</span>
</div>
<button class="btn-small" id="btnRestartOnboarding">Start</button>
</div>
@@ -183,13 +204,13 @@
<section class="settings-section" data-section="danger">
<button class="settings-section-title danger" type="button">
<span class="section-chevron">▸</span>
DANGER ZONE
<span data-i18n="settings.section.danger">DANGER ZONE</span>
</button>
<div class="section-content">
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Alles zurücksetzen</span>
<span class="setting-desc">Löscht alle Boards, Notes und Einstellungen</span>
<span class="setting-label" data-i18n="settings.reset">Alles zurücksetzen</span>
<span class="setting-desc" data-i18n="settings.reset.desc">Löscht alle Boards, Notes und Einstellungen</span>
</div>
<button class="btn-danger" id="btnResetAll">Reset</button>
</div>
@@ -201,13 +222,13 @@
<!-- ABOUT — fixiert am unteren Rand -->
<div class="panel-footer">
<div class="about-block">
<div class="about-logo">⬡ HELLION NEWTAB</div>
<div class="about-logo" data-i18n="about.title">⬡ HELLION NEWTAB</div>
<div class="about-version">Version 1.11.1 · by Hellion Online Media</div>
<div class="about-links">
<a href="https://hellion-media.de/impressum" target="_blank" class="about-link">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
Impressum
<span data-i18n="about.impressum">Impressum</span>
</a>
<a href="https://hellion-media.de" target="_blank" class="about-link">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg>
@@ -218,26 +239,26 @@
<div class="about-divider"></div>
<div class="about-info-row">
<span class="about-info-label">Entwickler</span>
<span class="about-info-label" data-i18n="about.developer">Entwickler</span>
<span class="about-info-value">Florian Wathling</span>
</div>
<div class="about-info-row">
<span class="about-info-label">Unternehmen</span>
<span class="about-info-label" data-i18n="about.company">Unternehmen</span>
<span class="about-info-value">Hellion Online Media</span>
</div>
<div class="about-info-row">
<span class="about-info-label">Lizenz</span>
<span class="about-info-label" data-i18n="about.license">Lizenz</span>
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="about-info-value about-link-subtle">CC BY-NC-SA 4.0</a>
</div>
<div class="about-info-row">
<span class="about-info-label">Datenspeicherung</span>
<span class="about-info-value">100% lokal · Kein Server · Kein Account</span>
<span class="about-info-label" data-i18n="about.storage">Datenspeicherung</span>
<span class="about-info-value" data-i18n="about.storage.value">100% lokal · Kein Server · Kein Account</span>
</div>
<div class="about-divider"></div>
<div class="about-bugreport">
<span class="about-info-label about-info-label-block">Bug Report / Feedback</span>
<span class="about-info-label about-info-label-block" data-i18n="about.bugreport">Bug Report / Feedback</span>
<a href="mailto:kontakt@hellion-media.de?subject=Hellion NewTab – Bug Report" class="about-link-mail">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
kontakt@hellion-media.de
@@ -245,7 +266,7 @@
</div>
<div class="about-bugreport">
<span class="about-info-label about-info-label-block">Support</span>
<span class="about-info-label about-info-label-block" data-i18n="about.support">Support</span>
<a href="https://ko-fi.com/hellionmedia" target="_blank" class="about-link">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8h1a4 4 0 010 8h-1"/><path d="M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg>
Ko-fi — hellionmedia
@@ -253,7 +274,7 @@
</div>
<div class="about-browsers">
<span class="about-info-label about-info-label-block">Kompatible Browser</span>
<span class="about-info-label about-info-label-block" data-i18n="about.browsers">Kompatible Browser</span>
<div class="about-browser-tags">
<span class="browser-tag">Chrome</span>
<span class="browser-tag">Edge</span>
@@ -272,7 +293,7 @@
<div class="modal-overlay" id="themeOverlay">
<div class="theme-modal" id="themeModal">
<div class="modal-header">
<span>Darstellung</span>
<span data-i18n="modal.theme_header">Darstellung</span>
<button class="btn-close" id="btnCloseTheme">✕</button>
</div>
<div class="theme-grid">
@@ -333,75 +354,75 @@
</div>
</div>
<div class="theme-modal-section">
<h3 class="settings-section-title">HINTERGRUND</h3>
<h3 class="settings-section-title" data-i18n="settings.section.bg">HINTERGRUND</h3>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Bild-URL</span>
<span class="setting-desc">Eigenes Hintergrundbild per URL</span>
<span class="setting-label" data-i18n="settings.bg_url">Bild-URL</span>
<span class="setting-desc" data-i18n="settings.bg_url.desc">Eigenes Hintergrundbild per URL</span>
</div>
<button class="btn-small" id="btnChangeBg">Ändern</button>
<button class="btn-small" id="btnChangeBg" data-i18n="settings.bg_change">Ändern</button>
</div>
<div class="setting-row hidden" id="bgInputRow">
<input type="text" class="text-input full-width" id="bgUrlInput" placeholder="https://... oder leer für Standard" />
<button class="btn-small" id="btnApplyBg">Übernehmen</button>
<button class="btn-small" id="btnApplyBg" data-i18n="settings.bg_apply">Übernehmen</button>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Datei hochladen</span>
<span class="setting-desc">Lokales Bild als Hintergrund verwenden</span>
<span class="setting-label" data-i18n="settings.bg_upload">Datei hochladen</span>
<span class="setting-desc" data-i18n="settings.bg_upload.desc">Lokales Bild als Hintergrund verwenden</span>
</div>
<button class="btn-small" id="btnBgFile">Upload</button>
<input type="file" id="bgFileInput" accept="image/*" class="hidden" />
</div>
</div>
<div class="theme-modal-section">
<h3 class="settings-section-title">DARSTELLUNG</h3>
<h3 class="settings-section-title" data-i18n="settings.section.display">DARSTELLUNG</h3>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Kompaktmodus</span>
<span class="setting-desc">Weniger Abstand für mehr Bookmarks</span>
<span class="setting-label" data-i18n="settings.compact">Kompaktmodus</span>
<span class="setting-desc" data-i18n="settings.compact.desc">Weniger Abstand für mehr Bookmarks</span>
</div>
<label class="toggle"><input type="checkbox" id="settingCompact" /><span class="slider"></span></label>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Lange Titel kürzen</span>
<span class="setting-desc">Titel auf eine Zeile mit „…" kürzen</span>
<span class="setting-label" data-i18n="settings.shorten">Lange Titel kürzen</span>
<span class="setting-desc" data-i18n="settings.shorten.desc">Titel auf eine Zeile mit „…" kürzen</span>
</div>
<label class="toggle"><input type="checkbox" id="settingShorten" /><span class="slider"></span></label>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Suchleiste anzeigen</span>
<span class="setting-desc">Suchleiste unter dem Header ein/aus</span>
<span class="setting-label" data-i18n="settings.search">Suchleiste anzeigen</span>
<span class="setting-desc" data-i18n="settings.search.desc">Suchleiste unter dem Header ein/aus</span>
</div>
<label class="toggle"><input type="checkbox" id="settingShowSearch" checked /><span class="slider"></span></label>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Links in neuem Tab</span>
<span class="setting-desc">Bookmarks in neuem Browser-Tab öffnen</span>
<span class="setting-label" data-i18n="settings.newtab">Links in neuem Tab</span>
<span class="setting-desc" data-i18n="settings.newtab.desc">Bookmarks in neuem Browser-Tab öffnen</span>
</div>
<label class="toggle"><input type="checkbox" id="settingNewTab" checked /><span class="slider"></span></label>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Beschreibungen anzeigen</span>
<span class="setting-desc">Gespeicherte Beschreibung unter Bookmarks</span>
<span class="setting-label" data-i18n="settings.showdesc">Beschreibungen anzeigen</span>
<span class="setting-desc" data-i18n="settings.showdesc.desc">Gespeicherte Beschreibung unter Bookmarks</span>
</div>
<label class="toggle"><input type="checkbox" id="settingShowDesc" /><span class="slider"></span></label>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="setting-label">Bookmarks ausblenden</span>
<span class="setting-desc">Überzählige Bookmarks in langen Boards verstecken</span>
<span class="setting-label" data-i18n="settings.hideextra">Bookmarks ausblenden</span>
<span class="setting-desc" data-i18n="settings.hideextra.desc">Überzählige Bookmarks in langen Boards verstecken</span>
</div>
<label class="toggle"><input type="checkbox" id="settingHideExtra" /><span class="slider"></span></label>
</div>
<div class="setting-row" id="visibleCountRow">
<div class="setting-info">
<span class="setting-label">Sichtbare Bookmarks</span>
<span class="setting-desc">Anzahl vor dem Ausblenden</span>
<span class="setting-label" data-i18n="settings.visible_count">Sichtbare Bookmarks</span>
<span class="setting-desc" data-i18n="settings.visible_count.desc">Anzahl vor dem Ausblenden</span>
</div>
<select class="select-input" id="settingVisibleCount">
<option value="5">5</option>
@@ -417,14 +438,14 @@
<div class="modal-overlay" id="addBoardOverlay">
<div class="modal">
<div class="modal-header">
<span>New Board</span>
<span data-i18n="modal.new_board">New Board</span>
<button class="btn-close" id="btnCancelBoard">✕</button>
</div>
<div class="modal-body">
<input type="text" class="text-input full-width" id="newBoardName" placeholder="Board name..." maxlength="40" />
<input type="text" class="text-input full-width" id="newBoardName" data-i18n-placeholder="modal.board_name" placeholder="Board name..." maxlength="40" />
</div>
<div class="modal-footer">
<button class="btn-primary" id="btnConfirmBoard">Create</button>
<button class="btn-primary" id="btnConfirmBoard" data-i18n="modal.create">Create</button>
</div>
</div>
</div>
@@ -433,16 +454,16 @@
<div class="modal-overlay" id="addBookmarkOverlay">
<div class="modal">
<div class="modal-header">
<span>New Bookmark</span>
<span data-i18n="modal.new_bookmark">New Bookmark</span>
<button class="btn-close" id="btnCancelBookmark">✕</button>
</div>
<div class="modal-body">
<input type="text" class="text-input full-width" id="newBmTitle" placeholder="Title..." maxlength="60" />
<input type="text" class="text-input full-width" id="newBmTitle" data-i18n-placeholder="modal.bm_title" placeholder="Title..." maxlength="60" />
<input type="url" class="text-input full-width modal-input-spaced" id="newBmUrl" placeholder="https://..." />
<input type="text" class="text-input full-width modal-input-spaced" id="newBmDesc" placeholder="Description (optional)" />
<input type="text" class="text-input full-width modal-input-spaced" id="newBmDesc" data-i18n-placeholder="modal.bm_desc" placeholder="Description (optional)" />
</div>
<div class="modal-footer">
<button class="btn-primary" id="btnConfirmBookmark">Add</button>
<button class="btn-primary" id="btnConfirmBookmark" data-i18n="modal.bm_add">Add</button>
</div>
</div>
</div>
@@ -451,14 +472,14 @@
<div class="modal-overlay" id="renameOverlay">
<div class="modal">
<div class="modal-header">
<span>Rename</span>
<span data-i18n="modal.rename">Rename</span>
<button class="btn-close" id="btnCancelRename">✕</button>
</div>
<div class="modal-body">
<input type="text" class="text-input full-width" id="renameInput" placeholder="New name..." maxlength="60" />
<input type="text" class="text-input full-width" id="renameInput" data-i18n-placeholder="modal.rename_placeholder" placeholder="New name..." maxlength="60" />
</div>
<div class="modal-footer">
<button class="btn-primary" id="btnConfirmRename">Rename</button>
<button class="btn-primary" id="btnConfirmRename" data-i18n="modal.rename_confirm">Rename</button>
</div>
</div>
</div>
@@ -472,6 +493,8 @@
<script src="src/js/storage.js"></script>
<!-- State & Hilfsfunktionen -->
<script src="src/js/state.js"></script>
<!-- i18n (nach state.js, vor allen Modulen die t() nutzen könnten) -->
<script src="src/js/i18n.js"></script>
<!-- Dialog-System (vor Features, wird überall gebraucht) -->
<script src="src/js/dialog.js"></script>
<!-- Theme-System -->
src/js/app.js
+1
View File
@@ -11,6 +11,7 @@ async function init() {
if (savedSettings) Object.assign(settings, savedSettings);
applySettings();
I18n.init();
renderBoards();
startClock();
bindGlobalEvents();
src/js/i18n.js
+657
View File
@@ -0,0 +1,657 @@
/* =============================================
HELLION NEWTAB — i18n.js
Internationalisierung: DE/EN Sprachumschaltung
============================================= */
const STRINGS = {
de: {
// Dialog-System
'dialog.default_title': 'Hinweis',
'dialog.ok': 'OK',
'dialog.confirm_title': 'Bestätigung',
'dialog.cancel': 'Abbrechen',
// Boards
'boards.empty_state_pre': 'No boards yet. Click ',
'boards.add_board': '+ Board',
'boards.empty_state_mid': ' to create one, or use ',
'boards.import': 'Import',
'boards.empty_state_post': ' to load your browser bookmarks.',
'boards.drag_title': 'Board verschieben',
'boards.blur': 'Blur (privat)',
'boards.unblur': 'Unblur',
'boards.rename': 'Umbenennen',
'boards.delete': 'Löschen',
'boards.delete_confirm': 'Board "{title}" wirklich löschen?',
'boards.delete_confirm.title': 'Board löschen',
'boards.show_more': 'Show {count} more…',
'boards.show_less': 'Show less',
'boards.add_link': ' Add link',
'boards.remove_bookmark': 'Entfernen',
// Onboarding
'onboarding.skip': 'Überspringen',
'onboarding.back': 'Zurück',
'onboarding.next': 'Weiter',
'onboarding.start': 'Los geht\'s!',
'onboarding.yes': 'Ja, gerne',
'onboarding.no': 'Nein danke',
'onboarding.s1.title': 'Willkommen bei Hellion Dashboard',
'onboarding.s1.text': 'Dein neuer Browser-Startbildschirm. Minimalistisch, schnell und vollständig lokal — keine Cloud, kein Account, keine Datensammlung.',
'onboarding.s2.title': 'Boards & Bookmarks',
'onboarding.s2.f1': 'Erstelle Boards mit dem „+ Board" Button oben',
'onboarding.s2.f2': 'Importiere Browser-Lesezeichen über den „Import" Button im Header',
'onboarding.s2.f3': 'Drag & Drop zum Umsortieren von Boards und Links',
'onboarding.s2.f4': 'Blur-Modus für private Boards (🔒 Icon)',
'onboarding.s3.title': '11 handgefertigte Themes',
'onboarding.s3.text': 'Klicke auf den „Theme" Button im Header um dein Theme zu wählen. Jedes hat seinen eigenen Stil und Farbpalette.',
'onboarding.s4.title': 'Widget-Toolbar',
'onboarding.s4.f1': 'Die schwebenden Buttons rechts öffnen Widgets',
'onboarding.s4.f2': 'Notes und Checklisten für schnelle Notizen',
'onboarding.s4.f3': 'Taschenrechner mit History',
'onboarding.s4.f4': 'Timer/Countdown mit speicherbaren Presets',
'onboarding.s4.f5': 'Bild-Referenz Widgets (aktivierbar in Settings)',
'onboarding.s4.f6': 'Notebook-Sidebar zeigt alle Notes auf einen Blick',
'onboarding.s5.title': 'Backups nicht vergessen!',
'onboarding.s5.text': 'Deine Daten sind lokal im Browser gespeichert. Wenn du Browserdaten löschst, gehen sie verloren! Sichere regelmäßig über Settings → Data → Export. Wir erinnern dich alle 7 Tage daran.',
'onboarding.s6.title': 'Gaming Starter Board',
'onboarding.s6.text': 'Spielst du Games wie Satisfactory, Factorio oder Star Citizen? Ich kann ein Board mit nützlichen Community-Links anlegen.',
'onboarding.s7.title': 'Bereit!',
'onboarding.s7.text': 'Erstelle dein erstes Board mit „+ Board" oder importiere deine Browser-Lesezeichen über den Import-Button im Header. Viel Spaß!',
// Notes
'notes.limit_message': 'Maximale Anzahl erreicht! Du kannst maximal {max} Notes gleichzeitig haben. Lösche eine bestehende Note um eine neue zu erstellen.',
'notes.limit_title': 'Limit erreicht',
'notes.checklist_title': 'Checkliste',
'notes.default_title': 'Note',
'notes.placeholder': 'Notiz schreiben...',
'notes.checklist_placeholder': 'Neues Item...',
'notes.delete_confirm': 'Note endgültig löschen? Das kann nicht rückgängig gemacht werden.',
'notes.delete_title': 'Note löschen',
'notes.delete_button': 'Löschen',
'notes.checklist_progress': '{done}/{total} erledigt',
'notes.empty_preview': 'Leer',
'notes.export': 'Export',
'notes.export_footer': 'Exportiert aus Hellion Dashboard',
'notes.create': '+ Note erstellen',
'notes.text_type': '✎ Freitext',
'notes.checklist_type': '☑ Checkliste',
// Calculator
'calculator.title': 'Taschenrechner',
'calculator.history': 'History',
'calculator.error': 'Fehler',
// Timer
'timer.title': 'Timer',
'timer.start': 'Start',
'timer.pause': 'Pause',
'timer.reset': 'Reset',
'timer.restart': 'Neustart',
'timer.presets': 'Presets',
'timer.save_preset': 'Preset speichern',
'timer.preset_name_placeholder': 'Name...',
'timer.ok': 'OK',
'timer.limit_title': 'Limit erreicht',
'timer.limit_message': 'Maximale Anzahl erreicht! Du kannst maximal {max} Presets speichern.',
'timer.no_time_title': 'Keine Zeit',
'timer.no_time_message': 'Gib zuerst eine Zeit ein, bevor du ein Preset speicherst.',
'timer.mute': 'Ton ausschalten',
'timer.unmute': 'Ton einschalten',
'timer.finished_title': '[!] Timer abgelaufen',
'timer.default_page_title': 'Hellion Dashboard',
// Bild-Referenz
'imageref.title': 'Bild-Referenz',
'imageref.dropzone': 'Klicken oder Bild hierher ziehen',
'imageref.replace': 'Bild ersetzen',
'imageref.label_placeholder': 'Beschriftung (optional)',
'imageref.storage_error': 'Bild konnte nicht gespeichert werden. Der Browser-Speicher ist voll.',
'imageref.storage_error.title': 'Speicherfehler',
'imageref.limit': 'Maximal {max} Bild-Widgets gleichzeitig. Schliesse eines um ein neues zu oeffnen.',
'imageref.limit.title': 'Limit erreicht',
'imageref.load_error': 'Bild konnte nicht geladen werden: {error}',
'imageref.load_error.title': 'Bildfehler',
'imageref.invalid_file': 'Bitte eine Bilddatei verwenden (PNG, JPG, WebP, etc.).',
'imageref.invalid_file.title': 'Kein Bild',
// Daten (Export/Import)
'data.invalid_format': 'Ungültiges Format',
'data.no_boards': 'Keine gültigen Boards gefunden',
'data.import_confirm': '{count} Boards importieren? Bestehende Daten bleiben erhalten.',
'data.import_confirm.title': 'JSON Import',
'data.import_success': '{boards} Board(s){notes}{calc}{timer} erfolgreich importiert.',
'data.import_success.title': 'Import erfolgreich',
'data.import_error': 'Fehler beim Import: {error}',
'data.import_error.title': 'Import fehlgeschlagen',
'data.notes_suffix': ' + {count} Note(s)',
'data.calc_suffix': ' + Calculator-History',
'data.timer_suffix': ' + Timer-Presets',
// Browser-Lesezeichen Import
'bm_import.no_access': 'Zugriff auf Browser-Lesezeichen nicht möglich. Stelle sicher, dass die Extension die nötigen Berechtigungen hat.',
'bm_import.title': 'Lesezeichen-Import',
'bm_import.no_folders': 'Keine Lesezeichen-Ordner gefunden.',
'bm_import.modal_title': 'Browser-Lesezeichen importieren',
'bm_import.info': 'Wähle die Ordner aus, die als Boards importiert werden sollen. Jeder Ordner wird ein eigenes Board.',
'bm_import.unnamed': 'Unbenannt',
'bm_import.link_count': '{count} Link(s)',
'bm_import.folder_count': '{count} Ordner',
'bm_import.empty': 'leer',
'bm_import.select_all': 'Alle auswählen',
'bm_import.deselect_all': 'Alle abwählen',
'bm_import.import_btn': 'Importieren',
'bm_import.no_selection': 'Bitte wähle mindestens einen Ordner aus.',
'bm_import.boards_created': '{count} Board(s) erstellt',
'bm_import.bookmarks_imported': '{count} Lesezeichen importiert',
'bm_import.duplicates_skipped': '{count} Duplikat(e) übersprungen',
'bm_import.success_title': 'Import abgeschlossen',
// Storage
'storage.quota_full': 'Speicher voll! Bitte lösche alte Boards oder das Hintergrundbild, um Platz zu schaffen.',
'storage.quota_full.title': 'Speicher voll',
// App
'app.backup_reminder': 'Du hast seit über einer Woche kein Backup gemacht. Beim Löschen der Browserdaten gehen deine Boards verloren. Jetzt sichern?',
'app.backup_reminder.title': 'Backup-Erinnerung',
'app.backup_now': 'Jetzt sichern',
'app.backup_later': 'Später',
'app.no_bookmarks': 'Keine Bookmarks in dieser Datei gefunden.',
'app.import_title': 'Import',
'app.html_import_success': '{count} Board(s) mit {total} Bookmarks importiert.',
'app.import_success_title': 'Import erfolgreich',
'app.invalid_url': 'Ungültige URL. Bitte mit https:// beginnen.',
'app.invalid_url.title': 'URL ungültig',
// Uhr
'clock.days.sun': 'So',
'clock.days.mon': 'Mo',
'clock.days.tue': 'Di',
'clock.days.wed': 'Mi',
'clock.days.thu': 'Do',
'clock.days.fri': 'Fr',
'clock.days.sat': 'Sa',
'clock.months.jan': 'Jan',
'clock.months.feb': 'Feb',
'clock.months.mar': 'Mär',
'clock.months.apr': 'Apr',
'clock.months.may': 'Mai',
'clock.months.jun': 'Jun',
'clock.months.jul': 'Jul',
'clock.months.aug': 'Aug',
'clock.months.sep': 'Sep',
'clock.months.oct': 'Okt',
'clock.months.nov': 'Nov',
'clock.months.dec': 'Dez',
// Settings
'settings.file_read_error': 'Fehler beim Lesen der Datei. Bitte eine andere Datei wählen.',
'settings.file_read_error.title': 'Dateifehler',
'settings.reset_confirm': 'Wirklich alle Boards und Einstellungen löschen? Das kann nicht rückgängig gemacht werden.',
'settings.reset_confirm.title': 'Alles zurücksetzen',
'settings.reset_confirm.button': 'Alles löschen',
// Widgets
'widgets.minimize': 'Minimieren',
'widgets.close': 'Schließen',
// Header
'header.import': 'Import',
'header.board': 'Board',
'header.note': 'Note',
'header.theme': 'Darstellung',
'header.settings': 'Settings',
// Settings-Panel Überschrift
'settings.title': 'Einstellungen',
// Settings-Panel Sektionen
'settings.section.widgets': 'WIDGETS',
'settings.section.data': 'DATEN & HILFE',
'settings.section.danger': 'DANGER ZONE',
'settings.section.bg': 'HINTERGRUND',
'settings.section.display': 'DARSTELLUNG',
// Settings-Zeilen
'settings.language': 'Sprache',
'settings.language.desc': 'Anzeigesprache wählen',
'settings.language.auto': 'Automatisch',
'settings.toolbar_pos': 'Toolbar-Position',
'settings.toolbar_pos.desc': 'Widget-Toolbar links oder rechts anzeigen',
'settings.toolbar_pos.right': 'Rechts',
'settings.toolbar_pos.left': 'Links',
'settings.image_ref': 'Bild-Referenz Widgets',
'settings.image_ref.desc': 'Bilder als Referenz anzeigen (nur aktuelle Session)',
'settings.export': 'Backup exportieren',
'settings.export.desc': 'Alle Boards, Notes und Einstellungen als JSON sichern',
'settings.import': 'Backup importieren',
'settings.import.desc': 'JSON-Backup wiederherstellen',
'settings.browser_import': 'Browser-Lesezeichen',
'settings.browser_import.desc': 'Lesezeichen direkt aus dem Browser importieren',
'settings.onboarding': 'Onboarding wiederholen',
'settings.onboarding.desc': 'Willkommens-Tour erneut anzeigen',
'settings.reset': 'Alles zurücksetzen',
'settings.reset.desc': 'Löscht alle Boards, Notes und Einstellungen',
'settings.compact': 'Kompaktmodus',
'settings.compact.desc': 'Weniger Abstand für mehr Bookmarks',
'settings.shorten': 'Lange Titel kürzen',
'settings.shorten.desc': 'Titel auf eine Zeile mit „…" kürzen',
'settings.search': 'Suchleiste anzeigen',
'settings.search.desc': 'Suchleiste unter dem Header ein/aus',
'settings.newtab': 'Links in neuem Tab',
'settings.newtab.desc': 'Bookmarks in neuem Browser-Tab öffnen',
'settings.showdesc': 'Beschreibungen anzeigen',
'settings.showdesc.desc': 'Gespeicherte Beschreibung unter Bookmarks',
'settings.hideextra': 'Bookmarks ausblenden',
'settings.hideextra.desc': 'Überzählige Bookmarks in langen Boards verstecken',
'settings.visible_count': 'Sichtbare Bookmarks',
'settings.visible_count.desc': 'Anzahl vor dem Ausblenden',
'settings.bg_url': 'Bild-URL',
'settings.bg_url.desc': 'Eigenes Hintergrundbild per URL',
'settings.bg_change': 'Ändern',
'settings.bg_apply': 'Übernehmen',
'settings.bg_upload': 'Datei hochladen',
'settings.bg_upload.desc': 'Lokales Bild als Hintergrund verwenden',
'settings.search_engine_toggle': 'Suchmaschine wechseln',
// Modals
'modal.new_board': 'New Board',
'modal.board_name': 'Board name...',
'modal.create': 'Create',
'modal.new_bookmark': 'New Bookmark',
'modal.bm_title': 'Title...',
'modal.bm_desc': 'Description (optional)',
'modal.bm_add': 'Add',
'modal.rename': 'Rename',
'modal.rename_placeholder': 'New name...',
'modal.rename_confirm': 'Rename',
'modal.theme_header': 'Darstellung',
// About
'about.title': '⬡ HELLION NEWTAB',
'about.impressum': 'Impressum',
'about.developer': 'Entwickler',
'about.company': 'Unternehmen',
'about.license': 'Lizenz',
'about.storage': 'Datenspeicherung',
'about.storage.value': '100% lokal · Kein Server · Kein Account',
'about.bugreport': 'Bug Report / Feedback',
'about.support': 'Support',
'about.browsers': 'Kompatible Browser',
// Notebook
'notebook.title': 'Notebook',
// Suche
'search.placeholder': 'Search the web…',
// Widget-Toolbar Tooltips
'toolbar.note': 'Note erstellen',
'toolbar.checklist': 'Checkliste erstellen',
'toolbar.calculator': 'Taschenrechner',
'toolbar.timer': 'Timer',
'toolbar.imageref': 'Bild-Referenz',
'toolbar.notebook': 'Alle Notes'
},
en: {
// Dialog system
'dialog.default_title': 'Notice',
'dialog.ok': 'OK',
'dialog.confirm_title': 'Confirmation',
'dialog.cancel': 'Cancel',
// Boards
'boards.empty_state_pre': 'No boards yet. Click ',
'boards.add_board': '+ Board',
'boards.empty_state_mid': ' to create one, or use ',
'boards.import': 'Import',
'boards.empty_state_post': ' to load your browser bookmarks.',
'boards.drag_title': 'Move board',
'boards.blur': 'Blur (private)',
'boards.unblur': 'Unblur',
'boards.rename': 'Rename',
'boards.delete': 'Delete',
'boards.delete_confirm': 'Really delete board "{title}"?',
'boards.delete_confirm.title': 'Delete board',
'boards.show_more': 'Show {count} more…',
'boards.show_less': 'Show less',
'boards.add_link': ' Add link',
'boards.remove_bookmark': 'Remove',
// Onboarding
'onboarding.skip': 'Skip',
'onboarding.back': 'Back',
'onboarding.next': 'Next',
'onboarding.start': 'Let\'s go!',
'onboarding.yes': 'Yes please',
'onboarding.no': 'No thanks',
'onboarding.s1.title': 'Welcome to Hellion Dashboard',
'onboarding.s1.text': 'Your new browser start screen. Minimalist, fast and fully local — no cloud, no account, no data collection.',
'onboarding.s2.title': 'Boards & Bookmarks',
'onboarding.s2.f1': 'Create boards with the "+ Board" button at the top',
'onboarding.s2.f2': 'Import browser bookmarks via the "Import" button in the header',
'onboarding.s2.f3': 'Drag & drop to reorder boards and links',
'onboarding.s2.f4': 'Blur mode for private boards (🔒 icon)',
'onboarding.s3.title': '11 handcrafted themes',
'onboarding.s3.text': 'Click the "Theme" button in the header to choose your theme. Each has its own style and color palette.',
'onboarding.s4.title': 'Widget Toolbar',
'onboarding.s4.f1': 'The floating buttons on the right open widgets',
'onboarding.s4.f2': 'Notes and checklists for quick notes',
'onboarding.s4.f3': 'Calculator with history',
'onboarding.s4.f4': 'Timer/countdown with saveable presets',
'onboarding.s4.f5': 'Image reference widgets (enable in Settings)',
'onboarding.s4.f6': 'Notebook sidebar shows all notes at a glance',
'onboarding.s5.title': 'Don\'t forget backups!',
'onboarding.s5.text': 'Your data is stored locally in the browser. If you clear browser data, it\'s gone! Back up regularly via Settings → Data → Export. We\'ll remind you every 7 days.',
'onboarding.s6.title': 'Gaming Starter Board',
'onboarding.s6.text': 'Do you play games like Satisfactory, Factorio or Star Citizen? I can create a board with useful community links.',
'onboarding.s7.title': 'Ready!',
'onboarding.s7.text': 'Create your first board with "+ Board" or import your browser bookmarks via the Import button in the header. Have fun!',
// Notes
'notes.limit_message': 'Maximum reached! You can have at most {max} notes at the same time. Delete an existing note to create a new one.',
'notes.limit_title': 'Limit reached',
'notes.checklist_title': 'Checklist',
'notes.default_title': 'Note',
'notes.placeholder': 'Write a note...',
'notes.checklist_placeholder': 'New item...',
'notes.delete_confirm': 'Permanently delete note? This cannot be undone.',
'notes.delete_title': 'Delete note',
'notes.delete_button': 'Delete',
'notes.checklist_progress': '{done}/{total} done',
'notes.empty_preview': 'Empty',
'notes.export': 'Export',
'notes.export_footer': 'Exported from Hellion Dashboard',
'notes.create': '+ Create note',
'notes.text_type': '✎ Free text',
'notes.checklist_type': '☑ Checklist',
// Calculator
'calculator.title': 'Calculator',
'calculator.history': 'History',
'calculator.error': 'Error',
// Timer
'timer.title': 'Timer',
'timer.start': 'Start',
'timer.pause': 'Pause',
'timer.reset': 'Reset',
'timer.restart': 'Restart',
'timer.presets': 'Presets',
'timer.save_preset': 'Save preset',
'timer.preset_name_placeholder': 'Name...',
'timer.ok': 'OK',
'timer.limit_title': 'Limit reached',
'timer.limit_message': 'Maximum reached! You can save at most {max} presets.',
'timer.no_time_title': 'No time',
'timer.no_time_message': 'Enter a time before saving a preset.',
'timer.mute': 'Mute sound',
'timer.unmute': 'Unmute sound',
'timer.finished_title': '[!] Timer finished',
'timer.default_page_title': 'Hellion Dashboard',
// Image reference
'imageref.title': 'Image Reference',
'imageref.dropzone': 'Click or drag image here',
'imageref.replace': 'Replace image',
'imageref.label_placeholder': 'Caption (optional)',
'imageref.storage_error': 'Image could not be saved. Browser storage is full.',
'imageref.storage_error.title': 'Storage error',
'imageref.limit': 'Maximum {max} image widgets at a time. Close one to open a new one.',
'imageref.limit.title': 'Limit reached',
'imageref.load_error': 'Image could not be loaded: {error}',
'imageref.load_error.title': 'Image error',
'imageref.invalid_file': 'Please use an image file (PNG, JPG, WebP, etc.).',
'imageref.invalid_file.title': 'Not an image',
// Data (export/import)
'data.invalid_format': 'Invalid format',
'data.no_boards': 'No valid boards found',
'data.import_confirm': 'Import {count} boards? Existing data will be preserved.',
'data.import_confirm.title': 'JSON Import',
'data.import_success': '{boards} board(s){notes}{calc}{timer} successfully imported.',
'data.import_success.title': 'Import successful',
'data.import_error': 'Import error: {error}',
'data.import_error.title': 'Import failed',
'data.notes_suffix': ' + {count} note(s)',
'data.calc_suffix': ' + Calculator history',
'data.timer_suffix': ' + Timer presets',
// Browser bookmark import
'bm_import.no_access': 'Cannot access browser bookmarks. Make sure the extension has the required permissions.',
'bm_import.title': 'Bookmark import',
'bm_import.no_folders': 'No bookmark folders found.',
'bm_import.modal_title': 'Import browser bookmarks',
'bm_import.info': 'Select the folders to import as boards. Each folder becomes its own board.',
'bm_import.unnamed': 'Unnamed',
'bm_import.link_count': '{count} link(s)',
'bm_import.folder_count': '{count} folder(s)',
'bm_import.empty': 'empty',
'bm_import.select_all': 'Select all',
'bm_import.deselect_all': 'Deselect all',
'bm_import.import_btn': 'Import',
'bm_import.no_selection': 'Please select at least one folder.',
'bm_import.boards_created': '{count} board(s) created',
'bm_import.bookmarks_imported': '{count} bookmarks imported',
'bm_import.duplicates_skipped': '{count} duplicate(s) skipped',
'bm_import.success_title': 'Import complete',
// Storage
'storage.quota_full': 'Storage full! Please delete old boards or the background image to free up space.',
'storage.quota_full.title': 'Storage full',
// App
'app.backup_reminder': 'You haven\'t made a backup in over a week. If you clear browser data, your boards will be lost. Back up now?',
'app.backup_reminder.title': 'Backup reminder',
'app.backup_now': 'Back up now',
'app.backup_later': 'Later',
'app.no_bookmarks': 'No bookmarks found in this file.',
'app.import_title': 'Import',
'app.html_import_success': '{count} board(s) with {total} bookmarks imported.',
'app.import_success_title': 'Import successful',
'app.invalid_url': 'Invalid URL. Please start with https://.',
'app.invalid_url.title': 'Invalid URL',
// Clock
'clock.days.sun': 'Sun',
'clock.days.mon': 'Mon',
'clock.days.tue': 'Tue',
'clock.days.wed': 'Wed',
'clock.days.thu': 'Thu',
'clock.days.fri': 'Fri',
'clock.days.sat': 'Sat',
'clock.months.jan': 'Jan',
'clock.months.feb': 'Feb',
'clock.months.mar': 'Mar',
'clock.months.apr': 'Apr',
'clock.months.may': 'May',
'clock.months.jun': 'Jun',
'clock.months.jul': 'Jul',
'clock.months.aug': 'Aug',
'clock.months.sep': 'Sep',
'clock.months.oct': 'Oct',
'clock.months.nov': 'Nov',
'clock.months.dec': 'Dec',
// Settings
'settings.file_read_error': 'Error reading file. Please choose a different file.',
'settings.file_read_error.title': 'File error',
'settings.reset_confirm': 'Really delete all boards and settings? This cannot be undone.',
'settings.reset_confirm.title': 'Reset everything',
'settings.reset_confirm.button': 'Delete all',
// Widgets
'widgets.minimize': 'Minimize',
'widgets.close': 'Close',
// Header
'header.import': 'Import',
'header.board': 'Board',
'header.note': 'Note',
'header.theme': 'Theme',
'header.settings': 'Settings',
// Settings panel heading
'settings.title': 'Settings',
// Settings panel sections
'settings.section.widgets': 'WIDGETS',
'settings.section.data': 'DATA & HELP',
'settings.section.danger': 'DANGER ZONE',
'settings.section.bg': 'BACKGROUND',
'settings.section.display': 'DISPLAY',
// Settings rows
'settings.language': 'Language',
'settings.language.desc': 'Choose display language',
'settings.language.auto': 'Automatic',
'settings.toolbar_pos': 'Toolbar position',
'settings.toolbar_pos.desc': 'Show widget toolbar on the left or right',
'settings.toolbar_pos.right': 'Right',
'settings.toolbar_pos.left': 'Left',
'settings.image_ref': 'Image reference widgets',
'settings.image_ref.desc': 'Show images as reference (current session only)',
'settings.export': 'Export backup',
'settings.export.desc': 'Save all boards, notes and settings as JSON',
'settings.import': 'Import backup',
'settings.import.desc': 'Restore a JSON backup',
'settings.browser_import': 'Browser bookmarks',
'settings.browser_import.desc': 'Import bookmarks directly from the browser',
'settings.onboarding': 'Replay onboarding',
'settings.onboarding.desc': 'Show the welcome tour again',
'settings.reset': 'Reset everything',
'settings.reset.desc': 'Deletes all boards, notes and settings',
'settings.compact': 'Compact mode',
'settings.compact.desc': 'Less spacing for more bookmarks',
'settings.shorten': 'Shorten long titles',
'settings.shorten.desc': 'Truncate titles to one line with "…"',
'settings.search': 'Show search bar',
'settings.search.desc': 'Toggle search bar below the header',
'settings.newtab': 'Links in new tab',
'settings.newtab.desc': 'Open bookmarks in a new browser tab',
'settings.showdesc': 'Show descriptions',
'settings.showdesc.desc': 'Show saved description below bookmarks',
'settings.hideextra': 'Hide bookmarks',
'settings.hideextra.desc': 'Hide excess bookmarks in long boards',
'settings.visible_count': 'Visible bookmarks',
'settings.visible_count.desc': 'Number before hiding',
'settings.bg_url': 'Image URL',
'settings.bg_url.desc': 'Custom background image via URL',
'settings.bg_change': 'Change',
'settings.bg_apply': 'Apply',
'settings.bg_upload': 'Upload file',
'settings.bg_upload.desc': 'Use a local image as background',
'settings.search_engine_toggle': 'Switch search engine',
// Modals
'modal.new_board': 'New Board',
'modal.board_name': 'Board name...',
'modal.create': 'Create',
'modal.new_bookmark': 'New Bookmark',
'modal.bm_title': 'Title...',
'modal.bm_desc': 'Description (optional)',
'modal.bm_add': 'Add',
'modal.rename': 'Rename',
'modal.rename_placeholder': 'New name...',
'modal.rename_confirm': 'Rename',
'modal.theme_header': 'Theme',
// About
'about.title': '⬡ HELLION NEWTAB',
'about.impressum': 'Legal Notice',
'about.developer': 'Developer',
'about.company': 'Company',
'about.license': 'License',
'about.storage': 'Data storage',
'about.storage.value': '100% local · No server · No account',
'about.bugreport': 'Bug Report / Feedback',
'about.support': 'Support',
'about.browsers': 'Compatible browsers',
// Notebook
'notebook.title': 'Notebook',
// Search
'search.placeholder': 'Search the web…',
// Widget toolbar tooltips
'toolbar.note': 'Create note',
'toolbar.checklist': 'Create checklist',
'toolbar.calculator': 'Calculator',
'toolbar.timer': 'Timer',
'toolbar.imageref': 'Image reference',
'toolbar.notebook': 'All notes'
}
};
/** @type {string} Aktuell aktive Sprache */
let currentLang = 'de';
/**
* Übersetzungsstring abrufen mit optionalen Platzhaltern
* @param {string} key - Schlüssel im STRINGS-Objekt
* @param {Object} [vars] - Platzhalter-Werte (z.B. { max: 5 })
* @returns {string}
*/
function t(key, vars) {
let str = (STRINGS[currentLang] && STRINGS[currentLang][key])
|| (STRINGS['en'] && STRINGS['en'][key])
|| key;
if (vars) {
for (const [k, v] of Object.entries(vars)) {
str = str.replaceAll('{' + k + '}', v);
}
}
return str;
}
/**
* Alle data-i18n Elemente im Dokument mit aktueller Sprache befüllen
*/
function applyLanguage() {
document.querySelectorAll('[data-i18n]').forEach(el => {
el.textContent = t(el.dataset.i18n);
});
document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
el.placeholder = t(el.dataset.i18nPlaceholder);
});
document.querySelectorAll('[data-i18n-title]').forEach(el => {
el.title = t(el.dataset.i18nTitle);
});
}
/**
* Sprache setzen, speichern und DOM aktualisieren
* @param {string} lang - 'de', 'en' oder 'auto'
*/
function setLanguage(lang) {
const resolved = (lang === 'auto')
? (navigator.language.startsWith('de') ? 'de' : 'en')
: lang;
currentLang = resolved;
applyLanguage();
}
/**
* i18n-Modul — öffentliche API
*/
const I18n = {
/** Aktuell aktive Sprache (nach Auto-Auflösung) */
get currentLang() { return currentLang; },
/**
* Initialisierung: Sprache aus Settings lesen, auflösen, DOM anwenden
* Wird nach applySettings() aufgerufen (settings-Objekt muss bereit sein)
*/
init() {
const lang = (typeof settings !== 'undefined' && settings.language)
? settings.language
: 'auto';
const resolved = (lang === 'auto')
? (navigator.language.startsWith('de') ? 'de' : 'en')
: lang;
currentLang = resolved;
applyLanguage();
}
};
src/js/settings.js
+16 -1
View File
@@ -83,6 +83,10 @@ function applySettings() {
const toolbarPosEl = document.getElementById('settingToolbarPos');
if (toolbarPosEl) toolbarPosEl.value = settings.toolbarPos || 'right';
// Sprache (Dropdown-Wert setzen — I18n.init() übernimmt die eigentliche Anwendung)
const langEl = document.getElementById('settingLanguage');
if (langEl) langEl.value = settings.language || 'auto';
applyTheme(settings.theme || 'nebula', !!settings.bgUrl);
if (settings.bgUrl) {
@@ -189,6 +193,17 @@ function bindSettingsEvents() {
reader.readAsDataURL(file);
});
// Sprach-Einstellung
const languageEl = document.getElementById('settingLanguage');
if (languageEl) {
languageEl.value = settings.language || 'auto';
languageEl.addEventListener('change', async (e) => {
settings.language = e.target.value;
setLanguage(e.target.value);
await saveSettings();
});
}
// Toolbar-Position Setting
const toolbarPosEl = document.getElementById('settingToolbarPos');
if (toolbarPosEl) {
@@ -217,7 +232,7 @@ function bindSettingsEvents() {
settings = { compact: false, shortenTitles: false, newTab: true, showDesc: false,
hideExtra: false, visibleCount: 10, bgUrl: '', theme: 'nebula',
showSearch: true, searchEngine: 'google', toolbarPos: 'right',
imageRefEnabled: false };
imageRefEnabled: false, language: 'auto' };
await saveBoards();
await saveSettings();
applySettings();
src/js/state.js
+2 -1
View File
@@ -17,7 +17,8 @@ let settings = {
showSearch: true,
searchEngine: 'google',
toolbarPos: 'right',
imageRefEnabled: false
imageRefEnabled: false,
language: 'auto'
};
function uid() {