From 246d46811b831b4f96933b42da9c6444190a4fe5 Mon Sep 17 00:00:00 2001
From: "user@node5.net" <user@node5.net>
Date: Mon, 8 Dec 2025 21:37:16 +0100
Subject: Search - Diacritics agnostic

---
 web_interface/drinks/templates/drinks_overview.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'web_interface')

diff --git a/web_interface/drinks/templates/drinks_overview.html b/web_interface/drinks/templates/drinks_overview.html
index 7bee2d7..dd86886 100644
--- a/web_interface/drinks/templates/drinks_overview.html
+++ b/web_interface/drinks/templates/drinks_overview.html
@@ -12,14 +12,21 @@
 <script>
   const searchBar = document.getElementById('search-bar');
 
+  function removeDiacritics(str) {
+    return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  }
+
   function Search(value) {
     const drinks = document.getElementById('drinks').children;
-    document.getElementById('search-clear').style.visibility = searchBar.value.length > 0 ? '' : 'hidden';
+    const normalizedValue = removeDiacritics(value.toLowerCase());
+
+    document.getElementById('search-clear').style.visibility = value.length > 0 ? '' : 'hidden';
+
     // Loop through all list items and hide those that don't match the filter
     for (let i = 0; i < drinks.length; i++) {
-      const itemText = drinks[i].textContent.toLowerCase();
+      const itemText = removeDiacritics(drinks[i].textContent.toLowerCase());
       // Show item if it matches the filter, hide otherwise
-      if (itemText.includes(value.toLowerCase())) {
+      if (itemText.includes(normalizedValue)) {
         drinks[i].style.display = '';
       } else {
         drinks[i].style.display = 'none';
-- 
cgit v1.3.1