update delivery note components

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

@@ -1,11 +1,11 @@
-import {Component, inject, signal} from '@angular/core';
+import {Component, effect, inject, input, OnInit, signal} from '@angular/core';
 import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
 import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
 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 {DeliverersService, GetDelivererDto, GetDeliveryNoteDto} from "../../services/api";
 import {NzNotificationService} from "ng-zorro-antd/notification";
 import {firstValueFrom} from "rxjs";
 
@@ -21,13 +21,14 @@ import {firstValueFrom} from "rxjs";
         ReactiveFormsModule,
         NzDatePickerComponent,
         NzSelectComponent,
-        NzOptionComponent
+        NzOptionComponent,
     ],
   templateUrl: './deliverery-note-form.html',
   styleUrl: './deliverery-note-form.css',
 })
-export class DelivereryNoteForm {
+export class DelivereryNoteForm implements OnInit {
     deliveryNoteForm: FormGroup = new FormGroup({
+        trackingNumber: new FormControl<string>("TRK-" + Date.now),
         deliverer: new FormControl<string>(null,[Validators.required]),
         expeditionDate: new FormControl(null,[Validators.required]),
         estimatedDate: new FormControl(null),

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

@@ -48,24 +48,15 @@
                 </td>
                 <td>
                     <div style="justify-content: center; display: flex">
-                        <div>
                         <nz-icon nzType="check" nzTheme="outline" (click)="validate(deliveryNote.id)" class="cursor-pointer text-green-700"/>
-                        </div>
                         <nz-divider nzType="vertical"></nz-divider>
-                        <app-modal-nav nameIcon="edit" name="Modification du bon de livraison" class="cursor-pointer">
-                            <app-deliverery-note-form></app-deliverery-note-form>
-                        </app-modal-nav>
-                        <nz-divider nzType="vertical"></nz-divider>
-                        <div>
                         <nz-icon nzType="delete" nzTheme="outline" (click)="delete(deliveryNote.id)" class="cursor-pointer text-red-700"/>
-                        </div>
                         <nz-divider nzType="vertical"></nz-divider>
-                        <div>
                         <nz-icon nzType="export" nzTheme="outline" (click)="export(deliveryNote.id)" class="cursor-pointer text-green-700"/>
                     </div>
-                    </div>
                 </td>
             </tr>
         }
     </tbody>
 </nz-table>
+

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

@@ -1,4 +1,4 @@
-import {Component, inject, OnInit, signal} from '@angular/core';
+import {Component, inject, OnInit, signal, viewChild} from '@angular/core';
 import {DatePipe} from "@angular/common";
 import {ModalButton} from "../modal-button/modal-button";
 import {ModalNav} from "../modal-nav/modal-nav";
@@ -32,6 +32,7 @@ export class DelivereryNoteTable implements OnInit {
     private fileService = inject(FileService);
     deliveryNotes = signal<GetDeliveryNoteDto[]>([]);
     deliveryNotesLoading = signal<boolean>(false);
+    modal = viewChild.required<ModalNav>('modalNav');
 
     async ngOnInit() {
         await this.fetchDeliveryNotes();