mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
action-menu / alert
This commit is contained in:
@ -0,0 +1,43 @@
|
||||
import {NgElement, Component, Template, Parent} from 'angular2/angular2'
|
||||
import {ComponentConfig} from 'ionic2/config/component-config'
|
||||
|
||||
export let ActionMenuConfig = new ComponentConfig('action-menu')
|
||||
|
||||
@Component({
|
||||
selector: 'ion-action-menu',
|
||||
services: [ActionMenuConfig]
|
||||
})
|
||||
@Template({
|
||||
inline: `
|
||||
<div class="pane-backdrop"></div>
|
||||
<div class="action-menu-container">
|
||||
|
||||
<div class="action-menu-group">
|
||||
<div class="action-menu-label">Action Menu Label</div>
|
||||
<button class="button action-menu-button">Button 1</button>
|
||||
<button class="button action-menu-button">Button 2</button>
|
||||
</div>
|
||||
|
||||
<div class="action-menu-group">
|
||||
<div class="action-menu-label">Action Menu Label</div>
|
||||
<button class="button action-menu-button">Button 1</button>
|
||||
<button class="button action-menu-button">Button 2</button>
|
||||
</div>
|
||||
|
||||
<div class="action-menu-group">
|
||||
<button class="button action-menu-button">Button 1</button>
|
||||
</div>
|
||||
|
||||
</div>`
|
||||
})
|
||||
export class ActionMenu {
|
||||
constructor(
|
||||
configFactory: ActionMenuConfig,
|
||||
@NgElement() ngElement:NgElement
|
||||
) {
|
||||
this.domElement = ngElement.domElement
|
||||
this.domElement.classList.add('pane')
|
||||
this.domElement.classList.add('pane-overlay')
|
||||
this.config = configFactory.create(this)
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user