onny/verwaltungstracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add card columns template

Browse source
This commit is contained in:
Stefan Wehrmeyer 2022-03-01 10:48:34 +01:00
parent 934ed192ed
commit 19b29ed857
4 changed files with 57 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

42
froide_govplan/templates/froide_govplan/plugins/card_cols.html Normal file
View file

@ -0,0 +1,42 @@
{% load thumbnail %}
<div class="card-columns">
{% for object in object_list %}
<div class="card">
{% if object.image %}
<a href="{{ object.get_absolute_url }}">
{% with picture=object.image %}
<picture>
{% thumbnail picture 540x0 crop=smart subject_location=picture.subject_location as thumb%}
<source
srcset="{{ thumb.url }}.avif"
type="image/avif"
/>
<img class="card-img-top" loading="lazy" src="{{ thumb.url }}"
{% if picture.default_alt_text %} alt="{{ picture.default_alt_text }}"{% else %} alt=""{% endif %}
>
</picture>
{% endwith %}
</a>
{% endif %}
<div class="card-body">
<h5 class="card-title">
<a href="{{ object.get_absolute_url }}">
{{ object.title }}
</a>
</h5>
<p class="card-text">
{{ object.description|striptags|truncatewords:30 }}
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<strong>Status:</strong>
<span class="badge badge-{{ object.get_status_css }}">
{{ object.get_status_display }}
</span>
</li>
</ul>
</div>
{% endfor %}
</div>