58 lines
2.1 KiB
TypeScript
58 lines
2.1 KiB
TypeScript
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 {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',
|
|
imports: [
|
|
NzFormItemComponent,
|
|
NzFormLabelComponent,
|
|
NzFormControlComponent,
|
|
NzColDirective,
|
|
NzFlexDirective,
|
|
NzFormDirective,
|
|
ReactiveFormsModule,
|
|
NzDatePickerComponent,
|
|
NzSelectComponent,
|
|
NzOptionComponent
|
|
],
|
|
templateUrl: './deliverery-note-form.html',
|
|
styleUrl: './deliverery-note-form.css',
|
|
})
|
|
export class DelivereryNoteForm {
|
|
deliveryNoteForm: FormGroup = new FormGroup({
|
|
deliverer: new FormControl<string>(null,[Validators.required]),
|
|
expeditionDate: new FormControl(null,[Validators.required]),
|
|
estimatedDate: new FormControl(null),
|
|
realDeliveryDate: new FormControl(null)
|
|
})
|
|
|
|
private deliverersService = inject(DeliverersService);
|
|
private notificationService = inject(NzNotificationService);
|
|
deliverers = signal<GetDelivererDto[]>([]);
|
|
|
|
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');
|
|
}
|
|
}
|
|
|
|
async ngOnInit() {
|
|
await this.fetchDeliverers();
|
|
}
|
|
|
|
filter(input: string, option: any) {
|
|
return option.nzLabel.toLowerCase().includes(input.toLowerCase());
|
|
}
|
|
}
|