moanos/Notfellchen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Move tags to content and only show gallery when there are pictures

Browse Source
This commit is contained in:
moanos [he/him]
2025-06-15 20:43:39 +02:00
parent 975c962025
commit 9253fde2e5
1 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-animal-card.html
View File

@@ -5,35 +5,27 @@
<h1 class="card-header-title"> <h1 class="card-header-title">
<a href="{% url 'animal-detail' animal_id=animal.pk %}">{{ animal.name }}</a> <a href="{% url 'animal-detail' animal_id=animal.pk %}">{{ animal.name }}</a>
</h1> </h1>
<div class="tags">
<div class="tag species">{{ animal.species }}</div>
<div class="tag sex">{{ animal.get_sex_display }}</div>
</div>
</div> </div>
<div class="card-content"> <div class="card-content">
<div class="grid">
<div class="tag cell">{{ animal.species }}</div>
<div class="tag cell">{{ animal.get_sex_display }}</div>
</div>
<div class="block">
<strong>{% trans 'Alter' %}</strong> {{ animal.hr_age }}
<strong>{% trans 'Alter' %}</strong> {{ animal.hr_age }}
</div>
{% if animal.description %} {% if animal.description %}
<div class="content"> <div class="content">
<p>{{ animal.description | render_markdown }}</p> <p>{{ animal.description | render_markdown }}</p>
</div> </div>
{% endif %} {% endif %}
<div class="gallery"> {% if animal.get_photos %}
{% with photo=animal.get_photos.0 %}
<div class="main-photo">
<a href="{{ MEDIA_URL }}{{ photo.image }}"
data-pswp-width="{{ photo.image.width }}"
data-pswp-height="{{ photo.image.height }}"
target="_blank">
<img src="{{ MEDIA_URL }}{{ photo.image }}"
alt="{{ photo.alt_text }}">
</a>
</div>
{% endwith %}
<div class="thumbnail-row"> <div class="gallery">
{% for photo in animal.get_photos|slice:"1:4" %} {% with photo=animal.get_photos.0 %}
<div class="thumbnail"> <div class="main-photo">
<a href="{{ MEDIA_URL }}{{ photo.image }}" <a href="{{ MEDIA_URL }}{{ photo.image }}"
data-pswp-width="{{ photo.image.width }}" data-pswp-width="{{ photo.image.width }}"
data-pswp-height="{{ photo.image.height }}" data-pswp-height="{{ photo.image.height }}"
@@ -42,11 +34,26 @@
alt="{{ photo.alt_text }}"> alt="{{ photo.alt_text }}">
</a> </a>
</div> </div>
{% endfor %} {% endwith %}
<div class="thumbnail-row">
{% for photo in animal.get_photos|slice:"1:4" %}
<div class="thumbnail">
<a href="{{ MEDIA_URL }}{{ photo.image }}"
data-pswp-width="{{ photo.image.width }}"
data-pswp-height="{{ photo.image.height }}"
target="_blank">
<img src="{{ MEDIA_URL }}{{ photo.image }}"
alt="{{ photo.alt_text }}">
</a>
</div>
{% endfor %}
</div>
</div> </div>
</div> {% endif %}
</div> </div>
<!--- Assume a user does not have edit permissions on animal if they have no other edit permission ---> <!--- Assume a user does not have edit permissions on animal if they have no other edit permission --->
{% if has_edit_permission %} {% if has_edit_permission %}
<div class="card-footer"> <div class="card-footer">