improve

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

@@ -8,7 +8,17 @@
     <div class="thetitle">
       <ion-label  >{{environment.dispatchPR }}</ion-label>
     </div>
-    <div class="theicon btn-refresh">
+    <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">
 
@@ -61,11 +71,12 @@
 
     <div  class="main-content width-100 overflow-y-auto height-100">
       <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
+
       <div >
         <ion-list>
           <div
             class="ion-no-padding ion-no-margin cursor-pointer"  
-            *ngFor = "let task of despachoprstore.list; let i = index"
+            *ngFor = "let task of list; let i = index"
             (click)="goToDespachoPr(task.SerialNumber)"
           >
             <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->

src/app/pages/gabinete-digital/despachos-pr/despachos-pr.page.ts

@@ -63,6 +63,8 @@ export class DespachosPrPage implements OnInit {
   searchSubject = ''
   list = []
 
+  ordinance: string =  'old'
+
   constructor(
     private processes: ProcessesService,
     private modalController: ModalController,
@@ -106,18 +108,28 @@ export class DespachosPrPage implements OnInit {
     this.dynamicSearch()
   }
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
 
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const searchedList =this.TaskService.despachoprstore.list.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      this.list = this.TaskService.reorderList(this.ordinance, searchedList)
     } else {
-      this.list = this.TaskService.AllProcess
+      
+      const list = this.TaskService.despachoprstore.list
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }

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

@@ -8,7 +8,17 @@
     <app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss>
 
     <div class="title flex-1"><ion-label >Despachos</ion-label></div>
-    <div class="theicon btn-refresh">
+    <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>
 
       <div>
         <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
@@ -60,6 +70,7 @@
       </ion-refresher-content>
     </ion-refresher>
 
+
     <div >
       <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div class="height-100">

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

@@ -23,7 +23,8 @@ export class DespachosPage implements OnInit {
   searchSubject = ''
   list = []
   hideSearchBtn: boolean = false;
-  
+  ordinance: string =  'old'
+
   constructor(
     private router: Router,
     private despachoRule: DespachoService,
@@ -63,13 +64,16 @@ export class DespachosPage implements OnInit {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const searchedList = this.TaskService.despachoStore.list.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      this.list = this.TaskService.reorderList(this.ordinance, searchedList)
     } else {
-      this.list = this.TaskService.AllProcess
+      const list = this.despachoStore.list
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }
@@ -87,7 +91,13 @@ export class DespachosPage implements OnInit {
   }
 
 
-  
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
 
   async refreshing() {
     setTimeout(() => {

src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html

@@ -7,7 +7,14 @@
   <div class="title">
     <app-btn-modal-dismiss (click)="goBack()"></app-btn-modal-dismiss>
     <div class="thetitle"><ion-label >Diplomas</ion-label></div>
-    <div class="theicon btn-refresh">
+    <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">
 
@@ -27,8 +34,6 @@
             Não lidos
           </mat-option>
 
-
-
           <mat-option value="OverdueTasks">
             Em atraso
           </mat-option>
@@ -60,6 +65,7 @@
     </ion-refresher>
     <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
 
+
     <div class="width-100" *ngIf="deplomasStore.diplomasParaAssinarList">
 
       <div *ngIf="deplomasStore.diplomasParaAssinarList">

src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.ts

@@ -32,6 +32,7 @@ export class DiplomasAssinarPage implements OnInit {
  showSearch = false
  searchSubject = ''
  list = []
+ ordinance: string =  'recent'
 
  constructor(
    private processes:ProcessesService,
@@ -61,18 +62,28 @@ export class DiplomasAssinarPage implements OnInit {
     this.dynamicSearch()
   }
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
 
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const 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())
       })
+
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     } else {
-      this.list = this.TaskService.AllProcess
+      const list = this.TaskService.AllProcess
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }

src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.html

@@ -31,6 +31,32 @@
     </ion-refresher>
     <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
 
+    <div class="d-flex ion-justify-content-between ion-align-items-center" style="
+      width: 300px;
+      margin: 0px auto;
+    ">
+
+      <div class="d-flex sort-by ion-justify-content-center">
+        <p>
+          <span class="order">Order por:</span>
+          <span *ngIf="ordinance == 'recent'" class="order-labal">Mais Recentes</span>
+          <span *ngIf="ordinance == 'old'" class="order-labal">Mais Antigos</span>
+        </p>
+      </div>
+      <div>
+        <div  *ngIf="ordinance == 'old'" (click)="reorderList('recent')">
+          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-up.svg"></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-up.svg"></ion-icon>
+        </div>
+
+        <div *ngIf="ordinance == 'recent'" (click)="reorderList('old')">
+          <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-down-25.svg"></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-down.svg"></ion-icon>
+        </div>
+      </div>
+    </div>
+
+
     <div class="width-100" *ngIf="deplomasStore.DiplomaGerarList.length >= 1">
 
       <div *ngIf="deplomasStore.DiplomaGerarList">

src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.ts

@@ -33,6 +33,7 @@ export class DiplomasGerarPage implements OnInit {
   showSearch = false
   searchSubject = ''
   list = []
+  ordinance: string =  'old'
 
   constructor(
     private processes:ProcessesService,
@@ -62,18 +63,28 @@ export class DiplomasGerarPage implements OnInit {
     this.dynamicSearch()
   }
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
 
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const list = this.deplomasStore.DiplomaGerarList.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     } else {
-      this.list = this.TaskService.AllProcess
+      const list = this.deplomasStore.DiplomaGerarList
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }

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

@@ -3,8 +3,9 @@
     <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
   <div class="title">
+    <app-btn-modal-dismiss (click)="goBack()" ></app-btn-modal-dismiss>
     <div class="thetitle"><ion-label >Diplomas</ion-label></div>
-    <div class="theicon d-flex">
+    <div class="theicon d-flex align-center">
       <!-- <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">
@@ -35,6 +36,17 @@
           </div>
         </div>
       </div> -->
+
+      <div>
+        <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>
+      </div>
       
       <div>
         <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
@@ -91,6 +103,7 @@
 
   <div class="main-content width-100 overflow-y-auto height-100">
 
+
     <div class="width-100" [ngSwitch]="segment">
       <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div *ngIf="p.userPermission([p.permissionList.Gabinete.md_tasks])">

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

@@ -31,9 +31,10 @@ export class DiplomasPage implements OnInit, OnDestroy {
   
   showSearch = false
   searchSubject = ''
-  listDiplomasPorValidar = []
-  listDiplomasAssinadosPR = []
+  listDiplomasPorValidar = [];
+  listDiplomasAssinadosPR = [];
   hideSearchBtn: boolean = false;
+    ordinance: string =  'old';
 
   constructor(
     private processes: ProcessesService,
@@ -105,26 +106,42 @@ export class DiplomasPage implements OnInit, OnDestroy {
   }
 
 
+  
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
 
-      this.listDiplomasAssinadosPR = this.deplomasStore.diplomasAssinadoList.filter((task) => {
+      const listDiplomasAssinadosPR = this.deplomasStore.diplomasAssinadoList.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
 
-      this.listDiplomasPorValidar = this.deplomasStore.diplomasReviewList.filter((task) => {
+      this.listDiplomasAssinadosPR = this.TaskService.reorderList(this.ordinance, listDiplomasAssinadosPR)
+
+      const listDiplomasPorValidar = this.deplomasStore.diplomasReviewList.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
 
+      this.listDiplomasPorValidar = this.TaskService.reorderList(this.ordinance, listDiplomasPorValidar)
+
     } else {
       
-      this.listDiplomasAssinadosPR = this.deplomasStore.diplomasAssinadoList
-      this.listDiplomasPorValidar = this.deplomasStore.diplomasReviewList
+      const listDiplomasAssinadosPR = this.deplomasStore.diplomasAssinadoList
+      const listDiplomasPorValidar = this.deplomasStore.diplomasReviewList
+
+
+      this.listDiplomasPorValidar = this.TaskService.reorderList(this.ordinance, listDiplomasPorValidar)
+      this.listDiplomasAssinadosPR = this.TaskService.reorderList(this.ordinance, listDiplomasAssinadosPR)
     }
 
   }

src/app/pages/gabinete-digital/event-list/event-list.page.html

@@ -10,7 +10,19 @@
     <div class="header-title">
       <label>Eventos para Aprovação</label>
     </div>
-    <div style="float:right" *ngIf="showFilter">
+    <div style="float:right" *ngIf="showFilter" class="d-flex align-center">
+
+      <div>
+        <div class="d-flex" (click)="reorderList('old')" *ngIf="ordinance == 'recent' ">
+
+          <ion-icon  class="mr-10 font-25"  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 font-25"  src="assets/images/theme/gov/decrescente.svg" ></ion-icon>
+        </div>
+      </div>
+
       <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
         <mat-select [(value)]="filterName">
 

src/app/pages/gabinete-digital/event-list/event-list.page.ts

@@ -45,9 +45,11 @@ export class EventListPage implements OnInit {
   filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'|  'OverdueTasks' | 'Todos' = 'Todos'
   showFilter = false
 
-    showSearch = false
+  showSearch = false
   searchSubject = ''
   list = []
+  ordinance: string =  'old'
+
   constructor(
     private processes: ProcessesService,
     private modalController: ModalController,
@@ -105,6 +107,14 @@ export class EventListPage implements OnInit {
 
   }
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    // this.dynamicSearch();
+  }
+
+
   getEventToAproveFromDB() {
 
 

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

@@ -10,8 +10,21 @@
     <div class="header-title">
       <label>Expediente <span class="lowercase" *ngIf="filterName != 'Todos' ">{{ filterName }}</span></label>
     </div>
-    <div class="btn-refresh">
-      <!-- <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
+    <div class="btn-refresh  d-flex align-center">
+
+      <div>
+        <div class="d-flex" (click)="reorderList('old')" *ngIf="ordinance == 'recent' ">
+
+          <ion-icon  class="mr-10 font-25"  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 font-25"  src="assets/images/theme/gov/decrescente.svg" ></ion-icon>
+        </div>
+      </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" >
@@ -41,7 +54,8 @@
 
           
         </mat-select>
-      </mat-form-field> -->
+        
+      </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>
@@ -62,7 +76,7 @@
       <ion-list>
         <div
           class=" ion-no-padding ion-no-margin cursor-pointer"
-          *ngFor = "let task of expedientegbstore.list"
+          *ngFor = "let task of list"
           (click)="goToExpediente(task.SerialNumber)"
         >
         <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">

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

@@ -39,6 +39,7 @@ export class ExpedientePage implements OnInit {
   showSearch = false
   searchSubject = ''
   list = []
+  ordinance: string =  'old'
 
   filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'|  'OverdueTasks' | 'Todos' = 'Todos'
   constructor(
@@ -88,17 +89,29 @@ export class ExpedientePage implements OnInit {
   }
 
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
+
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const searchedList = this.expedientegbstore.list.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      this.list = this.TaskService.reorderList(this.ordinance, searchedList)
     } else {
-      this.list = this.TaskService.AllProcess
+      
+      const list = this.expedientegbstore.list
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }
@@ -122,7 +135,7 @@ export class ExpedientePage implements OnInit {
       this.taskslist = this.taskslist.filter(function(item) {
         return item.activityInstanceName != 'Retificar Expediente'
       })
-      this.listToPresent = this.sortService.sortDate(this.taskslist, 'taskStartDate') 
+      this.listToPresent = this.sortService.sortDate(this.taskslist, 'TaskStartDate').reverse()
       
       this.expedientegbstore.reset(this.listToPresent);
       

src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.html

@@ -8,7 +8,17 @@
 
   <div class="title">
     <div class="thetitle"><ion-label >Expediente</ion-label></div>
-    <div class="theicon btn-refresh">
+    <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">
 

src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.ts

@@ -37,9 +37,10 @@ export class ExpedientesPrPage implements OnInit {
   filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'|  'OverdueTasks' | 'Todos' = 'Todos'
   
 
-    showSearch = false
+  showSearch = false
   searchSubject = ''
   list = []
+  ordinance: string =  'old'
 
   constructor(
     private processes:ProcessesService,
@@ -77,17 +78,26 @@ export class ExpedientesPrPage implements OnInit {
   }
 
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const list = this.expedienteGdStore.list.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     } else {
-      this.list = this.TaskService.AllProcess
+      const list  = this.expedienteGdStore.list
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }

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

@@ -11,37 +11,49 @@
       <div  class="aside-wrapper d-flex flex-column width-md-40 flex-grow-1">
         <ion-progress-bar type="indeterminate" *ngIf="TaskService.showLoader"></ion-progress-bar>
         <div class="title-container">
-          <div class="title">
+          <div class="title d-flex justify-center">
             <ion-label *ngIf="hideRefreshBtn">Gabinete Digital</ion-label>
-            <mat-form-field *ngIf="!hideRefreshBtn && segmentVista == 'listview' " class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
-              <mat-select [(value)]="filterName">
+            <div class="d-flex align-center cursor" *ngIf="!hideRefreshBtn && segmentVista == 'listview' ">
+              <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="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>
+                  <mat-option value="Todos" >
+                    Todos
+                  </mat-option>
+        
+                </mat-select>
+              </mat-form-field>
+              
+              <div class="d-flex" (click)="reorderList('old')" *ngIf="ordinance == 'recent' && !hideRefreshBtn ">
+
+                <ion-icon  class="ml-10"  src="assets/images/theme/gov/crescente.svg" ></ion-icon>
+              </div>
+
+              <div class="d-flex" (click)="reorderList('recent')" *ngIf="ordinance != 'recent' && !hideRefreshBtn ">
+                <ion-icon  class="ml-10"  src="assets/images/theme/gov/decrescente.svg" ></ion-icon>
+              </div>
+            
+            </div>
           </div>
           <button  title="Atualizar" *ngIf="hideRefreshBtn && TaskService.loadCount" class="btn-no-color btn-refresh" (click)="doRefresh($event)">
             <ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon>

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

@@ -100,6 +100,7 @@ export class GabineteDigitalPage implements OnInit {
   showSearch = true;
   searchSubject: string = '';
   AllProcess = []
+  ordinance: string =  'old'
 
   constructor(
     private processesbackend: ProcessesService,
@@ -120,12 +121,6 @@ export class GabineteDigitalPage implements OnInit {
     public TaskService: TaskService
   ) {
 
-    // this.workerList = new Worker(new URL('./list.worker.js', import.meta.url));
-
-    // this.workerList.onmessage =  (oEvent) => {
-    //   this.AllProcess = oEvent.data
-    // }
-
     window.onresize = (event) => {
       // if not mobile remove all component
       if (window.innerWidth < 701) {
@@ -139,14 +134,41 @@ export class GabineteDigitalPage implements OnInit {
 
     this.checkRoutes();
 
-    this.TaskService.registerCallback({
-      id: import.meta.url,
-      funx:() => {
-        this.dynamicSearch()
-      }
-    })
+
+    // fix with many timeout
+    setTimeout(() => {
+      this.dynamicSearch()
+    }, 2000)
+    setTimeout(() => {
+      this.dynamicSearch()
+    }, 4000)
+    setTimeout(() => {
+      this.dynamicSearch()
+    }, 6000)
+    setTimeout(() => {
+      this.dynamicSearch()
+    }, 10000)
+    setTimeout(() => {
+      this.dynamicSearch()
+    }, 14000)
+    setTimeout(() => {
+      this.dynamicSearch()
+    }, 18000)
+    setTimeout(() => {
+
+      this.dynamicSearch()
+
+      this.TaskService.registerCallback({
+        id: import.meta.url,
+        funx:() => {
+          this.dynamicSearch()
+        }
+      })
+    }, 20000)
 
   }
+
+
   closeAllDesktopComponent() {
     this.desktopComponent = {
       showEventList: false,
@@ -167,18 +189,40 @@ export class GabineteDigitalPage implements OnInit {
     this.dynamicSearch()
   }
 
+
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
+
   async dynamicSearch() {
 
+    const ordinance = this.ordinance
     if(this.showSearch && this.searchSubject) {
       
-      this.AllProcess = this.TaskService.AllProcess.filter((task) => {
+      const AllProcess = this.TaskService.AllProcess.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      
+      if(ordinance == this.ordinance) {
+        this.AllProcess = this.TaskService.reorderList(this.ordinance, AllProcess)
+      }
     } else {
-      this.AllProcess = this.TaskService.AllProcess
+      const AllProcess = this.TaskService.AllProcess
+      
+      if(ordinance == this.ordinance) {
+        this.AllProcess = this.TaskService.reorderList(this.ordinance, AllProcess)
+      }
     }
+
+    console.log('order', this.ordinance)
+
   }
 
   ngOnInit() {
@@ -213,97 +257,7 @@ export class GabineteDigitalPage implements OnInit {
       }
     });
 
-    
     this.hideRefreshButton();
-
-    // this.waitForDomService.selector({
-    //   selector: 'app-gabinete-digital ion-content .aside-wrapper',
-    //   callback: () => {
-    //     // console.log('SECOND CALL')
-    //     this.loadAllProcesses();
-    //   }
-    // })
-
-    setTimeout(() => {
-        
-      this.backgroundservice.registerBackService('Online', () => {
-        // this.loadAllProcesses();
-      });
-
-      // this.NotificationsService.registerCallback({
-      //   type:'despachos',
-      //   funx:() => {
-      //     // this.loadCount();
-      //     console.log('refresh with notification')
-      //   }
-      // }) 
-
-        // this.NotificationsService.registerCallback({
-        //   type:'*',
-        //   funx:() => {
-        //     // this.LoadCounts();
-        //     console.log('refresh with notification *')
-        //   }
-        // }) 
-
-        // this.NotificationsService.registerCallback({
-        //   type:'despachos-pr',
-        //   funx:() => {
-        //     // this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // })
-        // this.NotificationsService.registerCallback({
-        //   type:'expediente',
-        //   funx: () => {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // }) 
-        // this.NotificationsService.registerCallback({
-        //   type:'gabinete-digital',
-        //   funx:() => {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // })
-        // this.NotificationsService.registerCallback({
-        //   type:'parecer',
-        //   funx: () => {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // }) 
-        // this.NotificationsService.registerCallback({
-        //   type: 'deferimento',
-        //   funx: () =>  {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // }) 
-        // this.NotificationsService.registerCallback({
-        //   type: 'diplomas-assinar',
-        //   funx: () => {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // }) 
-        // this.NotificationsService.registerCallback({
-        //   type: 'diplomas',
-        //   funx: () => {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // }) 
-        // this.NotificationsService.registerCallback({
-        //   type: 'expedientes-pr',
-        //   funx: () => {
-        //     this.LoadCounts();
-        //     console.log('refresh with notification')
-        //   }
-        // }) 
-
-    }, 100);
     
   }
 

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

@@ -6,7 +6,17 @@
   <app-btn-modal-dismiss (click)="goBack()"></app-btn-modal-dismiss>
   <div class="title">
     <div class="thetitle"><ion-label >Pedidos</ion-label></div>
-    <div class="theicon btn-refresh">
+    <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">
 
@@ -67,15 +77,40 @@
       </ion-refresher-content>
     </ion-refresher>
 
+    <div class="d-flex ion-justify-content-between ion-align-items-center" style="
+      width: 300px;
+      margin: 0px auto;
+    ">
+    
+      <div class="d-flex sort-by ion-justify-content-center">
+        <p>
+          <span class="order">Order por:</span>
+          <span *ngIf="ordinance == 'recent'" class="order-labal">Mais Recentes</span>
+          <span *ngIf="ordinance == 'old'" class="order-labal">Mais Antigos</span>
+        </p>
+      </div>
+      <div>
+        <div  *ngIf="ordinance == 'old'" (click)="reorderList('recent')">
+          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-up.svg"></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-up.svg"></ion-icon>
+        </div>
+
+        <div *ngIf="ordinance == 'recent'" (click)="reorderList('old')">
+          <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-arrow-arrow-down-25.svg"></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-arrow-arrow-down.svg"></ion-icon>
+        </div>
+      </div>
+    </div>
+
     <div class="width-100" [ngSwitch]="segment">
       <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
-      <div *ngIf="pedidosstorage.listparecer">
+      <div *ngIf="listPedidosParecer">
         <ion-list *ngSwitchCase="'parecer'">
-          <!-- *ngFor = "let task of pedidosstorage.listparecer; let i = index"
+          <!-- *ngFor = "let task of listPedidosParecer; let i = index"
           (click)="viewExpedientDetail(task.SerialNumber)" -->
           <div
             class="ion-no-padding ion-no-margin cursor-pointer"
-            *ngFor = "let task of pedidosstorage.listparecer"
+            *ngFor = "let task of listPedidosParecer"
             (click)="goToPedido(task.SerialNumber)"
           >
             <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
@@ -111,11 +146,11 @@
         </ion-list>
 
       </div>
-      <div *ngIf="pedidosstorage.listdeferimento">
+      <div *ngIf="listPedidosDeferimento">
         <ion-list *ngSwitchCase="'deferimento'">
           <div
             class="expediente ion-no-padding ion-no-margin cursor-pointer"
-            *ngFor = "let task of pedidosstorage.listdeferimento"
+            *ngFor = "let task of listPedidosDeferimento"
             (click)="goToPedido(task.SerialNumber)"
           >
             <!-- (click)="viewExpedientDetail(task.SerialNumber)" -->
@@ -155,7 +190,7 @@
     <div [ngSwitch]="segment">
     <div *ngSwitchCase="'parecer'" class="centered-div d-flex height-100 align-center justify-content-center" >
       <div
-        *ngIf="pedidosstorage.listparecer.length == 0"
+        *ngIf="listPedidosParecer.length == 0"
         class="empty-list d-flex height-100 align-center justify-content-center"
       >
         <span>Lista vazia</span>
@@ -164,7 +199,7 @@
 
     <div *ngSwitchCase="'deferimento'" class="centered-div d-flex height-100 align-center justify-content-center">
       <div
-        *ngIf="pedidosstorage.listdeferimento.length == 0"
+        *ngIf="listPedidosDeferimento.length == 0"
         class="empty-list d-flex height-100 align-center justify-content-center"
       >
         <span>Lista vazia</span>
@@ -172,7 +207,7 @@
     </div>
   </div>
 
-    <div *ngIf="skeletonLoader && pedidosstorage.listdeferimento.length == 0 && skeletonLoader && pedidosstorage.listparecer.length == 0">
+    <div *ngIf="skeletonLoader && listPedidosDeferimento.length == 0 && skeletonLoader && listPedidosParecer.length == 0">
 
       <ion-list>
         <ion-item>

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

@@ -46,6 +46,10 @@ export class PedidosPage implements OnInit {
   showSearch = false
   searchSubject = ''
   list = []
+  ordinance: string =  'old'
+  listPedidosParecer = []
+  listPedidosDeferimento = []
+  
 
   constructor(
     private router: Router,
@@ -98,17 +102,38 @@ export class PedidosPage implements OnInit {
   }
 
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const listPedidosParecer = this.pedidosstorage.listparecer.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      this.listPedidosParecer = this.TaskService.reorderList(this.ordinance, listPedidosParecer)
+
+
+      const listPedidosDeferimento = this.pedidosstorage.listdeferimento.filter((task) => {
+        let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
+        subject = subject.toLowerCase();
+        return subject.includes(this.searchSubject.toLowerCase())
+      })
+
+      this.listPedidosDeferimento = this.TaskService.reorderList(this.ordinance, listPedidosDeferimento)
+
     } else {
-      this.list = this.TaskService.AllProcess
+
+      this.listPedidosParecer = this.TaskService.reorderList(this.ordinance, this.pedidosstorage.listparecer)
+      this.listPedidosDeferimento = this.TaskService.reorderList(this.ordinance, this.pedidosstorage.listdeferimento)      
     }
 
   }

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

@@ -7,7 +7,17 @@
   <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">
+    <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">
 
@@ -57,8 +67,9 @@
     </ion-refresher-content>
   </ion-refresher>
 
+
   <app-task-list class="height-100"
-    [taskList] = pendentesstore.list
+    [taskList] = list
     [skeletonLoader] = skeletonLoader
     (viewTaskDetail)="viewTaskDetails($event)"
   > </app-task-list>

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

@@ -18,6 +18,7 @@ import { Storage } from '@ionic/storage';
 import { SessionStore } from 'src/app/store/session.service';
 import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';
 import { TaskService } from 'src/app/services/task.service'
+import { ThemeService } from 'src/app/services/theme.service'
 
 @Component({
   selector: 'app-pendentes',
@@ -44,6 +45,7 @@ export class PendentesPage implements OnInit {
   showSearch = false
   searchSubject = ''
   list = []
+  ordinance: string =  'old'
 
   constructor(
     private processes: ProcessesService,
@@ -57,7 +59,8 @@ export class PendentesPage implements OnInit {
     private sortService: SortService,
     private storage: Storage,
     private httpErroHandle: HttpErrorHandle,
-    public TaskService: TaskService
+    public TaskService: TaskService,
+    public ThemeService: ThemeService,
   ) {
     this.loggeduser = SessionStore.user;
     this.profile = 'mdgpr';
@@ -89,17 +92,27 @@ export class PendentesPage implements OnInit {
   }
 
 
+  reorderList(orderBy: string) {
+
+    this.ordinance = orderBy;
+
+    this.dynamicSearch();
+  }
+
   async dynamicSearch() {
 
     if(this.showSearch && this.searchSubject) {
       
-      this.list = this.TaskService.despachoStore.list.filter((task) => {
+      const list = this.pendentesstore.list.filter((task) => {
         let subject = task.Folio || task.Subject || task.workflowInstanceDataFields.Subject
         subject = subject.toLowerCase();
         return subject.includes(this.searchSubject.toLowerCase())
       })
+
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     } else {
-      this.list = this.TaskService.AllProcess
+      const list = this.pendentesstore.list
+      this.list = this.TaskService.reorderList(this.ordinance, list)
     }
 
   }