Semmal/eeg_portal
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat(frontend): wire notification component into dashboard header

Browse Source 
- Import NotificationComponent in DashboardLayout
- Add bell icon with unread badge to dashboard header
This commit is contained in:
Bernhard Müller 2026-07-22 07:42:36 +02:00
parent cadd5a697e
commit a9329b309f
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.html
View File

@ -50,6 +50,7 @@
</h1> </h1>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<app-notification />
<span class="text-sm text-gray-500 hidden sm:inline"> <span class="text-sm text-gray-500 hidden sm:inline">
Rolle: <span class="font-semibold text-gray-700">{{ authService.currentUserRole() }}</span> Rolle: <span class="font-semibold text-gray-700">{{ authService.currentUserRole() }}</span>
</span> </span>

3
eeg_frontend/src/app/layout/dashboard-layout/dashboard-layout.ts
View File

@ -2,11 +2,12 @@ import {Component, computed, inject, signal} from '@angular/core';
import {Router, RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router'; import {Router, RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
import {AuthService} from '../../services/auth'; import {AuthService} from '../../services/auth';
import {NAV_ITEMS} from './dashboard-nav-items'; import {NAV_ITEMS} from './dashboard-nav-items';
import {NotificationComponent} from '../../components/notification/notification';
@Component({ @Component({
selector: 'app-dashboard-layout', selector: 'app-dashboard-layout',
standalone: true, standalone: true,
imports: [RouterOutlet, RouterLink, RouterLinkActive], imports: [RouterOutlet, RouterLink, RouterLinkActive, NotificationComponent],
templateUrl: './dashboard-layout.html', templateUrl: './dashboard-layout.html',
styleUrl: './dashboard-layout.scss' styleUrl: './dashboard-layout.scss'
}) })