added button icons in menu

src/app/app.component.ts

@@ -8,7 +8,7 @@ import { ListPage } from '../pages/list/list';
 import { ActiveConnections } from '../pages/active/active';
 import { History } from '../pages/history/history';
 import { Notes } from '../pages/notes/notes';
-import {SettingsPage} from '../pages/settings/settings'
+import {Settings} from '../pages/settings/settings'
 
 
 
@@ -21,7 +21,7 @@ export class MyApp {
 
   rootPage: any = HomePage;
 
-  pages: Array<{title: string, component: any}>;
+  pages: Array<{title: string, component: any, icon: string}>;
 
   constructor(public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) {
    
@@ -31,12 +31,12 @@ export class MyApp {
 
     // used for an example of ngFor and navigation
     this.pages = [
-      { title: 'Home', component: HomePage },
+      { title: 'Home', component: HomePage, icon: 'home'},
       //{ title: 'ListOfLists', component: ListPage },
-      { title: 'Active Connections', component: ActiveConnections },
-      { title: 'History', component: History },
-      { title: 'Notes', component: Notes },
-      {title: 'Settings', component: SettingsPage}
+      { title: 'Active Connections', component: ActiveConnections, icon: 'wifi'},
+      { title: 'History', component: History, icon: 'archive' },
+      { title: 'Notes', component: Notes, icon: 'create' },
+      {title: 'Settings', component: Settings, icon: 'settings'}
     ];
 
   }

src/app/app.html

@@ -8,6 +8,7 @@
   <ion-content>
     <ion-list>
       <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
+        <ion-icon [name]="p.icon" item-left></ion-icon>
         {{p.title}}
       </button>
     </ion-list>

src/pages/active/active.html

@@ -7,12 +7,16 @@
 <ion-header>
 
   <ion-navbar>
-    <ion-title>Active</ion-title>
+    <ion-title>Active Connections</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
-<ion-content padding>
+<ion-content>
+
+<ion-list>
+  <ion-item *ngFor="let Connection of Connections">{{Connection}}</ion-item>
+</ion-list>
 
 </ion-content>

src/pages/active/active.module.ts

@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
-import { ActivePage } from './active';
+import { ActiveConnections } from './active';
 
 @NgModule({
   declarations: [
-    ActivePage,
+    ActiveConnections,
   ],
   imports: [
-    IonicPageModule.forChild(ActivePage),
+    IonicPageModule.forChild(ActiveConnections),
   ],
 })
 export class ActivePageModule {}

src/pages/active/active.ts

@@ -15,11 +15,16 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
 })
 export class ActiveConnections {
 
+  connections: any;
+
   constructor(public navCtrl: NavController, public navParams: NavParams) {
-  }
+  
+
+  this.connections = [
+    'Device 1',
+    'Device 2'
 
-  ionViewDidLoad() {
-    console.log('ionViewDidLoad ActivePage');
+  ];
   }
 
 }

src/pages/home/home.html

@@ -1,9 +1,11 @@
 <ion-header>
+  
   <ion-navbar>
     <button ion-button menuToggle>
       <ion-icon name="menu"></ion-icon>
     </button>
     <ion-title>Home</ion-title>
+  
   </ion-navbar>
 </ion-header>
 
@@ -14,4 +16,8 @@
   <p>This is the wyds homepage</p>
 
   <button ion-button secondary menuToggle>Click for Menu</button>
+
+  
+
+
 </ion-content>