Add a dedicated multilingual 'Feedback' button #75

Author: Damian-Oswald

docs/assets/css/style.css

@@ -364,4 +364,4 @@ footer a:hover {
   font-weight: 400;
   margin: 2px 4px 2px 0;
   text-transform: capitalize; /* Ensure each word starts with uppercase */
-}
+}

docs/assets/js/i18n.js

@@ -30,6 +30,11 @@ function updatePageTranslations() {
     const key = el.getAttribute('data-i18n-placeholder');
     el.setAttribute('placeholder', i18next.t(key));
   });
+  // Update href attributes for elements with data-i18n-href
+  document.querySelectorAll('[data-i18n-href]').forEach(el => {
+    const key = el.getAttribute('data-i18n-href');
+    el.setAttribute('href', i18next.t(key));
+  });
   // Optionally update the title if needed
   document.querySelectorAll('title[data-i18n]').forEach(el => {
     const key = el.getAttribute('data-i18n');

docs/assets/translations.json

@@ -101,11 +101,17 @@
       "fr":"Manuel",
       "it":"Manuale"
    },
-   "navbarContact":{
-      "de":"Kontakt",
-      "en":"Contact",
-      "fr":"Contact",
-      "it":"Contatto"
+   "navbarContact": {
+   "en": "<b>Click here to give us some feedback...</b>",
+   "de": "<b>Klicken Sie hier, um uns Ihr Feedback zu geben...</b>",
+   "fr": "<b>Cliquez ici pour nous faire part de vos commentaires...</b>",
+   "it": "<b>Clicca qui per darci il tuo feedback...</b>"
+   },
+   "navbarContactHref": {
+   "en": "mailto:kompetenzzentrumdigitaletransformation@blw.admin.ch?subject=Feedback%20regarding%20the%20DigiAgriFoodCH%20Data%20Catalog",
+   "de": "mailto:kompetenzzentrumdigitaletransformation@blw.admin.ch?subject=Feedback%20zu%20dem%20DigiAgriFoodCH%20Datenkatalog",
+   "fr": "mailto:kompetenzzentrumdigitaletransformation@blw.admin.ch?subject=Feedback%20concernant%20le%20DigiAgriFoodCH%20Catalog%20de%20Données",
+   "it": "mailto:kompetenzzentrumdigitaletransformation@blw.admin.ch?subject=Feedback%20riguardo%20il%20DigiAgriFoodCH%20Catalogo%20Dati"
    },
    "dct:identifier":{
       "en":"Identifier",

docs/navbar.html

@@ -1,11 +1,11 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
+<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
   <div class="container">
-   <a class="navbar-brand" id="home-link" data-i18n="title">DigiAgriCat</a>
+   <a class="navbar-brand" id="home-link" data-i18n="title">DigiAgriFoodCH Data Catalog</a>
    <div class="d-flex ms-auto align-items-right">
         <ul class="navbar-nav me-3">
            <!-- <li class="nav-item"><a class="nav-link" href="about.html" data-i18n="navbarAbout">navbarAbout</a></li> -->
            <!-- <li class="nav-item"><a class="nav-link" href="handbook.html" data-i18n="navbarHandbook">navbarHandbook</a></li> -->
-           <li class="nav-item"><a class="nav-link" href="mailto:kompetenzzentrumdigitaletransformation@blw.admin.ch" data-i18n="navbarContact">navbarContact</a></li>
+           <li class="nav-item"><a class="nav-link" href="mailto:kompetenzzentrumdigitaletransformation@blw.admin.ch" data-i18n="navbarContact" data-i18n-href="navbarContactHref">Feedback</a></li>
         </ul>
         <div class="dropdown me-0">
            <button class="btn unified-control dropdown-toggle" type="button" id="language-dropdown-button" data-bs-toggle="dropdown" aria-expanded="false">