Improve loader

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

@@ -25,9 +25,10 @@
         refreshingSpinner="circles"
         refreshingText="A actualizar...">
       </ion-refresher-content>
-    </ion-refresher>
+  </ion-refresher>
   
     <div class="main-content width-100">
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div >
         <ion-list>
           <ion-item 

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

@@ -100,11 +100,12 @@ export class DespachosPrPage implements OnInit {
 
   async LoadList() {
 
-    this.despachoList = new Array();
+    
     this.skeletonLoader = true
 
     let result = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
-
+    this.despachoList = new Array();
+    
     let despachosPr;
     switch (this.loggeduser.Profile) {
       case 'MDGPR':
@@ -118,7 +119,6 @@ export class DespachosPrPage implements OnInit {
     this.skeletonLoader = false
     
     despachosPr = despachosPr.filter(data => data.workflowInstanceDataFields.Status == "Active");
-    console.log(despachosPr);
 
     despachosPr.forEach( (element, index) => {
 
@@ -142,7 +142,6 @@ export class DespachosPrPage implements OnInit {
       this.despachoList.push(task);
       console.log(this.despachoList);
     });
-    console.log(this.despachoList);
 
    }
 

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

@@ -28,6 +28,7 @@
     </ion-refresher>
     
     <div class="width-100">
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div >
         <ion-list>
           <ion-item 

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

@@ -28,7 +28,8 @@
       </ion-refresher-content>
     </ion-refresher>
 
-    <div class="width-100">
+    <div class="width-100">.
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div *ngIf="diplomasList">
         <ion-list >
           <!-- *ngFor = "let task of parecerList; let i = index"

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

@@ -43,14 +43,14 @@ export class DiplomasAssinarPage implements OnInit {
     });
   }
 
- goToDiploma(serialNumber:any){
-   let navigationExtras: NavigationExtras = {
-     queryParams: {
-         "serialNumber": serialNumber,
-     }
-   };
-   this.router.navigate(['/home/gabinete-digital/diplomas-assinar/diploma-assinar'], navigationExtras);
- }
+  goToDiploma(serialNumber:any){
+    let navigationExtras: NavigationExtras = {
+      queryParams: {
+        "serialNumber": serialNumber,
+      }
+    };
+    this.router.navigate(['/home/gabinete-digital/diplomas-assinar/diploma-assinar'], navigationExtras);
+  }
 
  async refreshing() {
   setTimeout(() => {
@@ -71,9 +71,10 @@ export class DiplomasAssinarPage implements OnInit {
 
     let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
     this.diplomasList = new Array();
-        let diplomasAssinar = diplomas.reverse().filter(data => data.activityInstanceName == "Assinar Diploma");
-        console.log(diplomasAssinar);
-        diplomasAssinar.forEach(element => {
+
+    let diplomasAssinar = diplomas.reverse().filter(data => data.activityInstanceName == "Assinar Diploma");
+    console.log(diplomasAssinar);
+    diplomasAssinar.forEach(element => {
           let DocId = element.workflowInstanceDataFields.FolderID;
           let ApplicationId = element.workflowInstanceDataFields.ApplicationId;
           this.processes.GetDocumentDetails(DocId, '361').subscribe(res=>{
@@ -110,8 +111,9 @@ export class DiplomasAssinarPage implements OnInit {
             }
             this.diplomasList.push(task);
           });
-      });
+    });
     this.showLoader = false;
+    
   }
 
   goBack() {

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

@@ -32,6 +32,7 @@
     </ion-refresher>
   
     <div class="width-100" [ngSwitch]="segment">
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div *ngIf="diplomasList">
         <ion-list *ngSwitchCase="'validar'">
           <ion-item 

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

@@ -146,12 +146,12 @@ constructor(
   }
 
   async LoadList(){
-    this.diplomasList = [];
+    
     console.log(this.diplomasList);
     this.skeletonLoader = true
 
     let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
-
+    this.diplomasList = [];
     this.skeletonLoader = false
 
     switch (this.segment) {

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

@@ -28,6 +28,7 @@
           </ion-segment-button>
         </ion-segment>
       </ion-toolbar>
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
     </div>
 
     <ion-list *ngSwitchCase="'MDGPR'">

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

@@ -28,6 +28,7 @@
   <div class="width-100" *ngIf="taskslist">
 
     <ion-list>
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div
           class="expediente cursor-pointer"
           *ngFor = "let task of taskslist"
@@ -50,10 +51,10 @@
                 <ion-label>{{ task.Folio }}</ion-label>
               </div>
             </div>
-          </div>
+      </div>
     </ion-list>
   </div>
-  <div *ngIf="skeletonLoader">
+  <div *ngIf="skeletonLoader && taskslist.length == 0">
 
     <ion-list>
       <ion-item>

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

@@ -26,6 +26,7 @@
     </ion-refresher>
     
     <div class="width-100" *ngIf="taskslist">
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <ion-list>
         <ion-item 
             class="expediente ion-no-padding cursor-pointer"  
@@ -49,9 +50,11 @@
                   <ion-label>{{ task.Folio }}</ion-label>
                 </div>
               </div>
-            </ion-item>
+        </ion-item>
       </ion-list>
     </div>
+    
+    <!-- Skeleton loader -->
     <div *ngIf="skeletonLoader && taskslist.length == 0">
     
       <ion-list>

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

@@ -37,6 +37,7 @@
     </ion-refresher>
   
     <div class="width-100" [ngSwitch]="segment">
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div *ngIf="parecerList">
         <ion-list *ngSwitchCase="'parecer'">
           <!-- *ngFor = "let task of parecerList; let i = index"

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

@@ -28,6 +28,7 @@
     </ion-refresher>
 
     <div class="width-100">
+      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
       <div >
         <ion-list>
           <div