added create purchase order function

2025-12-13 14:31:54 +01:00
parent 8124d83e79
commit 9ebe8ab37e
6 changed files with 171 additions and 42 deletions
@@ -0,0 +1,36 @@
+<form [formGroup]="createPurchaseOrderForm">
+    <nz-form-item nz-flex>
+        <nz-form-label nzSpan="12" nzRequired>
+            Conditions générales de vente
+        </nz-form-label>
+
+        <nz-form-control nzSpan="12" nzErrorTip="Ce champ est requis">
+            <input nz-input placeholder="Conditions générales de vente" formControlName="purchaseConditions">
+        </nz-form-control>
+    </nz-form-item>
+
+    <div class="overflow-x-auto">
+        <nz-table [nzBordered]="true" class="mx-auto text-center">
+            <thead>
+            <tr>
+                <th class="text-center">Produit</th>
+                <th class="text-center">Quantité</th>
+            </tr>
+            </thead>
+            <tbody formArrayName="lines">
+                @for (line of lines.controls.slice(); let i = $index; track i) {
+                    <tr [formGroupName]="i" class="text-center">
+                        <td class="text-center">{{ line.value.name }}</td>
+                        <td class="text-center">
+                            <nz-input-number
+                                    formControlName="quantity"
+                                    [nzMin]="1"
+                                    [nzStep]="1">
+                            </nz-input-number>
+                        </td>
+                    </tr>
+                }
+            </tbody>
+        </nz-table>
+    </div>
+</form>
@@ -0,0 +1,52 @@
+import { Component } from '@angular/core';
+import {FormBuilder, FormGroup, FormArray, Validators, ReactiveFormsModule, FormControl} from '@angular/forms';
+import { GetProductDto } from '../../services/api';
+import {NzTableComponent} from "ng-zorro-antd/table";
+import {NzInputNumberComponent} from "ng-zorro-antd/input-number";
+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";
+
+@Component({
+    selector: 'app-create-purchaseorder-form',
+    templateUrl: './create-purchaseorder-form.html',
+    styleUrl: './create-purchaseorder-form.css',
+    imports: [
+        ReactiveFormsModule,
+        NzTableComponent,
+        NzInputNumberComponent,
+        NzColDirective,
+        NzFlexDirective,
+        NzFormControlComponent,
+        NzFormItemComponent,
+        NzFormLabelComponent,
+        NzInputDirective,
+    ]
+})
+export class CreatePurchaseorderForm {
+    createPurchaseOrderForm: FormGroup
+
+    constructor(private fb: FormBuilder) {
+        this.createPurchaseOrderForm = this.fb.group({
+            purchaseConditions: new FormControl<string | null>(null, Validators.required),
+            lines: this.fb.array([])
+        });
+    }
+
+    get lines(): FormArray {
+        return this.createPurchaseOrderForm.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)]]
+            }));
+        });
+    }
+}
@@ -4,7 +4,7 @@ import {NzColDirective} from "ng-zorro-antd/grid";
 import {NzFlexDirective} from "ng-zorro-antd/flex";
 import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
 import {NzInputDirective} from "ng-zorro-antd/input";
-import {GetPurchaseOrderDto, GetQuotationDto} from "../../services/api";
+import {GetPurchaseOrderDto} from "../../services/api";

@Component({
  selector: 'app-purchase-order-form',