Commander1024/lostplaces-backend
Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

#39 Partial for Images

Browse Source
This commit is contained in:
reverend 2021-04-02 17:21:00 +02:00
parent 196fb02436
commit b752454233
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
django_lostplaces/lostplaces/templates/home_unauth.html
View File

@ -24,7 +24,7 @@
<a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
<article class="LP-PlaceTeaser">
<div class="LP-PlaceTeaser__Image">
<img class="LP-Image" src="{{ place.placeimages.first.filename.thumbnail.url}}" />
{% include 'partials/image.html' with source_url=place.placeimages.first.filename.thumbnail.url %}
</div>
<div class="LP-PlaceTeaser__Meta">
<div class="LP-PlaceTeaser__Info">

14
django_lostplaces/lostplaces/templates/partials/image.html Normal file
View File

@ -0,0 +1,14 @@
{% if link_url %}
<a
class="LP-Link"
href="{{link_url}}"
>
{% endif %}
<figure class="LP-Figure">
<img
src="{{ source_url }}"
{% if alt_text %} alt="{{alt_text}}" {% endif %}
class="LP-Image"
/>
</figure>
{% if link_url %}</a>{% endif %}

2
django_lostplaces/lostplaces/templates/partials/place_teaser.html
View File

@ -3,7 +3,7 @@
<article class="LP-PlaceTeaser {% if extended %} LP-PlaceTeaser--extended{% endif %}">
<div class="LP-PlaceTeaser__Image">
{% if place.placeimages.all|length > 0 %}
<img class="LP-Image" src="{{ place.placeimages.first.filename.thumbnail.url}}" />
{% include 'partials/image.html' with source_url=place.placeimages.first.filename.thumbnail.url %}
{% else %}
<img class="LP-Image" src="{% static 'images/missing_image.png' %}" />
{% endif %}