added deliverery note page with deliverery-note-form and deliverert-note-table

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

@@ -0,0 +1,44 @@
+import { Component } 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";
+
+@Component({
+  selector: 'app-deliverery-note-form',
+    imports: [
+        NzFormItemComponent,
+        NzFormLabelComponent,
+        NzFormControlComponent,
+        NzInputDirective,
+        NzColDirective,
+        NzFlexDirective,
+        NzFormDirective,
+        ReactiveFormsModule,
+        NzDatePickerComponent
+    ],
+  templateUrl: './deliverery-note-form.html',
+  styleUrl: './deliverery-note-form.css',
+})
+export class DelivereryNoteForm {
+    deliveryNoteForm: FormGroup = new FormGroup({
+        trackingNumber: new FormControl<string>(null,[Validators.required]),
+        deliverer: new FormControl<string>(null,[Validators.required]),
+        expeditionDate: new FormControl(null,[Validators.required]),
+        estimatedDate: new FormControl(null),
+        realDate: new FormControl(null)
+    })
+
+    submitForm() {
+        // Pour annuler si le formulaire est invalide
+        if (this.deliveryNoteForm.invalid) return;
+
+        // Pour obtenir la valeur du formulaire
+        console.log(this.deliveryNoteForm.getRawValue())
+
+        // Pour vider le formulaire
+        this.deliveryNoteForm.reset()
+    }
+}