changes

client/src/app/shared/ag-grid/components/ag-system-manager/ag-system-manager.component.ts

@@ -0,0 +1,55 @@
+import { Component, inject } from '@angular/core';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { HotToastService } from '@ngxpert/hot-toast';
+import { ICellRendererAngularComp } from 'ag-grid-angular';
+import { ICellRendererParams } from 'ag-grid-community';
+import { ApiService } from '../../../api.service';
+import { SystemManagerComponent } from '../../../../modules/system/components/system-manager/system-manager.component';
+
+@Component({
+  selector: 'app-ag-system-manager',
+  standalone: true,
+  imports: [MatDialogModule, MatTooltipModule],
+  templateUrl: './ag-system-manager.component.html',
+  styleUrl: './ag-system-manager.component.scss'
+})
+export class AgSystemManagerComponent implements ICellRendererAngularComp {
+
+  private api: ApiService = inject(ApiService);
+    private dialog: MatDialog = inject(MatDialog);
+    private toast = inject(HotToastService);
+
+    params!: ICellRendererParams<any, any, any>;
+    system: any;
+  
+    agInit(params: ICellRendererParams<any, any, any>): void {
+      this.params = params;
+      this.system = params.data;
+    }
+    refresh(params: ICellRendererParams<any, any, any>): boolean {
+      return false;
+    }
+
+
+  openManager() {
+      const ref = this.dialog.open(SystemManagerComponent, {
+        data: this.system,
+        autoFocus: false,
+        maxHeight: "calc(100vh - 24px)",
+        maxWidth: "calc(100vw - 24px)",
+        width: "50vw",
+        minWidth: "300px",
+        height: "70vh",
+        disableClose: true
+      })
+  
+    //   ref.afterClosed().subscribe({
+    //     next: n => {
+    //       if (n) {
+    //         this.deleteThisKey();
+    //       }
+    //     }
+    //   })
+    }
+}