63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import {
|
|
FormArray,
|
|
FormBuilder,
|
|
FormControl,
|
|
FormGroup,
|
|
FormsModule,
|
|
ReactiveFormsModule,
|
|
Validators
|
|
} from "@angular/forms";
|
|
import {NzColDirective} from "ng-zorro-antd/grid";
|
|
import {NzFlexDirective} from "ng-zorro-antd/flex";
|
|
import {NzFormControlComponent, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
|
import {NzInputDirective} from "ng-zorro-antd/input";
|
|
import {NzInputNumberComponent} from "ng-zorro-antd/input-number";
|
|
import {NzTableComponent} from "ng-zorro-antd/table";
|
|
import {GetProductDto} from "../../services/api";
|
|
|
|
@Component({
|
|
selector: 'app-create-quotation-form',
|
|
imports: [
|
|
FormsModule,
|
|
NzColDirective,
|
|
NzFlexDirective,
|
|
NzFormControlComponent,
|
|
NzFormItemComponent,
|
|
NzFormLabelComponent,
|
|
NzInputDirective,
|
|
NzInputNumberComponent,
|
|
NzTableComponent,
|
|
ReactiveFormsModule
|
|
],
|
|
templateUrl: './create-quotation-form.html',
|
|
styleUrl: './create-quotation-form.css',
|
|
})
|
|
export class CreateQuotationForm {
|
|
createQuotationForm: FormGroup
|
|
|
|
constructor(private fb: FormBuilder) {
|
|
this.createQuotationForm = this.fb.group({
|
|
message: new FormControl<string>(null, Validators.required),
|
|
purchaseConditions: new FormControl<string>(null, Validators.required),
|
|
lines: this.fb.array([])
|
|
});
|
|
}
|
|
|
|
get lines(): FormArray {
|
|
return this.createQuotationForm.get('lines') as FormArray;
|
|
}
|
|
|
|
// Ajouter des produits sélectionnés dans le formulaire
|
|
syncSelectedProducts(selectedProducts: GetProductDto[]) {
|
|
this.lines.clear();
|
|
selectedProducts.forEach(p => {
|
|
this.lines.push(this.fb.group({
|
|
productId: [p.id],
|
|
name: [p.name],
|
|
quantity: [1, [Validators.required, Validators.min(1)]]
|
|
}));
|
|
});
|
|
}
|
|
}
|