open-vault/ui/stories/alert-popup.stories.js

31 lines
779 B
JavaScript

import hbs from 'htmlbars-inline-precompile';
import { storiesOf } from '@storybook/ember';
import notes from './alert-popup.md';
import { MESSAGE_TYPES } from '../lib/core/addon/helpers/message-types.js';
storiesOf('Alerts/AlertPopup', module)
.addParameters({ options: { showPanel: false } })
.add(
`AlertPopup`,
() => ({
template: hbs`
{{#each types as |type|}}
<h5 class="title is-5">{{humanize type}}</h5>
<AlertPopup
@type={{message-types type}}
@message={{message}}
@close={{close}}/>
{{/each}}
`,
context: {
close: () => {
console.log('closing!');
},
types: Object.keys(MESSAGE_TYPES),
message: 'Hello!',
},
}),
{ notes }
);