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

feat: Add expand option

Browse Source
This commit is contained in:
moanos [he/him]
2025-09-10 19:28:19 +02:00
parent 5a2b11b44e
commit 7572c92da5
3 changed files with 88 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/fellchensammlung/aviews/embeddables.py
View File

@@ -6,6 +6,11 @@ from fellchensammlung.models import RescueOrganization, AdoptionNotice, Species
@headers({"X-Robots-Tag": "noindex"}) @headers({"X-Robots-Tag": "noindex"})
def list_ans_per_rescue_organization(request, rescue_organization_id, species_slug=None): def list_ans_per_rescue_organization(request, rescue_organization_id, species_slug=None):
expand = request.GET.get("expand")
if expand is not None:
expand = True
else:
expand = False
org = get_object_or_404(RescueOrganization, pk=rescue_organization_id) org = get_object_or_404(RescueOrganization, pk=rescue_organization_id)
if species_slug is None: if species_slug is None:
adoption_notices = AdoptionNotice.objects.filter(organization=org) adoption_notices = AdoptionNotice.objects.filter(organization=org)

6
src/fellchensammlung/templates/fellchensammlung/lists/list-adoption-notices.html
View File

@@ -3,7 +3,11 @@
<div class="grid is-col-min-10"> <div class="grid is-col-min-10">
{% for adoption_notice in adoption_notices %} {% for adoption_notice in adoption_notices %}
<div class="cell"> <div class="cell">
{% include "fellchensammlung/partials/partial-adoption-notice-minimal.html" %} {% if expand %}
{% include "fellchensammlung/partials/partial-adoption-notice.html" %}
{% else %}
{% include "fellchensammlung/partials/partial-adoption-notice-minimal.html" %}
{% endif %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

110
src/fellchensammlung/templates/fellchensammlung/partials/partial-adoption-notice.html
View File

@@ -1,40 +1,84 @@
{% load custom_tags %} {% load custom_tags %}
{% load i18n %} {% load i18n %}
<div class="card an-card">
<div class="card-header">
<h2 class="card-header-title">
<a href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a>
</h2>
</div>
<div class="card-content">
<div class="grid">
<div class="cell">
<!--- General Information --->
<div class="grid">
<div class="card"> <div class="cell">
<div>
<div class="header-card-adoption-notice"> {% if adoption_notice.organization %}
<h1><a class="heading-card-adoption-notice" <div class="cell">
href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h1> <span>
<a class="adoption-card-report-link" href="{{ adoption_notice.get_report_url }}"><i <i class="fa-solid fa-building fa-fw" aria-label="{% trans 'Tierschutzorganisation' %}"></i>
class="fa-solid fa-flag"></i></a> <a href="{{ adoption_notice.organization.get_absolute_url }}"> {{ adoption_notice.organization }}</a>
</div> </span>
<p><b>{% translate "Notfellchen" %}:</b> {{ adoption_notice.animals.all|join_link:", " | safe }}
</p> </div>
<p> {% else %}
<b>Ort</b> <p>
{% if adoption_notice.location %} <i class="fa-solid fa-location-dot fa-fw"></i>
{{ adoption_notice.location.str }} {% if adoption_notice.location %}
{% else %} {{ adoption_notice.location }}
{{ adoption_notice.location_string }} {% else %}
{% endif %} {{ adoption_notice.location_string }}
</p> {% endif %}
<div class="content"> </p>
{% if adoption_notice.description %} {% endif %}
{{ adoption_notice.description | render_markdown }} </div>
{% else %} <div class="cell">
<p> {% include "fellchensammlung/partials/sex-overview.html" %}
{% translate "Keine Beschreibung" %} </div>
</p> </div>
{% endif %} </div>
</div> </div>
{% if adoption_notice.get_photo %}
<div class="adoption-notice-img"> {% if adoption_notice.get_photos %}
<img src="{{ MEDIA_URL }}/{{ adoption_notice.get_photo.image }}" <!--- Images -->
alt="{{ adoption_notice.get_photo.alt_text }}"> <div class="gallery block">
{% with photo=adoption_notice.get_photos.0 %}
<div class="main-photo minimal">
<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 %}
{% if adoption_notice.get_photos|length > 1 %}
<div class="thumbnail-row minimal">
{% for photo in adoption_notice.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>
{% endif %}
{% endif %}
<!--- Description -->
{% if adoption_notice.description_short %}
<div class="content block">
{{ adoption_notice.description_short | render_markdown }}
</div> </div>
{% else %}
{% translate "Keine Foto" %}
{% endif %} {% endif %}
</div> </div>
</div> </div>