add new features

src/app/pages/gabinete-digital/pendentes/pendentes.module.ts

@@ -24,6 +24,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatSelectModule } from '@angular/material/select';
 import { NgxMatMomentModule } from '@angular-material-components/moment-adapter';
+import { TaskListHeaderPageModule } from 'src/app/shared/gabinete-digital/generic/task-list-header/task-list-header.module';
 
 
 @NgModule({
@@ -35,6 +36,7 @@ import { NgxMatMomentModule } from '@angular-material-components/moment-adapter'
     BtnModalDismissPageModule,
     // entryComponents
     TaskListPageModule,
+    TaskListHeaderPageModule,
     //
     MatInputModule,
     MatNativeDateModule,

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>
 

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

@@ -7,11 +7,7 @@
 .header-2 {
   border-top-right-radius: 24px;
   border-top-left-radius: 24px;
-}
-
-.header-2{
-  padding: 30px 20px 0 20px !important;
-  background-color: white;
+   background-color: white;
 }
 
 .main-content {

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

@@ -46,6 +46,7 @@ export class PendentesPage implements OnInit {
   searchSubject = ''
   list = []
   ordinance: string =  'old'
+  headerName = "Pendentes"
 
   constructor(
     private processes: ProcessesService,
@@ -99,6 +100,11 @@ export class PendentesPage implements OnInit {
     this.dynamicSearch();
   }
 
+  changeFilterName(filterName) {
+    this.filterName = filterName
+  }
+
+
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {