review: fix semantic meter labels in IrisPanel
CI - Build & Test / Backend (.NET) (push) Successful in 23s
CI - Build & Test / Frontend (Vue/TS) (push) Successful in 17s
CI - Build & Test / Security Check (push) Successful in 3s

- Renamed 'overdue' (Überfällig) → 'critical' (Kritisch):
  Was falsch: Der Meter zählte tasks.filter(t => t.state === 'Blocked'),
  zeigte aber 'Überfällig' an. Blockierte Tasks sind nicht 'überfällig',
  sondern 'kritisch'. Zudem war die Berechnung redundant zum 'blocked'-Meter
  (incidents aus metrics).
- Renamed 'todayAppointments' (Heute) → 'active' (Aktiv):
  Was falsch: Der Meter zählte tasks mit state === 'In progress', das Label
  'Heute' suggerierte aber einen Zeitbezug. 'Aktiv' beschreibt korrekt den
  Bearbeitungsstatus.
- CSS-Klassen entsprechend umbenannt (meter-overdue → meter-critical,
  meter-today → meter-active).
This commit is contained in:
2026-06-09 20:04:47 +02:00
parent edda569536
commit d55d2f201d
@@ -18,8 +18,8 @@ const meters = computed(() => {
return {
openTasks: store.snapshot.metrics.queuedTasks,
blocked: store.snapshot.metrics.incidents,
overdue: tasks.filter(t => t.state === 'Blocked').length,
todayAppointments: tasks.filter(t => t.state === 'In progress').length,
critical: tasks.filter(t => t.state === 'Blocked').length,
active: tasks.filter(t => t.state === 'In progress').length,
}
})
@@ -61,12 +61,12 @@ function sendChat() {
<span class="meter-label">Blockiert</span>
</div>
<div class="meter-item">
<span class="meter-value meter-overdue">{{ meters.overdue }}</span>
<span class="meter-label">Überfällig</span>
<span class="meter-value meter-critical">{{ meters.critical }}</span>
<span class="meter-label">Kritisch</span>
</div>
<div class="meter-item">
<span class="meter-value meter-today">{{ meters.todayAppointments }}</span>
<span class="meter-label">Heute</span>
<span class="meter-value meter-active">{{ meters.active }}</span>
<span class="meter-label">Aktiv</span>
</div>
</div>
@@ -199,8 +199,8 @@ function sendChat() {
color: #e8eaf0;
}
.meter-blocked { color: #eab308; }
.meter-overdue { color: #ef4444; }
.meter-today { color: #3b82f6; }
.meter-critical { color: #ef4444; }
.meter-active { color: #3b82f6; }
.meter-label {
display: block;
font-size: 8px;