add labels

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

@@ -2,11 +2,36 @@
   <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Diplomas</ion-label></div>
-    <!-- <div class="theicon">
-      <button title="Atualizar" class="btn-no-color" (click)="doRefresh($event)">
+    <div class="theicon">
+      <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="Todos" >
+            Todos
+          </mat-option>
+
+        </mat-select>
+      </mat-form-field>
+      <!-- <button title="Atualizar" class="btn-no-color" (click)="doRefresh($event)">
         <ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
-      </button>
-    </div> -->
+      </button> -->
+    </div>
   </div>
   <ion-toolbar>
     <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
@@ -26,11 +51,11 @@
     <div *ngIf="deplomasStore.diplomasReviewList.length >= 1 && p.userPermission([p.permissionList.Gabinete.md_tasks])">
       <ion-list *ngSwitchCase="'validar'">
         <div
-          class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"
+          class=" item-hover ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of deplomasStore.diplomasReviewList"
           (click)="goToDiploma(task.SerialNumber)"
         >
-          <div class="item width-100">
+          <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject">
                 <ion-label>{{ task.Folio }}</ion-label>
@@ -62,12 +87,12 @@
     <div *ngIf="deplomasStore.diplomasAssinadoList.length >= 1">
       <ion-list *ngSwitchCase="'assinados'">
         <div
-          class="expediente ion-no-padding ion-no-margin cursor-pointer"
+          class=" ion-no-padding ion-no-margin cursor-pointer"
           *ngFor = "let task of deplomasStore.diplomasAssinadoList"
 
           (click)="goToDiploma(task.SerialNumber)"
         >
-          <div class="item width-100">
+          <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject">
                 <ion-label>{{ task.Folio }}</ion-label>