fix: Make only news stat cards clickable filters

- Projektów, Interesariuszy, Materiałów are now info-only (not filters)
- Only Oczekujących, Zatwierdzonych, Odrzuconych filter the news list
- Added info-only CSS class with reduced opacity and no hover effect
- Added tooltips to explain card purpose

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-01-11 07:02:56 +01:00
parent b824f6d450
commit 72c303a04c

View File

@ -46,6 +46,16 @@
box-shadow: var(--shadow-lg);
}
.stat-card.info-only {
cursor: default;
opacity: 0.85;
}
.stat-card.info-only:hover {
transform: none;
box-shadow: var(--shadow);
}
.stat-card.active {
border-color: var(--primary);
background: var(--primary-light, #f0fdf4);
@ -620,32 +630,37 @@
</div>
</div>
<!-- Stats - Clickable filters -->
<!-- Stats - Info cards (not clickable) + News filters (clickable) -->
<div class="stats-grid">
<a href="?status=all" class="stat-card {{ 'active' if status_filter == 'all' else '' }}">
<!-- Info cards - not filters -->
<div class="stat-card info-only" title="Projekty strategiczne ZOPK">
<div class="stat-value">{{ stats.total_projects }}</div>
<div class="stat-label">Projektów</div>
</a>
<a href="?status=all" class="stat-card {{ 'active' if status_filter == 'all' else '' }}">
</div>
<div class="stat-card info-only" title="Kluczowi interesariusze">
<div class="stat-value">{{ stats.total_stakeholders }}</div>
<div class="stat-label">Interesariuszy</div>
</a>
<a href="?status=pending" class="stat-card warning {{ 'active' if status_filter == 'pending' else '' }}">
</div>
<!-- News filters - clickable -->
<a href="?status=pending" class="stat-card warning {{ 'active' if status_filter == 'pending' else '' }}" title="Filtruj: newsy oczekujące">
<div class="stat-value">{{ stats.pending_news }}</div>
<div class="stat-label">Oczekujących newsów</div>
</a>
<a href="?status=approved" class="stat-card success {{ 'active' if status_filter == 'approved' else '' }}">
<a href="?status=approved" class="stat-card success {{ 'active' if status_filter == 'approved' else '' }}" title="Filtruj: newsy zatwierdzone">
<div class="stat-value">{{ stats.approved_news }}</div>
<div class="stat-label">Zatwierdzonych newsów</div>
</a>
<a href="?status=rejected" class="stat-card danger {{ 'active' if status_filter == 'rejected' else '' }}">
<a href="?status=rejected" class="stat-card danger {{ 'active' if status_filter == 'rejected' else '' }}" title="Filtruj: newsy odrzucone">
<div class="stat-value">{{ stats.rejected_news }}</div>
<div class="stat-label">Odrzuconych newsów</div>
</a>
<a href="?status=all" class="stat-card {{ 'active' if status_filter == 'all' else '' }}">
<!-- Info card - not filter -->
<div class="stat-card info-only" title="Materiały i zasoby">
<div class="stat-value">{{ stats.total_resources }}</div>
<div class="stat-label">Materiałów</div>
</a>
</div>
</div>
<!-- Old news warning -->