changes

client/src/app/modules/system/components/system-manager/system-manager.component.ts

@@ -0,0 +1,50 @@
+import { Component, inject } from '@angular/core';
+import { GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
+import { HELPER } from '../../../../shared/helper.service';
+import { AgGridAngular } from 'ag-grid-angular';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { HotToastService } from '@ngxpert/hot-toast';
+import { ApiService } from '../../../../shared/api.service';
+
+@Component({
+  selector: 'app-system-manager',
+  standalone: true,
+  imports: [AgGridAngular, MatDialogModule],
+  templateUrl: './system-manager.component.html',
+  styleUrl: './system-manager.component.scss'
+})
+export class SystemManagerComponent {
+
+   gridApi!: GridApi;
+  
+    gridOptions: GridOptions = HELPER.getGridOptions();
+    readonly dialogRef = inject(MatDialogRef<SystemManagerComponent>);
+    readonly system = inject<any>(MAT_DIALOG_DATA);
+
+    private api: ApiService = inject(ApiService);
+      private dialog: MatDialog = inject(MatDialog);
+      private toast = inject(HotToastService);
+
+
+    constructor() {
+        this.gridOptions.columnDefs = [
+          { colId: 'name', field: 'firstName', headerName: 'Name', sort: 'asc', flex: 1, cellRenderer: (data: any) => data.data.firstName + ' ' + data.data.lastName, sortable: true, filter: true},
+          { colId: 'mail', field: 'username', headerName: 'E-Mail', flex: 1},
+        ]
+      }
+
+
+  onGridReady(params: GridReadyEvent) {
+      this.gridApi = params.api;
+      this.loadManagers();
+  }
+
+  loadManagers() {
+    this.api.getSystemManagers(this.system.id).subscribe({
+      next: n => {
+        this.gridApi.setGridOption("rowData", n);
+        this.gridApi.setGridOption("loading", false);
+      }
+    })
+  }
+}