9fd87f565d
no issue - moved logic from `<GhValidationStatusContainer>` to a new `validation-status` modifier - removes a usage of the `ValidationState` mixin - migrated uses of the component to a mixin - paves the way for full removal of the `ValidationState` mixin in later refactors (mixins are deprecated) - migrated `<GhFormGroup>` to a glimmer component - swapped the extend of `GhValidationStatusContainer` to usage of the `validation-status` modifier with a template-only component - updated all `<GhFormGroup>` to use the standard `class=""` instead of `@classNames=""` and `@class=""` - allows `data-test-*` attributes to be added to uses of `<FormGroup>` to help when complex components are grouped as a form input
53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
import Mixin from '@ember/object/mixin';
|
|
import {A as emberA} from '@ember/array';
|
|
import {isEmpty} from '@ember/utils';
|
|
// eslint-disable-next-line ghost/ember/no-observers
|
|
import {observer} from '@ember/object';
|
|
import {on} from '@ember/object/evented';
|
|
import {run} from '@ember/runloop';
|
|
|
|
/**
|
|
* Adds `success` or `error` classes to the element based on the passed
|
|
* in `DS.Errors` object, the `property` to inspect, and an array of
|
|
* validated property names in `hasValidated`
|
|
*/
|
|
export default Mixin.create({
|
|
|
|
errors: null,
|
|
property: '',
|
|
hasValidated: emberA(),
|
|
|
|
hasError: false,
|
|
|
|
setHasError() {
|
|
let property = this.property;
|
|
let errors = this.errors;
|
|
let hasValidated = this.hasValidated;
|
|
|
|
// if we aren't looking at a specific property we always want an error class
|
|
if (!property && errors && !errors.get('isEmpty')) {
|
|
this.set('hasError', true);
|
|
return;
|
|
}
|
|
|
|
// If we haven't yet validated this field, there is no validation class needed
|
|
if (!hasValidated || !hasValidated.includes(property)) {
|
|
this.set('hasError', false);
|
|
return;
|
|
}
|
|
|
|
if (errors && !isEmpty(errors.errorsFor(property))) {
|
|
this.set('hasError', true);
|
|
return;
|
|
}
|
|
|
|
this.set('hasError', false);
|
|
},
|
|
|
|
// eslint-disable-next-line ghost/ember/no-observers
|
|
hasErrorObserver: on('init', observer('errors.[]', 'property', 'hasValidated.[]', function () {
|
|
run.once(this, 'setHasError');
|
|
}))
|
|
|
|
});
|