Joshua
8da593c450
All checks were successful
Dev Build / build-test (pull_request) Successful in 1m57s
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import { ChangeDetectionStrategy, Component, EventEmitter, Output, signal } from '@angular/core';
|
|
import { MatIconModule } from '@angular/material/icon';
|
|
import { MatButtonModule } from '@angular/material/button';
|
|
import { MatBadgeModule } from '@angular/material/badge';
|
|
|
|
/**
|
|
* Header Bar component for the Command Hub.
|
|
* Per spec Section 3.1: 64px tall, app title + live indicator + notification bell + settings.
|
|
* Uses M3 top app bar pattern.
|
|
*/
|
|
@Component({
|
|
selector: 'app-header-bar',
|
|
standalone: true,
|
|
imports: [MatIconModule, MatButtonModule, MatBadgeModule],
|
|
templateUrl: './header-bar.component.html',
|
|
styleUrl: './header-bar.component.scss',
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
})
|
|
export class HeaderBarComponent {
|
|
/** Emits when the user requests the Quick-Jump drawer. */
|
|
@Output() readonly openQuickJump = new EventEmitter<void>();
|
|
|
|
protected readonly notificationCount = signal(3);
|
|
protected readonly isConnected = signal(true);
|
|
|
|
// TODO: Wire up notification panel (spec Section 2: Notifications Panel)
|
|
// TODO: Wire up settings navigation
|
|
} |