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