Handout management

client/src/app/shared/ag-grid/components/ag-open-handout/ag-open-handout.component.html

@@ -0,0 +1 @@
+<div class="handover icon-btn-sm" (click)="openDialog()"></div>

client/src/app/shared/ag-grid/components/ag-open-handout/ag-open-handout.component.scss

@@ -0,0 +1,11 @@
+:host {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 100%;
+}
+
+.handover {
+  background-image: url('../../../../../assets/img/handover.svg');
+}

client/src/app/shared/ag-grid/components/ag-open-handout/ag-open-handout.component.ts

@@ -0,0 +1,44 @@
+import { Component, HostBinding, inject } from '@angular/core';
+import { ICellRendererAngularComp } from 'ag-grid-angular';
+import { ICellRendererParams } from 'ag-grid-community';
+import { IKey } from '../../../../model/interface/key.interface';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { HandoverDialogComponent } from '../../../../modules/keys/components/handover-dialog/handover-dialog.component';
+
+@Component({
+  selector: 'app-ag-open-handout',
+  standalone: true,
+  imports: [MatDialogModule],
+  templateUrl: './ag-open-handout.component.html',
+  styleUrl: './ag-open-handout.component.scss'
+})
+export class AgOpenHandoutComponent implements ICellRendererAngularComp {
+  private dialog: MatDialog = inject(MatDialog);
+  key!: IKey;
+  params!: ICellRendererParams<any, any, any>;
+
+  agInit(params: ICellRendererParams<any, any, any>): void {
+    this.params = params;
+    this.key = params.data;
+  }
+  refresh(params: ICellRendererParams<any, any, any>): boolean {
+    return false;
+  }
+
+
+  openDialog() {
+    this.dialog.open(HandoverDialogComponent, {
+      data: this.key,
+      autoFocus: false,
+      maxWidth: '100vw',
+      maxHeight: '100vh'
+    }).afterClosed().subscribe({
+      next: n => {
+        if (n != null) {
+          this.key.handedOut = n;
+          this.params.api.refreshCells();
+        }
+      }
+    })
+  }
+}