Deleted search bar

src/app/components/purchase-order-table/purchase-order-table.html

@@ -57,8 +57,6 @@
                 </td>
                 <td>
                     <div style="justify-content: center; display: flex">
-                        <nz-icon nzType="plus-circle" nzTheme="outline" class="cursor-pointer text-green-700"/>
-                        <nz-divider nzType="vertical"></nz-divider>
                         <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"
                                  (click)="openEditModal(purchaseOrder)"></nz-icon>
                         <nz-divider nzType="vertical"></nz-divider>

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

@@ -57,8 +57,6 @@
                 </td>
                 <td>
                     <div style="justify-content: center; display: flex">
-                        <nz-icon nzType="plus-circle" nzTheme="outline" class="cursor-pointer text-green-700"/>
-                        <nz-divider nzType="vertical"></nz-divider>
                         <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"
                                  (click)="openEditModal(quotation)"></nz-icon>
                         <nz-divider nzType="vertical"></nz-divider>

src/app/components/search/search.css

@@ -1,36 +0,0 @@
-/* From Uiverse.io by LightAndy1 */
-.group {
-    box-shadow: 0 1px 2px 1px #001529;
-    border-radius: 15px;
-    padding: 0.1rem 0.5rem 0.1rem 1rem;
-    display: flex;
-    line-height: 28px;
-    align-items: center;
-    position: relative;
-    max-width: 400px;
-}
-
-.input {
-    width: 100%;
-    height: 32px;
-    line-height: 28px;
-    padding: 0 1rem;
-    border: 2px solid transparent;
-    border-radius: 8px;
-    outline: none;
-    background-color: #f3f3f4;
-    color: #0d0c22;
-    transition: 0.3s ease;
-}
-
-.input::placeholder {
-    color: #9e9ea7;
-}
-
-.input:focus,
-input:hover {
-    outline: none;
-    border-color: #40A9FF;
-    background-color: #fff;
-    box-shadow: 0 0 0 4px rgba(199, 199, 197, 0.1);
-}

src/app/components/search/search.html

@@ -1,10 +0,0 @@
-<form nz-form nzLayout="horizontal" [formGroup]="searchForm">
-    <nz-form-item nz-flex>
-        <nz-form-control nzSpan="12">
-            <div class="group">
-                <nz-icon nzType="search" nzTheme="outline" class="mr-2 text-xl" (click)="OnSearch()"></nz-icon>
-                <input class="input" placeholder="Rechercher" formControlName="searchValue" (input)="OnSearch()"/>
-            </div>
-        </nz-form-control>
-    </nz-form-item>
-</form>

src/app/components/search/search.ts

@@ -1,35 +0,0 @@
-import {Component, output} from '@angular/core';
-import {NzIconDirective} from "ng-zorro-antd/icon";
-import {NzColDirective} from "ng-zorro-antd/grid";
-import {NzFlexDirective} from "ng-zorro-antd/flex";
-import {NzFormControlComponent, NzFormDirective, NzFormItemComponent} from "ng-zorro-antd/form";
-import {FormControl, FormGroup, ReactiveFormsModule} from "@angular/forms";
-
-@Component({
-    selector: 'app-search',
-    imports: [
-        NzIconDirective,
-        NzColDirective,
-        NzFlexDirective,
-        NzFormControlComponent,
-        NzFormDirective,
-        NzFormItemComponent,
-        ReactiveFormsModule
-    ],
-    templateUrl: './search.html',
-    styleUrl: './search.css',
-})
-export class Search {
-    searchForm: FormGroup = new FormGroup({
-        searchValue: new FormControl<string>(null)
-    })
-
-    searchEvent = output<string>();
-
-    OnSearch(): void {
-        const raw = this.searchForm.controls['searchValue'].value ?? '';
-        const value = String(raw).trim();
-        this.searchEvent.emit(value);
-
-    }
-}

src/app/pages/deliverer/deliverer.html

@@ -8,12 +8,8 @@
 
         <app-deliverer-form #delivererForm></app-deliverer-form>
     </app-modal-button>
-
-    <div class="ml-95 w-150">
-        <app-search class="w-full"></app-search>
-    </div>
 </div>
 
-<div class="mt-1">
+<div class="mt-4">
     <app-deliverer-table #delivererTable></app-deliverer-table>
 </div>

src/app/pages/deliverer/deliverer.ts

@@ -2,7 +2,6 @@ import {Component, inject, viewChild} 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";
 import {DeliverersService} from "../../services/api";
 import {NzNotificationService} from "ng-zorro-antd/notification";
 import {firstValueFrom} from "rxjs";
@@ -13,7 +12,6 @@ import {firstValueFrom} from "rxjs";
         ModalButton,
         DelivererTable,
         DelivererForm,
-        Search
     ],
     templateUrl: './deliverer.html',
     styleUrl: './deliverer.css',

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

@@ -1,9 +1,3 @@
-<div class="flex mt-2">
+<div class="mt-2">
-    <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

@@ -1,14 +1,10 @@
 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,
-        Search
     ],
     templateUrl: './delivery-note.html',
     styleUrl: './delivery-note.css',

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

@@ -1,10 +1,4 @@
-<div class="flex mt-2">
+<div class="mt-2">
-    <div class="ml-95 w-150">
-        <app-search></app-search>
-    </div>
-</div>
-
-<div class="mt-1">
     <app-purchase-order-table></app-purchase-order-table>
 </div>
 

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

@@ -1,11 +1,9 @@
 import {Component} from '@angular/core';
-import {Search} from "../../components/search/search";
 import {PurchaseOrderTable} from "../../components/purchase-order-table/purchase-order-table";
 
 @Component({
     selector: 'app-purchase-order',
     imports: [
-        Search,
         PurchaseOrderTable,
     ],
     templateUrl: './purchase-order.html',

src/app/pages/quotation/quotation.html

@@ -1,9 +1,3 @@
-<div class="flex mt-2">
+<div class="mt-2">
-    <div class="ml-95 w-150">
-        <app-search></app-search>
-    </div>
-</div>
-
-<div class="mt-1">
     <app-quotation-table></app-quotation-table>
 </div>

src/app/pages/quotation/quotation.ts

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

src/app/pages/stock/stock.html

@@ -22,13 +22,8 @@
             <app-create-quotation-form #quotationForm></app-create-quotation-form>
         </app-modal-button>
     }
-
-    <div class="ml-95 w-150">
-        <app-search (searchEvent)="onProductSearch($event)"></app-search>
-
-    </div>
 </div>
 
-<div class="mt-1">
+<div class="mt-4">
     <app-stock-table #stockTable (selectionChange)="onSelectionChange($event)"></app-stock-table>
 </div>

src/app/pages/stock/stock.ts

@@ -1,6 +1,5 @@
 import {Component, inject, viewChild} from '@angular/core';
 import {StockTable} from "../../components/stock-table/stock-table";
-import {Search} from "../../components/search/search";
 import {ModalButton} from "../../components/modal-button/modal-button";
 import {PurchaseordersService, QuotationsService} from "../../services/api";
 import {NzNotificationService} from "ng-zorro-antd/notification";
@@ -12,7 +11,6 @@ import {CreateQuotationForm} from "../../components/create-quotation-form/create
     selector: 'app-stock',
     imports: [
         StockTable,
-        Search,
         ModalButton,
         CreatePurchaseorderForm,
         CreateQuotationForm,
@@ -37,10 +35,6 @@ export class Stock {
         this.hasSelection = value;
     }
 
-    onProductSearch(query: string) {
-        this.productTable().applySearch(query);
-    }
-
     async addPurchaseOrder() {
         const form = this.createPurchaseOrder().createPurchaseOrderForm;
         if (form.invalid) {

src/app/pages/supplier/supplier.html

@@ -8,11 +8,8 @@
 
         <app-supplier-form #supplierForm></app-supplier-form>
     </app-modal-button>
-    <div class="ml-95 w-150">
-        <app-search (searchEvent)="onSupplierSearch($event)"></app-search>
-    </div>
 </div>
 
-<div class="mt-1">
+<div class="mt-4">
     <app-supplier-table #supplierTable></app-supplier-table>
 </div>

src/app/pages/supplier/supplier.ts

@@ -1,5 +1,4 @@
 import {Component, inject, viewChild} from '@angular/core';
-import {Search} from "../../components/search/search";
 import {ModalButton} from "../../components/modal-button/modal-button";
 import {SupplierTable} from "../../components/supplier-table/supplier-table";
 import {SupplierForm} from "../../components/supplier-form/supplier-form";
@@ -10,7 +9,6 @@ import {firstValueFrom} from "rxjs";
 @Component({
     selector: 'app-supplier',
     imports: [
-        Search,
         SupplierForm,
         SupplierTable,
         ModalButton
@@ -36,10 +34,6 @@ export class Supplier {
         this.modal().isVisible = false;
     }
 
-    onSupplierSearch(query: string) {
-        this.supplierTable().applySearch(query);
-    }
-
     async addSupplier() {
         if (this.createSupplier().supplierForm.invalid) {
             this.notificationService.error(

src/app/pages/user/user.html

@@ -8,12 +8,8 @@
 
         <app-profil-form #profilForm></app-profil-form>
     </app-modal-button>
-
-    <div class="ml-95 w-150">
-        <app-search></app-search>
-    </div>
 </div>
 
-<div class="mt-1">
+<div class="mt-4">
     <app-user-table #userTable></app-user-table>
 </div>

src/app/pages/user/user.ts

@@ -2,7 +2,6 @@ import {Component, inject, viewChild} 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";
 import {UsersService} from "../../services/api";
 import {NzNotificationService} from "ng-zorro-antd/notification";
 import {firstValueFrom} from "rxjs";
@@ -13,7 +12,6 @@ import {firstValueFrom} from "rxjs";
         UserTable,
         ModalButton,
         ProfilForm,
-        Search
     ],
     templateUrl: './user.html',
     styleUrl: './user.css',