87 lines
3.2 KiB
TypeScript
87 lines
3.2 KiB
TypeScript
import {Component, inject, signal} from '@angular/core';
|
|
import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators} from "@angular/forms";
|
|
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
|
|
import {NzFormModule} from "ng-zorro-antd/form";
|
|
import {NzInputDirective} from "ng-zorro-antd/input";
|
|
import {CreateCustomerDto, CustomersService, CustomertypesService, GetCustomerTypeDto} from "../../../services/api";
|
|
import {NzNotificationService} from "ng-zorro-antd/notification";
|
|
import {firstValueFrom} from "rxjs";
|
|
import {NzFlexDirective} from "ng-zorro-antd/flex";
|
|
import {NzButtonComponent} from "ng-zorro-antd/button";
|
|
import {NzOptionComponent, NzSelectComponent} from "ng-zorro-antd/select";
|
|
|
|
@Component({
|
|
selector: 'app-customers-add-form',
|
|
imports: [ReactiveFormsModule, NzFormModule, NzInputDirective, NzFlexDirective, NzButtonComponent, NzColDirective, NzFlexDirective, NzButtonComponent, NzSelectComponent, NzOptionComponent],
|
|
templateUrl: './customers-add-form.html',
|
|
styleUrl: './customers-add-form.css',
|
|
})
|
|
export class CustomersAddForm {
|
|
|
|
private customersService = inject(CustomersService);
|
|
private customertypesService = inject(CustomertypesService);
|
|
private notificationService = inject(NzNotificationService)
|
|
|
|
|
|
customerForm = new FormGroup({
|
|
note: new FormControl<string>(null, [Validators.required]),
|
|
customerTypeId: new FormControl<number>(null, [Validators.required]),
|
|
})
|
|
|
|
customerPost = signal<CreateCustomerDto>(this.customerForm.value);
|
|
customersLoading = signal<boolean>(false);
|
|
|
|
async submitForm() {
|
|
// Pour annuler si le formulaire est invalide
|
|
if (this.customerForm.invalid) return;
|
|
|
|
// Pour obtenir la valeur du formulaire
|
|
console.log(this.customerForm.getRawValue())
|
|
this.customerPost.set(this.customerForm.getRawValue())
|
|
|
|
await this.createCustomers(this.customerPost().note, this.customerPost().customerTypeId)
|
|
// Pour vider le formulaire
|
|
this.customerForm.reset()
|
|
}
|
|
|
|
async createCustomers(note: string, customerTypeId: number) {
|
|
this.customersLoading.set(true);
|
|
|
|
const customerValue = {
|
|
note: note,
|
|
customerTypeId: customerTypeId
|
|
}
|
|
|
|
try {
|
|
const customer = await firstValueFrom(this.customersService.createCustomerEndpoint(customerValue));
|
|
this.customerPost.set(customer);
|
|
console.log(customer);
|
|
} catch (e)
|
|
{
|
|
this.notificationService.error('Erreur de recherche', "L\'auteur n\'existe pas !");
|
|
|
|
this.notificationService.error('Erreur', ' (ou Erreur de communication avec l\'API)');
|
|
}
|
|
|
|
this.customersLoading.set(false);
|
|
}
|
|
|
|
customerTypes = signal<GetCustomerTypeDto[]>([])
|
|
|
|
async ngOnInit() {
|
|
await this.fetchCustomerTypes()
|
|
}
|
|
|
|
async fetchCustomerTypes() {
|
|
this.customersLoading.set(true);
|
|
try {
|
|
const customerType = await firstValueFrom(this.customertypesService.getAllCustomerTypeEndpoint())
|
|
this.customerTypes.set(customerType)
|
|
} catch (e) {
|
|
this.notificationService.error('Erreur', 'Erreur de communication avec l\'API');
|
|
}
|
|
|
|
this.customersLoading.set(false);
|
|
}
|
|
}
|