new pages

src/app/app-routing.module.ts

@@ -29,12 +29,30 @@ const routes: Routes = [
   {
     path: 'settings',
     loadChildren: () => import('./pages/settings/settings.module').then(m => m.SettingsPageModule)
+  },
+  {
+    path: 'my-schedule',
+    loadChildren: () => import('./pages/my-schedule/my-schedule.module').then(m => m.MySchedulePageModule)
+  },
+  {
+    path: 'my-reminders',
+    loadChildren: () => import('./pages/my-reminders/my-reminders.module').then(m => m.MyRemindersPageModule)
+  },
+  {
+    path: 'my-tracking',
+    loadChildren: () => import('./pages/my-tracking/my-tracking.module').then(m => m.MyTrackingPageModule)
+  },
+  {
+    path: 'my-find',
+    loadChildren: () => import('./pages/my-find/my-find.module').then(m => m.MyFindPageModule)
   }
 
 
 
 
 
+
+
 ];
 @NgModule({
   imports: [

src/app/components/choose-activity/choose-activity.component.html

@@ -6,7 +6,7 @@
   </ion-row>
   <ion-row class="card-row">
     <ion-col class="card-col">
-      <ion-card class="card-part card1">
+      <ion-card class="card-part card1"  (click)="selActivity('track')">
         <ion-card-header>
           <ion-card-title>Track</ion-card-title>
         </ion-card-header>
@@ -17,7 +17,7 @@
       </ion-card>
     </ion-col>
     <ion-col class="card-col">
-      <ion-card class="card-part card2">
+      <ion-card class="card-part card2"  (click)="selActivity('calendar')">
         <ion-card-header>
           <ion-card-title>Calendar</ion-card-title>
         </ion-card-header>
@@ -30,7 +30,7 @@
   </ion-row>
   <ion-row class="card-row">
     <ion-col class="card-col">
-      <ion-card class="card-part card3">
+      <ion-card class="card-part card3" (click)="selActivity('alerts')">
         <ion-card-header>
           <ion-card-title>Alerts</ion-card-title>
         </ion-card-header>
@@ -41,7 +41,7 @@
       </ion-card>
     </ion-col>
     <ion-col class="card-col">
-      <ion-card class="card-part card4">
+      <ion-card class="card-part card4"  (click)="selActivity('find')">
         <ion-card-header>
           <ion-card-title>Find</ion-card-title>
         </ion-card-header>

src/app/components/choose-activity/choose-activity.component.ts

@@ -11,4 +11,13 @@ export class ChooseActivityComponent  implements OnInit {
 
   ngOnInit() {}
 
+  selActivity(actiV:string){
+
+    dispatchEvent(
+      new CustomEvent("activity_buttons", {
+        bubbles: true,
+        detail: { activity_page: actiV },
+      }),
+    );
+  }
 }

src/app/pages/dash/dash.page.ts

@@ -8,11 +8,38 @@ import {Router} from "@angular/router";
 })
 export class DashPage implements OnInit {
 
-  constructor(private router: Router) { }
+  constructor(private router: Router) {
+    addEventListener("activity_buttons", (e:any) =>
+    {
+     //console.log("AMEYE", e.detail.activity_page);
+      this.activityPage(e.detail.activity_page);
+    });
+  }
 
   ngOnInit() {
   }
   openSettings(){
     this.router.navigate(['settings']);
   }
+  activityPage(actPage:string){
+    var pageToNavigate = '';
+    switch (actPage){
+      case 'track':
+        pageToNavigate='my-tracking';
+        break;
+      case 'calendar':
+        pageToNavigate='my-schedule';
+        break;
+      case 'alerts':
+        pageToNavigate='my-reminders';
+        break;
+      case 'find':
+        pageToNavigate='my-find';
+        break;
+    }
+    if(pageToNavigate !=''){
+      this.router.navigate([pageToNavigate],{state: {page_name:actPage}});
+    }
+
+  }
 }

src/app/pages/my-find/my-find-routing.module.ts

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

src/app/pages/my-find/my-find.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 { MyFindPageRoutingModule } from './my-find-routing.module';
+
+import { MyFindPage } from './my-find.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    MyFindPageRoutingModule
+  ],
+  declarations: [MyFindPage]
+})
+export class MyFindPageModule {}

src/app/pages/my-find/my-find.page.html

@@ -0,0 +1,14 @@
+<ion-header mode="ios" class="ion-no-border">
+  <ion-toolbar>
+    <ion-buttons slot="start" (click)="onBack()">
+      <ion-button>
+        <ion-icon name="arrow-back-outline"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Find</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

src/app/pages/my-find/my-find.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MyFindPage } from './my-find.page';
+
+describe('MyFindPage', () => {
+  let component: MyFindPage;
+  let fixture: ComponentFixture<MyFindPage>;
+
+  beforeEach(async(() => {
+    fixture = TestBed.createComponent(MyFindPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/my-find/my-find.page.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+import {NavController} from "@ionic/angular";
+
+@Component({
+  selector: 'app-my-find',
+  templateUrl: './my-find.page.html',
+  styleUrls: ['./my-find.page.scss'],
+})
+export class MyFindPage implements OnInit {
+
+  constructor(private navctr: NavController) { }
+
+  ngOnInit() {
+  }
+  onBack(){
+    this.navctr.back();
+  }
+}

src/app/pages/my-reminders/my-reminders-routing.module.ts

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

src/app/pages/my-reminders/my-reminders.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 { MyRemindersPageRoutingModule } from './my-reminders-routing.module';
+
+import { MyRemindersPage } from './my-reminders.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    MyRemindersPageRoutingModule
+  ],
+  declarations: [MyRemindersPage]
+})
+export class MyRemindersPageModule {}

src/app/pages/my-reminders/my-reminders.page.html

@@ -0,0 +1,15 @@
+<ion-header mode="ios" class="ion-no-border">
+  <ion-toolbar>
+    <ion-buttons slot="start" (click)="onBack()">
+      <ion-button>
+        <ion-icon name="arrow-back-outline"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Reminders</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

src/app/pages/my-reminders/my-reminders.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MyRemindersPage } from './my-reminders.page';
+
+describe('MyRemindersPage', () => {
+  let component: MyRemindersPage;
+  let fixture: ComponentFixture<MyRemindersPage>;
+
+  beforeEach(async(() => {
+    fixture = TestBed.createComponent(MyRemindersPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/my-reminders/my-reminders.page.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+import {NavController} from "@ionic/angular";
+
+@Component({
+  selector: 'app-my-reminders',
+  templateUrl: './my-reminders.page.html',
+  styleUrls: ['./my-reminders.page.scss'],
+})
+export class MyRemindersPage implements OnInit {
+
+  constructor(private navctr: NavController) { }
+
+  ngOnInit() {
+  }
+  onBack(){
+    this.navctr.back();
+  }
+}

src/app/pages/my-schedule/my-schedule-routing.module.ts

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

src/app/pages/my-schedule/my-schedule.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 { MySchedulePageRoutingModule } from './my-schedule-routing.module';
+
+import { MySchedulePage } from './my-schedule.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    MySchedulePageRoutingModule
+  ],
+  declarations: [MySchedulePage]
+})
+export class MySchedulePageModule {}

src/app/pages/my-schedule/my-schedule.page.html

@@ -0,0 +1,15 @@
+<ion-header mode="ios" class="ion-no-border">
+  <ion-toolbar>
+    <ion-buttons slot="start" (click)="onBack()">
+      <ion-button>
+        <ion-icon name="arrow-back-outline"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Schedule</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

src/app/pages/my-schedule/my-schedule.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MySchedulePage } from './my-schedule.page';
+
+describe('MySchedulePage', () => {
+  let component: MySchedulePage;
+  let fixture: ComponentFixture<MySchedulePage>;
+
+  beforeEach(async(() => {
+    fixture = TestBed.createComponent(MySchedulePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/my-schedule/my-schedule.page.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+import {NavController} from "@ionic/angular";
+
+@Component({
+  selector: 'app-my-schedule',
+  templateUrl: './my-schedule.page.html',
+  styleUrls: ['./my-schedule.page.scss'],
+})
+export class MySchedulePage implements OnInit {
+
+  constructor(private navctr: NavController) { }
+
+  ngOnInit() {
+  }
+  onBack(){
+    this.navctr.back();
+  }
+}

src/app/pages/my-tracking/my-tracking-routing.module.ts

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

src/app/pages/my-tracking/my-tracking.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 { MyTrackingPageRoutingModule } from './my-tracking-routing.module';
+
+import { MyTrackingPage } from './my-tracking.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    MyTrackingPageRoutingModule
+  ],
+  declarations: [MyTrackingPage]
+})
+export class MyTrackingPageModule {}

src/app/pages/my-tracking/my-tracking.page.html

@@ -0,0 +1,14 @@
+<ion-header mode="ios" class="ion-no-border">
+  <ion-toolbar>
+    <ion-buttons slot="start" (click)="onBack()">
+      <ion-button>
+        <ion-icon name="arrow-back-outline"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Tracking</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

src/app/pages/my-tracking/my-tracking.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MyTrackingPage } from './my-tracking.page';
+
+describe('MyTrackingPage', () => {
+  let component: MyTrackingPage;
+  let fixture: ComponentFixture<MyTrackingPage>;
+
+  beforeEach(async(() => {
+    fixture = TestBed.createComponent(MyTrackingPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/my-tracking/my-tracking.page.ts

@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+import {NavController} from "@ionic/angular";
+
+@Component({
+  selector: 'app-my-tracking',
+  templateUrl: './my-tracking.page.html',
+  styleUrls: ['./my-tracking.page.scss'],
+})
+export class MyTrackingPage implements OnInit {
+
+  constructor(private navctr: NavController) { }
+
+  ngOnInit() {
+  }
+  onBack(){
+    this.navctr.back();
+  }
+}