improve

src/app/pages/agenda/agenda.page.ts

@@ -3,7 +3,7 @@ import { CalendarComponent } from 'ionic2-calendar';
 import { AlertController, ModalController, Platform } from '@ionic/angular';
 import { EventsService } from 'src/app/services/events.service';
 import { Event } from '../../models/event.model';
-import { Router, NavigationEnd } from '@angular/router';
+import { Router, NavigationEnd, NavigationExtras } from '@angular/router';
 import { momentG } from 'src/plugin/momentG';
 import { DomSanitizer } from "@angular/platform-browser";
 import { EventPerson } from 'src/app/models/eventperson.model';
@@ -106,6 +106,7 @@ export class AgendaPage implements OnInit {
 
   selectedEvent: Event;
   selectedEventId: string | number;
+  selectedEventCalendarId : string | number;
   postEvent: any;
 
   // temporary data
@@ -311,6 +312,7 @@ export class AgendaPage implements OnInit {
     this.viewingEventObject = event;
 
     this.selectedEventId = event.id;
+    this.selectedEventCalendarId = event?.['event']?.CalendarId;
 
     this.cloneAllmobileComponent();
 
@@ -1251,24 +1253,12 @@ export class AgendaPage implements OnInit {
   // open component
   async viewEventDetail(eventId: any) {
 
-    this.router.navigate(['/home/agenda', eventId, 'agenda']);
-    /* 
+    const CalendarId = this.selectedEventCalendarId
 
-    const modal = await this.modalCtrl.create({
-      component: ViewEventPage,
-      componentProps:{
-        eventId: eventId,
-        adding: this.adding
-      },
-      cssClass: 'modal  modal-desktop',
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss().then((res)=>{
-      if(res){
-        // this.viewEventDetailDismiss(res);
-      }
-    }); */
+    let navigationExtras: NavigationExtras = { queryParams: { CalendarId } }
+
+    this.router.navigate(['/home/agenda/',eventId,'agenda'], navigationExtras);
+    
   }
 
   // open component