improve(fees): lepszy UX kolumny zaległości z lat poprzednich
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

- Nagłówek dwuliniowy: "Zaległości / z lat poprz."
- Placeholder "+ wpisz" z ramką dashed zamiast kreski
- Po zapisie tylko czysta kwota w kolorze czerwonym
- Zaktualizowana legenda

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-20 15:15:03 +01:00
parent 3736065dda
commit dda77e9176

View File

@ -294,7 +294,7 @@
<span style="display: flex; align-items: center; gap: 4px;"><span class="month-cell pending" style="width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px;">1</span> Oczekujące</span>
<span style="display: flex; align-items: center; gap: 4px;"><span class="month-cell overdue" style="width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px;">1</span> Zaległe</span>
<span style="display: flex; align-items: center; gap: 4px;"><span class="month-cell empty" style="width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px;">-</span> Brak danych</span>
<span style="display: flex; align-items: center; gap: 4px; border-left: 1px solid var(--border); padding-left: var(--spacing-lg);"><span style="color:var(--error);font-weight:600;font-size:12px;">500 zł</span> Zaległości z lat poprzednich (kliknij kwotę aby edytować)</span>
<span style="display: flex; align-items: center; gap: 4px; border-left: 1px solid var(--border); padding-left: var(--spacing-lg);"><span style="color:var(--error);font-weight:700;font-size:12px;">500 zł</span> Zaległości z lat poprzednich (kliknij aby wpisać lub edytować)</span>
</div>
<!-- Filters -->
@ -359,7 +359,7 @@
{% else %}
<th>Sty</th><th>Lut</th><th>Mar</th><th>Kwi</th><th>Maj</th><th>Cze</th>
<th>Lip</th><th>Sie</th><th>Wrz</th><th>Paź</th><th>Lis</th><th>Gru</th>
<th title="Zaległości z lat poprzednich — wpisywane ręcznie">Zaległości</th>
<th title="Zaległości z lat poprzednich — kliknij aby wpisać kwotę" style="font-size:10px;line-height:1.2;">Zaległości<br><span style="font-weight:400;text-transform:none;letter-spacing:0;">z lat poprz.</span></th>
<th>Przypomnienie</th>
<th></th>
{% endif %}
@ -430,9 +430,9 @@
<td style="white-space:nowrap;">
{% set debt = cf.company.previous_years_debt|default(0)|float %}
{% if debt > 0 %}
<span class="debt-value" style="cursor:pointer;color:var(--error);font-weight:600;font-size:12px;" onclick="editDebt(this, {{ cf.company.id }}, {{ debt }})" title="Kliknij aby edytować">{{ debt|int }} zł</span>
<span class="debt-value" style="cursor:pointer;color:var(--error);font-weight:700;font-size:13px;" onclick="editDebt(this, {{ cf.company.id }}, {{ debt }})" title="Zaległości z lat poprzednich — kliknij aby edytować">{{ debt|int }} zł</span>
{% else %}
<span class="debt-value" style="cursor:pointer;color:var(--text-secondary);font-size:11px;" onclick="editDebt(this, {{ cf.company.id }}, 0)" title="Kliknij aby wpisać zaległość"></span>
<span class="debt-value" style="cursor:pointer;color:var(--text-secondary);font-size:11px;border:1px dashed var(--border);border-radius:4px;padding:2px 8px;display:inline-block;" onclick="editDebt(this, {{ cf.company.id }}, 0)" title="Kliknij aby wpisać zaległość z lat poprzednich">+ wpisz</span>
{% endif %}
</td>
<td style="font-size:11px;white-space:nowrap;">
@ -756,9 +756,9 @@ async function generateFees() {
const data = await resp.json();
if (data.success) {
if (val > 0) {
td.innerHTML = '<span class="debt-value" style="cursor:pointer;color:var(--error);font-weight:600;font-size:12px;" onclick="editDebt(this,' + companyId + ',' + val + ')" title="Kliknij aby edytować">' + val + ' zł</span>';
td.innerHTML = '<span class="debt-value" style="cursor:pointer;color:var(--error);font-weight:700;font-size:13px;" onclick="editDebt(this,' + companyId + ',' + val + ')" title="Zaległości z lat poprzednich — kliknij aby edytować">' + val + ' zł</span>';
} else {
td.innerHTML = '<span class="debt-value" style="cursor:pointer;color:var(--text-secondary);font-size:11px;" onclick="editDebt(this,' + companyId + ',0)" title="Kliknij aby wpisać zaległość"></span>';
td.innerHTML = '<span class="debt-value" style="cursor:pointer;color:var(--text-secondary);font-size:11px;border:1px dashed var(--border);border-radius:4px;padding:2px 8px;display:inline-block;" onclick="editDebt(this,' + companyId + ',0)" title="Kliknij aby wpisać zaległość z lat poprzednich">+ wpisz</span>';
}
showToast(data.message, 'success');
} else {