notificationSet

Vitamin/package-lock.json

@@ -104,6 +104,11 @@
       "resolved": "https://registry.npmjs.org/@ionic-native/core/-/core-4.11.0.tgz",
       "integrity": "sha512-bBFE6bM0P254CWmqAqWe2ju7WPo51yn/vIoBrEb5SX2Iousn+1xYwuIO93n9+nlx17EI7Uz+h2mPej4Chi7hLQ=="
     },
+    "@ionic-native/local-notifications": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/local-notifications/-/local-notifications-4.11.0.tgz",
+      "integrity": "sha512-hUPOKpmsjzeSLs1Ri4LpCrqCoy1+OG6xn10fWtDR/SBfeY1GtAlCK8M1iV/mFLxH/HCyRdp5bPHB72SoQRa9fg=="
+    },
     "@ionic-native/splash-screen": {
       "version": "4.11.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/splash-screen/-/splash-screen-4.11.0.tgz",

Vitamin/package.json

@@ -20,7 +20,8 @@
     "@angular/http": "5.2.11",
     "@angular/platform-browser": "5.2.11",
     "@angular/platform-browser-dynamic": "5.2.11",
-    "@ionic-native/core": "~4.11.0",
+    "@ionic-native/core": "^4.11.0",
+    "@ionic-native/local-notifications": "^4.11.0",
     "@ionic-native/splash-screen": "~4.11.0",
     "@ionic-native/status-bar": "~4.11.0",
     "@ionic/storage": "2.1.3",

Vitamin/src/app/app.component.ts

@@ -5,6 +5,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
 
 import { HomePage } from '../pages/home/home';
 
+
 @Component({
   templateUrl: 'app.html'
 })

Vitamin/src/app/app.module.ts

@@ -8,6 +8,9 @@ import { MyApp } from './app.component';
 import { HomePage } from '../pages/home/home';
 import { CommonVitaminsPage } from '../pages/common-vitamins/common-vitamins';
 import { RegisterPage } from '../pages/register/register';
+import { AlarmPage }from '../pages/alarm/alarm';
+
+import { LocalNotifications } from '@ionic-native/local-notifications';
 
 
 
@@ -16,7 +19,8 @@ import { RegisterPage } from '../pages/register/register';
     MyApp,
     HomePage,
     CommonVitaminsPage,
-    RegisterPage
+    RegisterPage,
+    AlarmPage
   ],
   imports: [
     BrowserModule,
@@ -27,12 +31,14 @@ import { RegisterPage } from '../pages/register/register';
     MyApp,
     HomePage,
     CommonVitaminsPage,
-    RegisterPage
+    RegisterPage,
+    AlarmPage
   ],
   providers: [
     StatusBar,
     SplashScreen,
-    {provide: ErrorHandler, useClass: IonicErrorHandler}
+    {provide: ErrorHandler, useClass: IonicErrorHandler},
+    LocalNotifications
   ]
 })
 export class AppModule {}

Vitamin/src/pages/alarm/alarm.html

@@ -0,0 +1,16 @@
+
+
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>Alarm</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+  <button ion-button full (click)="btnPushClicked()">Schedule!!!</button>
+
+</ion-content>

Vitamin/src/pages/alarm/alarm.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { AlarmPage } from './alarm';
+
+@NgModule({
+  declarations: [
+    AlarmPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(AlarmPage),
+  ],
+})
+export class AlarmPageModule {}

Vitamin/src/pages/alarm/alarm.scss

@@ -0,0 +1,17 @@
+page-alarm {
+
+
+
+
+
+
+
+    //this removes the scroll bar on the side
+.scroll-content {
+    overflow: hidden;
+}
+
+
+
+
+}

Vitamin/src/pages/alarm/alarm.ts

@@ -0,0 +1,42 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams, AlertController, Platform, DateTime } from 'ionic-angular';
+
+import { LocalNotifications } from '@ionic-native/local-notifications';
+
+
+
+@IonicPage()
+@Component({
+  selector: 'page-alarm',
+  templateUrl: 'alarm.html',
+})
+export class AlarmPage {
+
+
+  constructor(public navCtrl: NavController, private localNoti: LocalNotifications, private platform: Platform){
+
+
+  }
+
+
+  btnPushClicked(){
+    this.platform.ready().then(() => {
+      this.localNoti.schedule({
+        title: 'Vita-Alarm!',
+        text: 'Take your Vitamin!',
+        trigger: {at: new Date(new Date().getTime() + 3600)},
+        led: 'FF0000',
+        
+     });
+    });
+  }
+
+
+
+
+
+
+
+
+
+}

Vitamin/src/pages/home/home.html

@@ -1,7 +1,5 @@
 <ion-header>
-  <ion-navbar>
-    <ion-title>Home</ion-title>
-  </ion-navbar>
+ 
 </ion-header>
 
 <ion-content text-center class = "login">
@@ -53,7 +51,7 @@
 
 
 
-  <button ion-button color="danger" (click)="commonVitaminPage()" round>Login</button>
+  <button ion-button color="danger" (click)="alarmPage()" round>Login</button>
   <br>
 
   <button ion-button color="danger" (click)="registerPage()" round>Sign Up</button>

Vitamin/src/pages/home/home.ts

@@ -3,6 +3,8 @@ import { NavController } from 'ionic-angular';
 import { RegisterPage } from '../register/register';
 import { CommonVitaminsPage } from '../common-vitamins/common-vitamins';
 
+import { AlarmPage }from '../alarm/alarm';
+
 @Component({
   selector: 'page-home',
   templateUrl: 'home.html'
@@ -24,6 +26,10 @@ commonVitaminPage() {
     
   }
 
+  alarmPage() {
+    this.navCtrl.push(AlarmPage);
+  }
+
 
 
 }

Vitamin/src/pages/menu/menu.html

@@ -0,0 +1,18 @@
+<!--
+  Generated template for the MenuPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>menu</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+</ion-content>

Vitamin/src/pages/menu/menu.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { MenuPage } from './menu';
+
+@NgModule({
+  declarations: [
+    MenuPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(MenuPage),
+  ],
+})
+export class MenuPageModule {}

Vitamin/src/pages/menu/menu.scss

@@ -0,0 +1,3 @@
+page-menu {
+
+}

Vitamin/src/pages/menu/menu.ts

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+/**
+ * Generated class for the MenuPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-menu',
+  templateUrl: 'menu.html',
+})
+export class MenuPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad MenuPage');
+  }
+
+}