feat: Tabelle für Benutzer eines Moduls zur Modultabelle hinzugefügt

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/module/module.component.html

@@ -1 +1,18 @@
-<app-module-table #moduleTable></app-module-table>
+<div class="container-fluid text-center">
+    <div class="row m-0 p-0">
+        <div class="col-6">
+            <mat-tab-group>
+                <mat-tab label="Module">
+                    <app-module-table #moduleTable [onSelectedRows]="modulesOnSelectedRows"></app-module-table>
+                </mat-tab>
+            </mat-tab-group>
+        </div>
+        <div class="col-6">
+            <mat-tab-group>
+                <mat-tab label="Benutzer">
+                    <app-user-table #userTable [initData]="initWithoutData"></app-user-table>
+                </mat-tab>
+            </mat-tab-group>
+        </div>
+    </div>
+</div>

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/module/module.component.ts

@@ -1,23 +1,40 @@
 import { AfterViewInit, Component, ViewChild } from '@angular/core';
 import { ModuleTableComponent } from '../../components/tables/module-table/module-table.component';
 import { RefreshService } from '../../services/refresh.service';
+import { MatTabsModule } from '@angular/material/tabs';
+import { UserTableComponent } from '../tables/user-table/user-table.component';
+import { GuiSelectedRow } from '@generic-ui/ngx-grid';
 
 @Component({
   standalone: true,
-  imports: [ModuleTableComponent],
+  imports: [ModuleTableComponent, MatTabsModule, UserTableComponent],
   selector: 'app-module',
   templateUrl: './module.component.html',
   styleUrl: './module.component.css'
 })
 export class ModuleComponent implements AfterViewInit {
-  constructor(private refreshService: RefreshService) { }
 
+  private uModuleId = null;
+
+  constructor(private refreshService: RefreshService) { }
+  initWithoutData = () => { }
   ngAfterViewInit(): void {
     this.refreshService.removeAll()
     this.refreshService.add(() => {
       this.moduleTable.fetchData();
+      if(this.uModuleId)
+        this.userTable.fetchDataByModuleId(this.uModuleId);
     });
   }
 
   @ViewChild("moduleTable") moduleTable!: ModuleTableComponent;
+  @ViewChild("userTable") userTable!: UserTableComponent;
+
+  modulesOnSelectedRows = (rows: GuiSelectedRow[]) => {
+    if(rows.length > 0){
+      this.uModuleId = rows[0].source.id;
+      if(this.uModuleId)
+        this.userTable.fetchDataByGroupId(this.uModuleId);
+    }
+  }
 }