Ghost/ghost/admin/app/components/gh-alert.js
Kevin Ansfield f07940f0e7 Collapsed @service injection definitions to single-line style
no issue

- find+replace to make service injection style consistent and take up much less space at the top of files that used multi-line syntax
2022-02-01 17:03:54 +00:00

39 lines
978 B
JavaScript

import Component from '@ember/component';
import classic from 'ember-classic-decorator';
import {action, computed} from '@ember/object';
import {classNameBindings, classNames, tagName} from '@ember-decorators/component';
import {inject as service} from '@ember/service';
@classic
@classNameBindings('typeClass')
@classNames('gh-alert')
@tagName('article')
export default class GhAlert extends Component {
@service notifications;
@computed('message.type')
get typeClass() {
let type = this.get('message.type');
let classes = '';
let typeMapping;
typeMapping = {
success: 'green',
error: 'red',
warn: 'blue',
info: 'blue'
};
if (typeMapping[type] !== undefined) {
classes += `gh-alert-${typeMapping[type]}`;
}
return classes;
}
@action
closeNotification() {
this.notifications.closeNotification(this.message);
}
}