add search

src/app/shared/gabinete-digital/pedidos/pedidos.page.html

@@ -2,7 +2,45 @@
   <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Pedidos</ion-label></div>
-    <div class="theicon btn-refresh">
+    <div class="theicon btn-refresh d-flex">
+
+      <div>
+        <div title="Pesquisa" *ngIf="!hideSearchBtn" class="mr-20 d-flex align-center cursor-pointer">
+          <div (click)="openSearch();showSearch=true" *ngIf="!showSearch" class="d-flex">
+            <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
+            <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src='assets/images/icons-search.svg'></ion-icon>
+            <ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src='assets/images/theme/gov/icons-search.svg'></ion-icon>
+          </div>
+          <button title="Fechar" class="btn-no-color d-flex" (click)="closeSearch();showSearch=false;searchSubject=''" *ngIf="showSearch">
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-35" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
+          </button>
+
+          <div *ngIf="showSearch">
+            <div class="d-flex search-input-container ml-10 justify-between" *ngIf="showSearch">
+              <!-- <div class="icon" (click)="basicSearch()">
+                <ion-icon class="icon-z" slot="end" name="search"></ion-icon>
+              </div> -->
+              <div class="input-text d-flex ion-align-items-center">
+                <ion-input (keyup.enter)="basicSearch()" [(ngModel)]='searchSubject' (ngModelChange)="dynamicSearch()"
+                  class="search-input text-black" type="search" placeholder="Pesquisar"></ion-input>
+              </div>
+              
+              <!-- <div class="icon" (click)="clearSearchInput()">
+                <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'default' "name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
+                <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'doneIt' "name="restaurant-outline"  src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
+                <ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'gov' " name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
+              </div> -->
+              <div (click)="basicSearch()"  class="d-flex align-center icon">
+
+                <ion-icon  class="icon-z" slot="end" src="assets/images/theme/gov/search.svg"></ion-icon>
+    
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
       <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
         <mat-select [(value)]="filterName">
 

src/app/shared/gabinete-digital/pedidos/pedidos.page.scss

@@ -234,3 +234,28 @@ ion-item{
   left: 50%;
   margin: -35px 0 0 -35px;
 }
+
+
+
+
+.search-input-container{
+  background-color: white;
+  border-radius: 27.5px;
+  border: solid 1px #ebebeb;
+  font-size: 14px;
+  .icon{
+    color: #797979;
+    width: 41px;
+    height: 41px;
+    display: flex;
+    justify-content: center;
+    font-size: 25px;
+    align-items: center;
+  }
+  .input-text{
+    width: 100%;
+  }
+  .icon-z{
+    width: 20px;
+  }
+}

src/app/shared/gabinete-digital/pedidos/pedidos.page.ts

@@ -41,6 +41,11 @@ export class PedidosPage implements OnInit {
   customTaskPipe = new CustomTaskPipe()
   filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'|  'OverdueTasks' | 'Todos' = 'Todos'
   
+  showSearch = false
+  searchSubject = ''
+  list = []
+  hideSearchBtn: boolean = false;
+  
   constructor(
     private router: Router,
     private processes:ProcessesService,
@@ -71,6 +76,37 @@ export class PedidosPage implements OnInit {
 
   }
 
+
+  async dynamicSearch() {
+
+    if(this.showSearch && this.searchSubject) {
+      
+      this.list = this.TaskService.despachoStore.list.filter((task) => {
+        let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
+        subject = subject.toLowerCase();
+        return subject.includes(this.searchSubject.toLowerCase())
+      })
+    } else {
+      this.list = this.TaskService.AllProcess
+    }
+
+  }
+
+
+  openSearch() {
+    this.dynamicSearch()
+  }
+  async closeSearch() {
+    this.searchSubject = ''
+    this.dynamicSearch()
+  }
+
+  async basicSearch() {
+    this.dynamicSearch()
+  }
+
+
+
   segmentChanged(ev: any) {
     this.LoadList();
   }