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

toolbar stuff and things

Browse Source
This commit is contained in:
Adam Bradley
2015-03-30 21:45:04 -05:00
parent 6863dcf1da
commit 4acbd5f347
9 changed files with 110 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/toolbar/toolbar.js
View File

@ -8,39 +8,38 @@ import {NgElement, Component, Template} from 'angular2/angular2'
})
@Template({
inline: `
<div class="bar bar-ios">
<div class="bar-items">
<button class="back-button bar-item">
<div class="back-button-icon">&lt;</div>
<div class="back-button-text">
<div class="back-default">Back</div>
<div class="back-title"></div>
</div>
</button>
<div class="title">
<div class="inner-title">
{{ title }}
<content select="ion-view-title"></content>
</div>
<div class="bar-items">
<button class="button back-button bar-item">
<div class="back-button-icon">&lt;</div>
<div class="back-button-text">
<div class="back-default">Back</div>
<div class="back-title"></div>
</div>
<div class="bar-item bar-primary-item" style="background:red">
<content select="ion-nav-items[side=primary]"></content>
</div>
<div class="spacer"></div>
<div class="bar-item bar-secondary-item" style="background:green">
<content select="ion-nav-items[side=secondary]"></content>
</button>
<div class="title">
<div class="inner-title">
{{ title }}
<content select="ion-view-title"></content>
</div>
</div>
<div class="bar-item bar-primary-item">
<content select="ion-nav-items[side=primary]"></content>
</div>
<div class="spacer"></div>
<div class="bar-item bar-secondary-item">
<content select="ion-nav-items[side=secondary]"></content>
</div>
</div>`
})
export class Toolbar {
constructor(@NgElement() ngEle:NgElement) {
this.ele = ngEle.domElement
this.ele.classList.add('toolbar')
this.ele.classList.add('toolbar-ios')
window.requestAnimationFrame(() => {
this.alignTitle()
})
}
alignTitle(ele) {