zmiany w ux

This commit is contained in:
Mateusz Gruszczyński
2025-09-24 10:55:04 +02:00
parent 8b6fb41a68
commit 4515a1b391
6 changed files with 294 additions and 130 deletions

View File

@@ -8,18 +8,19 @@ zbiórki{% endif %}{% endblock %}
<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
<h2 class="mb-0">
{% if is_completed_view %}Zrealizowane zbiórki{% else %}Aktualnie aktywne zbiórki{% endif %}
{% if is_completed_view %}Zrealizowane zbiórki{% else %}Aktywne zbiórki{% endif %}
</h2>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link {% if not is_completed_view %}active{% endif %}"
<a class="nav-link {% if not is_completed_view %}active bg-secondary text-light{% endif %}"
href="{{ url_for('index') }}">Aktywne</a>
</li>
<li class="nav-item">
<a class="nav-link {% if is_completed_view %}active{% endif %}"
<a class="nav-link {% if is_completed_view %}active bg-secondary text-light{% endif %}"
href="{{ url_for('zbiorki_zrealizowane') }}">Zrealizowane</a>
</li>
</ul>
</div>
{% if zbiorki and zbiorki|length > 0 %}
@@ -46,14 +47,15 @@ zbiórki{% endif %}{% endblock %}
Cel: {{ z.cel|round(2) }} PLN
</span>
{% endif %}
<span class="badge bg-dark border" style="border-color: var(--border);">
<span class="badge bg-dark border border-success" style="border-color: var(--border);">
Stan: {{ z.stan|round(2) }} PLN
</span>
{% if z.cel > 0 %}
{% set delta = z.cel - z.stan %}
{% if delta > 0 %}
<span class="badge bg-dark border" style="border-color: var(--border);">
{# CHANGE: mocniejszy badge „Brakuje” #}
<span class="badge bg-dark border border-warning">
Brakuje: {{ delta|round(2) }} PLN
</span>
{% elif delta < 0 %} <span class="badge bg-dark border" style="border-color: var(--border);">
@@ -66,7 +68,6 @@ zbiórki{% endif %}{% endblock %}
{% endif %}
</div>
<div class="mb-1">
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"
aria-valuenow="{{ progress_clamped|round(2) if not z.ukryj_kwote else '' }}"
@@ -81,10 +82,13 @@ zbiórki{% endif %}{% endblock %}
{% endif %}
</div>
<div class="mt-auto pt-2">
<a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="stretched-link"></a>
<a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-primary btn-sm">Szczegóły</a>
<div class="d-grid">
<a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-outline-light btn-sm w-100">
Szczegóły
</a>
</div>
</div>
</div>
</div>