updated menu with new icons

smukov · Jun 25, 2016 · 48c9aaa · 48c9aaa
1 parent 5014dbd
commit 48c9aaa
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 39 deletions.
diff --git a/Ionic/app/app.html b/Ionic/app/app.html
@@ -3,8 +3,14 @@
    <ion-title >Menu</ion-title>
  </ion-toolbar>
  <ion-content>
-   <ion-list>
-     <button ion-item *ngFor="let p of pages" (click)="openPage(p)">
+   <ion-list no-lines>
+     <button ion-item *ngFor="let p of primaryPages" (click)="openPage(p)">
+       <ion-icon name="{{p.icon}}"></ion-icon>
+       {{p.title}}
+     </button>
+     <ion-item-divider style="min-height: 0px; padding:0px;"></ion-item-divider>
+     <button ion-item *ngFor="let p of settingsPages" (click)="openPage(p)">
+       <ion-icon name="{{p.icon}}"></ion-icon>
        {{p.title}}
      </button>
    </ion-list>

diff --git a/Ionic/app/app.js b/Ionic/app/app.js
@@ -6,7 +6,6 @@ import {Nav} from 'ionic-angular';
 import {StatusBar} from 'ionic-native';
 import {TabsPage} from './pages/tabs/tabs';
 import {Page1} from './pages/page1/page1';
-import {Page2} from './pages/page2/page2';
 import {Page3} from './pages/page3/page3';
 import {LoginPage} from './pages/loginPage/loginPage';
 import {ProfilePage} from './pages/profilePage/profilePage';
@@ -34,12 +33,14 @@ export class MyApp {
     this.initializeApp();
 
     // set our app's pages (they appear in menu)
-    this.pages = [
-        { title: 'My Profile', component: ProfilePage },
-        { title: 'Contact', component: ContactPage },
-        { title: 'Page 1', component: Page1 },
-        { title: 'Page 2', component: Page2 },
-        { title: 'Page 3', component: Page3 }
+    this.primaryPages = [
+        { title: 'My Profile', component: ProfilePage, icon: 'person', type: 'page' },
+        { title: 'Contact', component: ContactPage, icon: 'people', type: 'page' }
+    ];
+
+    this.settingsPages = [
+        { title: 'Settings', component: Page1, icon: 'settings', type: 'page' },
+        { title: 'Send Feedback', component: Page3, icon: 'send', type: 'page' }
     ];
 
     this.rootPage = LoginPage;

diff --git a/Ionic/app/pages/page2/page2.html b/Ionic/app/pages/page2/page2.html
diff --git a/Ionic/app/pages/page2/page2.js b/Ionic/app/pages/page2/page2.js
diff --git a/Ionic/app/pages/page2/page2.scss b/Ionic/app/pages/page2/page2.scss
diff --git a/Ionic/app/theme/app.core.scss b/Ionic/app/theme/app.core.scss
@@ -9,8 +9,6 @@
 
 @import "../pages/page1/page1";
 
-@import "../pages/page2/page2";
-
 @import "../pages/page3/page3";
 
 @import "../pages/loginPage/loginPage";
@@ -55,3 +53,14 @@ p {
   word-wrap: break-word;
   white-space: normal;
 }
+
+ion-menu{
+  ion-content{
+    ion-list{
+      ion-icon{
+        margin-right: 20px;
+        color: #595959;
+      }
+    }
+  }
+}