add search

src/app/pages/gabinete-digital/despachos/despachos.page.html

@@ -7,8 +7,41 @@
   <div class="title d-flex align-center">
     <app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss>
 
-    <div class="title"><ion-label >Despachos</ion-label></div>
+    <div class="title flex-1"><ion-label >Despachos</ion-label></div>
     <div class="theicon btn-refresh">
+
+      <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
+        <mat-select [(value)]="filterName">
+
+          <mat-option value="Para hoje" >
+            Para hoje
+          </mat-option>
+
+          <mat-option value="Novos" >
+            Novos
+          </mat-option>
+
+          <mat-option value="Lidos" >
+            Lidos
+          </mat-option>
+
+          <mat-option value="Não lidos" >
+            Não lidos
+          </mat-option>
+
+
+          <mat-option value="OverdueTasks">
+            Em atraso
+          </mat-option>
+
+          <mat-option value="Todos" >
+            Todos
+          </mat-option>
+
+          
+        </mat-select>
+      </mat-form-field>
+
       <button class="btn-no-color" (click)="doRefresh($event)">
         <ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
       </button>
@@ -37,7 +70,7 @@
             (click)="GoToDespacho(task.SerialNumber)"
           >
             <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
-            <div class="item width-100 expediente">
+            <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
               <div class="exp-top-detail">
                 <div class="subject d-flex align-center">
                   <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>