mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-13 22:41:32 -05:00
d0c151be70
closes #5336 - creates gh-form-group component to handle form group status - refactors current validation methods to work on a per-property basis - adds gh-error-message component to render error message - removes (comments out) tests that pertain to the old notifications until the new inline validation is added
34 lines
1 KiB
JavaScript
34 lines
1 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
/**
|
|
* 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 Ember.Component.extend({
|
|
tagName: 'p',
|
|
classNames: ['response'],
|
|
|
|
errors: null,
|
|
property: '',
|
|
|
|
isVisible: Ember.computed.notEmpty('errors'),
|
|
|
|
message: Ember.computed('errors.[]', 'property', function () {
|
|
var property = this.get('property'),
|
|
errors = this.get('errors'),
|
|
messages = [],
|
|
index;
|
|
|
|
if (!Ember.isEmpty(errors) && errors.get(property)) {
|
|
errors.get(property).forEach(function (error) {
|
|
messages.push(error);
|
|
});
|
|
index = Math.floor(Math.random() * messages.length);
|
|
return messages[index].message;
|
|
}
|
|
})
|
|
});
|