disable search when selected item

src/pages/customers/customers.html

@@ -5,7 +5,7 @@
         </button>
     	<ion-title>Clientes</ion-title>
 		<ion-buttons end>
-			<button ion-button icon-only (click)="toggleSearch()">
+			<button ion-button icon-only (click)="toggleSearch()" [disabled]="getSelectedItem()">
 				<i class="fa fa-search fa-lg"></i>
 			</button>
 		</ion-buttons>

src/pages/leads/leads.html

@@ -5,12 +5,20 @@
         </button>
         <ion-title>{{ getTitle() }}</ion-title>
         <ion-buttons end>
-			<button ion-button icon-only>
+			<button ion-button icon-only (click)="toggleSearch()" [disabled]="getSelectedItem()">
 				<i class="fa fa-search fa-lg"></i>
 			</button>
 		</ion-buttons>
     </ion-navbar>
 </ion-header>
+<ion-toolbar *ngIf="isSearch()">
+    <ion-searchbar placeholder="Buscar" debounce="1000" (ionInput)="performSearch($event)"></ion-searchbar>
+    <ion-buttons end>
+        <button ion-button icon-only (click)="toggleSearch()">
+            <i class="fa fa-undo fa-lg"></i>
+        </button>
+    </ion-buttons>
+</ion-toolbar>
 <ion-content>
     <ion-list>
         <ion-item *ngFor="let item of getItemsShown()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">

src/pages/orders/orders.html

@@ -5,12 +5,20 @@
         </button>
         <ion-title>{{ getTitle() }}</ion-title>
         <ion-buttons end>
-			<button ion-button icon-only>
+			<button ion-button icon-only (click)="toggleSearch()" [disabled]="getSelectedItem()">
 				<i class="fa fa-search fa-lg"></i>
 			</button>
 		</ion-buttons>
     </ion-navbar>
 </ion-header>
+<ion-toolbar *ngIf="isSearch()">
+    <ion-searchbar placeholder="Buscar" debounce="1000" (ionInput)="performSearch($event)"></ion-searchbar>
+    <ion-buttons end>
+        <button ion-button icon-only (click)="toggleSearch()">
+            <i class="fa fa-undo fa-lg"></i>
+        </button>
+    </ion-buttons>
+</ion-toolbar>
 <ion-content>
     <ion-list>
         <ion-item *ngFor="let item of getItemsShown()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">

src/pages/phonecalls/phonecalls.html

@@ -5,12 +5,20 @@
         </button>
         <ion-title>Llamadas</ion-title>
         <ion-buttons end>
-			<button ion-button icon-only>
+			<button ion-button icon-only (click)="toggleSearch()" [disabled]="getSelectedItem()">
 				<i class="fa fa-search fa-lg"></i>
 			</button>
 		</ion-buttons>
     </ion-navbar>
 </ion-header>
+<ion-toolbar *ngIf="isSearch()">
+    <ion-searchbar placeholder="Buscar" debounce="1000" (ionInput)="performSearch($event)"></ion-searchbar>
+    <ion-buttons end>
+        <button ion-button icon-only (click)="toggleSearch()">
+            <i class="fa fa-undo fa-lg"></i>
+        </button>
+    </ion-buttons>
+</ion-toolbar>
 <ion-content>
     <ion-list>
         <ion-item *ngFor="let item of getItemsShown()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">

src/pages/products/products.html

@@ -5,12 +5,20 @@
         </button>
         <ion-title>Productos</ion-title>
 		<ion-buttons end>
-			<button ion-button icon-only>
+			<button ion-button icon-only (click)="toggleSearch()" [disabled]="getSelectedItem()">
 				<i class="fa fa-search fa-lg"></i>
 			</button>
 		</ion-buttons>
     </ion-navbar>
 </ion-header>
+<ion-toolbar *ngIf="isSearch()">
+    <ion-searchbar placeholder="Buscar" debounce="1000" (ionInput)="performSearch($event)"></ion-searchbar>
+    <ion-buttons end>
+        <button ion-button icon-only (click)="toggleSearch()">
+            <i class="fa fa-undo fa-lg"></i>
+        </button>
+    </ion-buttons>
+</ion-toolbar>
 <ion-content>
 	<ion-list>
 		<ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">

src/pages/variants/variants.html

@@ -5,12 +5,20 @@
         </button>
         <ion-title>Variantes</ion-title>
 		<ion-buttons end>
-			<button ion-button icon-only>
+			<button ion-button icon-only (click)="toggleSearch()" [disabled]="getSelectedItem()">
 				<i class="fa fa-search fa-lg"></i>
 			</button>
 		</ion-buttons>
     </ion-navbar>
 </ion-header>
+<ion-toolbar *ngIf="isSearch()">
+    <ion-searchbar placeholder="Buscar" debounce="1000" (ionInput)="performSearch($event)"></ion-searchbar>
+    <ion-buttons end>
+        <button ion-button icon-only (click)="toggleSearch()">
+            <i class="fa fa-undo fa-lg"></i>
+        </button>
+    </ion-buttons>
+</ion-toolbar>
 <ion-content>
 	<ion-list>
 		<ion-item *ngFor="let item of getItemsShown()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">