> git show --textconv :src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts

src/app/pages/publications/publications.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { PublicationsPageRoutingModule } from './publications-routing.module';
 
 import { PublicationsPage } from './publications.page';
+import { SharedModule } from 'src/app/shared/shared.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    SharedModule,
     PublicationsPageRoutingModule
   ],
   declarations: [PublicationsPage]

src/app/pages/publications/publications.page.html

@@ -1,4 +1,7 @@
-<ion-header class="ion-no-border">
+<ion-header>
+  <app-header></app-header>
+</ion-header>
+<!-- <ion-header class="ion-no-border">
   <ion-toolbar class="bg-blue">
     <div class="div-top-header">
     <div class="div-search">
@@ -12,7 +15,7 @@
     </div>
   </div>
 </ion-toolbar>
-</ion-header>
+</ion-header> -->
 <ion-header  class="ion-no-border">
   <ion-toolbar class="bg-blue">
     <div class="main-header">
@@ -36,8 +39,6 @@
       </ion-refresher-content>
     </ion-refresher>
   <div class="main-content">
-    
-    <!-- [routerLink]="['/home/publications/view-publications', folder.ProcessId]" -->
     <div class="item" 
     *ngFor="let viagem of publicationsTravelFolderList"
     

src/app/pages/publications/publications.page.scss

@@ -54,7 +54,33 @@ ion-toolbar{
     overflow:hidden;
     padding: 30px 20px 0px 20px;
     color:#000;
-    transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 1px, 0);
+    
+    .title-content{
+      width: 360px;
+      margin: 0px auto;
+      overflow: auto;
+      padding: 0 !important;
+      background: #fff;
+    }
+    .div-title{
+      padding: 0!important;
+      float: left;
+    }
+    .title{
+      font-size: 25px;
+    }
+    .div-icon{
+      width: 40px;
+      float: right;
+      font-size: 35px;
+      overflow: auto;
+      padding: 1px;
+    }
+    .div-icon ion-icon{
+      float: right;
+      padding-left: 20px;
+    }
   }
   .main-content{
     width: 100%; /* 400px */
@@ -65,26 +91,6 @@ ion-toolbar{
     overflow:auto;
     padding: 15px 20px 0 20px;
   }
-  .title-content{
-    width: 360px;
-    margin: 0px auto;
-    overflow: auto;
-    padding: 0 !important;
-    background: #fff;
-  }
-  .div-title{
-    padding: 0!important;
-    float: left;
-  }
-  .title{
-    font-size: 25px;
-  }
-  .div-icon{
-    width: 40px;
-    float: right;
-    font-size: 35px;
-    overflow: auto;
-  }
   .item{
     width: 360px;
     padding: 0 0px 0 0px;

src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html

@@ -27,6 +27,11 @@
         <p class="post-data">{{publication.DatePublication | date: 'dd-MM-yy | h:mm'}}</p>
       </div>
     </div>
+    <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
+      <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
+      <ion-refresher-content>
+      </ion-refresher-content>
+    </ion-refresher>
     <div class="post-item">
       <div *ngIf="publication.FileBase64.length > 30" class="post-img">
         <img src="{{publication.FileBase64}}" alt="image" tappable (click)="openPreview(publication.FileBase64)">

src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts

@@ -11,7 +11,7 @@ import { NewPublicationPage } from '../../new-publication/new-publication.page';
   styleUrls: ['./publication-detail.page.scss'],
 })
 export class PublicationDetailPage implements OnInit {
-
+  showLoader: boolean;
   publicationId: string;
   folderId: string;
   publication: Publication;
@@ -42,6 +42,7 @@ export class PublicationDetailPage implements OnInit {
   }
 
   getPublicationDetail(){
+    this.showLoader = true;
     console.log(this.publicationId);
     console.log(this.folderId);
     this.publications.GetPublicationById(this.folderId,this.publicationId).subscribe(res=>{
@@ -56,7 +57,8 @@ export class PublicationDetailPage implements OnInit {
         OriginalFileName: '',
         FileExtension: '',
       }
-    })
+      this.showLoader = false;
+    });
   }
 
   close(){