View documents of event to aprove

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html

@@ -30,7 +30,7 @@
       <ion-item 
         class="item ion-no-padding width-100" 
         *ngFor="let event of eventsMDGPRList" 
-        (click)="openApproveModal(event.serialNumber)">
+        (click)="openApproveModal(event)">
         <div class="event-mdgpr-{{event.workflowInstanceDataFields.Agenda}} width-100">
             <div class="approve-event-time">
                 <p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.ts

@@ -31,7 +31,7 @@ export class EventsToApprovePage implements OnInit {
     private router: Router,
     //private navParams: NavParams,
     ) { }
-S
+
   ngOnInit() {
     //this.segment = this.navParams.get('segment');
     /* console.log(this.navParams.get('md')); */
@@ -53,29 +53,46 @@ S
 
   }
 
-  LoadToApproveEvents(){
+  LoadToApproveEvents() {
     this.showLoader = true;
     
     this.processes.GetToApprovedEvents('PR','false').subscribe(res=>{
       this.showLoader = false;
       this.eventsPRList = res;
+
+      console.log('this.eventsPRList', this.eventsPRList)
     });
     this.processes.GetToApprovedEvents('MDGPR','false').subscribe(res=>{
       this.showLoader = false;
       this.eventsMDGPRList = res;
+
+      console.log('this.eventsMDGPRList', this.eventsMDGPRList)
     });
   }
-  async openApproveModal(eventSerialNumber){
+
+  async openApproveModal(eventToAprove) {
     let classs;
     if( window.innerWidth <= 800){
       classs = 'modal modal-desktop'
     } else  {
       classs = 'modal modal-desktop showAsideOptions'
     }
+
+    let InstanceId;
+
+    console.log(eventToAprove)
+
+    if(!eventToAprove.workflowInstanceDataFields.hasOwnProperty('InstanceId')){
+      InstanceId = ''
+    } else {
+      InstanceId =eventToAprove.workflowInstanceDataFields.InstanceId
+    }
+
     const modal = await this.modalController.create({
       component: ApproveEventComponent,
       componentProps:{
-        serialNumber: eventSerialNumber,
+        serialNumber: eventToAprove.serialNumber,
+        InstanceId: InstanceId ,
         showAside: true,
       },
       cssClass: classs,