From 1d889d4c0aeb028fd7aecb0d63b867a1e733b193 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Tue, 2 Feb 2021 23:39:29 +0100
Subject: [PATCH] =?UTF-8?q?Hled=C3=A1n=C3=AD=20recept=C5=AF=20podle=20n?=
 =?UTF-8?q?=C3=A1zvu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/search.html | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/templates/search.html b/templates/search.html
index 59becd6..4378547 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -4,9 +4,7 @@
 <main>
 	<h2>Hledání a filtry</h2>
 	<div class="filters">
-		<input type="text" id="name" placeholder="Název">
-		<input type="text" id="name" placeholder="Název">
-		<input type="text" id="name" placeholder="Název">
+		<input type="text" placeholder="Název" oninput="filter_name(this.value)">
 	</div>
 	<section class="list">
 		{% set section = get_section(path="_index.md") %}
@@ -16,3 +14,27 @@
 	</section>
 </main>
 {% endblock content %}
+
+{% block script %}
+<script>
+function filter_name(str) {
+	let articles = document.getElementsByTagName("article");
+	str = str.toLowerCase();
+
+	if (str.length==0) {
+		for (let i=0; i<articles.length; i++) {
+			articles[i].style.display = "flex";
+		}
+	} else {
+		for (let i=0; i<articles.length; i++) {
+			let name = articles[i].getElementsByTagName("h3")[0].innerHTML.toLowerCase();
+			if (!name.includes(str)) {
+				articles[i].style.display = "none";
+			} else {
+				articles[i].style.display = "flex";
+			}
+		}
+	}
+}
+</script>
+{% endblock script %}