mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-29 15:12:58 +03:00
352c4af1d7
no issue - ran [es5-getter-ember-codemod](https://github.com/rondale-sc/es5-getter-ember-codemod) - [es5 getters RFC](https://github.com/emberjs/rfcs/blob/master/text/0281-es5-getters.md) - updates the majority of `object.get('property')` with `object.property` with exceptions: - `.get('nested.property')` - it's not possible to determine if this is relying on "safe" path chaining for when `nested` doesn't exist - `.get('config.x')` and `.get('settings.x')` - both our `config` and `settings` services are proxy objects which do not support es5 getters - this PR is not exhaustive, there are still a number of places where `.get('service.foo')` and similar could be replaced but it gets us a long way there in a quick and automated fashion
53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
import Component from '@ember/component';
|
|
import {computed} from '@ember/object';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
export default Component.extend({
|
|
notifications: service(),
|
|
|
|
tagName: 'article',
|
|
classNames: ['gh-notification', 'gh-notification-passive'],
|
|
classNameBindings: ['typeClass'],
|
|
|
|
message: null,
|
|
|
|
typeClass: computed('message.type', function () {
|
|
let type = this.get('message.type');
|
|
let classes = '';
|
|
let typeMapping;
|
|
|
|
typeMapping = {
|
|
success: 'green',
|
|
error: 'red',
|
|
warn: 'yellow'
|
|
};
|
|
|
|
if (typeMapping[type] !== undefined) {
|
|
classes += `gh-notification-${typeMapping[type]}`;
|
|
}
|
|
|
|
return classes;
|
|
}),
|
|
|
|
didInsertElement() {
|
|
this._super(...arguments);
|
|
|
|
this.$().on('animationend webkitAnimationEnd oanimationend MSAnimationEnd', (event) => {
|
|
if (event.originalEvent.animationName === 'fade-out') {
|
|
this.notifications.closeNotification(this.message);
|
|
}
|
|
});
|
|
},
|
|
|
|
willDestroyElement() {
|
|
this._super(...arguments);
|
|
this.$().off('animationend webkitAnimationEnd oanimationend MSAnimationEnd');
|
|
},
|
|
|
|
actions: {
|
|
closeNotification() {
|
|
this.notifications.closeNotification(this.message);
|
|
}
|
|
}
|
|
});
|