save

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

@@ -1,4 +1,5 @@
 <ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="main-header">
     <div class="thetitle">
       <ion-label *ngIf="loggeduser.Profile =='MDGPR'" >Despachos Presidenciais</ion-label>

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

@@ -1,8 +1,9 @@
 <ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Despachos</ion-label></div>
     <div class="theicon">
-      <button class="btn-no-color" (click)="doRefresh()">
+      <button class="btn-no-color" (click)="refreshing()">
         <ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
       </button>
     </div>

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

@@ -12,6 +12,7 @@ import { DespachoService } from 'src/app/Rules/despacho.service';
 export class DespachosPage implements OnInit {
 
   despachoStore = DespachoStore;
+  skeletonLoader = true;
 
   constructor (
    private router: Router,
@@ -39,12 +40,15 @@ export class DespachosPage implements OnInit {
 
   async LoadList() {
 
+    this.skeletonLoader = true;
+
     await this.despachoRule.getList({updateStore: true})
+    //this.skeletonLoader = false;
   }
 
-  get skeletonLoader(): boolean {
+  /* get skeletonLoader(): boolean {
     return this.despachoRule.LoaderService.loading
-  }
+  } */
 
   doRefresh() {
     setTimeout(() => {
@@ -52,4 +56,10 @@ export class DespachosPage implements OnInit {
     }, 1000);
   }
 
+  refreshing() {
+    setTimeout(() => {
+      this.LoadList();
+    }, 1000);
+  }
+
 }

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

@@ -1,4 +1,5 @@
 <ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Diplomas</ion-label></div>
     <div class="theicon">
@@ -19,8 +20,8 @@
   </ion-refresher>
 
 
-  <div class="width-100 overflow-y-auto height-100">
+  <div class="main-container width-100 overflow-y-auto height-100">
-    <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
+
     <div  *ngIf="diplomasList.length >= 1">
 
 

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

@@ -1,10 +1,13 @@
 @import '~src/function.scss';
 /* CONTENT */
-:host{
+/* :host{
     padding: 30px 20px 0 20px !important;
     margin: 0;
-}
+    border: 1px solid red;
+} */
+
 .title{
+  padding: 30px 20px 0 20px !important;
     font-family: Roboto;
     font-size: 25px;
     color:#000;
@@ -34,6 +37,11 @@
       color: #0d89d1 !important;
     }
   }
+  .main-container{
+    padding: 0px 20px 0 20px !important;
+    margin: 0;
+    color:#000;
+  }
 .item-list-small{
     font-size: 11px;
     overflow: hidden;

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

@@ -1,4 +1,5 @@
 <ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Diplomas</ion-label></div>
     <div class="theicon">
@@ -21,7 +22,6 @@
 <ion-content>
 
   <div class="width-100 overflow-y-auto height-100" [ngSwitch]="segment">
-    <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
 
     <div *ngIf="deplomasStore.diplomasList.length >= 1">
       <ion-list *ngSwitchCase="'validar'">

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

@@ -1,4 +1,5 @@
 <ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Expediente</ion-label></div>
     <div class="theicon">
@@ -12,7 +13,6 @@
 
   <div class="content width-100 overflow-y-auto height-100">
 
-    <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
     <ion-list *ngIf="expedienteGdStore.list.length >= 1">
       <div
         class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"

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

@@ -1,4 +1,5 @@
 <ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Expediente</ion-label></div>
     <div class="theicon">
@@ -20,7 +21,7 @@
 
   <div class="content width-100 overflow-y-auto height-100" >
     <div >
-      <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
+
       <ion-list *ngIf="expedientegbstore.list.length >=0">
         <div
           class="expediente item-hover ion-no-padding ion-no-margin cursor-pointer"

src/app/shared/gabinete-digital/generic/task-list/task-list.page.html

@@ -1,6 +1,5 @@
 <ion-content>
   <div class="overflow-y-auto height-100 width-100 px-20">
-    <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
 
     <div *ngIf="taskList.length >= 0">
       <ion-list part="divo">

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

@@ -1,4 +1,5 @@
-<ion-header class="ion-no-border px-20">
+<ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Pedidos</ion-label></div>
     <div class="theicon">
@@ -28,8 +29,8 @@
       </ion-refresher-content>
     </ion-refresher>
 
-  <div class="width-100 overflow-y-auto height-100 px-20" [ngSwitch]="segment">
+  <div class="main-container width-100 overflow-y-auto height-100 px-20" [ngSwitch]="segment">
-    <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
+
     <div *ngIf="pedidosstore.listparecer.length >= 1">
       <ion-list *ngSwitchCase="'parecer'">
         <!-- *ngFor = "let task of pedidosstore.listparecer; let i = index"

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

@@ -1,10 +1,11 @@
 @import '~src/function.scss';
 /* CONTENT */
-:host{
+/* :host{
     padding: 30px 00px 0 00px !important;
     margin: 0;
-}
+} */
 .title{
+  padding: 30px 20px 0 20px !important;
     font-family: Roboto;
     font-size: 25px;
     color:#000;
@@ -19,6 +20,12 @@
       float: right;
     }
   }
+
+  .main-container{
+    padding: 0px 20px 0 20px !important;
+    margin: 0;
+    color:#000;
+  }
 .item-list-small{
     font-size: 11px;
     overflow: hidden;

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

@@ -120,6 +120,7 @@ export class PedidosPage implements OnInit {
 
       });
     }
+    this.skeletonLoader = false
   }
 
   doRefresh() {

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

@@ -1,4 +1,5 @@
-<ion-header class="ion-no-border px-20">
+<ion-header class="ion-no-border">
+  <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
   <div class="title">
     <div class="thetitle"><ion-label >Pendentes</ion-label></div>
     <div class="theicon">

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

@@ -1,10 +1,11 @@
 @import '~src/function.scss';
 /* CONTENT */
-:host{
+/* :host{
     padding: 30px 00px 0 00px !important;
     margin: 0;
-}
+} */
 .title{
+  padding: 30px 20px 0 20px !important;
     font-family: Roboto;
     font-size: 25px;
     color:#000;