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

tabs fixes

Browse Source
This commit is contained in:
Adam Bradley
2015-03-23 20:02:33 -05:00
parent 9c92f5d2c9
commit be076d78cb
5 changed files with 74 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,7 @@
import {NgElement, Component, Template, Parent} from 'angular2/angular2';
import {History} from '../../history';
import {Ion} from '../ion';
import {View} from 'ionic/components/view/view';
@Component({
@ -25,7 +26,7 @@ import {Ion} from '../ion';
</div>
`
})
export class Tabs extends View {
export class Tabs extends Ion {
constructor(@NgElement() ele:NgElement) {
ele.domElement.classList.add('view');
@ -45,44 +46,3 @@ export class Tabs extends View {
}
}
@Component({
selector: 'ion-tab',
bind: {
tabTitle: 'tab-title'
}
})
@Template({
inline: `
<div class="container">
<div class="content">
<div class="scroll-content">
<content></content>
</div>
</div>
</div>
`
})
export class Tab extends View {
constructor(@NgElement() ele:NgElement, @Parent() tabs: Tabs) {
this.ele = ele;
this.history = new History();
ele.domElement.classList.add('view');
ele.domElement.classList.add('tab-view');
tabs.add(this);
setTimeout(() => {
// HACK!!!!! "this" doesn't have tabTitle when not in setTimeout
console.log(this.tabTitle)
})
}
show(shouldShow) {
this.ele.domElement.classList[shouldShow ? 'remove' : 'add']('hide');
}
}