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

refactor(nav-viewport): rename animations to avoid confusion

Browse Source
This commit is contained in:
Andrew
2015-04-02 10:37:45 -06:00
parent 0e09f64021
commit f924bf2531
5 changed files with 51 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/tabs/tabs.js
View File

@ -1,19 +1,15 @@
import {NgElement, Component, Template, Foreach, Parent} from 'angular2/angular2';
import {ComponentConfig} from 'ionic2/config/component-config';
export let TabsConfig = new ComponentConfig('tabs');
import {NgElement, Component, Template, Foreach, Parent} from 'angular2/angular2'
import {NavViewport} from 'ionic2/components'
import {IonicComponent} from 'ionic2/config/component'
@Component({
selector: 'ion-tabs',
bind: {
tabBarPlacement: 'tab-bar-placement'
placement: 'placement'
},
services: [TabsConfig]
})
@Template({
inline: `
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-content">
<a class="tab-bar-item tab-active" href="#">
@ -27,23 +23,28 @@ export let TabsConfig = new ComponentConfig('tabs');
</a>
</div>
</div>
<div class="pane-container">
<div class="content">
<content></content>
</div>
</div>
`,
directives: []
})
export class Tabs {
export class Tabs extends NavViewport {
constructor(
configFactory: TabsConfig,
element: NgElement
) {
super()
this.domElement = element.domElement
this.domElement.classList.add('pane')
configFactory.create(this)
this.tabBarPlacement = this.tabBarPlacement || 'bottom'
this.config = Tabs.config.invoke(this)
}
}
new IonicComponent(Tabs, {
bind: {
placement: {
defaults: {
ios: 'bottom',
android: 'top',
base: 'bottom'
}
}
}
})