From b03b057f66c5f1b05a79b1a342c59516471cc052 Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Thu, 18 Jun 2026 14:53:11 -0400
Subject: [PATCH] fix: i18n for help modal nav, settings nav, about modal,
 header menu

- Help modal: 18 nav links with data-i18n, title, search placeholder
- Settings sidebar: 7 nav items tagged (Recherche..Themes)
- About modal: subtitle tagged
- Header dropdown: all 7 menu items tagged
- 226 total data-i18n attributes in index.html
---
 frontend/index.html | 74 ++++++++++++++++++++++-----------------------
 1 file changed, 36 insertions(+), 38 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index bb992f1..28492be 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>ObsiGate</title>
+        <title data-i18n="header.logo">ObsiGate</title>
 
         <!-- PWA Meta Tags -->
         <meta
@@ -1262,7 +1262,7 @@
                     <input
                         class="editor-title-input"
                         id="editor-title-input"
-                        placeholder="Titre..."
+                         data-i18n-placeholder="forge.title_placeholder" placeholder="Titre..."
                         spellcheck="false"
                         title="Titre (sync avec # Heading)"
                     />
@@ -1345,7 +1345,7 @@
                                 type="text"
                                 class="help-nav-search"
                                 id="config-nav-search"
-                                placeholder="Rechercher..."
+                                 data-i18n-placeholder="settings.search_placeholder" placeholder="Rechercher..."
                                 autocomplete="off"
                                 spellcheck="false"
                             />
@@ -1371,7 +1371,7 @@
                         <ul class="help-nav-list">
                             <li>
                                 <a href="#cfg-search" class="help-nav-link"
-                                    >🔍 Recherche</a
+                                     data-i18n="help.nav_search">🔍 Recherche</a
                                 >
                             </li>
                             <li>
@@ -1675,10 +1675,8 @@
                                         id="cfg-save-backend" data-i18n="help.shortcut_save">
                                         Sauvegarder
                                     </button>
-                                    <button
-                                        class="config-btn-secondary"
-                                        id="cfg-reindex"
-                                    >
+                                    <button class="config-btn-secondary"
+                                        id="cfg-reindex" data-i18n="settings.reindex">
                                         Forcer réindexation
                                     </button>
                                     <button class="config-btn-secondary"
@@ -2552,14 +2550,14 @@
                 <div class="editor-body help-body" id="help-body">
                     <nav class="help-nav" id="help-nav">
                         <div class="help-nav-header">
-                            <div class="help-nav-title">Sommaire</div>
+                            <div class="help-nav-title" data-i18n="help.toc_title">Sommaire</div>
                         </div>
                         <div class="help-nav-search-wrap">
                             <input
                                 type="text"
                                 class="help-nav-search"
                                 id="help-nav-search"
-                                placeholder="Rechercher dans l'aide..."
+                                 data-i18n-placeholder="help.search_placeholder" data-i18n-placeholder="help.search_placeholder" placeholder="Rechercher dans l'aide..."
                                 autocomplete="off"
                                 spellcheck="false"
                             />
@@ -2586,96 +2584,96 @@
                         <ul class="help-nav-list" id="help-nav-list">
                             <li>
                                 <a href="#help-intro" class="help-nav-link"
-                                    >📘 Introduction</a
+                                     data-i18n="help.nav_intro">📘 Introduction</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-interface" class="help-nav-link"
-                                    >🧭 Interface</a
+                                     data-i18n="help.nav_interface">🧭 Interface</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-navigation" class="help-nav-link"
-                                    >🗺️ Navigation</a
+                                     data-i18n="help.nav_navigation">🗺️ Navigation</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-tabs" class="help-nav-link"
-                                    >📑 Onglets</a
+                                     data-i18n="help.nav_tabs">📑 Onglets</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-recherche" class="help-nav-link"
-                                    >🔍 Recherche</a
+                                     data-i18n="help.nav_search">🔍 Recherche</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-tags" class="help-nav-link"
-                                    >🏷️ Tags</a
+                                     data-i18n="help.nav_tags">🏷️ Tags</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-fichiers" class="help-nav-link"
-                                    >📁 Fichiers</a
+                                     data-i18n="help.nav_files">📁 Fichiers</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-edition" class="help-nav-link"
-                                    >✏️ Édition</a
+                                     data-i18n="help.nav_editing">✏️ Édition</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-graphe" class="help-nav-link"
-                                    >🗺️ Graphe</a
+                                     data-i18n="help.nav_graph">🗺️ Graphe</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-ia" class="help-nav-link"
-                                    >🤖 IA Éditeur</a
+                                     data-i18n="help.nav_ai">🤖 IA Éditeur</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-palette" class="help-nav-link"
-                                    >⌨️ Palette</a
+                                     data-i18n="help.nav_palette">⌨️ Palette</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-raccourcis" class="help-nav-link"
-                                    >⌨️ Raccourcis</a
+                                     data-i18n="help.nav_shortcuts">⌨️ Raccourcis</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-partage" class="help-nav-link"
-                                    >🔗 Partage</a
+                                     data-i18n="help.nav_sharing">🔗 Partage</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-webhooks" class="help-nav-link"
-                                    >🪝 Webhooks</a
+                                     data-i18n="help.nav_webhooks">🪝 Webhooks</a
                                 >
                             </li>
                             <li>
                                 <a
                                     href="#help-sauvegardes"
                                     class="help-nav-link"
-                                    >💾 Sauvegardes</a
+                                     data-i18n="help.nav_backups">💾 Sauvegardes</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-securite" class="help-nav-link"
-                                    >🛡️ Sécurité</a
+                                     data-i18n="help.nav_security">🛡️ Sécurité</a
                                 >
                             </li>
                             <li>
                                 <a
                                     href="#help-personnalisation"
                                     class="help-nav-link"
-                                    >🎨 Personnalisation</a
+                                     data-i18n="help.nav_customization">🎨 Personnalisation</a
                                 >
                             </li>
                             <li>
                                 <a href="#help-astuces" class="help-nav-link"
-                                    >💡 Astuces</a
+                                     data-i18n="help.nav_tips">💡 Astuces</a
                                 >
                             </li>
                         </ul>
@@ -2684,7 +2682,7 @@
                         <section class="help-section help-hero" id="help-intro">
                             <div class="help-hero-copy">
                                 <div class="help-kicker" data-i18n="help.guide_official">Guide officiel</div>
-                                <h1>📘 Bienvenue dans ObsiGate</h1>
+                                <h1 data-i18n="help.welcome_title">📘 Bienvenue dans ObsiGate</h1>
                                 <p class="help-lead">
                                     ObsiGate est votre porte d'entrée web vers
                                     vos vaults Obsidian. Accédez, naviguez et
@@ -3265,7 +3263,7 @@
                                     Suggestions contextuelles
                                 </li>
                                 <li>
-                                    <strong>Recherche</strong> : Ctrl+F pour
+                                    <strong data-i18n="settings.search">Recherche</strong> : Ctrl+F pour
                                     chercher dans le fichier
                                 </li>
                                 <li>
@@ -3505,7 +3503,7 @@
                                     Délai debounce, résultats par page, timeout
                                 </li>
                                 <li>
-                                    <strong>Paramètres backend</strong> :
+                                    <strong data-i18n="settings.backend_section">Paramètres backend</strong> :
                                     Workers, boosts TF-IDF, expansions préfixe
                                 </li>
                                 <li>
@@ -3610,7 +3608,7 @@
                                 </li>
                             </ul>
 
-                            <h3>Navigation</h3>
+                            <h3 data-i18n="help.nav_navigation">Navigation</h3>
                             <ul>
                                 <li>
                                     <kbd>↑</kbd> <kbd>↓</kbd> : Se déplacer dans
@@ -3628,7 +3626,7 @@
                         <section class="help-section" id="help-raccourcis">
                             <h2>⌨️ Raccourcis clavier</h2>
 
-                            <h3>Navigation</h3>
+                            <h3 data-i18n="help.nav_navigation">Navigation</h3>
                             <ul>
                                 <li>
                                     <code>Ctrl+K</code> ou <code>Cmd+K</code> :
@@ -3660,7 +3658,7 @@
                                 </li>
                             </ul>
 
-                            <h3>Interface</h3>
+                            <h3 data-i18n="help.nav_interface">Interface</h3>
                             <ul>
                                 <li>
                                     <code>Ctrl+T</code> : Basculer le thème
@@ -3680,7 +3678,7 @@
                                 </li>
                             </ul>
 
-                            <h3>Onglets</h3>
+                            <h3 data-i18n="help.nav_tabs">Onglets</h3>
                             <ul>
                                 <li>
                                     <code>Ctrl+W</code> : Fermer l'onglet actif
@@ -4669,7 +4667,7 @@ curl -X POST https://votre-serveur.com/webhook \
                 <input
                     type="text"
                     id="find-input"
-                    placeholder="Rechercher..."
+                     data-i18n-placeholder="settings.search_placeholder" placeholder="Rechercher..."
                     autocomplete="off"
                     aria-label="Rechercher dans la page"
                 />
@@ -4770,7 +4768,7 @@ curl -X POST https://votre-serveur.com/webhook \
                 aria-label="Rechercher un fichier"
             >
                 <i data-lucide="search" style="width: 20px; height: 20px"></i>
-                <span class="mt-label">Recherche</span>
+                <span class="mt-label" data-i18n="settings.search">Recherche</span>
             </button>
             <button
                 class="mt-btn mt-btn-primary"
@@ -4791,7 +4789,7 @@ curl -X POST https://votre-serveur.com/webhook \
                 <span class="mt-badge" id="mt-tab-count" style="display: none"
                     >0</span
                 >
-                <span class="mt-label">Onglets</span>
+                <span class="mt-label" data-i18n="help.nav_tabs">Onglets</span>
             </button>
         </nav>