maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

improve(fees): kompaktowa tabela — zmniejszone komórki, cyfry rzymskie, ikony
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
Tabela mieści się na ekranie: table-layout fixed, mniejsze month-cell (26px),
cyfry rzymskie zamiast 3-literowych skrótów, przypomnienie jako ikona z tooltip,
skrócony przycisk. Kolumna zaległości 70px.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-20 15:17:46 +01:00
parent dda77e9176
commit a612c45526
1 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
templates/admin/fees.html
View File

@ -101,21 +101,35 @@
.fees-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.fees-table th,
.fees-table td {
padding: var(--spacing-md);
text-align: left;
padding: var(--spacing-xs) var(--spacing-sm);
text-align: center;
border-bottom: 1px solid var(--border);
}
.fees-table th:first-child,
.fees-table td:first-child {
text-align: left;
width: 140px;
}
/* Month columns — compact */
.fees-table th.col-month,
.fees-table td.col-month {
width: 36px;
padding: var(--spacing-xs) 2px;
}
.fees-table th {
font-weight: 600;
color: var(--text-secondary);
font-size: var(--font-size-sm);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
letter-spacing: 0;
background: var(--background);
}
@ -217,13 +231,13 @@
/* Month grid for year view */
.month-cell {
width: 30px;
height: 30px;
width: 26px;
height: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-sm);
font-size: var(--font-size-xs);
font-size: 10px;
font-weight: 600;
cursor: pointer;
}
@ -357,11 +371,11 @@
<th>Data płatności</th>
<th>Akcje</th>
{% 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 — 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>
<th class="col-month">I</th><th class="col-month">II</th><th class="col-month">III</th><th class="col-month">IV</th><th class="col-month">V</th><th class="col-month">VI</th>
<th class="col-month">VII</th><th class="col-month">VIII</th><th class="col-month">IX</th><th class="col-month">X</th><th class="col-month">XI</th><th class="col-month">XII</th>
<th title="Zaległości z lat poprzednich — kliknij aby wpisać kwotę" style="width:70px;font-size:9px;line-height:1.2;">Zaległ.<br><span style="font-weight:400;text-transform:none;">z lat poprz.</span></th>
<th style="width:50px;"></th>
<th style="width:70px;"></th>
{% endif %}
</tr>
</thead>
@ -416,7 +430,7 @@
{% endif %}
</td>
{% for m in range(1, 13) %}
<td>
<td class="col-month">
{% set fee = cf.months.get(m) %}
{% if fee %}
<span class="month-cell {{ fee.status }}" title="{{ fee.status }}: wpłacono {{ fee.amount_paid|int }} z {{ fee.amount|int }} zł" style="position:relative;">
@ -435,18 +449,18 @@
<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;">
<td style="text-align:center;">
{% if cf.reminder %}
{% if cf.reminder.is_read %}
<span style="color:var(--success);" title="Odczytano {{ cf.reminder.read_at.strftime('%d.%m %H:%M') if cf.reminder.read_at else '' }}">✓ Odczytano {{ cf.reminder.sent_at.strftime('%d.%m %H:%M') }}</span>
<span style="color:var(--success);font-size:16px;cursor:default;" title="Odczytano {{ cf.reminder.read_at.strftime('%d.%m %H:%M') if cf.reminder.read_at else '' }}. Wysłano {{ cf.reminder.sent_at.strftime('%d.%m %H:%M') }}">✓</span>
{% else %}
<span style="color:var(--text-secondary);" title="Wysłano {{ cf.reminder.sent_at.strftime('%d.%m.%Y %H:%M') }}">✉ Wysłano {{ cf.reminder.sent_at.strftime('%d.%m %H:%M') }}</span>
<span style="color:var(--text-secondary);font-size:16px;cursor:default;" title="Wysłano {{ cf.reminder.sent_at.strftime('%d.%m.%Y %H:%M') }}, jeszcze nie odczytano">✉</span>
{% endif %}
{% endif %}
</td>
<td>
{% if cf.has_data and cf.months.values()|selectattr('status', 'in', ['pending', 'partial', 'overdue'])|list %}
<button class="btn btn-small" style="font-size:11px;padding:2px 8px;color:white;border:none;background:{{ '#64748b' if cf.reminder else 'var(--warning)' }};" onclick="openReminderModal({{ cf.company.id }}, '{{ cf.company.name|e }}', {{ year }})">{{ 'Ponów' if cf.reminder else 'Przypomnij' }}</button>
<button class="btn btn-small" style="font-size:10px;padding:2px 6px;color:white;border:none;background:{{ '#64748b' if cf.reminder else 'var(--warning)' }};border-radius:4px;" onclick="openReminderModal({{ cf.company.id }}, '{{ cf.company.name|e }}', {{ year }})" title="{{ 'Ponów przypomnienie' if cf.reminder else 'Wyślij przypomnienie o składce' }}">{{ 'Ponów' if cf.reminder else 'Przyp.' }}</button>
{% endif %}
</td>
{% endif %}