Použití makra pro výpis receptu

This commit is contained in:
Emil Miler 2021-02-02 22:01:42 +01:00
parent 20d0c57c89
commit 4f88150e94
5 changed files with 28 additions and 64 deletions

View File

@ -1,3 +1,4 @@
{% import "macros.html" as macro %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -31,30 +32,9 @@
<h2>Nejnovější recepty</h2> <h2>Nejnovější recepty</h2>
<hr> <hr>
<section class="list"> <section class="list">
{% for page in paginator.pages %} {% for page in paginator.pages %}
<article> {{ macro::print_recipe(recipe=page) }}
<a href="{{ page.permalink }}">
{% set_global image_found = 0 %}
{% for asset in page.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=300, height=300, op="fill") }}" alt="Náhled">
{% set_global image_found = 1 %}
{% break %}
{% endif %}
{% endfor %} {% endfor %}
{% if image_found == 0 %}
<img src="/temp.jpg" alt="Náhradní obrázek">
{% endif %}
{% set_global image_found = 0 %}
{% if page.title %}<h3>{{ page.title }}</h3>{% endif %}
</a>
{% if page.date %}<span class="date">{{ page.date | date(format="%d.%m.%Y") }}</span>{% endif %}
</article>
{% endfor %}
</section> </section>
<div class="pagination"> <div class="pagination">

View File

@ -6,26 +6,7 @@
<hr> <hr>
<section class="list"> <section class="list">
{% for page in term.pages %} {% for page in term.pages %}
<article> {{ macro::print_recipe(recipe=page) }}
<a href="{{ page.permalink }}">
{% set_global image_found = 0 %}
{% for asset in page.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=300, height=300, op="fill") }}" alt="Náhled">
{% set_global image_found = 1 %}
{% break %}
{% endif %}
{% endfor %}
{% if image_found == 0 %}
<img src="/temp.jpg" alt="Náhradní obrázek">
{% endif %}
{% set_global image_found = 0 %}
{% if page.title %}<h3>{{ page.title }}</h3>{% endif %}
</a>
{% if page.date %}<span class="date">{{ page.date | date(format="%d.%m.%Y") }}</span>{% endif %}
</article>
{% endfor %} {% endfor %}
</section> </section>
</main> </main>

20
templates/macros.html Normal file
View File

@ -0,0 +1,20 @@
{% macro print_recipe(recipe) %}
<article>
<a href="{{ recipe.permalink }}">
{% set_global image_found = 0 %}
{% for asset in recipe.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=300, height=300, op="fill") }}" alt="Náhled">
{% set_global image_found = 1 %}
{% break %}
{% endif %}
{% endfor %}
{% if image_found == 0 %}
<img src="/temp.jpg" alt="Náhradní obrázek">
{% endif %}
{% set_global image_found = 0 %}
{% if recipe.title %}<h3>{{ recipe.title }}</h3>{% endif %}
</a>
{% if recipe.date %}<span class="date">{{ recipe.date | date(format="%d.%m.%Y") }}</span>{% endif %}
</article>
{% endmacro print_recipe %}

View File

@ -9,7 +9,10 @@
<input type="text" id="name" placeholder="Název"> <input type="text" id="name" placeholder="Název">
</div> </div>
<section class="list"> <section class="list">
list {% set section = get_section(path="_index.md") %}
{% for page in section.pages %}
{{ macro::print_recipe(recipe=page) }}
{% endfor %}
</section> </section>
</main> </main>
{% endblock content %} {% endblock content %}

View File

@ -6,27 +6,7 @@
<hr> <hr>
<section class="list"> <section class="list">
{% for page in term.pages %} {% for page in term.pages %}
<article> {{ macro::print_recipe(recipe=page) }}
<a href="{{ page.permalink }}">
{% set_global image_found = 0 %}
{% for asset in page.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=300, height=300, op="fill") }}" alt="Náhled">
{% set_global image_found = 1 %}
{% break %}
{% endif %}
{% endfor %}
{% if image_found == 0 %}
<img src="/temp.jpg" alt="Náhradní obrázek">
{% endif %}
{% set_global image_found = 0 %}
</a>
{% if page.title %}<a href="{{ page.permalink }}"><h3>{{ page.title }}</h3></a>{% endif %}
{% if page.date %}<span class="date">{{ page.date | date(format="%d.%m.%Y") }}</span>{% endif %}
</article>
{% endfor %} {% endfor %}
</section> </section>
</main> </main>