From 5da3e67a42b92cb91a096c33ada7b6ee38bbe17b Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Mon, 3 Oct 2022 09:48:19 +0200
Subject: [PATCH] =?UTF-8?q?Optimalizace=20vyhled=C3=A1v=C3=A1n=C3=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Normalizace názvu probíhá na klientovi, ale lepší by bylo napsat filtr
to Teru, který provede normalizaci při kompilování webu.
---
 templates/macros.html |  2 +-
 templates/search.html | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/templates/macros.html b/templates/macros.html
index fb1ecf6..0960b2d 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -1,5 +1,5 @@
 {% macro print_recipe(recipe) %}
-<article
+<article data-title="{{ recipe.title | lower }}"
 	{% if recipe.taxonomies.tagy %}
 		{% for tag in recipe.taxonomies.tagy %}
 			{% if tag == "pikantní" %}
diff --git a/templates/search.html b/templates/search.html
index df70e20..9bafe2e 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -21,6 +21,10 @@ let input = document.getElementById("input");
 input.oninput = function() { filter_name(input.value) };
 let articles = document.getElementsByTagName("article");
 
+for (let i=0; i<articles.length; i++) {
+	articles[i].dataset.title = articles[i].dataset.title.normalize("NFD").replace(/\p{Diacritic}/gu, "");
+}
+
 function filter_name(str) {
 	str = str.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
 
@@ -30,12 +34,7 @@ function filter_name(str) {
 		}
 	} else {
 		for (let i=0; i<articles.length; i++) {
-			let name = articles[i].getElementsByClassName("title")[0].innerHTML.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
-			if (!name.includes(str)) {
-				articles[i].style.display = "none";
-			} else {
-				articles[i].style.display = "flex";
-			}
+			articles[i].style.display = !articles[i].dataset.title.includes(str) ? "none" : "flex";
 		}
 	}
 }