suchergebnis seite und angebotsdetailseite hinzugefügt

src/app/app-routing.module.ts

@@ -5,6 +5,14 @@ const routes: Routes = [
   {
     path: '',
     loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
+  },
+  {
+    path: 'searchresults',
+    loadChildren: () => import('./searchresults/searchresults.module').then( m => m.SearchresultsPageModule)
+  },
+  {
+    path: 'offers',
+    loadChildren: () => import('./offers/offers.module').then( m => m.OffersPageModule)
   }
 ];
 @NgModule({

src/app/offers/offers-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { OffersPage } from './offers.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: OffersPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class OffersPageRoutingModule {}

src/app/offers/offers.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { OffersPageRoutingModule } from './offers-routing.module';
+
+import { OffersPage } from './offers.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    OffersPageRoutingModule
+  ],
+  declarations: [OffersPage]
+})
+export class OffersPageModule {}

src/app/offers/offers.page.html

@@ -0,0 +1,9 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title>offers</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+
+</ion-content>

src/app/offers/offers.page.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { OffersPage } from './offers.page';
+
+describe('OffersPage', () => {
+  let component: OffersPage;
+  let fixture: ComponentFixture<OffersPage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OffersPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OffersPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/offers/offers.page.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-offers',
+  templateUrl: './offers.page.html',
+  styleUrls: ['./offers.page.scss'],
+})
+export class OffersPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/searchresults/searchresults-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { SearchresultsPage } from './searchresults.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: SearchresultsPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class SearchresultsPageRoutingModule {}

src/app/searchresults/searchresults.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { SearchresultsPageRoutingModule } from './searchresults-routing.module';
+
+import { SearchresultsPage } from './searchresults.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    SearchresultsPageRoutingModule
+  ],
+  declarations: [SearchresultsPage]
+})
+export class SearchresultsPageModule {}

src/app/searchresults/searchresults.page.html

@@ -0,0 +1,10 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-back-button></ion-back-button>
+    <ion-title>Suchergebnisse</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+
+</ion-content>

src/app/searchresults/searchresults.page.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { SearchresultsPage } from './searchresults.page';
+
+describe('SearchresultsPage', () => {
+  let component: SearchresultsPage;
+  let fixture: ComponentFixture<SearchresultsPage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SearchresultsPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(SearchresultsPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/searchresults/searchresults.page.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-searchresults',
+  templateUrl: './searchresults.page.html',
+  styleUrls: ['./searchresults.page.scss'],
+})
+export class SearchresultsPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/tab1/tab1.page.html

@@ -1,13 +1,12 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <img
-        src="https://www.breisgau-hochschwarzwald.de/pb/site/Breisgau-Hochschwarzwald/get/params_E491248136/282741/plAn%20Logo.JPG"
-      />
+      src="https://www.breisgau-hochschwarzwald.de/pb/site/Breisgau-Hochschwarzwald/get/params_E491248136/282741/plAn%20Logo.JPG"
+    />
   </ion-toolbar>
 </ion-header>
 
 <ion-content [fullscreen]="true">
-
   <ion-searchbar placeholder="Suche"></ion-searchbar>
   <ion-list>
     <ion-item>
@@ -63,12 +62,15 @@
         <ion-select-option value="a"
           >Batzenberg – Schönberg – Hexental</ion-select-option
         >
-        <ion-select-option value="b">Dreisamtal, Gundelfingen-Glottertal</ion-select-option>
+        <ion-select-option value="b"
+          >Dreisamtal, Gundelfingen-Glottertal</ion-select-option
+        >
         <ion-select-option value="c">Hochschwarzwald</ion-select-option>
         <ion-select-option value="d">Stadt Freiburg</ion-select-option>
       </ion-select>
     </ion-item>
-
-    <ion-button expand="block">Suche</ion-button>
+    <ion-button expand="block" [routerLink]="['/searchresults']"
+      >Suche</ion-button
+    >
   </ion-list>
 </ion-content>