viewer loader

src/app/modals/view-document/view-document.page.html

@@ -18,12 +18,7 @@
 </ion-header>
 
 <ion-content class="pt-10 height-100">
-  <div class="height-100" *ngIf="trustedUrl">
-    <iframe id="iframe" [src]="trustedUrl" height="100%" width="100%" title="Iframe Example"></iframe>
+  <div class="height-100 container-img">
+    <iframe class="iframe" [src]="trustedUrl" height="100%" width="100%" title="Iframe Example"></iframe>
   </div>
-
-  <div *ngIf="!trustedUrl" style="text-align: center; color: #0d89d1" class=" height-100 width-100 d-flex align-center justify-center">
-    Estamos a preparar a visualização do documento. Por favor aguarde.
-  </div>
-
 </ion-content>

src/app/modals/view-document/view-document.page.scss

@@ -9,3 +9,11 @@
   float: right;
   margin-left: auto;
 }
+
+
+.container-img {
+  background-image: url(/assets/gif/theme/gov/Blocks-loader.svg);
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+}

src/app/modals/view-document/view-document.page.ts

@@ -7,6 +7,7 @@ import { ProcessesService } from 'src/app/services/processes.service';
 import { EventDetailsDocumentsOptionsPage } from 'src/app/shared/popover/event-details-documents-options/event-details-documents-options.page';
 import { DocumentSetUpMeetingPage } from '../document-set-up-meeting/document-set-up-meeting.page';
 import { AlertController, ModalController } from '@ionic/angular';
+
 @Component({
   selector: 'app-view-document',
   templateUrl: './view-document.page.html',
@@ -20,6 +21,7 @@ export class ViewDocumentPage implements OnInit {
   docId: any
   task: ExpedientTaskModalPageNavParamsTask;
   Document: any
+  loader = true
 
   constructor(
     private modalController: ModalController,
@@ -49,6 +51,13 @@ export class ViewDocumentPage implements OnInit {
       const link: string = res.replace('//pdfjs/web/', '/pdfjs/web/')
       this.trustedUrl = this.sanitazer.bypassSecurityTrustResourceUrl(link);
 
+      // const iframe = document.getElementById("iframe")
+      // const handleLoad = () => {
+      //   this.loader = false
+      // };
+
+      // iframe.addEventListener('load', handleLoad, true)
+
       if(res == "") {
         const alert = await this.alertController.create({
           cssClass: 'my-custom-class',