javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +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

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

@ -39,13 +39,18 @@ class E2EApp {
} }
menu1Active() { menu1Active() {
this.activeMenu = 'menu1';
this.menu.enable(true, 'menu1'); this.menu.enable(true, 'menu1');
this.menu.enable(false, 'menu2'); this.menu.enable(false, 'menu2');
this.menu.enable(false, 'menu3');
} }
menu2Active() { menu2Active() {
this.activeMenu = 'menu2';
this.menu.enable(false, 'menu1'); this.menu.enable(false, 'menu1');
this.menu.enable(true, 'menu2'); 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');
} }
} }

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

@ -9,6 +9,7 @@
<ion-list> <ion-list>
<button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button> <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)"> <button ion-item menuClose (click)="openPage(page1)">
Page 1 Page 1
</button> </button>
@ -34,6 +35,7 @@
<ion-list> <ion-list>
<button ion-item menuClose (click)="menu1Active()">Make Menu 1 Active</button> <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)"> <button ion-item menuClose (click)="openPage(page1)">
Page 1 Page 1
</button> </button>
@ -48,5 +50,30 @@
</ion-menu> </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> <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> <ion-navbar *navbar>
<button [menuToggle]="activeMenu"> <button menuToggle="left">
<ion-icon name="menu"></ion-icon> <ion-icon name="menu"></ion-icon>
</button> </button>
<ion-title> <ion-title>
@ -12,10 +12,8 @@
<ion-content padding> <ion-content padding>
<h3> Page 1 </h3> <h3> Page 1 </h3>
<h4>Active Menu: {{ activeMenu }}</h4>
<p> <p>
<button [menuToggle]="activeMenu">Toggle Menu</button> <button menuToggle="left">Toggle Menu</button>
</p> </p>
<p>This page has two left menus, but only one is active at a time.</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> <ion-navbar *navbar>
<button [menuToggle]="activeMenu"> <button menuToggle="left">
<ion-icon name="menu"></ion-icon> <ion-icon name="menu"></ion-icon>
</button> </button>
<ion-title> <ion-title>
@ -12,10 +12,8 @@
<ion-content padding> <ion-content padding>
<h3> Page 2 </h3> <h3> Page 2 </h3>
<h4>Active Menu: {{ activeMenu }}</h4>
<p> <p>
<button [menuToggle]="activeMenu">Toggle Menu</button> <button menuToggle="left">Toggle Menu</button>
</p> </p>
<p>This page has two left menus, but only one is active at a time.</p> <p>This page has two left menus, but only one is active at a time.</p>