add new features

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

@@ -1,59 +1,14 @@
-<ion-header class="ion-no-border">
-  <!-- <app-header > </app-header> -->
-</ion-header>
-
-
 <ion-header class="ion-no-border header-2">
-  <app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss>
-  <div class="title">
-    <div class="thetitle"><ion-label >Pendentes</ion-label></div>
-    <div class="theicon btn-refresh d-flex align-center">
-
-      <div class="d-flex" (click)="reorderList('old')" *ngIf="ordinance == 'recent' ">
-
-        <ion-icon  class="mr-10"  src="assets/images/theme/gov/crescente.svg" ></ion-icon>
-      </div>
-
-      <div class="d-flex" (click)="reorderList('recent')" *ngIf="ordinance != 'recent' ">
-        <ion-icon  class="mr-10"  src="assets/images/theme/gov/decrescente.svg" ></ion-icon>
-      </div>
-
-      <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>
-    </div>
-  </div>
+  <app-task-list-header
+    [goBackButton] = true
+    [headerName] = "headerName"
+    [ordinance] = ordinance
+    [loading] = skeletonLoader
+    [loaderTop] = true
+    (reorderList) = reorderList($event)
+    (changeFilterName) = changeFilterName($event)
+    (goBack) = goBack()
+  ></app-task-list-header>
 </ion-header>
 
 <ion-content style="background-color: white;">
@@ -71,6 +26,7 @@
   <app-task-list class="height-100"
     [taskList] = list
     [skeletonLoader] = skeletonLoader
+    [filterName] = "filterName"
     (viewTaskDetail)="viewTaskDetails($event)"
   > </app-task-list>