73 lines
2.7 KiB
TypeScript
73 lines
2.7 KiB
TypeScript
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, GetDeliveryNoteDto} from "../../services/api";
|
|
import {NzNotificationService} from "ng-zorro-antd/notification";
|
|
import {firstValueFrom} from "rxjs";
|
|
|
|
@Component({
|
|
selector: 'app-deliverery-note-form',
|
|
imports: [
|
|
NzFormItemComponent,
|
|
NzFormLabelComponent,
|
|
NzFormControlComponent,
|
|
NzColDirective,
|
|
NzFlexDirective,
|
|
NzFormDirective,
|
|
ReactiveFormsModule,
|
|
NzDatePickerComponent,
|
|
NzSelectComponent,
|
|
NzOptionComponent,
|
|
],
|
|
templateUrl: './deliverery-note-form.html',
|
|
styleUrl: './deliverery-note-form.css',
|
|
})
|
|
export class DelivereryNoteForm implements OnInit {
|
|
deliveryNoteForm: FormGroup = new FormGroup({
|
|
trackingNumber: new FormControl<string>(null),
|
|
delivererId: new FormControl<number>(null, [Validators.required]),
|
|
expeditionDate: new FormControl(null, [Validators.required]),
|
|
estimatedDate: new FormControl(null, [Validators.required]),
|
|
realDeliveryDate: new FormControl(null)
|
|
})
|
|
|
|
private deliverersService = inject(DeliverersService);
|
|
private notificationService = inject(NzNotificationService);
|
|
|
|
deliverers = signal<GetDelivererDto[]>([]);
|
|
|
|
deliveryNote = input<GetDeliveryNoteDto>();
|
|
|
|
async fetchDeliverers() {
|
|
try {
|
|
const deliverers = await firstValueFrom(this.deliverersService.getAllDelivererEndpoint());
|
|
this.deliverers.set(deliverers);
|
|
} catch {
|
|
this.notificationService.error('Erreur', 'Impossible de récupérer les transporteurs');
|
|
}
|
|
}
|
|
|
|
async ngOnInit() {
|
|
await this.fetchDeliverers();
|
|
}
|
|
|
|
constructor() {
|
|
effect(() => {
|
|
if (this.deliveryNote()) {
|
|
this.deliveryNoteForm.patchValue({
|
|
trackingNumber: this.deliveryNote().trackingNumber,
|
|
expeditionDate: this.deliveryNote().expeditionDate,
|
|
realDeliveryDate: this.deliveryNote().realDeliveryDate,
|
|
estimatedDate: this.deliveryNote().estimateDeliveryDate,
|
|
delivererId: this.deliveryNote().delivererId
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|