styles

src/app/features/demo/components/demo2/demo2.component.ts

@@ -12,11 +12,17 @@ import { PageHeaderComponent } from '../../../../shared/components/layout/page-h
 import { SlideToggleComponent } from '../../../../shared/components/form/slide-toggle/slide-toggle.component';
 import { StatusPillComponent } from '../../../../shared/components/ui/status-pill/status-pill.component';
 import { DialogComponent } from '../../../../shared/components/overlays/dialog/dialog.component';
-import { MenuComponent } from '../../../../shared/components/overlays/menu/menu.component';
+import {
+  MenuComponent,
+  MenuItem,
+} from '../../../../shared/components/overlays/menu/menu.component';
 import { AlertComponent } from '../../../../shared/components/ui/alert/alert.component';
 import { PaginatorComponent } from '../../../../shared/components/data-display/paginator/paginator.component';
 import { SkeletonComponent } from '../../../../shared/components/ui/skeleton/skeleton.component';
 import { ExpansionPanelComponent } from '../../../../shared/components/layout/expansion-panel/expansion-panel.component';
+import { SidebarComponent } from '../../../../shared/components/layout/sidebar/sidebar.component';
+
+import { OrdersTableComponent, Order } from '../../../../shared/components/data-display/orders-table/orders-table.component';
 
 @Component({
   selector: 'app-demo2',
@@ -37,6 +43,8 @@ import { ExpansionPanelComponent } from '../../../../shared/components/layout/ex
     PaginatorComponent,
     SkeletonComponent,
     ExpansionPanelComponent,
+    SidebarComponent,
+    OrdersTableComponent
   ],
   templateUrl: './demo2.component.html',
   styleUrl: './demo2.component.css',
@@ -45,13 +53,54 @@ export class Demo2Component implements OnInit {
   // Zustands-Variablen für diese Demo-Seite
   isLoading = true;
   isDialogOpen = false;
-  isComponentMenuOpen = false;
+  // isComponentMenuOpen = false; // <--- DIESE ZEILE ENTFERNEN, DA SIE NICHT MEHR BENÖTIGT WIRD
 
   // Eigenschaften für den Paginator
   currentPage = 1;
   totalItems = 123;
   itemsPerPage = 10;
 
+  actionMenuItems: MenuItem[] = [
+    {
+      label: 'Bearbeiten',
+      action: () => this.snackbarService.show('Bearbeiten geklickt!'),
+    },
+    {
+      label: 'Kopieren',
+      action: () => console.log('Kopieren geklickt!'),
+    },
+    {
+      dividerBefore: true,
+      label: 'Löschen',
+      action: () => this.openDialog(), // Öffnet z.B. den Bestätigungs-Dialog
+      isDanger: true,
+    },
+  ];
+
+   ordersData: Order[] = [
+    {
+      id: '10543',
+      user: { name: 'Max Mustermann', email: 'max.mustermann@example.com', avatarUrl: 'https://i.pravatar.cc/40?u=max' },
+      amount: '€ 129,99',
+      status: 'success',
+      statusText: 'Abgeschlossen'
+    },
+    {
+      id: '10542',
+      user: { name: 'Erika Mustermann', email: 'erika.m@example.com', avatarUrl: 'https://i.pravatar.cc/40?u=erika' },
+      amount: '€ 49,50',
+      status: 'warning',
+      statusText: 'In Bearbeitung'
+    },
+    {
+      id: '10541',
+      user: { name: 'Peter Pan', email: 'peter.pan@example.com', avatarUrl: 'https://i.pravatar.cc/40?u=peter' },
+      amount: '€ 87,00',
+      status: 'danger',
+      statusText: 'Storniert'
+    }
+  ];
+
   constructor(private snackbarService: SnackbarService) {}
 
   ngOnInit(): void {
@@ -80,4 +129,9 @@ export class Demo2Component implements OnInit {
     console.log('Wechsle zu Seite:', newPage);
     // Hier würde die Logik zum Neuladen der Tabellendaten folgen
   }
+
+   handleDeleteOrder(orderId: string) {
+    console.log('Lösche Bestellung mit ID:', orderId);
+    this.openDialog(); // Öffnet z.B. den globalen Dialog
+  }
 }