init

src/app/shared/components/layout/sidebar/sidebar.component.ts

@@ -1,21 +1,29 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { IconComponent } from '../../ui/icon/icon.component';
+import { ButtonComponent } from '../../ui/button/button.component';
 
 @Component({
   selector: 'app-sidebar',
   standalone: true,
-  imports: [CommonModule, IconComponent],
+  imports: [CommonModule, IconComponent,ButtonComponent],
   templateUrl: './sidebar.component.html',
   styleUrl: './sidebar.component.css'
 })
 export class SidebarComponent {
-  // Wir verwalten nur noch, welcher Link aktiv ist. 'dashboard' ist der Standard.
+  // Dummy-Eigenschaft für die aktive Route, damit der Code funktioniert
   activeRoute = 'dashboard';
 
-  // Methode, um den aktiven Link bei einem Klick zu ändern.
-  // In einer echten App würde dies durch den Angular Router gesteuert werden.
+  // NEU: Eigenschaft, um den Zustand der Sidebar zu speichern
+  public isCollapsed = false;
+
+  // Dummy-Methode, damit der Code funktioniert
   setActive(route: string): void {
     this.activeRoute = route;
   }
+
+  // NEU: Methode, um den Zustand umzuschalten
+  toggleSidebar(): void {
+    this.isCollapsed = !this.isCollapsed;
+  }
 }