import { Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterLink, RouterLinkActive } from '@angular/router';

@Component({
  selector: 'app-designer-nav',
  standalone: true,
  imports: [CommonModule, FormsModule, RouterLink, RouterLinkActive],
  templateUrl: './designer-nav.html',
  styleUrl: './designer-nav.scss'
})
export class DesignerNavComponent {
  @Input() userName: string = '设计师用户';
  @Input() onlineHours: number = 4.8;
  
  sidebarOpen = true;
  searchTerm = '';
  currentDate = new Date();

  toggleSidebar() {
    this.sidebarOpen = !this.sidebarOpen;
  }
}