a2bb7c95f2
no issue - update dependency `eslint-plugin-ghost` to v0.3.0 - includes new rules from `eslint-plugin-ember` 6.3.0-6.7.0 - fixed linting failures for new rules
40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
import Component from '@ember/component';
|
|
import {computed} from '@ember/object';
|
|
import {isEmpty} from '@ember/utils';
|
|
import {notEmpty} from '@ember/object/computed';
|
|
|
|
/**
|
|
* Renders one random error message when passed a DS.Errors object
|
|
* and a property name. The message will be one of the ones associated with
|
|
* that specific property. If there are no errors associated with the property,
|
|
* nothing will be rendered.
|
|
* @param {DS.Errors} errors The DS.Errors object
|
|
* @param {string} property The property name
|
|
*/
|
|
export default Component.extend({
|
|
tagName: 'p',
|
|
classNames: ['response'],
|
|
|
|
errors: null,
|
|
property: '',
|
|
|
|
isVisible: notEmpty('errors'),
|
|
|
|
message: computed('errors.[]', 'property', function () {
|
|
let property = this.property;
|
|
let errors = this.errors;
|
|
let messages = [];
|
|
let index;
|
|
|
|
if (!isEmpty(errors) && errors.get(property)) {
|
|
errors.get(property).forEach((error) => {
|
|
messages.push(error);
|
|
});
|
|
index = Math.floor(Math.random() * messages.length);
|
|
return messages[index].message;
|
|
}
|
|
|
|
return '';
|
|
})
|
|
});
|