2022-04-11 22:41:59 +02:00
|
|
|
{% extends "base.html" %}
|
2020-07-27 18:32:14 +02:00
|
|
|
|
|
|
|
{% block content %}
|
|
|
|
<main>
|
2021-02-02 21:46:24 +01:00
|
|
|
<h2>Hledání a filtry</h2>
|
|
|
|
<div class="filters">
|
2021-12-07 18:17:40 +01:00
|
|
|
<input type="text" placeholder="Název" id="input">
|
2021-02-02 21:46:24 +01:00
|
|
|
</div>
|
2020-07-27 18:32:14 +02:00
|
|
|
<section class="list">
|
2021-02-02 22:01:42 +01:00
|
|
|
{% set section = get_section(path="_index.md") %}
|
|
|
|
{% for page in section.pages %}
|
|
|
|
{{ macro::print_recipe(recipe=page) }}
|
|
|
|
{% endfor %}
|
2020-07-27 18:32:14 +02:00
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
{% endblock content %}
|
2021-02-02 23:39:29 +01:00
|
|
|
|
|
|
|
{% block script %}
|
|
|
|
<script>
|
2021-12-07 18:17:40 +01:00
|
|
|
let input = document.getElementById("input");
|
|
|
|
input.oninput = function() { filter_name(input.value) };
|
|
|
|
let articles = document.getElementsByTagName("article");
|
|
|
|
|
2021-02-02 23:39:29 +01:00
|
|
|
function filter_name(str) {
|
2022-04-19 18:09:50 +02:00
|
|
|
str = str.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
|
2021-02-02 23:39:29 +01:00
|
|
|
|
|
|
|
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++) {
|
2022-04-19 18:09:50 +02:00
|
|
|
let name = articles[i].getElementsByClassName("title")[0].innerHTML.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
|
2021-02-02 23:39:29 +01:00
|
|
|
if (!name.includes(str)) {
|
|
|
|
articles[i].style.display = "none";
|
|
|
|
} else {
|
|
|
|
articles[i].style.display = "flex";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
{% endblock script %}
|