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

This commit is contained in:
Developer 02 2024-07-25 09:42:45 +02:00
parent 6b8239485e
commit 21d7507726
2 changed files with 37 additions and 3 deletions

View File

@ -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>

View File

@ -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);
}
}
}