added stock-form for change minimale quantity

src/app/components/stock-form/stock-form.html

@@ -0,0 +1,12 @@
+<form nz-form nzLayout="horizontal" [formGroup]="stockForm" (ngSubmit)="submitForm()">
+
+    <nz-form-item nz-flex>
+        <nz-form-label nzSpan="15" nzRequired>
+            Quantité minimale du produit
+        </nz-form-label>
+
+        <nz-form-control nzSpan="4" nzErrorTip="Ce champ est requis">
+            <input nz-input placeholder="12345" formControlName="minQuantity">
+        </nz-form-control>
+    </nz-form-item>
+</form>

src/app/components/stock-form/stock-form.ts

@@ -0,0 +1,38 @@
+import { Component } from '@angular/core';
+import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
+import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
+import {NzInputDirective} from "ng-zorro-antd/input";
+import {NzColDirective} from "ng-zorro-antd/grid";
+import {NzFlexDirective} from "ng-zorro-antd/flex";
+
+@Component({
+  selector: 'app-stock-form',
+    imports: [
+        NzFormItemComponent,
+        NzFormLabelComponent,
+        NzFormControlComponent,
+        NzInputDirective,
+        NzColDirective,
+        NzFormDirective,
+        ReactiveFormsModule,
+        NzFlexDirective
+    ],
+  templateUrl: './stock-form.html',
+  styleUrl: './stock-form.css',
+})
+export class StockForm {
+    stockForm = new FormGroup({
+        minQuantity: new FormControl<number>(null, [Validators.required])
+    })
+
+    submitForm() {
+        // Pour annuler si le formulaire est invalide
+        if (this.stockForm.invalid) return;
+
+        // Pour obtenir la valeur du formulaire
+        console.log(this.stockForm.getRawValue())
+
+        // Pour vider le formulaire
+        this.stockForm.reset()
+    }
+}

src/app/components/stock-table/stock-table.html

@@ -23,7 +23,9 @@
                 <td>{{data.minimalQuantity}}</td>
                 <td>
                     <div style="display: flex; gap: 10px;">
-                        <app-modalNav nameIcon="edit" name="Modifier"></app-modalNav>
+                        <app-modalNav nameIcon="edit" name="Modification de la quantité minimale">
+                            <app-stock-form></app-stock-form>
+                        </app-modalNav>
                         <div>
                             <nz-icon nzType="delete" nzTheme="outline"/>
                         </div>

src/app/components/stock-table/stock-table.ts

@@ -1,15 +1,17 @@
 import { Component } from '@angular/core';
 import {StockInfo} from "../../interfaces/stock.interface";
 import {NzTableComponent} from "ng-zorro-antd/table";
-import {ModalNav} from "../../components/modalNav/modalNav";
+import {ModalNav} from "../modalNav/modalNav";
 import {NzIconDirective} from "ng-zorro-antd/icon";
+import {StockForm} from "../stock-form/stock-form";
 
 @Component({
   selector: 'app-stock-table',
     imports: [
         NzTableComponent,
         ModalNav,
-        NzIconDirective
+        NzIconDirective,
+        StockForm
     ],
   templateUrl: './stock-table.html',
   styleUrl: './stock-table.css',

src/app/pages/stock/stock.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
-import {StockTable} from "../../compontents/stock-table/stock-table";
+import {StockTable} from "../../components/stock-table/stock-table";
 
 @Component({
   selector: 'app-stock',
     imports: [
-        StockTable
+        StockTable,
     ],
   templateUrl: './stock.html',
   styleUrl: './stock.css',