viewer hot-fix

src/app/pages/agenda/view-event/view-event.page.html

@@ -86,8 +86,8 @@
           <h5>Documentos Anexados</h5>
           <ion-list class="width-100">
             <ion-item *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" class="ion-no-margin ion-no-padding">
-              <ion-label class="width-100 d-flex " >
-                <p class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
+              <ion-label class="width-100 d-flex "  (click)="docIndex(i);LoadDocumentDetails()">
+                <p class="flex-grow-1" >
                   <span class="attach-title-item d-block">{{attach.SourceName}}</span>
                   <span class="span-left d-block">{{attach.Stakeholders}}</span>
                 </p>
@@ -96,7 +96,7 @@
                   <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yyyy HH:mm' }}</span>
                 </div>
 
-                <div (click)="docIndex(i);openTaskOptions()" class="cursor-pointer" style="width: 35px; height: 41px;" autoHide="false">
+                <div (click)="docIndex(i);LoadDocumentDetails()" class="cursor-pointer" style="width: 35px; height: 41px;" autoHide="false">
                   <ion-icon src="assets/images/icons-menu.svg"  ></ion-icon>
                 </div>
 

src/app/pages/agenda/view-event/view-event.page.ts

@@ -12,6 +12,13 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { ToastService } from 'src/app/services/toast.service';
 import { EliminateEventPage } from 'src/app/modals/eliminate-event/eliminate-event.page';
 import { Location } from '@angular/common'
+import { ExpedientTaskModalPageNavParamsTask } from 'src/app/models/ExpedientTaskModalPage';
+import { SearchDocumentDetails, SearchFolderDetails } from 'src/app/models/search-document';
+import { EventDetailsDocumentsOptionsPage } from 'src/app/shared/popover/event-details-documents-options/event-details-documents-options.page';
+import { SearchedDocumentOptionsPage } from 'src/app/shared/popover/searched-document-options/searched-document-options.page';
+import { DocumentSetUpMeetingPage } from 'src/app/modals/document-set-up-meeting/document-set-up-meeting.page';
+import { ExpedientTaskModalPage } from '../../gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-view-event',
@@ -42,6 +49,8 @@ export class ViewEventPage implements OnInit {
   dicIndex = 0;
   isModal = false
   header = true
+  task: ExpedientTaskModalPageNavParamsTask;
+  LoadedDocument:any = null;
 
   constructor(
     private modalController: ModalController,
@@ -257,47 +266,124 @@ export class ViewEventPage implements OnInit {
     });
   }
 
-  viewDocument(sourceId){
-    this.processes.GetDocumentUrl(sourceId, '8').subscribe(res=>{
-      /* console.log(res); */
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
-
-    });
-  }
-
-  async openTaskOptions() {
-
-    const doc = this.loadedAttachments[this.dicIndex];
-
-    let customTask = {
-      serialNumber: doc.SourceId,
-      taskStartDate: doc.CreateDate,
-      isEvent: true,
-      workflowInstanceDataFields: {
-        FsId: doc.ApplicationId,
-        FolderID: null,
-        DocId: doc.SourceId,
-        Subject: doc.SourceName
-      },
-    }
-
-    const popover = await this.popoverController.create({
-      component: OptsExpedientePage,
-      cssClass: 'exp-options',
-      componentProps: {
-        fulltask: customTask,
-        task: customTask
-      },
-      translucent: true
-    });
-    return await popover.present();
-  }
-
-
   docIndex(index: number){
     this.dicIndex = index
   }
 
+  async LoadDocumentDetails() {
+    
+    const docId = this.loadedEvent.Attachments[ this.dicIndex].SourceId
+    const applicationId: any = this.loadedEvent.Attachments[ this.dicIndex].ApplicationId
+
+    this.processes.GetDocumentDetails(docId, applicationId).subscribe( async(res)=> {
+      
+      this.LoadedDocument = res;
+      this.LoadedDocument.Subject = this.LoadedDocument.Assunto
+
+      let thedate = new Date(this.LoadedDocument.DateDispatch || this.LoadedDocument.DocDate);
+      this.customDate = this.days[thedate.getDay()]+ ", "  + thedate.getDate() +" de "  + ( this.months[thedate.getMonth()]);
+
+      let task: ExpedientTaskModalPageNavParamsTask
+      let document: SearchDocumentDetails = this.LoadedDocument
+      let folder: SearchFolderDetails = this.LoadedDocument
+
+      if(this.LoadedDocument.ApplicationID == 361 || this.LoadedDocument.ApplicationId == 361) {
+        task = {
+          serialNumber: folder.DispatchNumber,
+          taskStartDate: folder.DateDispatch,
+          isEvent: true,
+          workflowInstanceDataFields: {
+            FolderID: folder['FolderId'] || folder['FolderID'] || folder.folderId,
+            Subject: folder.Assunto,
+            SourceSecFsID: folder.ApplicationID || folder['ApplicationId'],
+            SourceType: 'FOLDER',
+            SourceID: folder.folderId,
+            DispatchNumber: folder.DispatchNumber
+          },
+        }
+      } else if (document.ApplicationID == 8 || document.ApplicationId == 8) {
+        task = {
+          serialNumber: document.DocId,
+          taskStartDate: document.DocDate,
+          isEvent: true,
+          workflowInstanceDataFields: {
+            FolderID: null,
+            Subject: document.Assunto,
+            DispatchNumber: null,
+            SourceSecFsID: document.ApplicationID || document.ApplicationId,
+            SourceType: 'DOC',
+            SourceID: document.DocId,
+          }
+        }
+      } else {
+        console.log('unexpected ApplicationID')
+      }
+
+
+      const modal = await this.modalController.create({
+        component: ViewDocumentPage,
+        componentProps: {
+          trustedUrl: '',
+          file: {
+            title: task.workflowInstanceDataFields.Subject,
+            url: '',
+            title_link: '',
+          },
+          Document: this.LoadedDocument,
+          applicationId: document.ApplicationID  || document.ApplicationId,
+          docId: document.ApplicationID || document.ApplicationId,
+          folderId: folder['FolderId'] || folder['FolderID'] || folder.folderId
+        },
+        cssClass: 'modal modal-desktop'
+      });
+      await modal.present();
+    });
+  }
+
+  async openBookMeetingModal() {
+
+    let classs;
+    if( window.innerWidth < 701) {
+      classs = 'book-meeting-modal modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+    const modal = await this.modalController.create({
+      component: DocumentSetUpMeetingPage,
+      componentProps: {
+        subject: this.task.workflowInstanceDataFields.Subject,
+        document: this.loadedEvent.Attachments[ this.dicIndex],
+      },
+      cssClass: classs,
+      backdropDismiss: false
+    });
+    await modal.present();
+    modal.onDidDismiss().then(res=>{
+      //this.location.back();
+    });
+  }
+
+  // efetuar despacho
+  async openExpedientActionsModal( taskAction: any) {
+
+    let classs;
+    if( window.innerWidth < 701) {
+      classs = 'modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+    const modal = await this.modalController.create({
+      component: ExpedientTaskModalPage,
+      componentProps: {
+        taskAction: taskAction,
+        task: this.task,
+        seachDocuments: this.loadedEvent.Attachments[ this.dicIndex],
+        aplicationId: this.loadedEvent.Attachments[ this.dicIndex].ApplicationId || this.loadedEvent.Attachments[ this.dicIndex]['ApplicationID']
+      },
+      cssClass: classs,
+    });
+    await modal.present();
+    modal.onDidDismiss().then( async(res)=>{});
+
+  }
 }

src/app/pages/events/edit-event/edit-event.page.ts

@@ -190,8 +190,6 @@ export class EditEventPage implements OnInit {
 
   loadAttachments()
   {
-    /* console.log(this.pageId); */
-
     this.attachamentsService.getAttachmentsById(this.pageId).subscribe(res => {
       this.loadedEventAttachments = res;
       console.log(res);

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

@@ -63,7 +63,7 @@
             <ion-item *ngFor="let attachment of fulltask.Documents"
             class="ion-no-margin ion-no-padding cursor-pointer">
             <ion-label
-            (click)="viewDocument(attachment.DocId)">
+            (click)="viewDocument(attachment.DocId, attachment)">
               <p *ngIf="attachment.Assunto" class="attach-title-item">{{ attachment.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
               <p *ngIf="!attachment.Assunto" class="attach-title-item">{{ attachment.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
               <p><span class="span-left">{{attachment.Sender}}</span><span class="span-right">{{ attachment.DocDate | date: 'dd/MM/yy' }}</span></p>

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

@@ -18,6 +18,7 @@ import { DespachosPrOptionsPage } from 'src/app/shared/popover/despachos-pr-opti
 import { ToastService } from 'src/app/services/toast.service';
 import { Location } from '@angular/common'
 import { DespachoService } from 'src/app/Rules/despacho.service';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-despacho-pr',
@@ -145,13 +146,26 @@ export class DespachoPrPage implements OnInit {
     });
   }
 
-  viewDocument(docId:string){
-    this.processes.GetDocumentUrl(docId, '361').subscribe(res=>{
-      console.log(res);
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
+  async viewDocument(DocId:string, Document) {
+
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
     });
+    await modal.present();
+    
   }
 
   openMenu() {

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

@@ -59,7 +59,7 @@
           <ion-list>
             <h5>Documentos Anexados</h5>
             <ion-item class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of fulltask.Documents">
-              <ion-label class="d-block" (click)="viewDocument(Document.DocId)">
+              <ion-label class="d-block" (click)="viewDocument(Document.DocId, Document)">
                 <p class="attach-title-item">{{ Document.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
                 <p><span class="span-left">{{ Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd/MM/yyyy HH:mm' }}</span></p>
               </ion-label>

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

@@ -17,6 +17,7 @@ import { Location } from '@angular/common'
 import { fullTask } from 'src/app/models/dailyworktask.model';
 import { AttachmentList } from 'src/app/models/Excludetask';
 import { PermissionService } from 'src/app/services/worker/permission.service';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-despacho',
@@ -158,12 +159,26 @@ export class DespachoPage implements OnInit {
     });
   }
 
-  viewDocument(docId:string) {
-    this.processes.GetDocumentUrl(docId, '361').subscribe(res=>{
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
+  async viewDocument(docId:string, Document) {
+
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
     });
+    await modal.present();
+
   }
 
   openMenu() {

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

@@ -63,7 +63,7 @@
             class="ion-no-margin ion-no-padding cursor-pointer"
           >
             <ion-label
-              (click)="viewDocument(attachment.DocId)"
+              (click)="viewDocument(attachment.DocId, attachment)"
             >
               <p *ngIf="attachment.Assunto" class="attach-title-item">{{ attachment.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
               <p *ngIf="!attachment.Assunto" class="attach-title-item">{{ attachment.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>

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

@@ -13,6 +13,7 @@ import { SuccessMessagePage } from 'src/app/shared/popover/success-message/succe
 import { DeplomaOptionsPage } from 'src/app/shared/popover/deploma-options/deploma-options.page';
 import { ToastService } from 'src/app/services/toast.service';
 import { Location } from '@angular/common'
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-diploma-assinar',
@@ -134,13 +135,26 @@ export class DiplomaAssinarPage implements OnInit {
 
   }
 
-  viewDocument(docId:string){
-    this.processes.GetDocumentUrl(docId, '361').subscribe(res=>{
-      console.log(res);
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
+  async viewDocument(DocId:string, Document) {
+
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
     });
+    await modal.present();
+    
   }
 
   getDocumentDetails(forlderId:string, applicationId:string) {

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

@@ -63,7 +63,7 @@
             class="ion-no-margin ion-no-padding cursor-pointer"
           >
             <ion-label
-            (click)="viewDocument(attachment.DocId)">
+            (click)="viewDocument(attachment.DocId, attachment)">
               <p *ngIf="attachment.Assunto" class="attach-title-item">{{ attachment.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
               <p *ngIf="!attachment.Assunto" class="attach-title-item">{{ attachment.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
               <p><span class="span-left">{{attachment.Sender}}</span><span class="span-right">{{ attachment.DocDate | date: 'dd/MM/yy' }}</span></p>

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

@@ -11,6 +11,7 @@ import { BookMeetingModalPage } from '../../expediente/book-meeting-modal/book-m
 import { DeplomaOptionsPage } from 'src/app/shared/popover/deploma-options/deploma-options.page';
 import { ToastService } from 'src/app/services/toast.service';
 import { Location } from '@angular/common';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-diploma',
@@ -155,12 +156,26 @@ export class DiplomaPage implements OnInit {
 
   }
 
-  viewDocument(docId:string){
-    this.processes.GetDocumentUrl(docId, '361').subscribe(res=>{
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
+  async viewDocument(DocId:string, Document) {
+
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
     });
+    await modal.present();
+    
   }
 
   getDocumentDetails(forlderId:string, applicationId:string) {

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.ts

@@ -103,9 +103,7 @@ export class ExpedientTaskModalPage implements OnInit {
     private attachmentsService: AttachmentsService,
     private navParams: NavParams,
     private alertController: AlertService,
-    private authService: AuthService,
     private userAuth: AuthService,
-    private animationController: AnimationController,
     private toastService: ToastService,
     private despachoService: DespachoService
     ) {
@@ -131,12 +129,7 @@ export class ExpedientTaskModalPage implements OnInit {
         DeadlineType: '',
         SubjectTypes: this.selectedTypes,
         NumberPDPP: this.task.workflowInstanceDataFields.DispatchNumber,
-
       };
-
-      console.log('task 123123', this.task)
-      console.log('this.aplicationId', this.aplicationId)
-
       
       this.postData.DispatchFolder = this.dispatchFolder;
       this.postData.UsersSelected = this.participants;
@@ -547,28 +540,6 @@ export class ExpedientTaskModalPage implements OnInit {
     this.taskParticipantsCc = taskParticipantsCc;
   }
 
-  async distartExpedientModal() {
-    const modal = await this.modalController.create({
-      component: DiscartExpedientModalPage,
-       componentProps: {
-        serialNumber: this.task.serialNumber,
-        folderId: this.task.workflowInstanceDataFields.FolderID,
-        action: 'complete',
-      },
-      cssClass: 'discart-expedient-modal',
-      backdropDismiss: false
-    });
-
-    await modal.present();
-    modal.onDidDismiss().then(res=>{
-      if(res['data']=='close'){
-        console.log('Expedient Discard closed');
-        this.modalController.dismiss(res['data'])
-      }
-
-    });
-  }
-
   async setContact(data:EventPerson[]) {
 
     if(this.adding == "intervenient"){
@@ -580,8 +551,6 @@ export class ExpedientTaskModalPage implements OnInit {
 
   }
 
-
-
   async closeComponent() {
     this.showAttendees = false;
   }

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

@@ -54,7 +54,7 @@
           <ion-list>
             <h5>Documentos Anexados</h5>
             <ion-item class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of fulltask.Documents">
-              <ion-label class="d-block" (click)="viewDocument(Document.DocId)">
+              <ion-label class="d-block" (click)="viewDocument(Document.DocId, Document)">
                 <p class="attach-title-item">{{ Document.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
                 <p><span class="span-left">{{ Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd/MM/yyyy HH:mm' }}</span></p>
               </ion-label>

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

@@ -23,6 +23,7 @@ import { expedienteTask } from 'src/app/models/dailyworktask.model';
 import { TaskService } from 'src/app/Rules/task.service';
 import { DocumentViewerPage } from 'src/app/modals/document-viewer/document-viewer.page';
 import { PermissionService } from 'src/app/services/worker/permission.service';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 
 @Component({
@@ -87,7 +88,7 @@ export class ExpedienteDetailPage implements OnInit {
   }
 
   showToast() {
-    this.toastService.presentToast('Não foi possível fazer login"');
+    this.toastService.presentToast('Não foi possível fazer login');
   }
 
 
@@ -303,9 +304,27 @@ export class ExpedienteDetailPage implements OnInit {
 
   }
 
-  async viewDocument(DocId:string) {
+  async viewDocument(DocId:string, Document) {
 
-    this.expedienteService.viewDocument({ApplicationId:'361', DocId})
+    // this.expedienteService.viewDocument({ApplicationId:'361', DocId})
+
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
+    });
+    await modal.present();
 
   }
 

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

@@ -65,7 +65,7 @@
           <ion-list>
             <h5>Documentos Anexados</h5>
             <ion-item class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of fulltask.Documents">
-              <ion-label class="d-block" (click)="viewDocument(Document.DocId)">
+              <ion-label class="d-block" (click)="viewDocument(Document.DocId, Document)">
                 <p class="attach-title-item">{{ Document.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
                 <p><span class="span-left">{{ Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd/MM/yyyy HH:mm' }}</span></p>
               </ion-label>

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

@@ -19,6 +19,7 @@ import { SearchPage } from 'src/app/pages/search/search.page';
 import { SearchList } from 'src/app/models/search-document';
 import { Location } from '@angular/common';
 import { AttachmentList } from 'src/app/models/Excludetask';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-expediente-pr',
@@ -195,14 +196,26 @@ export class ExpedientePrPage implements OnInit {
     });
   }
 
-  viewDocument(DocId:string) {
-    this.processes.GetDocumentUrl(DocId, this.task.FsId).subscribe(res=>{
-      console.log(res);
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
+  async viewDocument(DocId:string, Document) {
 
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
     });
+    await modal.present();
+    
   }
 
   attachDocument() {

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

@@ -65,7 +65,7 @@
               class="ion-no-margin ion-no-padding cursor-pointer"
             >
               <ion-label
-                (click)="viewDocument(attachment.DocId)"
+                (click)="viewDocument(attachment.DocId, attachment)"
               >
                 <p *ngIf="attachment.Assunto" class="attach-title-item">{{ attachment.Assunto }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
                 <p *ngIf="!attachment.Assunto" class="attach-title-item">{{ attachment.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>

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

@@ -20,6 +20,7 @@ import { ForwardPage } from 'src/app/modals/forward/forward.page';
 import { Location } from '@angular/common';
 import { PedidoService } from 'src/app/Rules/pedido.service';
 import { PermissionService } from 'src/app/services/worker/permission.service';
+import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 
 @Component({
   selector: 'app-pedido',
@@ -178,12 +179,26 @@ export class PedidoPage implements OnInit {
     })
   }
 
-  viewDocument(docId:string) {
-    this.processes.GetDocumentUrl(docId, '361').subscribe(res=>{
-      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
-      const browser = this.iab.create(url,"_blank");
-      browser.show();
+  async viewDocument(DocId:string, Document) {
+
+    const modal = await this.modalController.create({
+      component: ViewDocumentPage,
+      componentProps: {
+        trustedUrl: '',
+        file: {
+          title: Document.Assunto,
+          url: '',
+          title_link: '',
+        },
+        Document,
+        applicationId: Document.ApplicationId,
+        docId: Document.DocId || Document.SourceId,
+        folderId: this.task.FolderId
+      },
+      cssClass: 'modal modal-desktop'
     });
+    await modal.present();
+    
   }
 
   openMenu() {