publik-base-theme/templates/variants/thonon-agglomeration-online/combo/json/tile_actu.html

91 lines
2.7 KiB
HTML

<h2 class="cell--title">{{ parameters.title }}</h2>
{% if parameters.layout == "grande" %}
<ul class="actus--list tiles--list">
{% for fiche in json.data %}
<li class="actus--item tiles--item">
<a
class="tile tile-actu"
href="
{% if fiche.fields.typecontenu_raw == 'externe' %}
{{ fiche.fields.urldetail }}
{% else %}
{{ portal_url }}themes/tao/detail-actualite/{{ fiche.id }}/
{% endif %}"
>
{% if fiche.fields.image %}
<picture class="tile--picture">
<img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/>
</picture>
{% endif %}
<div class="tile--body">
<p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p>
<h3 class="tile--title">{{ fiche.fields.titre }}</h3>
<p class="tile--resume">{{ fiche.fields.resume|linebreaksbr }}</p>
</div>
</a>
</li>
{% endfor %}
</ul>
{% elif parameters.layout == "petite" %}
<ul class="actus-small--list tiles--list">
{% for fiche in json.data %}
<li class="actus-small--item tiles--item">
<a
class="tile tile-actu tile-actu-small"
href="
{% if fiche.fields.typecontenu_raw == 'externe' %}
{{ fiche.fields.urldetail }}
{% else %}
{{ portal_url }}detail-tuile/{{ fiche.id }}/
{% endif %}"
>
{% if fiche.fields.image %}
<picture class="tile--picture">
<img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/>
</picture>
{% endif %}
<div class="tile--body">
<h3 class="tile--title">{{ fiche.fields.titre }}</h3>
</div>
</a>
</li>
{% endfor %}
</ul>
{% elif parameters.layout == "mini" %}
<ul class="actus-mini--list tiles--list">
{% for fiche in json.data %}
<li class="actus-mini--item tiles--item">
<a
class="tile tile-actu tile-actu-mini"
href="
{% if fiche.fields.typecontenu_raw == 'externe' %}
{{ fiche.fields.urldetail }}
{% else %}
{{ portal_url }}detail-tuile/{{ fiche.id }}/
{% endif %}"
>
<div class="tile--body">
<p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p>
<h3 class="tile--title">{{ fiche.fields.titre }}</h3>
</div>
</a>
</li>
{% endfor %}
</ul>
{% endif %}
<p class="tiles--btn">
<a href="{{ parameters.button_url }}" class="button-right-arrow">{{ parameters.button_label }}</a>
</p>