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

8
playground/tabs/main.js
View File

@ -1,7 +1,9 @@
import {bootstrap} from 'angular2/core';
import {Component, Template} from 'angular2/angular2';
import {View, Content} from 'ionic/components/view/view';
import {Tabs, Tab} from 'ionic/components/tabs/tabs';
import {View} from 'ionic/components/view/view';
import {Content} from 'ionic/components/view/content';
import {Tabs} from 'ionic/components/tabs/tabs';
import {Tab} from 'ionic/components/tabs/tab';
@Component({ selector: '[ion-app]' })
@Template({
@ -10,7 +12,7 @@ import {Tabs, Tab} from 'ionic/components/tabs/tabs';
})
class IonicApp {
constructor() {
console.log('IonicApp Start');
console.log('IonicApp Start')
}
}

23
src/components/nav-view/nav-view.js Normal file
View File

@ -0,0 +1,23 @@
import {Ion} from '../ion'
export class NavView extends Ion {
// viewControllers: Stack<ViewController>;
// visibleViewController: ViewController;
// push(viewController) {
// stack.push(viewController)
// }
// pop(viewController) {
// stack.pop(viewController)
// }
// set viewControllers(v) {
// this.viewControllers = v
// }
constructor() {
console.log('construct nav-view')
this.history = [] // <---- would be fancy pants
}
}

44
src/components/tabs/tab.js Normal file
View File

@ -0,0 +1,44 @@
import {NgElement, Component, Template, Parent} from 'angular2/angular2';
import {Ion} from '../ion';
import {Tabs} from './tabs';
import {NavView} from '../nav-view/nav-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 NavView {
constructor(@NgElement() ele:NgElement, @Parent() tabs: Tabs) {
super();
this.ele = ele;
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');
}
}

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');
}
}

5
src/components/view-group/view-group.js
View File

@ -1,5 +0,0 @@
import {Ion} from '../ion';
export class ViewGroup extends Ion {
}