niklas.m/allmende-payment-system
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases Wiki Activity

Improve transaction overview on landing page

Browse Source
This commit is contained in:
Niklas Meinzer
2026-02-14 14:25:53 +01:00
parent b791c490b7
commit c053b3b91e
1 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/allmende_payment_system/templates/index.html.jinja
View File

@@ -45,26 +45,36 @@
{% if transactions and transactions|length > 0 %}
{% for transaction in transactions[:10] %}
<div class="list-group-item d-flex justify-content-between align-items-start py-3">
<div class="flex-grow-1">
<div class="fw-semibold d-inline">{{ transaction.type|transaction_type_de }}</div>
<small class="text-muted d-inline ms-2">
{{ transaction.timestamp | timestamp_de }}
</small>
{% if transaction.type == "order" %}
<div class="mt-2">
<a href="/shop/order/{{ transaction.order_id }}" class="btn btn-sm btn-outline-primary">Einkauf ansehen</a>
</div>
{% endif %}
</div>
<div class="text-end ms-3">
<span class="fs-5 fw-bold {% if transaction.total_amount < 0 %}text-danger{% else %}text-success{% endif %}">
{{ transaction.total_amount | format_number }} €
</span>
{% if transaction.quantity %}
<div class="small text-muted">{{ transaction.quantity }} €</div>
{% endif %}
</div>
</div>
<div class="flex-grow-1">
<div class="fw-semibold d-inline">{{ transaction.type|transaction_type_de }}</div>
<small class="text-muted d-inline ms-2">
{{ transaction.timestamp | timestamp_de }}
</small>
{% if transaction.type == "order" %}
<div class="mt-2">
{% if transaction.order and transaction.order.items|length > 0 %}
<div class="small text-muted mb-2">
{% for item in transaction.order.items[:3] %}
{{ item.product.name }}{% if loop.index < transaction.order.items[:3]|length %},{% endif %}
{% endfor %}
{% if transaction.order.items|length > 3 %}
<div class="text-muted">+ {{ transaction.order.items|length - 3 }} weitere{% if transaction.order.items|length - 3 == 1 %} Artikel{% else %} Artikel{% endif %}</div>
{% endif %}
</div>
{% endif %}
<a href="/shop/order/{{ transaction.order_id }}" class="btn btn-sm btn-outline-primary">Einkauf ansehen</a>
</div>
{% endif %}
</div>
<div class="text-end ms-3">
<span class="fs-5 fw-bold {% if transaction.total_amount < 0 %}text-danger{% else %}text-success{% endif %}">
{{ transaction.total_amount | format_number }} €
</span>
{% if transaction.quantity %}
<div class="small text-muted">{{ transaction.quantity }} €</div>
{% endif %}
</div>
</div>
{% endfor %}
{% else %}
<div class="list-group-item text-center py-5 text-muted">