home & landing page

Co-authored-by: Pi Delport <pi@registree.io>

web-client/src/app/app-routing.module.ts

@@ -29,6 +29,20 @@ const routes: Routes = [
         m => m.RegisterPageModule // prettier-ignore
       ),
   },
+  {
+    path: 'home',
+    loadChildren: () =>
+      import('./views/home/home.module').then(
+        m => m.HomePageModule // prettier-ignore
+      ),
+  },
+  {
+    path: 'landing',
+    loadChildren: () =>
+      import('./views/landing/landing.module').then(
+        m => m.LandingPageModule // prettier-ignore
+      ),
+  },
 ];
 
 @NgModule({

web-client/src/app/views/home/home-routing.module.ts

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

web-client/src/app/views/home/home.module.ts

@@ -0,0 +1,12 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonicModule } from '@ionic/angular';
+import { HomePageRoutingModule } from './home-routing.module';
+import { HomePage } from './home.page';
+
+@NgModule({
+  imports: [CommonModule, FormsModule, IonicModule, HomePageRoutingModule],
+  declarations: [HomePage],
+})
+export class HomePageModule {}

web-client/src/app/views/home/home.page.html

@@ -0,0 +1,7 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title>home</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content> </ion-content>

web-client/src/app/views/home/home.page.spec.ts

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

web-client/src/app/views/home/home.page.ts

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

web-client/src/app/views/landing/landing-routing.module.ts

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

web-client/src/app/views/landing/landing.module.ts

@@ -0,0 +1,12 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonicModule } from '@ionic/angular';
+import { LandingPageRoutingModule } from './landing-routing.module';
+import { LandingPage } from './landing.page';
+
+@NgModule({
+  imports: [CommonModule, FormsModule, IonicModule, LandingPageRoutingModule],
+  declarations: [LandingPage],
+})
+export class LandingPageModule {}

web-client/src/app/views/landing/landing.page.html

@@ -0,0 +1,7 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title>landing</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content> </ion-content>

web-client/src/app/views/landing/landing.page.spec.ts

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

web-client/src/app/views/landing/landing.page.ts

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