zmiany w wygladzie i nowe funkcje
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user