From b70bce66efe16c1cb635400be3f8d08a3a0492bf Mon Sep 17 00:00:00 2001
From: Philippe Loctaux <p@philippeloctaux.com>
Date: Wed, 9 Aug 2023 22:37:53 +0200
Subject: [PATCH] translated base of settings: header + menu items

---
 crates/ezidam/static/i18n/en.json             |  6 ++++-
 crates/ezidam/static/i18n/fr.json             |  6 ++++-
 .../pages/settings/personal.html.tera         | 23 ++++++++++++-------
 .../pages/settings/security.html.tera         | 23 ++++++++++++-------
 .../templates/pages/settings/visual.html.tera | 23 ++++++++++++-------
 5 files changed, 55 insertions(+), 26 deletions(-)

diff --git a/crates/ezidam/static/i18n/en.json b/crates/ezidam/static/i18n/en.json
index 244d365..ebdb790 100644
--- a/crates/ezidam/static/i18n/en.json
+++ b/crates/ezidam/static/i18n/en.json
@@ -34,5 +34,9 @@
   "totp.verify_code": "Verify code",
   "redirect.hello": "Hello!",
   "redirect.preparing_app": "Preparing application",
-  "redirect.not_redirected": "Click here if you are not redirected"
+  "redirect.not_redirected": "Click here if you are not redirected",
+  "user_settings.settings": "Settings",
+  "user_settings.personal": "Personal",
+  "user_settings.security": "Security",
+  "user_settings.visual": "Visual"
 }
\ No newline at end of file
diff --git a/crates/ezidam/static/i18n/fr.json b/crates/ezidam/static/i18n/fr.json
index 73bcfb7..d9d0e28 100644
--- a/crates/ezidam/static/i18n/fr.json
+++ b/crates/ezidam/static/i18n/fr.json
@@ -34,5 +34,9 @@
   "totp.verify_code": "Verifier le code",
   "redirect.hello": "Bonjour!",
   "redirect.preparing_app": "Préparation de l'application",
-  "redirect.not_redirected": "Cliquez ici si vous n'êtes pas redirigé"
+  "redirect.not_redirected": "Cliquez ici si vous n'êtes pas redirigé",
+  "user_settings.settings": "Réglages",
+  "user_settings.personal": "Personnel",
+  "user_settings.security": "Sécurité",
+  "user_settings.visual": "Visuel"
 }
diff --git a/crates/ezidam/templates/pages/settings/personal.html.tera b/crates/ezidam/templates/pages/settings/personal.html.tera
index f7c54ad..f77b361 100644
--- a/crates/ezidam/templates/pages/settings/personal.html.tera
+++ b/crates/ezidam/templates/pages/settings/personal.html.tera
@@ -2,13 +2,11 @@
 
 {% block content %}
 <!-- Page header -->
-<div class="page-header d-print-none">
+<div class="page-header d-print-none" id="settings_header">
     <div class="container-xl">
         <div class="row g-2 align-items-center">
             <div class="col">
-                <h2 class="page-title">
-                    Settings
-                </h2>
+                <h2 class="page-title" data-i18n="user_settings.settings"></h2>
             </div>
         </div>
     </div>
@@ -23,17 +21,20 @@
         </div>
         {% endif %}
 
-        <div class="card">
+        <div class="card" id="settings_personal_page">
             <div class="row g-0">
                 <div class="col-3 d-none d-md-block border-end">
                     <div class="card-body">
                         <div class="list-group list-group-transparent">
                             <a href="./personal"
-                               class="list-group-item list-group-item-action d-flex align-items-center active">Personal</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center active"
+                               data-i18n="user_settings.personal"></a>
                             <a href="./security"
-                               class="list-group-item list-group-item-action d-flex align-items-center">Security</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center"
+                               data-i18n="user_settings.security"></a>
                             <a href="./visual"
-                               class="list-group-item list-group-item-action d-flex align-items-center">Visual</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center"
+                               data-i18n="user_settings.visual"></a>
                         </div>
                     </div>
                 </div>
@@ -146,3 +147,9 @@
     });
 </script>
 {% endblock additional_js %}
+
+{% block i18n %}
+localize("#header_user_nav");
+localize("#settings_header");
+localize("#settings_personal_page");
+{% endblock i18n %}
diff --git a/crates/ezidam/templates/pages/settings/security.html.tera b/crates/ezidam/templates/pages/settings/security.html.tera
index b72fa4e..7c3286e 100644
--- a/crates/ezidam/templates/pages/settings/security.html.tera
+++ b/crates/ezidam/templates/pages/settings/security.html.tera
@@ -2,13 +2,11 @@
 
 {% block content %}
 <!-- Page header -->
-<div class="page-header d-print-none">
+<div class="page-header d-print-none" id="settings_header">
     <div class="container-xl">
         <div class="row g-2 align-items-center">
             <div class="col">
-                <h2 class="page-title">
-                    Settings
-                </h2>
+                <h2 class="page-title" data-i18n="user_settings.settings"></h2>
             </div>
         </div>
     </div>
@@ -23,17 +21,20 @@
         </div>
         {% endif %}
 
-        <div class="card">
+        <div class="card" id="settings_security_page">
             <div class="row g-0">
                 <div class="col-3 d-none d-md-block border-end">
                     <div class="card-body">
                         <div class="list-group list-group-transparent">
                             <a href="./personal"
-                               class="list-group-item list-group-item-action d-flex align-items-center">Personal</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center"
+                               data-i18n="user_settings.personal"></a>
                             <a href="./security"
-                               class="list-group-item list-group-item-action d-flex align-items-center active">Security</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center active"
+                               data-i18n="user_settings.security"></a>
                             <a href="./visual"
-                               class="list-group-item list-group-item-action d-flex align-items-center">Visual</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center"
+                               data-i18n="user_settings.visual"></a>
                         </div>
                     </div>
                 </div>
@@ -329,3 +330,9 @@
 </div>
 
 {% endblock content %}
+
+{% block i18n %}
+localize("#header_user_nav");
+localize("#settings_header");
+localize("#settings_security_page");
+{% endblock i18n %}
diff --git a/crates/ezidam/templates/pages/settings/visual.html.tera b/crates/ezidam/templates/pages/settings/visual.html.tera
index 9d7489a..928e8d8 100644
--- a/crates/ezidam/templates/pages/settings/visual.html.tera
+++ b/crates/ezidam/templates/pages/settings/visual.html.tera
@@ -2,13 +2,11 @@
 
 {% block content %}
 <!-- Page header -->
-<div class="page-header d-print-none">
+<div class="page-header d-print-none" id="settings_header">
     <div class="container-xl">
         <div class="row g-2 align-items-center">
             <div class="col">
-                <h2 class="page-title">
-                    Settings
-                </h2>
+                <h2 class="page-title" data-i18n="user_settings.settings"></h2>
             </div>
         </div>
     </div>
@@ -23,17 +21,20 @@
         </div>
         {% endif %}
 
-        <div class="card">
+        <div class="card" id="settings_visual_page">
             <div class="row g-0">
                 <div class="col-3 d-none d-md-block border-end">
                     <div class="card-body">
                         <div class="list-group list-group-transparent">
                             <a href="./personal"
-                               class="list-group-item list-group-item-action d-flex align-items-center">Personal</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center"
+                               data-i18n="user_settings.personal"></a>
                             <a href="./security"
-                               class="list-group-item list-group-item-action d-flex align-items-center">Security</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center"
+                               data-i18n="user_settings.security"></a>
                             <a href="./visual"
-                               class="list-group-item list-group-item-action d-flex align-items-center active">Visual</a>
+                               class="list-group-item list-group-item-action d-flex align-items-center active"
+                               data-i18n="user_settings.visual"></a>
                         </div>
                     </div>
                 </div>
@@ -59,3 +60,9 @@
     </div>
 </div>
 {% endblock content %}
+
+{% block i18n %}
+localize("#header_user_nav");
+localize("#settings_header");
+localize("#settings_visual_page");
+{% endblock i18n %}