refactor: modals

src/app/app-routing.module.ts

@@ -24,18 +24,10 @@ const routes: Routes = [
     path: 'infosite',
     loadChildren: () => import('./pages/infosite/infosite.module').then((m) => m.InfositePageModule),
   },
-  {
-    path: 'feedback',
-    loadChildren: () => import('./pages/feedback/feedback.module').then((m) => m.FeedbackPageModule),
-  },
   {
     path: 'impressum',
     loadChildren: () => import('./pages/impressum/impressum.module').then((m) => m.ImpressumPageModule),
   },
-  {
-    path: 'newsletter',
-    loadChildren: () => import('./pages/newsletter/newsletter.module').then((m) => m.NewsletterPageModule),
-  },
   {
     path: 'return',
     loadChildren: () => import('./pages/return/return.module').then((m) => m.ReturnPageModule),

src/app/pages/feedback/feedback.module.ts → src/app/modals/feedback/feedback.module.ts

@@ -4,12 +4,10 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 
 import {IonicModule} from '@ionic/angular';
 
-import {FeedbackPageRoutingModule} from './feedback-routing.module';
-
 import {FeedbackPage} from './feedback.page';
 
 @NgModule({
-  imports: [CommonModule, FormsModule, IonicModule, FeedbackPageRoutingModule, ReactiveFormsModule],
+  imports: [CommonModule, FormsModule, IonicModule, ReactiveFormsModule],
   declarations: [FeedbackPage],
 })
 export class FeedbackPageModule {}

src/app/pages/feedback/feedback.page.spec.ts → src/app/modals/feedback/feedback.page.spec.ts

@@ -1,16 +1,16 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {IonicModule} from '@ionic/angular';
 
-import { FeedbackPage } from './feedback.page';
+import {FeedbackPage} from './feedback.page';
 
 describe('FeedbackPage', () => {
   let component: FeedbackPage;
   let fixture: ComponentFixture<FeedbackPage>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ FeedbackPage ],
-      imports: [IonicModule.forRoot()]
+      declarations: [FeedbackPage],
+      imports: [IonicModule.forRoot()],
     }).compileComponents();
 
     fixture = TestBed.createComponent(FeedbackPage);

src/app/pages/feedback/feedback.page.ts → src/app/modals/feedback/feedback.page.ts

@@ -1,15 +1,9 @@
 import {Component, OnInit} from '@angular/core';
 import {ModalController} from '@ionic/angular';
-import {FormGroup, FormBuilder, Validators, ReactiveFormsModule} from '@angular/forms';
+import {FormGroup, FormBuilder, Validators} from '@angular/forms';
 import {ToastController} from '@ionic/angular';
 import {NewsletterService} from '../../services/data/newsletter.service';
 
-interface userData {
-  Name: string;
-  Email: string;
-  Funnel: string;
-}
-
 @Component({
   selector: 'app-feedback',
   templateUrl: './feedback.page.html',

src/app/modals/newsletter/newsletter.module.ts

@@ -0,0 +1,13 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+
+import {IonicModule} from '@ionic/angular';
+
+import {NewsletterPage} from './newsletter.page';
+
+@NgModule({
+  imports: [CommonModule, FormsModule, IonicModule, ReactiveFormsModule],
+  declarations: [NewsletterPage],
+})
+export class NewsletterPageModule {}

src/app/pages/newsletter/newsletter.page.spec.ts → src/app/modals/newsletter/newsletter.page.spec.ts

@@ -1,16 +1,16 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {IonicModule} from '@ionic/angular';
 
-import { NewsletterPage } from './newsletter.page';
+import {NewsletterPage} from './newsletter.page';
 
 describe('NewsletterPage', () => {
   let component: NewsletterPage;
   let fixture: ComponentFixture<NewsletterPage>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ NewsletterPage ],
-      imports: [IonicModule.forRoot()]
+      declarations: [NewsletterPage],
+      imports: [IonicModule.forRoot()],
     }).compileComponents();
 
     fixture = TestBed.createComponent(NewsletterPage);

src/app/pages/newsletter/newsletter.page.ts → src/app/modals/newsletter/newsletter.page.ts

@@ -1,13 +1,8 @@
 import {Component, OnInit} from '@angular/core';
 import {ModalController} from '@ionic/angular';
-import {FormGroup, FormBuilder, Validators, ReactiveFormsModule} from '@angular/forms';
+import {FormGroup, FormBuilder, Validators} from '@angular/forms';
 import {NewsletterService} from '../../services/data/newsletter.service';
 import {ToastController} from '@ionic/angular';
-interface userData {
-  Name: string;
-  Email: string;
-  Funnel: string;
-}
 
 @Component({
   selector: 'app-newsletter',

src/app/pages/home/home.module.ts

@@ -2,13 +2,13 @@ import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {IonicModule} from '@ionic/angular';
 import {FormsModule} from '@angular/forms';
+import {ReactiveFormsModule} from '@angular/forms';
+
 import {HomePage} from './home.page';
 
 import {HomePageRoutingModule} from './home-routing.module';
 import {ComponentsModule} from 'src/app/components/components.module';
 
-import { ReactiveFormsModule } from "@angular/forms";
-
 @NgModule({
   imports: [CommonModule, FormsModule, IonicModule, HomePageRoutingModule, ComponentsModule, ReactiveFormsModule],
   declarations: [HomePage],

src/app/pages/home/home.page.ts

@@ -2,9 +2,6 @@ import {Component} from '@angular/core';
 
 import {IonRouterOutlet, ModalController} from '@ionic/angular';
 
-import {FeedbackPage} from '../feedback/feedback.page';
-import {NewsletterPage} from '../newsletter/newsletter.page';
-
 @Component({
   selector: 'app-home',
   templateUrl: 'home.page.html',
@@ -14,6 +11,8 @@ export class HomePage {
   constructor(private modalCtrl: ModalController, private routerOutlet: IonRouterOutlet) {}
 
   async showNewsletter() {
+    const {NewsletterPage} = await import('../../modals/newsletter/newsletter.page');
+
     const modal = await this.modalCtrl.create({
       component: NewsletterPage,
       swipeToClose: true,
@@ -23,6 +22,8 @@ export class HomePage {
   }
 
   async showFeedback() {
+    const {FeedbackPage} = await import('../../modals/feedback/feedback.page');
+
     const modal = await this.modalCtrl.create({
       component: FeedbackPage,
       swipeToClose: true,