Fix skeleton loader

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

@@ -65,7 +65,7 @@
   
       </div>
     </div>
-  <div *ngIf="loading">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -16,6 +16,7 @@ import { AuthService } from 'src/app/services/auth.service';
 import { DespachoPage } from 'src/app/pages/gabinete-digital/despachos/despacho/despacho.page';
 import { User } from 'src/app/models/user.model';
 import { NavigationEnd, NavigationExtras, Router } from '@angular/router';
+import { __awaiter } from 'tslib';
 
 @Component({
   selector: 'app-despachos-pr',
@@ -38,7 +39,6 @@ export class DespachosPrPage implements OnInit {
 
   profile:string;
   segment:string;
-  loading = false
 
   // @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();
 
@@ -47,6 +47,7 @@ export class DespachosPrPage implements OnInit {
   inicial = false
 
   loggeduser: User;
+  skeletonLoader = true
 
   constructor (
     private processes:ProcessesService,
@@ -100,20 +101,22 @@ export class DespachosPrPage implements OnInit {
   async LoadList() {
 
     this.despachoList = new Array();
-
+    this.skeletonLoader = true
-    this.loading = true;
 
     let result = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
 
     let despachosPr;
     switch (this.loggeduser.Profile) {
       case 'MDGPR':
-        despachosPr = result.reverse().filter(data => data.activityInstanceName == "Tarefa de Despacho");
+        despachosPr = await result.reverse().filter(data => data.activityInstanceName == "Tarefa de Despacho");
         break;
       case 'PR':
-        despachosPr = result.reverse().filter(data => data.activityInstanceName == "Concluir Despacho");
+        despachosPr = await result.reverse().filter(data => data.activityInstanceName == "Concluir Despacho");
         break;
     }
+
+    this.skeletonLoader = false
+    
     despachosPr = despachosPr.filter(data => data.workflowInstanceDataFields.Status == "Active");
     console.log(despachosPr);
 
@@ -141,8 +144,6 @@ export class DespachosPrPage implements OnInit {
     });
     console.log(this.despachoList);
 
-    this.loading = false;
-
    }
 
     sortArrayISODate(myArray: any) {

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

@@ -65,7 +65,8 @@
 
       </div>
     </div>
-    <div *ngIf="despachoList?.length < 1">
+
+    <div *ngIf="skeletonLoader">
     
       <ion-list>
         <ion-item>

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

@@ -44,6 +44,7 @@ export class DespachosPage implements OnInit {
   loadedAttachments:any;
   dicIndex = 0;
   inicial = false
+  skeletonLoader = true
 
   constructor (
     private processes:ProcessesService,
@@ -83,10 +84,14 @@ export class DespachosPage implements OnInit {
 
   async LoadList() {
 
+    this.skeletonLoader = true
+
     let result = await this.processes.GetTasksList("Despacho", false).toPromise();
     //let despachos = result.reverse().filter(data => data.activityInstanceName == "Despacho (Paralelo)");
     this.despachoList = new Array();
 
+    this.skeletonLoader = false
+
     await result.forEach( (element, index) => {
 
       let date = new Date(element.taskStartDate);

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

@@ -64,7 +64,7 @@
         </ion-list>
       </div>
     </div>
-    <div *ngIf="!diplomasList">
+    <div *ngIf="skeletonLoader">
 
       <ion-list>
         <ion-item>

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

@@ -22,6 +22,8 @@ export class DiplomasAssinarPage implements OnInit {
  @Input() profile:string;
  @Input() segment:string;
 
+ skeletonLoader = true
+
  constructor(
    private processes:ProcessesService,
    private modalController: ModalController,
@@ -61,52 +63,54 @@ export class DiplomasAssinarPage implements OnInit {
    }, 2000);
  }
 
- async LoadList(){
+  async LoadList(){
 
-   let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
+    this.skeletonLoader = true
-   this.diplomasList = new Array();
+
-       let diplomasAssinar = diplomas.reverse().filter(data => data.activityInstanceName == "Assinar Diploma");
+    let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
-       console.log(diplomasAssinar);
+    this.diplomasList = new Array();
-       diplomasAssinar.forEach(element => {
+        let diplomasAssinar = diplomas.reverse().filter(data => data.activityInstanceName == "Assinar Diploma");
-         let DocId = element.workflowInstanceDataFields.FolderID;
+        console.log(diplomasAssinar);
-         let ApplicationId = element.workflowInstanceDataFields.ApplicationId;
+        diplomasAssinar.forEach(element => {
-         this.processes.GetDocumentDetails(DocId, '361').subscribe(res=>{
+          let DocId = element.workflowInstanceDataFields.FolderID;
-           this.totalDocs = res.DocumentsTotal;
+          let ApplicationId = element.workflowInstanceDataFields.ApplicationId;
-           console.log(res.DocumentsTotal);
+          this.processes.GetDocumentDetails(DocId, '361').subscribe(res=>{
-           let task = {
+            this.totalDocs = res.DocumentsTotal;
-             "SerialNumber": element.serialNumber,
+            console.log(res.DocumentsTotal);
-             "Folio": element.workflowInstanceDataFields.Subject,
+            let task = {
-             "Senders": element.workflowInstanceDataFields.Sender,
+              "SerialNumber": element.serialNumber,
-             "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
+              "Folio": element.workflowInstanceDataFields.Subject,
-             "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
+              "Senders": element.workflowInstanceDataFields.Sender,
-             "Remetente": element.workflowInstanceDataFields.Remetente,
+              "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
-             "DocumentsQty": element.totalDocuments,
+              "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
-             "DocId": element.workflowInstanceDataFields.DocId,
+              "Remetente": element.workflowInstanceDataFields.Remetente,
-             "WorkflowName": element.workflowDisplayName,
+              "DocumentsQty": element.totalDocuments,
-             "activityInstanceName": element.activityInstanceName,
+              "DocId": element.workflowInstanceDataFields.DocId,
-             "Status": element.workflowInstanceDataFields.Status,
+              "WorkflowName": element.workflowDisplayName,
-           }
+              "activityInstanceName": element.activityInstanceName,
-           this.diplomasList.push(task);
+              "Status": element.workflowInstanceDataFields.Status,
-         },
+            }
-         (error)=>{
+            this.diplomasList.push(task);
-           let task = {
+          },
-             "SerialNumber": element.serialNumber,
+          (error)=>{
-             "Folio": element.workflowInstanceDataFields.Subject,
+            let task = {
-             "Senders": element.workflowInstanceDataFields.Sender,
+              "SerialNumber": element.serialNumber,
-             "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
+              "Folio": element.workflowInstanceDataFields.Subject,
-             "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
+              "Senders": element.workflowInstanceDataFields.Sender,
-             "Remetente": element.workflowInstanceDataFields.Remetente,
+              "CreateDate": formatDate(new Date(element.taskStartDate), 'yyyy-MM-dd HH:mm', 'pt'),
-             "DocumentsQty": element.totalDocuments,
+              "DocumentURL": element.workflowInstanceDataFields.ViewerRequest,
-             "DocId": element.workflowInstanceDataFields.DocId,
+              "Remetente": element.workflowInstanceDataFields.Remetente,
-             "WorkflowName": element.workflowDisplayName,
+              "DocumentsQty": element.totalDocuments,
-             "activityInstanceName": element.activityInstanceName,
+              "DocId": element.workflowInstanceDataFields.DocId,
-             "Status": element.workflowInstanceDataFields.Status,
+              "WorkflowName": element.workflowDisplayName,
-           }
+              "activityInstanceName": element.activityInstanceName,
-           this.diplomasList.push(task);
+              "Status": element.workflowInstanceDataFields.Status,
-         });
+            }
-     });
+            this.diplomasList.push(task);
-   this.showLoader = false;
+          });
- }
+      });
+    this.showLoader = false;
+  }
 
   goBack() {
     this.router.navigate(['/home/gabinete-digital']);

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

@@ -94,7 +94,7 @@
         </ion-list>
       </div>
     </div>
-    <div *ngIf="!diplomasList">
+    <div *ngIf="skeletonLoader">
     
       <ion-list>
         <ion-item>

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

@@ -19,6 +19,8 @@ serialNumber:string;
 
 segment:string;
 
+skeletonLoader = true
+
 constructor(
   private processes:ProcessesService,
   private router: Router,
@@ -144,9 +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.skeletonLoader = false
+
     switch (this.segment) {
       case 'validar':
         let diplomasValidar = diplomas.filter(data => data.activityInstanceName == "Revisar Diploma");

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

@@ -53,7 +53,7 @@
           </div>
     </ion-list>
   </div>
-  <div *ngIf="!taskslist">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -13,7 +13,7 @@ import { AlertService } from 'src/app/services/alert.service';
 export class ExpedientePage implements OnInit {
 
   segment:string;
-  showLoader: boolean;
+  skeletonLoader = true
   //profile:string;
 
   taskslist:DailyWorkTask[];
@@ -37,7 +37,8 @@ export class ExpedientePage implements OnInit {
   }
 
   LoadList(){
-    this.showLoader = true;
+    this.skeletonLoader = true
+
     this.processes.GetTasksList("Expediente", false).subscribe(result => {
       console.log(result);
       this.taskslist = new Array();
@@ -61,7 +62,7 @@ export class ExpedientePage implements OnInit {
         this.taskslist.push(task);
       });
       console.log(this.taskslist);
-      this.showLoader = false;
+      this.skeletonLoader = false;
     });
   }
 

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

@@ -52,7 +52,7 @@
             </ion-item>
       </ion-list>
     </div>
-    <div *ngIf="!taskslist">
+    <div *ngIf="skeletonLoader">
     
       <ion-list>
         <ion-item>

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

@@ -28,6 +28,8 @@ export class ExpedientesPrPage implements OnInit {
   loggeduser: User;
   @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();
 
+  skeletonLoader = true
+
   constructor(
     private processes:ProcessesService,
     private modalController: ModalController,
@@ -50,7 +52,8 @@ export class ExpedientesPrPage implements OnInit {
   }
 
   LoadList(){
-    this.showLoader = true;
+    this.skeletonLoader = true
+
     switch (this.loggeduser.Profile) {
       case 'MDGPR':
         this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
@@ -76,7 +79,7 @@ export class ExpedientesPrPage implements OnInit {
               this.taskslist.push(task);
             });
           console.log(this.taskslist);
-          this.showLoader = false;
+          this.skeletonLoader = false
         });
 
         break;

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

@@ -106,7 +106,7 @@
         </ion-list>
       </div>
     </div>
-    <div *ngIf="!parecerList && !deferimentoList">
+    <div *ngIf="skeletonLoader">
     
       <ion-list>
         <ion-item>

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

@@ -31,6 +31,7 @@ export class PedidosPage implements OnInit {
  deferimentoList:any[];
  taskType: string;
  serialNumber:string;
+ skeletonLoader = true
 
  @Input() segment:string;
  @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();
@@ -95,12 +96,16 @@ export class PedidosPage implements OnInit {
   }
 
   async LoadList(){
+    this.skeletonLoader = true
+
     if(this.segment == 'parecer'){
       this.taskType = "Pedido de Parecer";
 
       let parecer = await this.processes.GetTasksList("Pedido de Parecer", false).toPromise();
       let parecerPr = await this.processes.GetTasksList("Pedido de Parecer do Presidente", false).toPromise();
 
+      this.skeletonLoader = false
+
       let allParecer = parecer.concat(parecerPr).reverse();
       this.parecerList = new Array();
 
@@ -128,8 +133,9 @@ export class PedidosPage implements OnInit {
     }
     else if(this.segment == 'deferimento') {
       this.taskType = "Pedido de Deferimento";
-      this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(result => {
+      await this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(result => {
         this.taskslist = result;
+        this.skeletonLoader = false
 
         console.log(result);
 
@@ -157,6 +163,7 @@ export class PedidosPage implements OnInit {
 
       });
     }
+
   }
 
   refreshing() {

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

@@ -65,7 +65,7 @@
 
       </div>
     </div>
-    <div *ngIf="pendentesList.length < 1">
+    <div *ngIf="skeletonLoader">
       <ion-list>
         <ion-item>
           <ion-thumbnail slot="end">

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

@@ -24,6 +24,7 @@ export class PendentesPage implements OnInit {
 
   @Input() profile:string;
   segment:string;
+  skeletonLoader = true
 
   constructor(
     private processes:ProcessesService,
@@ -60,7 +61,8 @@ export class PendentesPage implements OnInit {
   }
 
   async LoadList(){
-    this.showLoader = true;
+    
+    this.skeletonLoader = true
     this.pendentesList = new Array();
     let pendentes = await this.processes.GetPendingTasks(false).toPromise();
 
@@ -87,7 +89,8 @@ export class PendentesPage implements OnInit {
         this.pendentesList = this.sortArrayISODate(this.pendentesList);
 
     });
-    this.showLoader = false;
+    this.skeletonLoader = false;
+    
   }
 
   sortArrayISODate(myArray: any){

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

@@ -57,7 +57,7 @@
             </ion-item>
       </ion-list>
   </div>
-  <div *ngIf="despachoList?.length < 1" class="overflow-y-auto height-100">
+  <div *ngIf="skeletonLoader" class="overflow-y-auto height-100">
   
     <ion-list>
       <ion-item>

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

@@ -37,7 +37,7 @@ taskList:tasksList[] = [];
 taskType: string;
 serialNumber:string;
 totalDocs:any;
-loading = false
+skeletonLoader = true
 
 @Input() profile:string;
 segment:string;
@@ -99,7 +99,7 @@ goToDespachoPr(serialNumber:any){
 
   this.despachoList = new Array();
 
-  this.loading = true;
+  this.skeletonLoader = true;
 
   let result = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
   console.log(result);
@@ -143,7 +143,7 @@ goToDespachoPr(serialNumber:any){
 
   this.despachoList = this.sortArrayISODate(this.despachoList).reverse()
 
-  this.loading = false;
+  this.skeletonLoader = false;
 
  }
 

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

@@ -53,7 +53,7 @@
             </ion-item>
       </ion-list>
   </div>
-  <div *ngIf="despachoList.length < 1">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -43,6 +43,7 @@ export class DespachosPage implements OnInit {
  loadedAttachments:any;
  dicIndex = 0;
  inicial = false
+ skeletonLoader = true
 
  constructor (
    private processes:ProcessesService,
@@ -93,6 +94,8 @@ export class DespachosPage implements OnInit {
 
   async LoadList(){
 
+    this.skeletonLoader = true
+
     let result = await this.processes.GetTasksList("Despacho", false).toPromise();
     //let despachos = result.reverse().filter(data => data.activityInstanceName == "Despacho (Paralelo)");
     this.despachoList = new Array();
@@ -123,6 +126,7 @@ export class DespachosPage implements OnInit {
     });
 
     this.despachoList = this.sortArrayISODate(this.despachoList).reverse();
+    this.skeletonLoader = false
     
   }
 

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

@@ -55,7 +55,7 @@
       </ion-list>
     </div>
   </div>
-  <div *ngIf="!diplomasList">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -18,6 +18,7 @@ diplomasList:DailyWorkTask[] = [];
 showLoader: boolean;
 totalDocs:any;
 serialNumber:string;
+skeletonLoader = true
 
 @Input() profile:string;
 @Input() segment:string;
@@ -59,8 +60,11 @@ serialNumber:string;
 
   async LoadList(){
 
+    this.skeletonLoader = true
+
     let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
     this.diplomasList = new Array();
+    this.skeletonLoader = false
 
     console.log(diplomas);
     let diplomasAssinar = diplomas.reverse().filter(data => data.activityInstanceName == "Assinar Diploma");

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

@@ -82,7 +82,7 @@
       </ion-list>
     </div>
   </div>
-  <div *ngIf="!diplomasList">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -17,6 +17,7 @@ diplomasList:DailyWorkTask[] = [];
 showLoader: boolean;
 totalDocs:any;
 serialNumber:string;
+skeletonLoader = false
 
 @Input() segment:string;
 
@@ -46,12 +47,15 @@ constructor(
     this.alertService.presentAlert('Funcionalidade em desenvolvimento');
   }
 
-  async LoadList(){
+  async LoadList() {
+
     this.diplomasList = [];
     console.log(this.diplomasList);
 
     console.log(this.segment);
 
+    this.skeletonLoader = true
+    
     let diplomas = await this.processes.GetTasksList("Despacho do Presidente da República", false).toPromise();
 
     switch (this.segment) {
@@ -118,6 +122,8 @@ constructor(
           console.log('No segment provided!');
           break;
     }
+
+    this.skeletonLoader = false
   }
 
   sortArrayISODate(myArray: any) {

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

@@ -37,7 +37,7 @@
           </ion-item>
     </ion-list>
   </div>
-  <div *ngIf="!taskslist">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -22,7 +22,7 @@ export class ExpedientesPrPage implements OnInit {
 
   taskslist:DailyWorkTask[];
   serialNumber:string;
-  showLoader:boolean;
+  skeletonLoader:boolean;
 
   loggeduser: User;
   @Output() openExpedientDetail:EventEmitter<any> = new EventEmitter<any>();
@@ -55,7 +55,7 @@ export class ExpedientesPrPage implements OnInit {
   }
 
   LoadList(){
-    this.showLoader = true;
+    this.skeletonLoader = true;
     switch (this.loggeduser.Profile) {
       case 'MDGPR':
         this.processes.GetTasksList("Expediente do Presidente", false).subscribe(result => {
@@ -81,7 +81,7 @@ export class ExpedientesPrPage implements OnInit {
               this.taskslist.push(task);
             });
           console.log(this.taskslist);
-          this.showLoader = false;
+          this.skeletonLoader = false;
         });
 
         break;
@@ -109,7 +109,7 @@ export class ExpedientesPrPage implements OnInit {
                 this.taskslist.push(task);
               });
             console.log(this.taskslist);
-            this.showLoader = false;
+            this.skeletonLoader = false;
           });
 
         break;

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

@@ -45,7 +45,7 @@
           </ion-item>
     </ion-list>
   </div>
-  <div *ngIf="!taskslist">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

src/app/shared/gabinete-digital/expedients/expedients.page.ts

@@ -25,6 +25,7 @@ export class ExpedientsPage implements OnInit {
   serialNumber:string;
 
   @Input() profile:string;
+  skeletonLoader = true
 
   constructor(
     private processes:ProcessesService,
@@ -58,9 +59,14 @@ export class ExpedientsPage implements OnInit {
     this.alertService.presentAlert('Funcionalidade em desenvolvimento');
   }
 
-  LoadList(){
+  LoadList() {
+
+    this.skeletonLoader = true
+
     this.processes.GetTasksList("Expediente", false).subscribe(result => {
       this.taskslist = new Array();
+      this.skeletonLoader = false
+      
       let res = result.reverse().filter(data => data.workflowInstanceDataFields.Status == "Active");
       res.forEach(element => {
         let date = new Date(element.taskStartDate);

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

@@ -98,7 +98,7 @@
       </ion-list>
     </div>
   </div>
-  <div *ngIf="!parecerList && !deferimentoList">
+  <div *ngIf="skeletonLoader">
   
     <ion-list>
       <ion-item>

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

@@ -37,6 +37,7 @@ export class PedidosPage implements OnInit {
   @Input() profile:string;
   @Input() segment:string;
   @Output() openPedido:EventEmitter<any> = new EventEmitter<any>();
+  skeletonLoader = true
 
   constructor(
     private router: Router,
@@ -72,12 +73,17 @@ export class PedidosPage implements OnInit {
   }
 
   async LoadList(){
+
+    this.skeletonLoader = true
+
     if(this.segment == 'parecer'){
       this.taskType = "Pedido de Parecer";
 
       let parecer = await this.processes.GetTasksList("Pedido de Parecer", false).toPromise();
       let parecerPr = await this.processes.GetTasksList("Pedido de Parecer do Presidente", false).toPromise();
 
+      this.skeletonLoader = false
+
       let allParecer = parecer.concat(parecerPr).reverse();
       console.log(allParecer);
 
@@ -111,6 +117,7 @@ export class PedidosPage implements OnInit {
       this.taskType = "Pedido de Deferimento";
       this.processes.GetTasksList("Pedido de Deferimento", false).subscribe(result => {
         this.taskslist = result;
+        this.skeletonLoader = false
 
         this.deferimentoList = new Array();
         let res = result.reverse();

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

@@ -49,7 +49,7 @@
             </ion-item>
       </ion-list>
   </div>
-  <div *ngIf="pendentesList.length < 1">
+  <div *ngIf="skeletonLoader">
 
     <ion-list>
       <ion-item>

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

@@ -21,7 +21,7 @@ export class PendentesPage implements OnInit {
   taskType: string;
   serialNumber:string;
   totalDocs:any;
-  showLoader: boolean;
+  skeletonLoader: boolean;
 
   @Input() profile:string;
   segment:string;
@@ -62,7 +62,7 @@ export class PendentesPage implements OnInit {
   }
 
   async LoadList(){
-    this.showLoader = true;
+    this.skeletonLoader = true;
     this.pendentesList = new Array();
     let pendentes = await this.processes.GetPendingTasks(false).toPromise();
 
@@ -88,7 +88,7 @@ export class PendentesPage implements OnInit {
         this.pendentesList = removeDuplicate( this.pendentesList)
         this.pendentesList = this.sortArrayISODate(this.pendentesList);
     });
-    this.showLoader = false;
+    this.skeletonLoader = false;
   }
 
   sortArrayISODate(myArray: any){