From f88b5d2733dc7e92bec4b852a4a4cab3617eca38 Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Wed, 4 Sep 2024 15:14:10 +0200
Subject: [PATCH] feat: Erweiterbare Zeilen in `EnvelopeTableComponent`
 aktiviert und `mat-tab`-Komponente integriert
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Aktiviert die Unterstützung für erweiterbare Zeilen in der `EnvelopeTableComponent` durch Setzen der `isExpandable`-Option auf `true`.
- Integriert die `mat-tab-group`-Komponente innerhalb der erweiterten Zeilen für eine bessere Darstellung von Tab-Inhalten.
- Hinzugefügt: Zwei Tabs ("Emfänger" und "History") für die Anzeige von zusätzlichen Informationen in den erweiterten Zeilen.
---
 .../envelope-table/envelope-table.component.html          | 8 +++++++-
 .../components/envelope-table/envelope-table.component.ts | 3 ++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html
index 331a5270..ecf6e2a2 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html
@@ -1,4 +1,10 @@
 <dd-table [data]="data" [columnsToDisplay]="displayedColumns" [schema]="schema"
     [paginatorSizeOptions]="[5, 10, 25, 100]" [filter]="{label: 'Filter', placeholder: ''}"
-    [onToggleExpandedRow]="onToggleExpandedRow" [isSortable]="true" [isExpandable]="false" [isFilterable]="true">
+    [onToggleExpandedRow]="onToggleExpandedRow" [isSortable]="true" [isExpandable]="true" [isFilterable]="true">
+    <mat-tab-group expanded>
+        <mat-tab label="Emfänger">
+        </mat-tab>
+        <mat-tab label="History">
+        </mat-tab>
+    </mat-tab-group>
 </dd-table>
\ No newline at end of file
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts
index f32a0455..42bc19d9 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts
@@ -4,11 +4,12 @@ import { animate, state, style, transition, trigger } from '@angular/animations'
 import { ConfigurationService } from '../../services/configuration.service';
 import { DDTable } from "../dd-table/dd-table.component";
 import { ClearableInputComponent } from '../clearable-input/clearable-input.component'
+import { MatTabsModule } from '@angular/material/tabs';
 
 @Component({
   selector: 'app-envelope-table',
   standalone: true,
-  imports: [DDTable, ClearableInputComponent],
+  imports: [DDTable, ClearableInputComponent, MatTabsModule],
   templateUrl: './envelope-table.component.html',
   animations: [
     trigger('detailExpand', [