rozbicie na moduły, poprawki i komendy cli

zbiorka_app/static/js/dodaj_wplate.js

@@ -0,0 +1,21 @@
+(function () {
+    const kwota = document.getElementById('kwota');
+    const opis = document.getElementById('opis');
+    const opisCount = document.getElementById('opisCount');
+
+    document.querySelectorAll('.btn-kwota').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const val = btn.getAttribute('data-amount');
+            if (val && kwota) {
+                kwota.value = Number(val).toFixed(2);
+                kwota.focus();
+            }
+        });
+    });
+
+    if (opis && opisCount) {
+        const updateCount = () => opisCount.textContent = opis.value.length.toString();
+        opis.addEventListener('input', updateCount);
+        updateCount();
+    }
+})();

zbiorka_app/static/js/dodaj_wydatek.js

@@ -0,0 +1,5 @@
+document.addEventListener('input', (e) => {
+    if (e.target && e.target.id === 'opis') {
+        document.getElementById('opisCount').textContent = e.target.value.length;
+    }
+});

zbiorka_app/static/js/edytuj_stan.js

@@ -0,0 +1,88 @@
+(() => {
+    // Root kontenera z danymi (dataset.cel)
+    const root = document.querySelector('[data-module="edit-stan"]');
+    if (!root) return;
+
+    const input = root.querySelector('#stan');
+    const previewPct = root.querySelector('#previewPct');
+    const previewBar = root.querySelector('#previewBar');
+    const previewNote = root.querySelector('#previewNote');
+
+    // Cel przekazany jako data atrybut
+    const cel = Number(root.dataset.cel || 0);
+
+    function clamp(n) {
+        if (Number.isNaN(n)) return 0;
+        return n < 0 ? 0 : n;
+    }
+
+    function pct(val) {
+        if (!cel || cel <= 0) return 0;
+        return (val / cel) * 100;
+    }
+
+    function updatePreview() {
+        if (!input) return;
+        const val = clamp(Number(input.value));
+        const p = Math.max(0, Math.min(100, pct(val)));
+
+        if (previewPct) previewPct.textContent = p.toFixed(1);
+
+        if (previewBar) {
+            previewBar.style.width = p + '%';
+            previewBar.setAttribute('aria-valuenow', p.toFixed(2));
+        }
+
+        if (previewNote) {
+            if (cel > 0) {
+                const diff = cel - val;
+                const isZero = Math.abs(diff) < 0.005; // float-safe
+                if (diff > 0 && !isZero) {
+                    previewNote.textContent = 'Do celu brakuje: ' + diff.toFixed(2) + ' PLN';
+                } else if (isZero) {
+                    previewNote.textContent = 'Cel osiągnięty.';
+                } else {
+                    previewNote.textContent = 'Przekroczono cel o: ' + Math.abs(diff).toFixed(2) + ' PLN';
+                }
+            } else {
+                previewNote.textContent = 'Brak zdefiniowanego celu — procent nie jest wyliczany.';
+            }
+        }
+    }
+
+
+    // Zmiana ręczna
+    if (input) {
+        input.addEventListener('input', updatePreview);
+        input.addEventListener('change', () => {
+            if (Number(input.value) < 0) input.value = '0.00';
+            updatePreview();
+        });
+    }
+
+    // Przyciski +/- delta
+    root.querySelectorAll('.btn-delta').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const d = Number(btn.getAttribute('data-delta') || 0);
+            const cur = Number(input?.value || 0);
+            if (!input) return;
+            input.value = clamp(cur + d).toFixed(2);
+            updatePreview();
+            input.focus();
+        });
+    });
+
+    // Ustaw na konkretną wartość
+    root.querySelectorAll('.btn-set').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const v = Number(btn.getAttribute('data-value') || 0);
+            if (!input) return;
+            input.value = clamp(v).toFixed(2);
+            updatePreview();
+            input.focus();
+        });
+    });
+
+    // Inicjalny podgląd
+    updatePreview();
+})();

zbiorka_app/static/js/formularz_rezerwy.js

@@ -0,0 +1,19 @@
+    document.addEventListener('DOMContentLoaded', function() {
+        const uzyjKonta = document.getElementById('uzyj_konta');
+        const kontoField = document.getElementById('konto-field');
+        const uzyjBlik = document.getElementById('uzyj_blik');
+        const blikField = document.getElementById('blik-field');
+
+        if (uzyjKonta && kontoField) {
+            uzyjKonta.addEventListener('change', function() {
+                kontoField.style.display = this.checked ? 'block' : 'none';
+            });
+        }
+
+        if (uzyjBlik && blikField) {
+            uzyjBlik.addEventListener('change', function() {
+                blikField.style.display = this.checked ? 'block' : 'none';
+            });
+        }
+    });
+

zbiorka_app/static/js/formularz_zbiorek.js

@@ -0,0 +1,63 @@
+(function () {
+    // Licznik znaków opisu
+    const opis = document.getElementById('opis');
+    const opisCount = document.getElementById('opisCount');
+    if (opis && opisCount) {
+        const updateCount = () => (opisCount.textContent = String(opis.value.length));
+        opis.addEventListener('input', updateCount);
+        updateCount();
+    }
+
+    // IBAN: tylko cyfry, auto-grupowanie co 4
+    const iban = document.getElementById('numer_konta');
+    if (iban) {
+        iban.addEventListener('input', () => {
+            const digits = iban.value.replace(/\D/g, '').slice(0, 26); // 26 cyfr po PL
+            const chunked = digits.replace(/(.{4})/g, '$1 ').trim();
+            iban.value = chunked;
+        });
+    }
+
+    // BLIK telefon: tylko cyfry, format 3-3-3
+    const tel = document.getElementById('numer_telefonu_blik');
+    if (tel) {
+        tel.addEventListener('input', () => {
+            const digits = tel.value.replace(/\D/g, '').slice(0, 9);
+            const parts = [];
+            if (digits.length > 0) parts.push(digits.substring(0, 3));
+            if (digits.length > 3) parts.push(digits.substring(3, 6));
+            if (digits.length > 6) parts.push(digits.substring(6, 9));
+            tel.value = parts.join(' ');
+        });
+    }
+
+    // „Ustaw globalne” – jest tylko w trybie edycji; odpalamy warunkowo
+    const setGlobalBtn = document.getElementById('ustaw-globalne');
+    if (setGlobalBtn && iban && tel) {
+        setGlobalBtn.addEventListener('click', () => {
+            const gIban = setGlobalBtn.dataset.iban || '';
+            const gBlik = setGlobalBtn.dataset.blik || '';
+
+            if (gIban) {
+                iban.value = gIban.replace(/\D/g, '').replace(/(.{4})/g, '$1 ').trim();
+                iban.dispatchEvent(new Event('input'));
+            }
+            if (gBlik) {
+                const d = gBlik.replace(/\D/g, '').slice(0, 9);
+                const p = [d.slice(0, 3), d.slice(3, 6), d.slice(6, 9)]
+                    .filter(Boolean)
+                    .join(' ');
+                tel.value = p;
+                tel.dispatchEvent(new Event('input'));
+            }
+        });
+    }
+
+    // Cel: minimalna wartość
+    const cel = document.getElementById('cel');
+    if (cel) {
+        cel.addEventListener('change', () => {
+            if (cel.value && Number(cel.value) < 0.01) cel.value = '0.01';
+        });
+    }
+})();

zbiorka_app/static/js/kwoty_formularz.js

@@ -0,0 +1,153 @@
+(function () {
+    const tbody = document.querySelector('#produkty-body');
+    const celInput = document.querySelector('#cel');
+    const box = document.querySelector('#celSyncBox');
+    const msg = document.querySelector('#celSyncMsg');
+    const btn = document.querySelector('#btnApplyCelFromSum');
+
+    if (!tbody || !celInput || !box || !msg || !btn) return;
+
+    const EPS = 0.01; // tolerancja porównania
+
+    function parsePrice(raw) {
+        if (!raw) return NaN;
+        const s = String(raw).trim().replace(/\s+/g, '').replace(',', '.');
+        const n = Number(s);
+        return Number.isFinite(n) && n >= 0 ? n : NaN;
+    }
+
+    function getRows() {
+        return Array.from(tbody.querySelectorAll('tr'));
+    }
+
+    function computeSum() {
+        const rows = getRows();
+
+        let hasNamed = false;
+        let sumAll = 0;     // suma ze wszystkich wierszy z nazwą i poprawną ceną
+        let sumToBuy = 0;   // suma tylko z wierszy NIE oznaczonych jako "Kupione"
+
+        for (const tr of rows) {
+            const nameInput = tr.querySelector('input[name="item_nazwa[]"]');
+            const priceInput = tr.querySelector('input[name="item_cena[]"]');
+            const kupioneSwitch = tr.querySelector('.kupione-switch');
+
+            const name = nameInput ? nameInput.value.trim() : '';
+            if (!name) continue; // ignoruj puste wiersze bez nazwy
+
+            hasNamed = true;
+
+            const priceVal = priceInput ? parsePrice(priceInput.value) : NaN;
+            if (Number.isNaN(priceVal)) continue;
+
+            // zawsze dolicz do sumy wszystkich
+            sumAll += priceVal;
+
+            // do sumy do-kupienia tylko jeśli nie jest oznaczone jako kupione
+            if (!(kupioneSwitch && kupioneSwitch.checked)) {
+                sumToBuy += priceVal;
+            }
+        }
+
+        return { hasNamed, sumAll, sumToBuy };
+    }
+
+
+    function readCel() {
+        const v = parsePrice(celInput.value);
+        return Number.isNaN(v) ? null : v;
+    }
+
+    function formatPln(n) {
+        // Nie narzucamy locale – prosto 2 miejsca
+        return n.toFixed(2);
+    }
+
+    function updateUI() {
+        const { hasNamed, sumAll, sumToBuy } = computeSum();
+
+        // Brak produktów (brak nazw) lub obie sumy = 0 → nic nie pokazuj
+        if (!hasNamed || (sumAll <= 0 && sumToBuy <= 0)) {
+            box.classList.add('d-none');
+            btn.classList.add('d-none');
+            box.classList.remove('alert-success', 'alert-info');
+            msg.textContent = '';
+            return;
+        }
+
+        const cel = readCel();
+        const target = sumToBuy; // porównujemy do kwoty POZOSTAŁE DO KUPIENIA
+
+        // Jeśli cel nie ustawiony lub NaN → zaproponuj ustawienie celu = sumToBuy
+        if (cel === null) {
+            box.classList.remove('d-none');
+            box.classList.remove('alert-success');
+            box.classList.add('alert-info');
+
+            // pokazujemy obie sumy w komunikacie
+            msg.innerHTML = `
+      <div>Wszystkie: <strong>${formatPln(sumAll)} PLN</strong> ·
+      Do kupienia: <strong>${formatPln(sumToBuy)} PLN</strong></div>
+      <div class="mt-1">Możesz ustawić <strong>cel</strong> na kwotę do kupienia.</div>
+    `;
+            btn.textContent = `Ustaw cel = ${formatPln(target)} PLN`;
+            btn.classList.remove('d-none');
+            return;
+        }
+
+        // Mamy cel — porównanie do sumy do-kupienia
+        if (Math.abs(cel - target) <= EPS) {
+            box.classList.remove('d-none');
+            box.classList.remove('alert-info');
+            box.classList.add('alert-success');
+            msg.innerHTML = `
+      Suma <em>do kupienia</em> (<strong>${formatPln(target)} PLN</strong>) jest równa celowi.
+      <div class="small text-muted mt-1">Wszystkie: ${formatPln(sumAll)} PLN · Do kupienia: ${formatPln(sumToBuy)} PLN</div>
+    `;
+            btn.classList.add('d-none');
+        } else {
+            box.classList.remove('d-none');
+            box.classList.remove('alert-success');
+            box.classList.add('alert-info');
+            msg.innerHTML = `
+      <div>Wszystkie: <strong>${formatPln(sumAll)} PLN</strong> ·
+      Do kupienia: <strong>${formatPln(sumToBuy)} PLN</strong></div>
+      <div class="mt-1">Cel: <strong>${formatPln(cel)} PLN</strong></div>
+    `;
+            btn.textContent = `Zaktualizuj cel do ${formatPln(target)} PLN`;
+            btn.classList.remove('d-none');
+        }
+    }
+
+    btn.addEventListener('click', (e) => {
+        e.preventDefault();
+        const { sumToBuy } = computeSum();
+        if (sumToBuy > 0) {
+            celInput.value = formatPln(sumToBuy);
+            celInput.dispatchEvent(new Event('input', { bubbles: true }));
+            celInput.dispatchEvent(new Event('change', { bubbles: true }));
+            updateUI();
+        }
+    });
+
+    // Reaguj na zmiany cen/nazw
+    tbody.addEventListener('input', (e) => {
+        const name = e.target.getAttribute('name');
+        if (name === 'item_nazwa[]' || name === 'item_cena[]') {
+            updateUI();
+        }
+    });
+
+    // Reaguj na zmiany celu
+    celInput.addEventListener('input', updateUI);
+    celInput.addEventListener('change', updateUI);
+
+    // Obserwuj dodawanie/usuwanie wierszy przez inne skrypty
+    const mo = new MutationObserver(() => updateUI());
+    mo.observe(tbody, { childList: true, subtree: true });
+
+    // Init po załadowaniu
+    document.addEventListener('DOMContentLoaded', updateUI);
+    // i jedno wywołanie na starcie (gdy DOMContentLoaded już był)
+    updateUI();
+})();

zbiorka_app/static/js/mde_custom.js

@@ -0,0 +1,4 @@
+var simplemde = new SimpleMDE({
+    element: document.getElementById("opis"),
+    forceSync: true
+});

zbiorka_app/static/js/produkty_formularz.js

@@ -0,0 +1,73 @@
+(function () {
+    const body = document.querySelector('#produkty-body');
+    const addBtn = document.querySelector('#add-row');
+    const clearBtn = document.querySelector('#clear-empty');
+
+    if (!body) return;
+
+    function reindexHidden() {
+        const rows = [...body.querySelectorAll('tr')];
+        rows.forEach((tr, idx) => {
+            const hidden = tr.querySelector('input[type="hidden"][name^="item_kupione_val_"]');
+            if (hidden) hidden.name = `item_kupione_val_${idx}`;
+        });
+    }
+
+    function makeRow() {
+        const tr = document.createElement('tr');
+        tr.innerHTML = `
+      <td><input type="text" class="form-control" name="item_nazwa[]" placeholder="np. Karma Brit 10kg" required></td>
+      <td><input type="url" class="form-control" name="item_link[]" placeholder="https://..."></td>
+      <td><input type="text" inputmode="decimal" class="form-control text-end" name="item_cena[]" placeholder="0,00"></td>
+      <td>
+        <div class="form-check form-switch">
+          <input class="form-check-input kupione-switch" type="checkbox">
+          <input type="hidden" name="item_kupione_val_TMP" value="0">
+          <label class="form-check-label small">Do kupienia</label>
+        </div>
+      </td>
+      <td class="text-end">
+        <button type="button" class="btn btn-sm btn-outline-light border remove-row" title="Usuń wiersz">✕</button>
+      </td>`;
+        return tr;
+    }
+
+    body.addEventListener('change', (e) => {
+        if (e.target.classList.contains('kupione-switch')) {
+            const tr = e.target.closest('tr');
+            const hidden = tr.querySelector('input[type="hidden"][name^="item_kupione_val_"]');
+            const label = tr.querySelector('.form-check-label');
+            if (hidden) hidden.value = e.target.checked ? '1' : '0';
+            if (label) label.textContent = e.target.checked ? 'Kupione' : 'Do kupienia';
+        }
+    });
+
+    body.addEventListener('click', (e) => {
+        if (e.target.classList.contains('remove-row')) {
+            e.preventDefault();
+            const tr = e.target.closest('tr');
+            tr.remove();
+            reindexHidden();
+        }
+    });
+
+    addBtn?.addEventListener('click', (e) => {
+        e.preventDefault();
+        body.appendChild(makeRow());
+        reindexHidden();
+    });
+
+    clearBtn?.addEventListener('click', (e) => {
+        e.preventDefault();
+        [...body.querySelectorAll('tr')].forEach(tr => {
+            const name = tr.querySelector('input[name="item_nazwa[]"]')?.value.trim();
+            const link = tr.querySelector('input[name="item_link[]"]')?.value.trim();
+            const cena = tr.querySelector('input[name="item_cena[]"]')?.value.trim();
+            if (!name && !link && !cena) tr.remove();
+        });
+        reindexHidden();
+    });
+
+    // startowa normalizacja nazw hiddenów (ważne w trybie edycji)
+    reindexHidden();
+})();

zbiorka_app/static/js/progress.js

@@ -0,0 +1,13 @@
+function animateProgressBars() {
+    document.querySelectorAll('.progress-bar').forEach(bar => {
+        const progressValue = bar.getAttribute('aria-valuenow');
+        bar.style.setProperty('--progress-width', progressBarWidth(progressBarValue(progressBar)));
+    });
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    document.querySelectorAll('.progress-bar').forEach(bar => {
+        const width = bar.getAttribute('aria-valuenow') + '%';
+        bar.style.setProperty('--progress-width', width);
+    });
+});

zbiorka_app/static/js/przelaczniki_zabezpieczenie.js

@@ -0,0 +1,74 @@
+// static/js/przelaczniki_zabezpieczenie.js
+(function () {
+  'use strict';
+
+  function onReady(cb) {
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', cb);
+    } else {
+      cb();
+    }
+  }
+
+  onReady(function () {
+    var boxes = Array.prototype.slice.call(
+      document.querySelectorAll('input.form-check-input[type="checkbox"][data-group="postepy"]')
+    );
+    var warning = document.getElementById('postepyWarning');
+
+    if (!boxes.length || !warning) {
+      // Nic do zrobienia, brak elementów
+      return;
+    }
+
+    function atLeastOneChecked() {
+      return boxes.some(function (b) { return !!b.checked; });
+    }
+
+    function showWarning(show) {
+      warning.classList.toggle('d-none', !show);
+      if (show) {
+        // dyskretny highlight
+        warning.classList.add('border', 'border-warning');
+        warning.style.transition = 'box-shadow 0.2s ease';
+        warning.style.boxShadow = '0 0 0.25rem rgba(255,193,7,.6)';
+        setTimeout(function () {
+          warning.style.boxShadow = '';
+        }, 300);
+      }
+    }
+
+    function enforceAtLeastOne(e) {
+      // Jeżeli po zmianie byłaby 0/3, przywróć zaznaczenie klikniętego i pokaż ostrzeżenie
+      if (!atLeastOneChecked()) {
+        e.target.checked = true;
+        showWarning(true);
+        e.target.classList.add('is-invalid');
+        setTimeout(function () { e.target.classList.remove('is-invalid'); }, 400);
+        return;
+      }
+      // Jeśli >=1, ostrzeżenie ukryj
+      showWarning(false);
+    }
+
+    // Podpinka zdarzeń
+    boxes.forEach(function (box) {
+      box.addEventListener('change', enforceAtLeastOne);
+    });
+
+    // Walidacja przy submit (na wszelki wypadek)
+    var form = boxes[0].closest('form');
+    if (form) {
+      form.addEventListener('submit', function (e) {
+        if (!atLeastOneChecked()) {
+          e.preventDefault();
+          showWarning(true);
+          boxes[0].focus();
+        }
+      });
+    }
+
+    // Inicjalny stan (np. po rerenderze z błędem)
+    showWarning(!atLeastOneChecked());
+  });
+})();

zbiorka_app/static/js/sposoby_wplat.js

@@ -0,0 +1,88 @@
+(function () {
+    const form = document.getElementById('form-edit-zbiorka') || document.getElementById('form-add-zbiorka') || document.querySelector('form');
+
+    const map = [
+        ['uzyj_konta', 'numer_konta'],
+        ['uzyj_blik', 'numer_telefonu_blik']
+    ];
+
+    const warnBox = document.getElementById('kanalyWarning');
+
+    function showWarn(show) {
+        if (!warnBox) return;
+        warnBox.classList.toggle('d-none', !show);
+    }
+
+    function getEl(id) { return document.getElementById(id); }
+
+    function toggleField(chkId, inputId) {
+        const chk = getEl(chkId);
+        const inp = getEl(inputId);
+        if (!inp || !chk) return;
+        const on = chk.checked;
+        inp.disabled = !on;
+        if (on) inp.setAttribute('required', '');
+        else inp.removeAttribute('required');
+    }
+
+    function atLeastOneOn() {
+        return map.some(([c]) => getEl(c)?.checked);
+    }
+
+    function blinkInvalid(el) {
+        if (!el) return;
+        el.classList.add('is-invalid');
+        setTimeout(() => el.classList.remove('is-invalid'), 400);
+    }
+
+    function preventUncheckLast(e) {
+        const target = e.target;
+        if (target.checked) return;
+        const after = map.map(([c]) => c === target.id ? false : !!getEl(c)?.checked);
+        if (!after.some(Boolean)) {
+            e.preventDefault();
+            target.checked = true;
+            showWarn(true);
+            blinkInvalid(target);
+        } else {
+            showWarn(false);
+        }
+    }
+
+    function onToggle(chkId, inputId) {
+        toggleField(chkId, inputId);
+        showWarn(!atLeastOneOn());
+    }
+
+    map.forEach(([chkId, inputId]) => {
+        const chk = getEl(chkId);
+        if (!chk) return;
+        chk.addEventListener('click', preventUncheckLast);
+        chk.addEventListener('change', () => onToggle(chkId, inputId));
+        toggleField(chkId, inputId);
+    });
+    showWarn(!atLeastOneOn());
+
+    if (form) {
+        form.addEventListener('submit', function (e) {
+            if (!atLeastOneOn()) {
+                e.preventDefault();
+                showWarn(true);
+                blinkInvalid(getEl('uzyj_konta') || getEl('uzyj_blik'));
+                (getEl('uzyj_konta') || getEl('uzyj_blik'))?.focus();
+                return;
+            }
+
+            for (const [chkId, inputId] of map) {
+                const chk = getEl(chkId), inp = getEl(inputId);
+                if (chk?.checked && inp && !inp.value.trim()) {
+                    e.preventDefault();
+                    showWarn(true);
+                    blinkInvalid(inp);
+                    inp.focus();
+                    return;
+                }
+            }
+        });
+    }
+})();

zbiorka_app/static/js/transakcje.js

@@ -0,0 +1,27 @@
+document.addEventListener('DOMContentLoaded', function () {
+    const modalW = new bootstrap.Modal(document.getElementById('modalWplata'));
+    const modalX = new bootstrap.Modal(document.getElementById('modalWydatek'));
+
+    // WPŁATA
+    document.querySelectorAll('.btn-edit-wplata').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const form = document.getElementById('formWplata');
+            form.action = btn.dataset.action;
+            document.getElementById('wplataKwota').value = btn.dataset.kwota || '';
+            document.getElementById('wplataOpis').value = btn.dataset.opis || '';
+            modalW.show();
+        });
+    });
+
+    // WYDATEK
+    document.querySelectorAll('.btn-edit-wydatek').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const form = document.getElementById('formWydatek');
+            form.action = btn.dataset.action;
+            document.getElementById('wydatekKwota').value = btn.dataset.kwota || '';
+            document.getElementById('wydatekOpis').value = btn.dataset.opis || '';
+            modalX.show();
+        });
+    });
+
+});

zbiorka_app/static/js/ustawienia.js

@@ -0,0 +1,92 @@
+// static/js/ustawienia.js
+document.addEventListener('DOMContentLoaded', () => {
+    // Formatowanie IBAN (PL)
+    const iban = document.getElementById('numer_konta');
+    if (iban) {
+        iban.addEventListener('input', () => {
+            const digits = iban.value.replace(/\D/g, '').slice(0, 26);
+            const chunked = digits.replace(/(.{4})/g, '$1 ').trim();
+            iban.value = chunked;
+        });
+    }
+
+    // Telefon BLIK 3-3-3
+    const tel = document.getElementById('numer_telefonu_blik');
+    if (tel) {
+        tel.addEventListener('input', () => {
+            const digits = tel.value.replace(/\D/g, '').slice(0, 9);
+            const parts = [];
+            if (digits.length > 0) parts.push(digits.substring(0, 3));
+            if (digits.length > 3) parts.push(digits.substring(3, 6));
+            if (digits.length > 6) parts.push(digits.substring(6, 9));
+            tel.value = parts.join(' ');
+        });
+    }
+
+    // Biała lista IP/hostów
+    const ta = document.getElementById('dozwolone_hosty_logowania');
+    const count = document.getElementById('hostsCount');
+    const addBtn = document.getElementById('btn-add-host');
+    const addMyBtn = document.getElementById('btn-add-my-ip');
+    const input = document.getElementById('host_input');
+    const dedupeBtn = document.getElementById('btn-dedupe');
+
+    const parseList = (text) =>
+        text
+            .split(/[\r\n,;]+/)   // \r?\n, przecinek, średnik
+            .map(s => s.trim())
+            .filter(Boolean);
+
+    const formatList = (arr) => arr.join('\n');
+
+    const dedupe = (arr) => {
+        const seen = new Set();
+        const out = [];
+        for (const v of arr) {
+            const k = v.toLowerCase();
+            if (!seen.has(k)) { seen.add(k); out.push(v); }
+        }
+        return out;
+    };
+
+    const updateCount = () => {
+        if (!ta || !count) return;
+        count.textContent = String(parseList(ta.value).length);
+    };
+
+    const addEntry = (val) => {
+        if (!ta || !val) return;
+        const list = dedupe([...parseList(ta.value), val]);
+        ta.value = formatList(list);
+        updateCount();
+    };
+
+    if (ta) {
+        ta.addEventListener('input', updateCount);
+        updateCount(); // inicjalne przeliczenie
+    }
+
+    if (addBtn && input) {
+        addBtn.addEventListener('click', () => {
+            const val = (input.value || '').trim();
+            if (!val) return;
+            addEntry(val);
+            input.value = '';
+            input.focus();
+        });
+    }
+
+    if (addMyBtn) {
+        addMyBtn.addEventListener('click', () => {
+            const ip = addMyBtn.dataset.myIp || '';
+            if (ip) addEntry(ip);
+        });
+    }
+
+    if (dedupeBtn && ta) {
+        dedupeBtn.addEventListener('click', () => {
+            ta.value = formatList(dedupe(parseList(ta.value)));
+            updateCount();
+        });
+    }
+});

zbiorka_app/static/js/walidacja_logowanie.js

@@ -0,0 +1,27 @@
+(function () {
+    const form = document.querySelector('form.needs-validation');
+    form.addEventListener('submit', function (e) {
+        if (!form.checkValidity()) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        form.classList.add('was-validated');
+    }, false);
+})();
+
+const pw = document.getElementById("haslo");
+const toggle = document.getElementById('togglePw');
+toggle.addEventListener('click', () => {
+    const isText = pw.type === 'text';
+    pw.type = isText ? "haslo" : 'text';
+    toggle.textContent = isText ? 'Pokaż' : 'Ukryj';
+    toggle.setAttribute('aria-pressed', (!isText).toString());
+    pw.focus();
+});
+const caps = document.getElementById('capsWarning');
+function handleCaps(e) {
+    const capsOn = e.getModifierState && e.getModifierState('CapsLock');
+    caps.style.display = capsOn ? 'inline' : 'none';
+}
+pw.addEventListener('keyup', handleCaps);
+pw.addEventListener('keydown', handleCaps);

zbiorka_app/static/js/walidacja_rejestracja.js

@@ -0,0 +1,37 @@
+(function () {
+    const form = document.querySelector('form.needs-validation');
+    form.addEventListener('submit', function (e) {
+        if (!form.checkValidity()) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        const pw1 = document.getElementById("haslo");
+        const pw2 = document.getElementById('password2');
+        if (pw1.value !== pw2.value) {
+            e.preventDefault();
+            e.stopPropagation();
+            pw2.setCustomValidity("Hasła muszą być identyczne.");
+            pw2.reportValidity();
+        } else {
+            pw2.setCustomValidity("");
+        }
+        form.classList.add('was-validated');
+    }, false);
+})();
+
+const pw = document.getElementById("haslo");
+const toggle = document.getElementById('togglePw');
+toggle.addEventListener('click', () => {
+    const isText = pw.type === 'text';
+    pw.type = isText ? "haslo" : 'text';
+    toggle.textContent = isText ? 'Pokaż' : 'Ukryj';
+    pw.focus();
+});
+
+const caps = document.getElementById('capsWarning');
+function handleCaps(e) {
+    const capsOn = e.getModifierState && e.getModifierState('CapsLock');
+    caps.style.display = capsOn ? 'inline' : 'none';
+}
+pw.addEventListener('keyup', handleCaps);
+pw.addEventListener('keydown', handleCaps);

zbiorka_app/static/js/zbiorka.js

@@ -0,0 +1,66 @@
+
+(function () {
+    // --- Formatowanie IBAN ---
+    const ibanEl = document.getElementById('ibanInput') || document.getElementById('ibanDisplay');
+    if (ibanEl) {
+        const raw = (('value' in ibanEl ? ibanEl.value : ibanEl.textContent) || '')
+            .toString().replace(/\s+/g, '').toUpperCase();
+        const digits = raw.replace(/^PL/, '').replace(/\D/g, '').slice(0, 26);
+        if (digits) {
+            const pretty = 'PL ' + digits.replace(/(.{4})/g, '$1 ').trim();
+            if ('value' in ibanEl) ibanEl.value = pretty; else ibanEl.textContent = pretty;
+        }
+    }
+
+    // --- Formatowanie BLIK ---
+    const blikEl = document.getElementById('blikInput') || document.getElementById('blikDisplay');
+    if (blikEl) {
+        const raw = (('value' in blikEl ? blikEl.value : blikEl.textContent) || '')
+            .toString().replace(/\D/g, '').slice(0, 9);
+        if (raw) {
+            const pretty = [raw.slice(0, 3), raw.slice(3, 6), raw.slice(6, 9)]
+                .filter(Boolean).join(' ');
+            if ('value' in blikEl) blikEl.value = pretty; else blikEl.textContent = pretty;
+        }
+    }
+
+    // --- Kopiowanie: wspiera data-copy-input i data-copy-target ---
+    const buttons = document.querySelectorAll('[data-copy-input], [data-copy-target]');
+    buttons.forEach(btn => {
+        btn.addEventListener('click', async () => {
+            const sel = btn.getAttribute('data-copy-input') || btn.getAttribute('data-copy-target');
+            const el = sel ? document.querySelector(sel) : null;
+            if (!el) return;
+
+            const textRaw = ('value' in el ? el.value : el.textContent || '')
+                .toString().replace(/\u00A0/g, ' ').trim();
+
+            const copyWithFallback = async (text) => {
+                try {
+                    await navigator.clipboard.writeText(text);
+                    return true;
+                } catch {
+                    // Fallback: tymczasowy textarea
+                    const ta = document.createElement('textarea');
+                    ta.value = text;
+                    ta.style.position = 'fixed';
+                    ta.style.top = '-1000px';
+                    ta.setAttribute('readonly', '');
+                    document.body.appendChild(ta);
+                    ta.select();
+                    try { document.execCommand('copy'); } catch { /* ignore */ }
+                    document.body.removeChild(ta);
+                    return true;
+                }
+            };
+
+            const original = btn.textContent;
+            const ok = await copyWithFallback(textRaw);
+            if (ok) {
+                btn.textContent = 'Skopiowano!';
+                btn.disabled = true;
+                setTimeout(() => { btn.textContent = original; btn.disabled = false; }, 1200);
+            }
+        });
+    });
+})();