added getall and delete functions for deliverynote page

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

@@ -1,10 +1,13 @@
-import { Component } from '@angular/core';
+import {Component, inject, signal} from '@angular/core';
 import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
 import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
-import {NzInputDirective} from "ng-zorro-antd/input";
 import {NzColDirective} from "ng-zorro-antd/grid";
 import {NzFlexDirective} from "ng-zorro-antd/flex";
 import {NzDatePickerComponent} from "ng-zorro-antd/date-picker";
+import {NzOptionComponent, NzSelectComponent} from "ng-zorro-antd/select";
+import {DeliverersService, GetDelivererDto} from "../../services/api";
+import {NzNotificationService} from "ng-zorro-antd/notification";
+import {firstValueFrom} from "rxjs";
 
 @Component({
   selector: 'app-deliverery-note-form',
@@ -12,12 +15,13 @@ import {NzDatePickerComponent} from "ng-zorro-antd/date-picker";
         NzFormItemComponent,
         NzFormLabelComponent,
         NzFormControlComponent,
-        NzInputDirective,
         NzColDirective,
         NzFlexDirective,
         NzFormDirective,
         ReactiveFormsModule,
-        NzDatePickerComponent
+        NzDatePickerComponent,
+        NzSelectComponent,
+        NzOptionComponent
     ],
   templateUrl: './deliverery-note-form.html',
   styleUrl: './deliverery-note-form.css',
@@ -30,14 +34,24 @@ export class DelivereryNoteForm {
         realDate: new FormControl(null)
     })
 
-    submitForm() {
-        // Pour annuler si le formulaire est invalide
-        if (this.deliveryNoteForm.invalid) return;
+    private deliverersService = inject(DeliverersService);
+    private notificationService = inject(NzNotificationService);
+    deliverers = signal<GetDelivererDto[]>([]);
 
-        // Pour obtenir la valeur du formulaire
-        console.log(this.deliveryNoteForm.getRawValue())
+    async fetchDeliverers() {
+        try {
+            const deliverers = await firstValueFrom(this.deliverersService.getAllDelivererEndpoint());
+            this.deliverers.set(deliverers);
+        } catch (e) {
+            this.notificationService.error('Erreur', 'Impossible de récupérer les transporteurs');
+        }
+    }
 
-        // Pour vider le formulaire
-        this.deliveryNoteForm.reset()
+    async ngOnInit() {
+        await this.fetchDeliverers();
+    }
+
+    filter(input: string, option: any) {
+        return option.nzLabel.toLowerCase().includes(input.toLowerCase());
     }
 }