em/em.0x45.cz
1
0
Fork 0
Code Actions

Enable search on category listing

Browse Source
This commit is contained in:
Emil Miler 2021-12-04 22:10:40 +01:00
parent d090f61543
commit 5403e0e556
3 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/js/search.js Normal file
View File

@ -0,0 +1,21 @@
function filter_name(str)
{
str = str.toLowerCase();
if (str.length == 0) {
for (let i = 0; i < articles.length; i++) {
articles[i].style.display = "block";
}
} else {
for (let i = 0; i < articles.length; i++) {
let name = articles[i].getElementsByTagName("h2")[0].innerHTML.toLowerCase();
if (!name.includes(str)) {
articles[i].style.display = "none";
} else {
articles[i].style.display = "block";
}
}
}
}
let articles = document.getElementsByTagName("article");
let search = document.getElementById("search");
search.style.display = "inline-block";

5
templates/categories/single.html
View File

@ -2,5 +2,10 @@
{% block content %}
<h1>{{ term.name }} category</h1>
<input id="search" class="search" type="text" placeholder="Search titles" oninput="filter_name(this.value)">
{{ macros::list_posts(section=term, taxonomy=true) }}
{% endblock %}
{% block script %}
<script src="/js/search.js"></script>
{% endblock %}

24
templates/posts.html
View File

@ -11,27 +11,5 @@
{% endblock content %}
{% block script %}
<script>
function filter_name(str)
{
str = str.toLowerCase();
if (str.length == 0) {
for (let i = 0; i < articles.length; i++) {
articles[i].style.display = "block";
}
} else {
for (let i = 0; i < articles.length; i++) {
let name = articles[i].getElementsByTagName("h2")[0].innerHTML.toLowerCase();
if (!name.includes(str)) {
articles[i].style.display = "none";
} else {
articles[i].style.display = "block";
}
}
}
}
let articles = document.getElementsByTagName("article");
let search = document.getElementById("search");
search.style.display = "inline-block";
</script>
<script src="/js/search.js"></script>
{% endblock %}