javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(menu): update test to use 3 menus and menu toggle by side

Browse Source 
references #5535
This commit is contained in:
Brandy Carney
2016-02-19 16:18:55 -05:00
parent a2b7a21a95
commit f0b5838880
4 changed files with 40 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/menu/test/enable-disable/index.ts
View File

@ -24,7 +24,7 @@ class E2EApp {
constructor(app: IonicApp, menu: MenuController) {
this.app = app;
this.menu = menu;
this.page1 = Page1;
this.page2 = Page2;
@ -39,13 +39,18 @@ class E2EApp {
}
menu1Active() {
this.activeMenu = 'menu1';
this.menu.enable(true, 'menu1');
this.menu.enable(false, 'menu2');
this.menu.enable(false, 'menu3');
}
menu2Active() {
this.activeMenu = 'menu2';
this.menu.enable(false, 'menu1');
this.menu.enable(true, 'menu2');
this.menu.enable(false, 'menu3');
}
menu3Active() {
this.menu.enable(false, 'menu1');
this.menu.enable(false, 'menu2');
this.menu.enable(true, 'menu3');
}
}

29
ionic/components/menu/test/enable-disable/main.html
View File

@ -9,6 +9,7 @@
<ion-list>
<button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button>
<button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
<button ion-item menuClose (click)="menu3Active()">Make Menu 3 Active</button>
<button ion-item menuClose (click)="openPage(page1)">
Page 1
</button>
@ -33,7 +34,8 @@
<ion-content>
<ion-list>
<button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button>
<button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
<button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
<button ion-item menuClose (click)="menu3Active()">Make Menu 3 Active</button>
<button ion-item menuClose (click)="openPage(page1)">
Page 1
</button>
@ -48,5 +50,30 @@
</ion-menu>
<ion-menu [content]="content" id="menu3">
<ion-toolbar primary>
<ion-title>Menu 3</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button>
<button ion-item menuClose (click)="menu2Active()">Make Menu 2 Active</button>
<button ion-item menuClose (click)="menu3Active()">Make Menu 3 Active</button>
<button ion-item menuClose (click)="openPage(page1)">
Page 1
</button>
<button ion-item menuClose (click)="openPage(page2)">
Page 2
</button>
<button ion-item menuClose detail-none>
Close Menu 3
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"></ion-nav>

6
ionic/components/menu/test/enable-disable/page1.html
View File

@ -1,6 +1,6 @@
<ion-navbar *navbar>
<button [menuToggle]="activeMenu">
<button menuToggle="left">
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>
@ -12,10 +12,8 @@
<ion-content padding>
<h3> Page 1 </h3>
<h4>Active Menu: {{ activeMenu }}</h4>
<p>
<button [menuToggle]="activeMenu">Toggle Menu</button>
<button menuToggle="left">Toggle Menu</button>
</p>
<p>This page has two left menus, but only one is active at a time.</p>

6
ionic/components/menu/test/enable-disable/page2.html
View File

@ -1,6 +1,6 @@
<ion-navbar *navbar>
<button [menuToggle]="activeMenu">
<button menuToggle="left">
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>
@ -12,10 +12,8 @@
<ion-content padding>
<h3> Page 2 </h3>
<h4>Active Menu: {{ activeMenu }}</h4>
<p>
<button [menuToggle]="activeMenu">Toggle Menu</button>
<button menuToggle="left">Toggle Menu</button>
</p>
<p>This page has two left menus, but only one is active at a time.</p>