added search component from all pages

src/app/pages/deliverer/deliverer.html

@@ -1,7 +1,13 @@
-<app-modal-button type="primary" name="Ajouter un transporteur">
-    <app-deliverer-form></app-deliverer-form>
-</app-modal-button>
+<div class="flex mt-2">
+    <app-modal-button type="primary" name="Ajouter un transporteur">
+        <app-deliverer-form></app-deliverer-form>
+    </app-modal-button>
 
-<div class="mt-4">
+    <div class="ml-95 w-150">
+        <app-search class="w-full"></app-search>
+    </div>
+</div>
+
+<div class="mt-1">
     <app-deliverer-table></app-deliverer-table>
 </div>

src/app/pages/deliverer/deliverer.ts

@@ -2,13 +2,15 @@ import { Component } from '@angular/core';
 import {ModalButton} from "../../components/modal-button/modal-button";
 import {DelivererTable} from "../../components/deliverer-table/deliverer-table";
 import {DelivererForm} from "../../components/deliverer-form/deliverer-form";
+import {Search} from "../../components/search/search";
 
 @Component({
   selector: 'app-deliverer',
     imports: [
         ModalButton,
         DelivererTable,
-        DelivererForm
+        DelivererForm,
+        Search
     ],
   templateUrl: './deliverer.html',
   styleUrl: './deliverer.css',

src/app/pages/delivery-note/delivery-note.html

@@ -1,6 +1,13 @@
-<app-modal-button type="primary" name="Créer un bon de livraison">
-    <app-deliverery-note-form></app-deliverery-note-form>
-</app-modal-button>
-<div class="mt-4">
+<div class="flex mt-2">
+    <app-modal-button type="primary" name="Créer un bon de livraison">
+        <app-deliverery-note-form></app-deliverery-note-form>
+    </app-modal-button>
+
+    <div class="ml-95 w-150">
+        <app-search></app-search>
+    </div>
+</div>
+
+<div class="mt-1">
     <app-deliverery-note-table></app-deliverery-note-table>
 </div>

src/app/pages/delivery-note/delivery-note.ts

@@ -2,13 +2,15 @@ import { Component } from '@angular/core';
 import {DelivereryNoteTable} from "../../components/deliverery-note-table/deliverery-note-table";
 import {ModalButton} from "../../components/modal-button/modal-button";
 import {DelivereryNoteForm} from "../../components/deliverery-note-form/deliverery-note-form";
+import {Search} from "../../components/search/search";
 
 @Component({
   selector: 'app-delivery-note',
     imports: [
         DelivereryNoteTable,
         ModalButton,
-        DelivereryNoteForm
+        DelivereryNoteForm,
+        Search
     ],
   templateUrl: './delivery-note.html',
   styleUrl: './delivery-note.css',

src/app/pages/purchase-order/purchase-order.html

@@ -1 +1,8 @@
-<p>purchase-order works!</p>
+<div class="flex mt-2">
+    <div class="ml-95 w-150">
+        <app-search></app-search>
+    </div>
+</div>
+<div class="mt-1">
+    <p>purchase-order works!</p>
+</div>

src/app/pages/purchase-order/purchase-order.ts

@@ -1,8 +1,13 @@
 import { Component } from '@angular/core';
+import {Search} from "../../components/search/search";
+import {ModalButton} from "../../components/modal-button/modal-button";
 
 @Component({
   selector: 'app-purchase-order',
-  imports: [],
+    imports: [
+        Search,
+        ModalButton
+    ],
   templateUrl: './purchase-order.html',
   styleUrl: './purchase-order.css',
 })

src/app/pages/quotation/quotation.html

@@ -1 +1,9 @@
-<p>quotation works!</p>
+<div class="flex mt-2">
+    <div class="ml-95 w-150">
+        <app-search class="w-full"></app-search>
+    </div>
+</div>
+
+<div class="mt-1">
+    <p>quotation works!</p>
+</div>

src/app/pages/quotation/quotation.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import {Search} from "../../components/search/search";
 
 @Component({
   selector: 'app-quotation',
-  imports: [],
+  imports: [
+      Search
+  ],
   templateUrl: './quotation.html',
   styleUrl: './quotation.css',
 })

src/app/pages/stock/stock.html

@@ -1 +1,7 @@
-<app-stock-table></app-stock-table>
+<div class="ml-130 w-170 mt-2">
+    <app-search></app-search>
+</div>
+
+<div class="mt-1">
+    <app-stock-table></app-stock-table>
+</div>

src/app/pages/stock/stock.ts

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

src/app/pages/supplier/supplier.html

@@ -1 +1,9 @@
-<p>supplier works!</p>
+<div class="flex mt-2">
+    <div class="ml-95 w-150">
+        <app-search></app-search>
+    </div>
+</div>
+
+<div class="mt-1">
+    <p>supplier works!</p>
+</div>

src/app/pages/supplier/supplier.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import {Search} from "../../components/search/search";
 
 @Component({
   selector: 'app-supplier',
-  imports: [],
+    imports: [
+        Search
+    ],
   templateUrl: './supplier.html',
   styleUrl: './supplier.css',
 })

src/app/pages/user/user.html

@@ -1,7 +1,13 @@
-<app-modal-button type="primary" name="Ajouter un utilisateur">
-    <app-profil-form></app-profil-form>
-</app-modal-button>
+<div class="flex mt-2">
+    <app-modal-button type="primary" name="Ajouter un utilisateur">
+        <app-profil-form></app-profil-form>
+    </app-modal-button>
 
-<div class="mt-4">
+    <div class="ml-95 w-150">
+        <app-search></app-search>
+    </div>
+</div>
+
+<div class="mt-1">
     <app-user-table></app-user-table>
 </div>

src/app/pages/user/user.ts

@@ -2,13 +2,15 @@ import { Component } from '@angular/core';
 import {UserTable} from "../../components/user-table/user-table";
 import {ModalButton} from "../../components/modal-button/modal-button";
 import {ProfilForm} from "../../components/profil-form/profil-form";
+import {Search} from "../../components/search/search";
 
 @Component({
   selector: 'app-user',
     imports: [
         UserTable,
         ModalButton,
-        ProfilForm
+        ProfilForm,
+        Search
     ],
   templateUrl: './user.html',
   styleUrl: './user.css',