Change component name

src/app/pages/events/attendees/attendees-routing.module.ts

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
-import { AttendeesPage } from './attendees.page';
+import { AttendeesPageModal } from './attendees.page';
 
 const routes: Routes = [
   {
     path: '',
-    component: AttendeesPage
+    component: AttendeesPageModal
   }
 ];
 

src/app/pages/events/attendees/attendees.module.ts

@@ -6,7 +6,7 @@ import { IonicModule } from '@ionic/angular';
 
 import { AttendeesPageRoutingModule } from './attendees-routing.module';
 
-import { AttendeesPage } from './attendees.page';
+import { AttendeesPageModal } from './attendees.page';
 
 @NgModule({
   imports: [
@@ -15,7 +15,7 @@ import { AttendeesPage } from './attendees.page';
     IonicModule,
     AttendeesPageRoutingModule
   ],
-  declarations: [AttendeesPage],
-  exports: [AttendeesPage]
+  declarations: [AttendeesPageModal],
+  exports: [AttendeesPageModal]
 })
 export class AttendeesPageModule {}

src/app/pages/events/attendees/attendees.page.ts

@@ -8,7 +8,7 @@ import { ContactsService } from 'src/app/services/contacts.service';
   templateUrl: './attendees.page.html',
   styleUrls: ['./attendees.page.scss'],
 })
-export class AttendeesPage implements OnInit {
+export class AttendeesPageModal implements OnInit {
 
   // Defined by the API
   contacts: EventPerson[];

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

@@ -6,7 +6,7 @@ import { Event } from '../../../models/event.model';
 import { EventBody } from 'src/app/models/eventbody.model';
 import { AlertController, ModalController } from '@ionic/angular';
 import { EventPerson } from 'src/app/models/eventperson.model';
-import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
+import { AttendeesPageModal } from 'src/app/pages/events/attendees/attendees.page';
 import { AlertService } from 'src/app/services/alert.service';
 import { Attachment } from 'src/app/models/attachment.model';
 import { AttachmentsService } from 'src/app/services/attachments.service';
@@ -87,7 +87,7 @@ export class EditEventPage implements OnInit {
 
   async openAttendees(){
     const modal = await this.modalCtrl.create({
-      component: AttendeesPage,
+      component: AttendeesPageModal,
        componentProps: {
         eventAttendees: this.loadedEvent.Attendees
       },

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

@@ -10,7 +10,7 @@ import { AlertService } from 'src/app/services/alert.service';
 import { AttachmentsService } from 'src/app/services/attachments.service';
 import { EventsService } from 'src/app/services/events.service';
 import { AttachmentsPage } from '../attachments/attachments.page';
-import { AttendeesPage } from '../attendees/attendees.page';
+import { AttendeesPageModal } from '../attendees/attendees.page';
 
 @Component({
   selector: 'app-event-detail-modal',
@@ -81,7 +81,7 @@ export class EventDetailModalPage implements OnInit {
 
   async openAttendees(){
     const modal = await this.modalCtrl.create({
-      component: AttendeesPage,
+      component: AttendeesPageModal,
        componentProps: {
         eventAttendees: this.loadedEvent.Attendees
       },

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

@@ -6,7 +6,7 @@ import { Event } from '../../../models/event.model';
 import { EventBody } from 'src/app/models/eventbody.model';
 import { AlertController, ModalController } from '@ionic/angular';
 import { EventPerson } from 'src/app/models/eventperson.model';
-import { AttendeesPage } from 'src/app/pages/events/attendees/attendees.page';
+import { AttendeesPageModal } from 'src/app/pages/events/attendees/attendees.page';
 import { AlertService } from 'src/app/services/alert.service';
 import { Attachment } from 'src/app/models/attachment.model';
 import { AttachmentsService } from 'src/app/services/attachments.service';
@@ -87,7 +87,7 @@ export class EventDetailPage implements OnInit {
 
   async openAttendees(){
     const modal = await this.modalCtrl.create({
-      component: AttendeesPage,
+      component: AttendeesPageModal,
        componentProps: {
         eventAttendees: this.loadedEvent.Attendees
       },