styles

2025-09-08 19:27:46 +02:00
parent ee8974e2ff
commit c65aef11ca
66 changed files with 1691 additions and 108 deletions
--- a/src/app/features/demo/components/demo2/demo2.component.ts
+++ b/src/app/features/demo/components/demo2/demo2.component.ts
@@ -0,0 +1,83 @@
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SnackbarService } from '../../../../shared/services/snackbar.service';
+
+// Importieren ALLER wiederverwendbaren Komponenten, die im Template genutzt werden
+import { ButtonComponent } from '../../../../shared/components/ui/button/button.component';
+import { CardComponent } from '../../../../shared/components/ui/card/card.component';
+import { ChipComponent } from '../../../../shared/components/ui/chip/chip.component';
+import { FormFieldComponent } from '../../../../shared/components/form/form-field/form-field.component';
+import { KpiCardComponent } from '../../../../shared/components/data-display/kpi-card/kpi-card.component';
+import { PageHeaderComponent } from '../../../../shared/components/layout/page-header/page-header.component';
+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 { 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';
+
+@Component({
+  selector: 'app-demo2',
+  standalone: true,
+  imports: [
+    CommonModule,
+    ButtonComponent,
+    CardComponent,
+    ChipComponent,
+    FormFieldComponent,
+    KpiCardComponent,
+    PageHeaderComponent,
+    SlideToggleComponent,
+    StatusPillComponent,
+    DialogComponent,
+    MenuComponent,
+    AlertComponent,
+    PaginatorComponent,
+    SkeletonComponent,
+    ExpansionPanelComponent,
+  ],
+  templateUrl: './demo2.component.html',
+  styleUrl: './demo2.component.css',
+})
+export class Demo2Component implements OnInit {
+  // Zustands-Variablen für diese Demo-Seite
+  isLoading = true;
+  isDialogOpen = false;
+  isComponentMenuOpen = false;
+
+  // Eigenschaften für den Paginator
+  currentPage = 1;
+  totalItems = 123;
+  itemsPerPage = 10;
+
+  constructor(private snackbarService: SnackbarService) {}
+
+  ngOnInit(): void {
+    setTimeout(() => {
+      this.isLoading = false;
+    }, 2000);
+  }
+
+  // Methoden für den Dialog
+  openDialog(): void {
+    this.isDialogOpen = true;
+  }
+  closeDialog(): void {
+    this.isDialogOpen = false;
+  }
+
+  // Methode für den Snackbar-Trigger
+  triggerSnackbar(): void {
+    const time = new Date().toLocaleTimeString();
+    this.snackbarService.show('Neues Ereignis um ' + time);
+  }
+
+  // Methode für den Paginator
+  onPageChange(newPage: number): void {
+    this.currentPage = newPage;
+    console.log('Wechsle zu Seite:', newPage);
+    // Hier würde die Logik zum Neuladen der Tabellendaten folgen
+  }
+}