added edit function

src/app/components/quotation-table/quotation-table.ts

@@ -1,4 +1,4 @@
-import {Component, inject, OnInit, signal} from '@angular/core';
+import {Component, inject, OnInit, signal, viewChild} from '@angular/core';
 import {NzTableComponent} from "ng-zorro-antd/table";
 import {ModalButton} from "../modal-button/modal-button";
 import {ModalNav} from "../modal-nav/modal-nav";
@@ -9,6 +9,7 @@ import {GetQuotationDto, QuotationsService} from "../../services/api";
 import {NzNotificationService} from "ng-zorro-antd/notification";
 import {firstValueFrom} from "rxjs";
 import {FileService} from "../../services/file.service";
+import {DelivereryNoteForm} from "../deliverery-note-form/deliverery-note-form";
 
 @Component({
     selector: 'app-quotation-table',
@@ -19,6 +20,7 @@ import {FileService} from "../../services/file.service";
         NzIconDirective,
         NzTableComponent,
         QuotationForm,
+        DelivereryNoteForm,
     ],
     templateUrl: './quotation-table.html',
     styleUrl: './quotation-table.css',
@@ -30,6 +32,7 @@ export class QuotationTable implements OnInit {
     private fileService = inject(FileService);
     quotations = signal<GetQuotationDto[]>([]);
     quotationsLoading = signal<boolean>(false);
+    modal = viewChild.required<ModalNav>('modalNav');
 
     async ngOnInit() {
         await this.fetchQuotations();
@@ -84,5 +87,40 @@ export class QuotationTable implements OnInit {
         }
         this.quotationsLoading.set(false)
     }
+
+    async edit(id: number, updateQuotationComponent: QuotationForm) {
+        if (updateQuotationComponent.quotationForm.invalid) {
+            this.notificationService.error('Erreur', 'Formulaire invalide');
+            return;
+        }
+
+        try {
+            const quotations = updateQuotationComponent.quotationForm.getRawValue();
+            await firstValueFrom(this.quotationsService.updateQuotationEndpoint(id, quotations));
+            this.notificationService.success('Success', 'Devis modifié')
+        } catch (e) {
+            console.error(e)
+            this.notificationService.error('Erreur', 'Erreur lors de la modification')
+        }
+    }
+
+    selectedQuotation: GetQuotationDto | null = null;
+    openEditModal(quotation: GetQuotationDto) {
+        this.selectedQuotation = { ...quotation };
+        this.modal().showModal();
+    }
+
+    async onModalOk(id: number, updateQuotationComponent: QuotationForm, modal: ModalNav) {
+        if (!this.selectedQuotation) return;
+
+        await this.edit(id, updateQuotationComponent);
+        updateQuotationComponent.quotationForm.reset();
+        modal.isVisible = false;
+        await this.fetchQuotations();
+    }
+
+    onModalCancel(modal: ModalNav) {
+        modal.isVisible = false;
+    }
 }