Update the tooltips when changing the language.

Author: ignaciogros

index.html

@@ -89,7 +89,8 @@
                     </ul>
                 </div>
 
-                <button id="btnLoadNew" class="btn btn-outline-light btn-sm" type="button" data-i18n-title="navbar.loadAnother">
+                <button id="btnLoadNew" class="btn btn-outline-light btn-sm" type="button"
+                        data-bs-toggle="tooltip" data-bs-placement="bottom" data-i18n-title="navbar.loadAnother">
                     <i class="bi bi-escape me-1"></i>
                     <span class="d-none d-sm-inline" data-i18n="navbar.newFile">Exit</span>
                 </button>

js/app.js

@@ -1092,6 +1092,9 @@
         if (elements.btnNewWindow) {
             new bootstrap.Tooltip(elements.btnNewWindow);
         }
+        if (elements.btnLoadNew) {
+            new bootstrap.Tooltip(elements.btnLoadNew);
+        }
 
         // Setup language selector
         setupLanguageSelector();

js/i18n.js

@@ -143,10 +143,17 @@ const i18n = (function() {
             element.placeholder = t(key);
         });
 
-        // Update titles
+        // Update titles and Bootstrap tooltips
         document.querySelectorAll('[data-i18n-title]').forEach(element => {
             const key = element.getAttribute('data-i18n-title');
-            element.title = t(key);
+            const newTitle = t(key);
+            element.title = newTitle;
+
+            // Update Bootstrap tooltip instance if it exists
+            const tooltipInstance = bootstrap.Tooltip.getInstance(element);
+            if (tooltipInstance) {
+                tooltipInstance.setContent({ '.tooltip-inner': newTitle });
+            }
         });
 
         // Update aria-labels