Deleted search bar
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
@@ -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>
|
||||
@@ -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);
|
||||
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user