feat: Dashboard-Enhancements – Filter, Checkboxen, Animationen
CI - Build & Test / Backend (.NET) (push) Successful in 25s
CI - Build & Test / Frontend (Vue/TS) (push) Successful in 17s
CI - Build & Test / Security Check (push) Successful in 3s

- IrisPanel: Task-Zahlen aus OperationsStore, Suggestions als Array, Chat via console.log
- OperationsFeed: Filter-Pills filtern Feed-Items, TransitionGroup-Animationen
- AgendaPanel: Checkboxen mit localStorage-Persistenz (nexus-agenda-done)
- ActiveInitiatives: Cards hover-scale, Klick-Handler, Progress-Bars animiert
- RecentlyFinished: Chips klickbar + a11y (role, tabindex, keyup)
- DashboardView: fade-in Animation, Custom-Scrollbar
- VERSION: 0.1.0 initial
- Deploy-Workflow: Version-Bump-Semantik (major=x.0.0, minor=1.x.0, patch=1.0.x)
This commit is contained in:
2026-06-09 19:51:25 +02:00
parent 635e43457d
commit 13d4c2f157
6 changed files with 171 additions and 39 deletions
@@ -9,13 +9,25 @@ const recentlyFinished = ref([
'TeamView deployt',
'Config-Editor live',
])
function onChipClick(item: string) {
console.log('[Dashboard] Recently finished:', item)
}
</script>
<template>
<div class="finished-section">
<h3>Recently Finished</h3>
<div class="finished-scroll">
<span v-for="(item, idx) in recentlyFinished" :key="idx" class="finished-chip">
<span
v-for="(item, idx) in recentlyFinished"
:key="idx"
class="finished-chip"
role="button"
tabindex="0"
@click="onChipClick(item)"
@keyup.enter="onChipClick(item)"
>
{{ item }}
</span>
</div>
@@ -66,6 +78,10 @@ const recentlyFinished = ref([
border-color: rgba(139, 124, 246, 0.2);
color: #e8eaf0;
}
.finished-chip:focus-visible {
outline: 2px solid #a78bfa;
outline-offset: 2px;
}
@media (max-width: 900px) {
.finished-section {