|
|
|
@ -102,12 +102,28 @@
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <ion-input (ionInput)="onChangeInput()" [ngClass]="direction == 'ltr'? 'filterInput':'filterInput-ar'"
|
|
|
|
<!-- <ion-input (ionInput)="onChangeInput()" [ngClass]="direction == 'ltr'? 'filterInput':'filterInput-ar'"
|
|
|
|
[(ngModel)]="searchKey" [placeholder]='getPlaceHolder()' clearInput="true"></ion-input> -->
|
|
|
|
[(ngModel)]="searchKey" [placeholder]='getPlaceHolder()' clearInput="true"></ion-input> -->
|
|
|
|
<ion-input class='replacmentSearchBar'
|
|
|
|
<!-- <ion-input class='replacmentSearchBar'
|
|
|
|
style="height: 45px; border: 1px solid lightgray; border-radius: 50px; width: 350px;"
|
|
|
|
style="height: 45px; border: 1px solid lightgray; border-radius: 50px; width: 350px;"
|
|
|
|
[(ngModel)]="searchKey"
|
|
|
|
[(ngModel)]="searchKey"
|
|
|
|
[placeholder]='"replacementRoll, searchbyname" | translate' clearInput="true">
|
|
|
|
[placeholder]='"replacementRoll, searchbyname" | translate' clearInput="true">
|
|
|
|
<ion-button (click)='onChangeInput()' style="--background: transparent; background: transparent; color: black"><ion-icon name="search"></ion-icon></ion-button>
|
|
|
|
<ion-button (click)='onChangeInput()' style="--background: transparent; background: transparent; color: black"><ion-icon name="search"></ion-icon></ion-button>
|
|
|
|
</ion-input>
|
|
|
|
</ion-input> -->
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
|
|
|
<ion-row style="height: 45px; border: 1px solid lightgray; border-radius: 50px;">
|
|
|
|
|
|
|
|
<ion-col size='9'>
|
|
|
|
|
|
|
|
<ion-input class='replacmentSearchBar' style="height: 35px;"
|
|
|
|
|
|
|
|
[(ngModel)]="searchKey" [placeholder]='"replacementRoll, searchbyname" | translate' clearInput="true">
|
|
|
|
|
|
|
|
<ion-icon style="width: 50px; height: 21px;" name="search"></ion-icon>
|
|
|
|
|
|
|
|
</ion-input>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
<ion-col size='3'>
|
|
|
|
|
|
|
|
<button [disabled]='searchKey == undefined || 1 > searchKey.length' (click)='onChangeInput()'
|
|
|
|
|
|
|
|
style="--background: white; background: transparent; margin-top: 4px; --background-hover: transparent !important;">
|
|
|
|
|
|
|
|
<ion-label><p style="color: #269db8;">{{"general, search" | translate}}</p></ion-label>
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
|
|
</ion-item>
|
|
|
|
</ion-item>
|
|
|
|
|
|
|
|
|
|
|
|
|