mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
40 lines
919 B
JavaScript
40 lines
919 B
JavaScript
import {NgElement, Component, Template, Parent} from 'angular2/angular2'
|
|
import {IonicComponent} from 'ionic2/config/component'
|
|
|
|
|
|
@Component({
|
|
selector: 'ion-alert'
|
|
})
|
|
@Template({
|
|
inline: `
|
|
<div class="overlay-backdrop"></div>
|
|
<div class="overlay-container">
|
|
<div class="alert-container">
|
|
<div class="alert-header">
|
|
Do you like cookies?
|
|
</div>
|
|
<div class="alert-content">
|
|
Seriously, who does not like cookies.
|
|
</div>
|
|
<div class="alert-actions">
|
|
<button class="button">OK</button>
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
})
|
|
export class Alert {
|
|
constructor(
|
|
@NgElement() ngElement:NgElement
|
|
) {
|
|
this.domElement = ngElement.domElement
|
|
this.domElement.classList.add('pane')
|
|
this.domElement.classList.add('pane-overlay')
|
|
|
|
this.config = Alert.config.invoke(this)
|
|
}
|
|
}
|
|
|
|
new IonicComponent(Alert, {
|
|
bind: {}
|
|
})
|