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

test(split-pane): adds side RTL tests

Browse Source
This commit is contained in:
Manuel Mtz-Almeida
2017-06-09 16:55:41 +02:00
parent 30dc247404
commit 3c046b413b
3 changed files with 55 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/split-pane/test/menus/app/app.component.html
View File

@ -1,10 +1,10 @@
<ion-split-pane (ionChange)="splitPaneChanged($event)"> <ion-split-pane (ionChange)="splitPaneChanged($event)">
<ion-menu [content]="content" id="menu1"> <ion-menu [content]="content" id="menu_default">
<ion-header> <ion-header>
<ion-toolbar color="secondary"> <ion-toolbar color="secondary">
<ion-title>Menu 1</ion-title> <ion-title>Menu DEFAULT</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@ -17,11 +17,11 @@
</ion-menu> </ion-menu>
<ion-menu [content]="content" id="menu2"> <ion-menu [content]="content" id="menu_start" side="start">
<ion-header> <ion-header>
<ion-toolbar color="danger"> <ion-toolbar color="danger">
<ion-title>Menu 2</ion-title> <ion-title>Menu START</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@ -33,11 +33,11 @@
</ion-menu> </ion-menu>
<ion-menu [content]="content" id="menu3"> <ion-menu [content]="content" id="menu_end" side="end">
<ion-header> <ion-header>
<ion-toolbar color="primary"> <ion-toolbar color="primary">
<ion-title>Menu 3</ion-title> <ion-title>Menu END</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@ -48,11 +48,24 @@
</ion-content> </ion-content>
</ion-menu> </ion-menu>
<ion-menu [content]="content" id="menu4" side="right"> <ion-menu [content]="content" id="menu_left" side="left">
<ion-header> <ion-header>
<ion-toolbar color="dark"> <ion-toolbar color="dark">
<ion-title>Menu 4</ion-title> <ion-title>Menu LEFT</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item>Example</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-menu [content]="content" id="menu_right" side="right">
<ion-header>
<ion-toolbar color="dark">
<ion-title>Menu RIGHT</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

14
src/components/split-pane/test/menus/pages/page-one/page-one.html
View File

@ -8,12 +8,16 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<h1>Page 1</h1> <h1>Page 1</h1>
<ion-list>
<button ion-item (click)="menuDefault()">Enable default</button>
<button ion-item (click)="menuStart()">Enable side="start"</button>
<button ion-item (click)="menuEnd()">Enable side="end"</button>
<button ion-item (click)="menuLeft()">Enable side="left"</button>
<button ion-item (click)="menuRight()">Enable side="right"</button>
<button ion-item (click)="disableAll()">Disable all</button>
</ion-list>
<button ion-button (click)="push()">Push</button> <button ion-button (click)="push()">Push</button>
<button ion-button (click)="menu1Active()">Enable menu 1</button>
<button ion-button (click)="menu2Active()">Enable menu 2</button>
<button ion-button (click)="menu3Active()">Enable menu 3</button>
<button ion-button (click)="menu4Active()">Enable menu 4 (right)</button>
<button ion-button (click)="disableAll()">Disable all</button>
<div f></div> <div f></div>
<div f></div> <div f></div>

41
src/components/split-pane/test/menus/pages/page-one/page-one.ts
View File

@ -9,34 +9,41 @@ export class PageOne {
public navCtrl: NavController, public navCtrl: NavController,
public menuCtrl: MenuController, public menuCtrl: MenuController,
) { ) {
this.menuCtrl.enable(false, 'menu4'); this.disableAll();
this.menuCtrl.enable(false);
} }
push() { push() {
this.navCtrl.push('PageTwo'); this.navCtrl.push('PageTwo');
} }
menu1Active() { menuDefault() {
this.menuCtrl.enable(false, 'menu4'); this.disableAll();
this.menuCtrl.enable(true, 'menu1'); this.menuCtrl.enable(true, 'menu_default');
} }
menu2Active() {
this.menuCtrl.enable(false, 'menu4');
this.menuCtrl.enable(true, 'menu2');
}
menu3Active() {
this.menuCtrl.enable(false, 'menu4');
this.menuCtrl.enable(true, 'menu3');
}
menu4Active() {
this.menuCtrl.enable(false, 'menu1');
this.menuCtrl.enable(false, 'menu2');
this.menuCtrl.enable(false, 'menu3');
this.menuCtrl.enable(true, 'menu4'); menuStart() {
this.disableAll();
this.menuCtrl.enable(true, 'menu_start');
}
menuEnd() {
this.disableAll();
this.menuCtrl.enable(true, 'menu_end');
}
menuLeft() {
this.disableAll();
this.menuCtrl.enable(true, 'menu_left');
}
menuRight() {
this.disableAll();
this.menuCtrl.enable(true, 'menu_right');
} }
disableAll() { disableAll() {
this.menuCtrl.enable(false); this.menuCtrl.enable(false);
} }
} }