Manage SystemManagers

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

@@ -1,13 +1,25 @@
 
 
-<h2 mat-dialog-title>Manager</h2>
+<h2 mat-dialog-title>{{ system?.name }} - Manager</h2>
 <mat-dialog-content>
+<div style="display: flex; flex-direction: column; height: calc(100% - 4px);" class="gap-2">
+  <div class="flex-auto">
     <ag-grid-angular
     style="width: 100%; height: 100%;"
     (gridReady)="onGridReady($event)"
     [gridOptions]="gridOptions!"
-/>
-
+  />
+  </div>
+  
+  <div class="flex gap-2 items-center">
+    <mat-form-field class="flex-1">
+      <mat-label>Email</mat-label>
+      <input matInput [(ngModel)]="email">
+      <mat-hint>Emailadresse des neuen Users eingeben</mat-hint>
+    </mat-form-field>
+    <button mat-button (click)="addManagerByEmail()" [disabled]="email == '' || email == null">Hinzufügen</button>
+  </div>
+</div>
 </mat-dialog-content>
 <mat-dialog-actions>
   <button mat-button [mat-dialog-close]="true">Schließen</button>