Search - Diacritics agnostic

1 files changed, 10 insertions, 3 deletions

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';