review: fix semantic meter labels in IrisPanel
- 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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user