Added filter functionality to list

This commit is contained in:
Simon Martens
2023-02-02 22:12:46 +01:00
parent 388a5be7a3
commit 490311d73e
14 changed files with 218 additions and 81 deletions

View File

@@ -11,23 +11,25 @@ eleventyNavigation:
<p class="max-w-[80ch]">Neben den selbständig erschienenen Einzel- und Werkausgaben sind in Auswahl auch Textsammlungen zum Sturm und Drang mit umfangreicheren Lenz-Abteilungen aufgeführt.
</div>
<div class="flex flex-row sticky top-0">
<div class="z-10 border-r-2 border-slate-400 bg-emerald-100 px-4 py-2 self-start w-full">
{% set jahr = "" %}
{% set count = 1 %}
<a href="#top">↑</a>&nbsp;&nbsp;
{%- for post in collections.posthumeausgaben -%}
{% if count % 5 == 0 and jahr !== post.data.Jahr %}
<a class="underline decoration-dotted" href="#{{ post.data.Jahr }}">{{ post.data.Jahr }}</a>&nbsp;&nbsp;
{% set jahr = post.data.Jahr %}
{% endif %}
{% set count = count + 1 %}
{%- endfor -%}
</div>
<div class="text-xl pl-4 pr-1 grow-0 min-w-[4rem] font-bold order-2"></div>
<div class="sticky top-0 z-20">
<div class="flex flex-row">
<div class="z-10 bg-slate-100 px-4 py-2 self-start w-full">
<input class="w-full p-0.5 my-1 mb-2 border border-slate-300" type="text" name="keyword" class="form-control input-sm" placeholder="Liste durchsuchen...">
{% set jahr = "" %}
{% set count = 1 %}
<a href="#top">↑</a>&nbsp;&nbsp;
{%- for post in collections.posthumeausgaben -%}
{% if count % 5 == 0 and jahr !== post.data.Jahr %}
<a class="underline decoration-dotted" href="#{{ post.data.Jahr }}">{{ post.data.Jahr }}</a>&nbsp;&nbsp;
{% set jahr = post.data.Jahr %}
{% endif %}
{% set count = count + 1 %}
{%- endfor -%}
</div>
</div>
</div>
<div class="mt-4">
<div class="mt-4" id="list">
{% set jahr = "" %}
{%- for post in collections.posthumeausgaben -%}
{% if post.data.Jahr !== jahr %}
@@ -36,11 +38,11 @@ eleventyNavigation:
</div>
{% endif %}
{% set jahr = post.data.Jahr %}
<div class="flex flex-row w-full" id="{{ jahr }}">
<div class="text-xl pr-1 pl-3 py-2 grow-0 min-w-[4rem] font-bold self-start z-0 sticky top-0 order-2" >{{ jahr }}</div>
<div class="flex flex-row w-full category" id="{{ jahr }}">
<div class="text-xl pr-1 pl-3 py-2 grow-0 min-w-[4rem] font-bold self-start z-0 sticky top-20 order-2" >{{ jahr }}</div>
<div class="px-4 border-r-2 grow py-2 border-slate-400">
{% endif %}
<div class="mb-3 pl-6 -indent-6 max-w-[90ch]">{{ post.content | safe }}</div>
<div class="mb-3 pl-6 -indent-6 max-w-[90ch] searchable">{{ post.content | safe }}</div>
{%- endfor -%}
</div>
</div>