zmiany w wygladzie i nowe funkcje

This commit is contained in:
Mateusz Gruszczyński
2025-03-08 09:22:32 +01:00
parent 79d777d9b3
commit 0669d1ba6b
14 changed files with 438 additions and 203 deletions

View File

@ -2,31 +2,57 @@
{% block title %}{{ zbiorka.nazwa }}{% endblock %}
{% block content %}
<div class="container my-4">
<div class="card mb-4">
<div class="card-header">
<h1 class="card-title">{{ zbiorka.nazwa }}</h1>
<!-- Główna karta zbiórki -->
<div class="card mb-4 shadow-sm">
<div class="card-header bg-primary text-white">
<h2 class="card-title mb-0">{{ zbiorka.nazwa }}</h2>
</div>
<div class="card-body">
<!-- Opis zbiórki renderowany przy użyciu Markdown -->
<div class="mb-3">
{{ zbiorka.opis | markdown }}
</div>
<ul class="list-group list-group-flush mb-3">
<li class="list-group-item"><strong>Numer konta:</strong> {{ zbiorka.numer_konta }}</li>
<li class="list-group-item"><strong>Numer telefonu BLIK:</strong> {{ zbiorka.numer_telefonu_blik }}</li>
{% if not zbiorka.ukryj_kwote %}
<li class="list-group-item"><strong>Cel zbiórki:</strong> {{ zbiorka.cel }} PLN</li>
<li class="list-group-item"><strong>Stan zbiórki:</strong> {{ zbiorka.stan }} PLN</li>
{% endif %}
</ul>
{% set progress = (zbiorka.stan / zbiorka.cel * 100) if zbiorka.cel > 0 else 0 %}
<h5>Postęp zbiórki</h5>
<div class="progress mb-3" style="height: 40px;">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
style="width: {{ progress if progress < 100 else 100 }}%;"
aria-valuenow="{{ progress }}" aria-valuemin="0" aria-valuemax="100">
{{ progress|round(2) }}%
<div class="row">
<!-- Lewa kolumna: opis i postęp -->
<div class="col-md-8">
<h5>Opis zbiórki</h5>
<div class="mb-3">
{{ zbiorka.opis | markdown }}
</div>
{% set progress = (zbiorka.stan / zbiorka.cel * 100) if zbiorka.cel > 0 else 0 %}
<h5>Postęp zbiórki</h5>
<div class="progress mb-3" style="height: 40px;">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
style="width: {{ progress if progress < 100 else 100 }}%;"
aria-valuenow="{{ progress }}" aria-valuemin="0" aria-valuemax="100">
{{ progress|round(2) }}%
</div>
</div>
</div>
<!-- Prawa kolumna: sekcja "Wspomóż" -->
<div class="col-md-4">
<div class="card wspomoz-card mb-3">
<div class="card-body">
<h5 class="card-title">Wspomóż</h5>
<p class="card-text">
<strong>Numer konta:</strong>
<span class="fs-4">{{ zbiorka.numer_konta }}</span>
</p>
<p class="card-text">
<strong>Telefon BLIK:</strong>
<span class="fs-4">{{ zbiorka.numer_telefonu_blik }}</span>
</p>
{% if not zbiorka.ukryj_kwote %}
<p class="card-text">
<strong>Cel zbiórki:</strong>
<span class="fs-4">{{ zbiorka.cel }} PLN</span>
</p>
<p class="card-text">
<strong>Stan zbiórki:</strong>
<span class="fs-4">{{ zbiorka.stan }} PLN</span>
</p>
{% endif %}
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-between">
{% if current_user.is_authenticated and current_user.is_admin %}
@ -37,22 +63,25 @@
</div>
</div>
<div class="card">
<div class="card-header">
<h2 class="card-title">Wpłaty</h2>
<!-- Karta z historią wpłat -->
<div class="card shadow-sm">
<div class="card-header bg-secondary text-white">
<h3 class="card-title mb-0">Historia wpłat</h3>
</div>
<div class="card-body">
{% if zbiorka.wplaty|length > 0 %}
<ul class="list-group">
{% for w in zbiorka.wplaty %}
<li class="list-group-item">
<strong>{{ w.data.strftime('%Y-%m-%d %H:%M:%S') }}:</strong> {{ w.kwota }} PLN
{% if w.opis %} {{ w.opis }}{% endif %}
<strong>{{ w.data.strftime('%Y-%m-%d %H:%M:%S') }}</strong> {{ w.kwota }} PLN
{% if w.opis %}
<em class="text-muted">({{ w.opis }})</em>
{% endif %}
</li>
{% endfor %}
</ul>
{% else %}
<p>Brak wpłat</p>
<p class="text-center">Brak wpłat</p>
{% endif %}
</div>
</div>