feat: Dashboard-Enhancements – Filter, Checkboxen, Animationen
- 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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user