gru/zbiorki_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zmiany ux

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-10-09 22:02:29 +02:00
parent 22b4c3d99a
commit a4887f9c73
8 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/admin/dashboard.html
View File

@@ -11,7 +11,7 @@
<a href="{{ url_for('formularz_zbiorek') }}" class="btn btn-primary"> <a href="{{ url_for('formularz_zbiorek') }}" class="btn btn-primary">
➕ Dodaj zbiórkę ➕ Dodaj zbiórkę
</a> </a>
<a href="{{ url_for('admin_ustawienia') }}" class="btn btn-outline-light border"> <a href="{{ url_for('admin_ustawienia') }}" class="btn btn-outline-light">
⚙️ Ustawienia ⚙️ Ustawienia
</a> </a>
</div> </div>
@@ -260,7 +260,7 @@
<div class="card-body text-center py-5"> <div class="card-body text-center py-5">
<h5 class="mb-2">Brak zbiórek zrealizowanych</h5> <h5 class="mb-2">Brak zbiórek zrealizowanych</h5>
<p class="text-muted mb-3">Gdy jakaś zbiórka osiągnie 100%, pojawi się tutaj.</p> <p class="text-muted mb-3">Gdy jakaś zbiórka osiągnie 100%, pojawi się tutaj.</p>
<a href="{{ url_for('formularz_zbiorek') }}" class="btn btn-outline-light border">Utwórz nową <a href="{{ url_for('formularz_zbiorek') }}" class="btn btn-outline-light">Utwórz nową
zbiórkę</a> zbiórkę</a>
</div> </div>
</div> </div>

8
templates/admin/dodaj_wplate.html
View File

@@ -5,7 +5,7 @@
<div class="container my-4"> <div class="container my-4">
<div class="d-flex align-items-center gap-2 mb-3"> <div class="d-flex align-items-center gap-2 mb-3">
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light border">← Powrót do <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light">← Powrót do
zbiórki</a> zbiórki</a>
</div> </div>
@@ -61,13 +61,13 @@
<div class="d-flex flex-wrap gap-2 mt-2"> <div class="d-flex flex-wrap gap-2 mt-2">
{% for preset in [5,10,20,25,30,50,60,100,150,200] %} {% for preset in [5,10,20,25,30,50,60,100,150,200] %}
<button type="button" class="btn btn-sm btn-outline-light border btn-kwota" data-amount="{{ preset }}"> <button type="button" class="btn btn-sm btn-outline-light btn-kwota" data-amount="{{ preset }}">
{{ preset }} PLN {{ preset }} PLN
</button> </button>
{% endfor %} {% endfor %}
{% if zbiorka.cel and zbiorka.cel > 0 %} {% if zbiorka.cel and zbiorka.cel > 0 %}
{% set brakujace = (zbiorka.cel - zbiorka.stan) if (zbiorka.cel - zbiorka.stan) > 0 else 0 %} {% set brakujace = (zbiorka.cel - zbiorka.stan) if (zbiorka.cel - zbiorka.stan) > 0 else 0 %}
<button type="button" class="btn btn-sm btn-outline-light border btn-kwota" <button type="button" class="btn btn-sm btn-outline-light btn-kwota"
data-amount="{{ brakujace|round(2) }}"> data-amount="{{ brakujace|round(2) }}">
Do celu: {{ brakujace|round(2) }} PLN Do celu: {{ brakujace|round(2) }} PLN
</button> </button>
@@ -87,7 +87,7 @@
<div class="d-flex flex-wrap gap-2"> <div class="d-flex flex-wrap gap-2">
<button type="submit" class="btn btn-success">Dodaj wpłatę</button> <button type="submit" class="btn btn-success">Dodaj wpłatę</button>
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-outline-light border">Anuluj</a> <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-outline-light">Anuluj</a>
</div> </div>
</form> </form>
</div> </div>

4
templates/admin/dodaj_wydatek.html
View File

@@ -5,7 +5,7 @@
<div class="container my-4"> <div class="container my-4">
<div class="d-flex align-items-center gap-2 mb-3"> <div class="d-flex align-items-center gap-2 mb-3">
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light border">← Powrót <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light">← Powrót
do zbiórki</a> do zbiórki</a>
</div> </div>
@@ -65,7 +65,7 @@
<div class="d-flex flex-wrap gap-2"> <div class="d-flex flex-wrap gap-2">
<button type="submit" class="btn btn-success">Dodaj wydatek</button> <button type="submit" class="btn btn-success">Dodaj wydatek</button>
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}"
class="btn btn-outline-light border">Anuluj</a> class="btn btn-outline-light">Anuluj</a>
</div> </div>
</form> </form>
</div> </div>

14
templates/admin/edytuj_stan.html
View File

@@ -6,9 +6,9 @@
<!-- Nawigacja --> <!-- Nawigacja -->
<div class="d-flex align-items-center gap-2 mb-3"> <div class="d-flex align-items-center gap-2 mb-3">
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light border">← Szczegóły <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light">← Szczegóły
zbiórki</a> zbiórki</a>
<a href="{{ url_for('admin_dashboard') }}" class="btn btn-sm btn-outline-light border">← Panel Admina</a> <a href="{{ url_for('admin_dashboard') }}" class="btn btn-sm btn-outline-light">← Panel Admina</a>
</div> </div>
{# Obliczenia wstępne (do inicjalnego podglądu) #} {# Obliczenia wstępne (do inicjalnego podglądu) #}
@@ -72,18 +72,18 @@
<!-- Szybkie korekty --> <!-- Szybkie korekty -->
<div class="d-flex flex-wrap gap-2 mt-2"> <div class="d-flex flex-wrap gap-2 mt-2">
{% for delta in [10,50,100,200] %} {% for delta in [10,50,100,200] %}
<button type="button" class="btn btn-sm btn-outline-light border btn-delta" data-delta="{{ delta }}">+{{ <button type="button" class="btn btn-sm btn-outline-light btn-delta" data-delta="{{ delta }}">+{{
delta }} PLN</button> delta }} PLN</button>
<button type="button" class="btn btn-sm btn-outline-light border btn-delta" data-delta="-{{ delta }}">-{{ <button type="button" class="btn btn-sm btn-outline-light btn-delta" data-delta="-{{ delta }}">-{{
delta }} PLN</button> delta }} PLN</button>
{% endfor %} {% endfor %}
{% if has_cel %} {% if has_cel %}
<button type="button" class="btn btn-sm btn-outline-light border btn-set" <button type="button" class="btn btn-sm btn-outline-light btn-set"
data-value="{{ zbiorka.cel|round(2) }}">Ustaw: do celu</button> data-value="{{ zbiorka.cel|round(2) }}">Ustaw: do celu</button>
{% set brakujace = (zbiorka.cel - zbiorka.stan) if (zbiorka.cel - zbiorka.stan) > 0 else 0 %} {% set brakujace = (zbiorka.cel - zbiorka.stan) if (zbiorka.cel - zbiorka.stan) > 0 else 0 %}
{% endif %} {% endif %}
<button type="button" class="btn btn-sm btn-outline-light border btn-set" data-value="0">Ustaw: 0</button> <button type="button" class="btn btn-sm btn-outline-light btn-set" data-value="0">Ustaw: 0</button>
</div> </div>
</div> </div>
@@ -125,7 +125,7 @@
<!-- CTA --> <!-- CTA -->
<div class="d-flex flex-wrap gap-2"> <div class="d-flex flex-wrap gap-2">
<button type="submit" class="btn btn-success">Aktualizuj stan</button> <button type="submit" class="btn btn-success">Aktualizuj stan</button>
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-outline-light border">Anuluj</a> <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-outline-light">Anuluj</a>
</div> </div>
</form> </form>
</div> </div>

18
templates/admin/formularz_zbiorek.html
View File

@@ -17,9 +17,9 @@
<!-- Nawigacja / powrót --> <!-- Nawigacja / powrót -->
<div class="d-flex align-items-center gap-2 mb-3"> <div class="d-flex align-items-center gap-2 mb-3">
{% if is_edit and zbiorka and zbiorka.id %} {% if is_edit and zbiorka and zbiorka.id %}
<a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light border">← Szczegóły zbiórki</a> <a href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}" class="btn btn-sm btn-outline-light">← Szczegóły zbiórki</a>
{% else %} {% else %}
<a href="{{ url_for('admin_dashboard') }}" class="btn btn-sm btn-outline-light border">← Panel Admina</a> <a href="{{ url_for('admin_dashboard') }}" class="btn btn-sm btn-outline-light">← Panel Admina</a>
{% endif %} {% endif %}
</div> </div>
@@ -155,7 +155,7 @@
</div> </div>
</td> </td>
<td class="text-end"> <td class="text-end">
<button type="button" class="btn btn-sm btn-outline-light border remove-row" title="Usuń wiersz">✕</button> <button type="button" class="btn btn-sm btn-outline-light remove-row" title="Usuń wiersz">✕</button>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
@@ -173,7 +173,7 @@
</div> </div>
</td> </td>
<td class="text-end"> <td class="text-end">
<button type="button" class="btn btn-sm btn-outline-light border remove-row" title="Usuń wiersz">✕</button> <button type="button" class="btn btn-sm btn-outline-light remove-row" title="Usuń wiersz">✕</button>
</td> </td>
</tr> </tr>
{% endif %} {% endif %}
@@ -182,8 +182,8 @@
</div> </div>
<div class="d-flex gap-2"> <div class="d-flex gap-2">
<button type="button" class="btn btn-sm btn-outline-light border" id="add-row">+ Dodaj pozycję</button> <button type="button" class="btn btn-sm btn-outline-light" id="add-row">+ Dodaj pozycję</button>
<button type="button" class="btn btn-sm btn-outline-light border" id="clear-empty">Usuń puste wiersze</button> <button type="button" class="btn btn-sm btn-outline-light" id="clear-empty">Usuń puste wiersze</button>
</div> </div>
</div> </div>
@@ -235,7 +235,7 @@
{% if is_edit %} {% if is_edit %}
<div class="col-12 col-md-12 d-flex align-items-end"> <div class="col-12 col-md-12 d-flex align-items-end">
<button type="button" class="btn btn-sm btn-outline-light border" id="ustaw-globalne" <button type="button" class="btn btn-sm btn-outline-light" id="ustaw-globalne"
title="Wstaw wartości z ustawień globalnych" title="Wstaw wartości z ustawień globalnych"
{% if global_settings %} {% if global_settings %}
data-iban="{{ global_settings.numer_konta }}" data-iban="{{ global_settings.numer_konta }}"
@@ -258,7 +258,7 @@
<div id="celSyncBox" class="alert d-none py-2 px-3 mb-3" role="alert"> <div id="celSyncBox" class="alert d-none py-2 px-3 mb-3" role="alert">
<div class="d-flex flex-wrap align-items-center justify-content-between gap-2"> <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
<div id="celSyncMsg" class="small"></div> <div id="celSyncMsg" class="small"></div>
<button type="button" id="btnApplyCelFromSum" class="btn btn-sm btn-outline-light border d-none"></button> <button type="button" id="btnApplyCelFromSum" class="btn btn-sm btn-outline-light d-none"></button>
</div> </div>
</div> </div>
@@ -349,7 +349,7 @@
<button type="submit" class="btn btn-success"> <button type="submit" class="btn btn-success">
{{ ' Zaktualizuj zbiórkę' if is_edit else 'Dodaj zbiórkę' }} {{ ' Zaktualizuj zbiórkę' if is_edit else 'Dodaj zbiórkę' }}
</button> </button>
<a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-light border">Anuluj</a> <a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-light">Anuluj</a>
</div> </div>
</form> </form>
</div> </div>

16
templates/admin/transakcje.html
View File

@@ -7,19 +7,19 @@
<div class="d-flex justify-content-between align-items-center mb-3"> <div class="d-flex justify-content-between align-items-center mb-3">
<h3 class="mb-0">Transakcje: {{ zbiorka.nazwa }}</h3> <h3 class="mb-0">Transakcje: {{ zbiorka.nazwa }}</h3>
<div class="btn-group" role="group" aria-label="Akcje zbiórki"> <div class="btn-group" role="group" aria-label="Akcje zbiórki">
<a class="btn btn-sm btn-outline-light border" href="{{ url_for('dodaj_wplate', zbiorka_id=zbiorka.id) }}"> <a class="btn btn-sm btn-outline-light" href="{{ url_for('dodaj_wplate', zbiorka_id=zbiorka.id) }}">
<i class="fas fa-plus-circle"></i> Dodaj wpłatę <i class="fas fa-plus-circle"></i> Dodaj wpłatę
</a> </a>
<a class="btn btn-sm btn-outline-light border" href="{{ url_for('dodaj_wydatek', zbiorka_id=zbiorka.id) }}"> <a class="btn btn-sm btn-outline-light" href="{{ url_for('dodaj_wydatek', zbiorka_id=zbiorka.id) }}">
Dodaj wydatek Dodaj wydatek
</a> </a>
<a class="btn btn-sm btn-outline-light border" href="{{ url_for('edytuj_stan', zbiorka_id=zbiorka.id) }}"> <a class="btn btn-sm btn-outline-light" href="{{ url_for('edytuj_stan', zbiorka_id=zbiorka.id) }}">
Edytuj stan Edytuj stan
</a> </a>
<a class="btn btn-sm btn-outline-light border" href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}"> <a class="btn btn-sm btn-outline-light" href="{{ url_for('zbiorka', zbiorka_id=zbiorka.id) }}">
Otwórz ↗ Otwórz ↗
</a> </a>
</div> </div>
@@ -51,7 +51,7 @@
<td class="text-muted">{{ a.opis or '—' }}</td> <td class="text-muted">{{ a.opis or '—' }}</td>
<td class="text-end"> <td class="text-end">
{% if a.typ == 'wpłata' %} {% if a.typ == 'wpłata' %}
<button class="btn btn-sm btn-outline-light border btn-edit-wplata" data-id="{{ a.id }}" <button class="btn btn-sm btn-outline-light btn-edit-wplata" data-id="{{ a.id }}"
data-kwota="{{ '%.2f'|format(a.kwota) }}" data-opis="{{ a.opis|e if a.opis }}" data-kwota="{{ '%.2f'|format(a.kwota) }}" data-opis="{{ a.opis|e if a.opis }}"
data-action="{{ url_for('zapisz_wplate', wplata_id=a.id) }}"> data-action="{{ url_for('zapisz_wplate', wplata_id=a.id) }}">
Edytuj Edytuj
@@ -62,7 +62,7 @@
<button class="btn btn-sm btn-outline-danger">Usuń</button> <button class="btn btn-sm btn-outline-danger">Usuń</button>
</form> </form>
{% else %} {% else %}
<button class="btn btn-sm btn-outline-light border btn-edit-wydatek" <button class="btn btn-sm btn-outline-light btn-edit-wydatek"
data-id="{{ a.id }}" data-kwota="{{ '%.2f'|format(a.kwota) }}" data-id="{{ a.id }}" data-kwota="{{ '%.2f'|format(a.kwota) }}"
data-opis="{{ a.opis|e if a.opis }}" data-opis="{{ a.opis|e if a.opis }}"
data-action="{{ url_for('zapisz_wydatek', wydatek_id=a.id) }}"> data-action="{{ url_for('zapisz_wydatek', wydatek_id=a.id) }}">
@@ -113,7 +113,7 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn btn-success">Zapisz</button> <button class="btn btn-success">Zapisz</button>
<button type="button" class="btn btn-outline-light border" data-bs-dismiss="modal">Anuluj</button> <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">Anuluj</button>
</div> </div>
</form> </form>
</div> </div>
@@ -140,7 +140,7 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn btn-success">Zapisz</button> <button class="btn btn-success">Zapisz</button>
<button type="button" class="btn btn-outline-light border" data-bs-dismiss="modal">Anuluj</button> <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">Anuluj</button>
</div> </div>
</form> </form>
</div> </div>

2
templates/admin/ustawienia.html
View File

@@ -171,7 +171,7 @@
<!-- CTA --> <!-- CTA -->
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-light border">Powrót</a> <a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-light">Powrót</a>
<button type="submit" class="btn btn-success">Zapisz ustawienia</button> <button type="submit" class="btn btn-success">Zapisz ustawienia</button>
</div> </div>
</form> </form>

10
templates/zbiorka.html
View File

@@ -63,7 +63,7 @@
<span class="fw-semibold">{{ it.nazwa }}</span> <span class="fw-semibold">{{ it.nazwa }}</span>
{% if it.link %} {% if it.link %}
<a href="{{ it.link }}" target="_blank" rel="noopener" <a href="{{ it.link }}" target="_blank" rel="noopener"
class="btn btn-sm btn-outline-light border ms-2">Sklep ↗</a> class="btn btn-sm btn-outline-light ms-2">Sklep ↗</a>
{% endif %} {% endif %}
</div> </div>
<div> <div>
@@ -194,7 +194,7 @@
class="form-control form-control-sm bg-transparent text-light border monospace-input text-truncate" class="form-control form-control-sm bg-transparent text-light border monospace-input text-truncate"
value="{{ zbiorka.numer_konta }}" readonly autocomplete="off" autocorrect="off" autocapitalize="off" value="{{ zbiorka.numer_konta }}" readonly autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" inputmode="text" aria-label="Numer konta do wpłaty"> spellcheck="false" inputmode="text" aria-label="Numer konta do wpłaty">
<button class="btn btn-sm btn-outline-light border copy-btn" type="button" data-copy-input="#ibanInput" <button class="btn btn-sm btn-outline-light copy-btn" type="button" data-copy-input="#ibanInput"
aria-label="Kopiuj numer konta">Kopiuj</button> aria-label="Kopiuj numer konta">Kopiuj</button>
</div> </div>
</div> </div>
@@ -207,7 +207,7 @@
class="form-control form-control-sm bg-transparent text-light border monospace-input text-truncate" class="form-control form-control-sm bg-transparent text-light border monospace-input text-truncate"
value="{{ zbiorka.numer_telefonu_blik }}" readonly autocomplete="off" autocorrect="off" value="{{ zbiorka.numer_telefonu_blik }}" readonly autocomplete="off" autocorrect="off"
autocapitalize="off" spellcheck="false" inputmode="numeric" aria-label="Telefon BLIK"> autocapitalize="off" spellcheck="false" inputmode="numeric" aria-label="Telefon BLIK">
<button class="btn btn-sm btn-outline-light border copy-btn" type="button" data-copy-input="#blikInput" <button class="btn btn-sm btn-outline-light copy-btn" type="button" data-copy-input="#blikInput"
aria-label="Kopiuj numer BLIK">Kopiuj</button> aria-label="Kopiuj numer BLIK">Kopiuj</button>
</div> </div>
</div> </div>
@@ -272,7 +272,7 @@
{% endif %} {% endif %}
{% if current_user.is_authenticated and current_user.czy_admin %} {% if current_user.is_authenticated and current_user.czy_admin %}
<a href="{{ url_for('transakcje_zbiorki', zbiorka_id=zbiorka.id) }}" <a href="{{ url_for('transakcje_zbiorki', zbiorka_id=zbiorka.id) }}"
class="btn btn-sm btn-outline-light border"> class="btn btn-sm btn-outline-light">
Zarządzaj Zarządzaj
</a> </a>
{% endif %} {% endif %}
@@ -314,7 +314,7 @@
<!-- Akcje dolne --> <!-- Akcje dolne -->
<div class="d-flex gap-2 justify-content-between mt-3"> <div class="d-flex gap-2 justify-content-between mt-3">
<div></div> <div></div>
<a href="{{ url_for('index') }}" class="btn btn-outline-light border">Powrót do listy</a> <a href="{{ url_for('index') }}" class="btn btn-outline-light">Powrót do listy</a>
</div> </div>
</div> </div>