40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { CommonModule } from '@angular/common';
|
|
import { Component, signal } from '@angular/core';
|
|
import { MatButtonModule } from '@angular/material/button';
|
|
import { MatChipsModule } from '@angular/material/chips';
|
|
import { MatIconModule } from '@angular/material/icon';
|
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
import { RouterOutlet } from '@angular/router';
|
|
import { NotificationsComponent } from './components/notifications/notifications';
|
|
import { SidebarComponent } from './components/sidebar/sidebar.component';
|
|
|
|
@Component({
|
|
selector: 'app-root',
|
|
imports: [
|
|
RouterOutlet,
|
|
CommonModule,
|
|
MatSidenavModule,
|
|
MatToolbarModule,
|
|
MatButtonModule,
|
|
MatIconModule,
|
|
MatChipsModule,
|
|
SidebarComponent,
|
|
NotificationsComponent,
|
|
],
|
|
templateUrl: './app.html',
|
|
styleUrl: './app.css',
|
|
})
|
|
export class App {
|
|
protected title = 'Trading Dashboard';
|
|
protected sidenavOpened = signal(true);
|
|
|
|
toggleSidenav() {
|
|
this.sidenavOpened.set(!this.sidenavOpened());
|
|
}
|
|
|
|
onNavigationClick(route: string) {
|
|
// Handle navigation if needed
|
|
console.log('Navigating to:', route);
|
|
}
|
|
}
|