49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
var NotificationComponent = Ember.Component.extend({
|
|
classNames: ['js-bb-notification'],
|
|
|
|
typeClass: Ember.computed(function () {
|
|
var classes = '',
|
|
message = this.get('message'),
|
|
type,
|
|
dismissible;
|
|
|
|
// Check to see if we're working with a DS.Model or a plain JS object
|
|
if (typeof message.toJSON === 'function') {
|
|
type = message.get('type');
|
|
dismissible = message.get('dismissible');
|
|
} else {
|
|
type = message.type;
|
|
dismissible = message.dismissible;
|
|
}
|
|
|
|
classes += 'notification-' + type;
|
|
|
|
if (type === 'success' && dismissible !== false) {
|
|
classes += ' notification-passive';
|
|
}
|
|
|
|
return classes;
|
|
}),
|
|
|
|
didInsertElement: function () {
|
|
var self = this;
|
|
|
|
self.$().on('animationend webkitAnimationEnd oanimationend MSAnimationEnd', function (event) {
|
|
if (event.originalEvent.animationName === 'fade-out') {
|
|
self.notifications.removeObject(self.get('message'));
|
|
}
|
|
});
|
|
},
|
|
|
|
actions: {
|
|
closeNotification: function () {
|
|
var self = this;
|
|
self.notifications.closeNotification(self.get('message'));
|
|
}
|
|
}
|
|
});
|
|
|
|
export default NotificationComponent;
|