update delivery note form

src/app/components/deliverery-note-form/deliverery-note-form.ts

@@ -55,4 +55,20 @@ export class DelivereryNoteForm implements OnInit {
     filter(input: string, option: any) {
         return option.nzLabel.toLowerCase().includes(input.toLowerCase());
     }
+
+    deliveryNote= input<GetDeliveryNoteDto>();
+    constructor() {
+        effect(() => {
+            if (this.deliveryNote()) {
+                this.deliveryNoteForm.patchValue({
+                    trackingNumber: this.deliveryNote().trackingNumber,
+                    expeditionDate: this.deliveryNote().expeditionDate,
+                    realDeliveryDate: this.deliveryNote().expeditionDate,
+                    estimatedDate: this.deliveryNote().expeditionDate,
+                    deliverer: this.deliveryNote().delivererId
+                });
+            }
+        });
+    }
+
 }

src/app/components/deliverery-note-table/deliverery-note-table.html

@@ -50,6 +50,8 @@
                     <div style="justify-content: center; display: flex">
                         <nz-icon nzType="check" nzTheme="outline" (click)="validate(deliveryNote.id)" class="cursor-pointer text-green-700"/>
                         <nz-divider nzType="vertical"></nz-divider>
+                        <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer" (click)="openEditModal(deliveryNote)"></nz-icon>
+                        <nz-divider nzType="vertical"></nz-divider>
                         <nz-icon nzType="delete" nzTheme="outline" (click)="delete(deliveryNote.id)" class="cursor-pointer text-red-700"/>
                         <nz-divider nzType="vertical"></nz-divider>
                         <nz-icon nzType="export" nzTheme="outline" (click)="export(deliveryNote.id)" class="cursor-pointer text-green-700"/>
@@ -60,3 +62,8 @@
     </tbody>
 </nz-table>
 
+<div class="hidden">
+    <app-modal-nav #modalNav nameIcon="edit" [name]="'Modifier un bon de livraison'" (ok)="onModalOk(selectedDeliveryNote.id, deliveryNoteForm, modalNav)" (cancel)="onModalCancel(modalNav)">
+        <app-deliverery-note-form #deliveryNoteForm [deliveryNote]="selectedDeliveryNote"></app-deliverery-note-form>
+    </app-modal-nav>
+</div>

src/app/components/deliverery-note-table/deliverery-note-table.ts

@@ -108,7 +108,6 @@ export class DelivereryNoteTable implements OnInit {
             );
             this.fileService.downloadBlob(pdf)
         } catch (e) {
-            console.error(e);
             this.notificationService.error(
                 'Erreur',
                 'Impossible de générer un PDF'
@@ -116,4 +115,51 @@ export class DelivereryNoteTable implements OnInit {
         }
         this.deliveryNotesLoading.set(false)
     }
+
+    selectedDeliveryNote: GetDeliveryNoteDto | null = null;
+    openEditModal(deliveryNote: GetDeliveryNoteDto) {
+        this.selectedDeliveryNote = { ...deliveryNote };
+        this.modal().showModal();
+    }
+
+    async onModalOk(id: number, updateDelivereryNoteComponent: DelivereryNoteForm, modal: ModalNav) {
+        if (!this.selectedDeliveryNote) return;
+
+        await this.edit(id, updateDelivereryNoteComponent);
+        updateDelivereryNoteComponent.deliveryNoteForm.reset();
+        modal.isVisible = false;
+        await this.fetchDeliveryNotes();
+    }
+
+    onModalCancel(modal: ModalNav) {
+        modal.isVisible = false;
+    }
+
+    async edit(id: number, updateDelivereryNoteComponent: DelivereryNoteForm) {
+        if (updateDelivereryNoteComponent.deliveryNoteForm.invalid) {
+            this.notificationService.error(
+                'Erreur',
+                'Erreur d\'écriture dans le formulaire'
+            )
+            return;
+        }
+
+        try {
+
+            const deliveryNotes = updateDelivereryNoteComponent.deliveryNoteForm.getRawValue();
+            await firstValueFrom(this.deliveryNotesService.updateDeliveryNoteEndpoint(id, deliveryNotes))
+
+            this.notificationService.success(
+                'Success',
+                'Bon de livraison modifié'
+            )
+        } catch (e) {
+            console.error(e);
+            this.notificationService.error(
+                'Erreur',
+                'Erreur lors de la modification'
+            )
+        }
+
+    }
 }