mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 12:21:36 +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
26 lines
947 B
JavaScript
26 lines
947 B
JavaScript
import Component from '@ember/component';
|
|
import ValidationStateMixin from 'ghost-admin/mixins/validation-state';
|
|
import {computed} from '@ember/object';
|
|
|
|
/**
|
|
* Handles the CSS necessary to show a specific property state. When passed a
|
|
* DS.Errors object and a property name, if the DS.Errors object has errors for
|
|
* the specified property, it will change the CSS to reflect the error state
|
|
* @param {DS.Errors} errors The DS.Errors object
|
|
* @param {string} property Name of the property
|
|
*/
|
|
export default Component.extend(ValidationStateMixin, {
|
|
classNameBindings: ['errorClass'],
|
|
|
|
errorClass: computed('property', 'hasError', 'hasValidated.[]', function () {
|
|
let hasValidated = this.hasValidated;
|
|
let property = this.property;
|
|
|
|
if (hasValidated && hasValidated.includes(property)) {
|
|
return this.hasError ? 'error' : 'success';
|
|
} else {
|
|
return '';
|
|
}
|
|
})
|
|
});
|