Styling

client/src/app/modules/keys/components/handover-dialog/handover-dialog.component.html

@@ -49,33 +49,14 @@
   </mat-tab>
 
   <mat-tab label="Historie">
-  <mat-dialog-content>
-    <table class="handouts">
-      <tr>
-        <th>Kunde</th>
-        <th >Datum</th>
-        <th>
-          Übergabe
-        </th>
-      </tr>
-    
-      @if (handovers.length == 0) {
-        <tr>
-          <td>-</td>
-          <td>-</td>
-          <td>-</td>
-        </tr>
-      }
-      @for (item of handovers; track $index) {
-        <tr>
-          <td>{{ item.customer.name }}</td>
-          <td>{{ item.timestamp | date}}</td>
-          <td>{{ item.direction == 'out' ? 'Ausgabe' : 'Rückgabe'}}</td>
-        </tr>
-      }
-
-        
-    </table>
+  <mat-dialog-content class="no-padding">
+    <div style="height: 300px; padding: 12px 0 0 0;">
+      <ag-grid-angular
+      style="width: 100%; height: 100%;"
+      (gridReady)="onGridReady($event)"
+      [gridOptions]="gridOptions!"
+    />
+    </div>
   </mat-dialog-content>
   <mat-dialog-actions>
     <button mat-button mat-dialog-close color="warn" >Schließen</button>