Attendees Enhancments

src/app/pages/events/event-detail/event-detail.page.html

@@ -23,8 +23,7 @@
       <ion-input [(ngModel)]='loadedEvent.Location'></ion-input>
     </ion-item>
     <ion-item-sliding>
-      <ion-item
-        [routerLink]="['/home/attendees']">
+      <ion-item (click)="openAttendees()">
         <ion-label position="stacked">Pessoas</ion-label>
       </ion-item>
     </ion-item-sliding>

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

@@ -4,8 +4,9 @@ import { EventsService } from 'src/app/services/events.service';
 import { Router } from '@angular/router';
 import { Event } from '../../../models/event.model';
 import { EventBody } from 'src/app/models/eventbody.model';
-import { AlertController } from '@ionic/angular';
+import { AlertController, ModalController } from '@ionic/angular';
 import { EventPerson } from 'src/app/models/eventperson.model';
+import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
 
 @Component({
   selector: 'app-event-detail',
@@ -16,7 +17,7 @@ export class EventDetailPage implements OnInit {
 
   loadedEvent: Event;
 
-  constructor(public alertController: AlertController, private router: Router, private activatedRoute: ActivatedRoute, private eventsService: EventsService) { 
+  constructor(public alertController: AlertController, private router: Router, private activatedRoute: ActivatedRoute, private eventsService: EventsService, private modalCtrl: ModalController) { 
     this.loadedEvent = new Event();
     this.loadedEvent.Body = new EventBody();
   }
@@ -37,12 +38,32 @@ export class EventDetailPage implements OnInit {
         this.eventsService.getEvent(paramMap.get('eventId')).subscribe(response => 
           {
             this.loadedEvent = response;
-            this.eventsService.lastloadedevent = this.loadedEvent;
+            //this.eventsService.lastloadedevent = this.loadedEvent;
           });
       }
     );
   }
 
+  async openAttendees()
+  {
+    const modal = await this.modalCtrl.create({
+      component: AttendeesPage,
+       componentProps: {
+        eventAttendees: this.loadedEvent.Attendees
+      },
+      cssClass: 'attendee',
+      backdropDismiss: false
+    });
+
+    await modal.present();
+
+    modal.onDidDismiss().then((data) => {
+      let newattendees: EventPerson[] = data['data'];
+      this.loadedEvent.Attendees = newattendees;
+      console.log(this.loadedEvent.Attendees);
+    });
+}
+
   getEventAttendees(): EventPerson[]
   {
     return this.loadedEvent.Attendees;