mirror of
https://github.com/TryGhost/Ghost-Admin.git
synced 2023-12-14 02:33:04 +01:00
7eefbba69f
no issue
- adds `eslint-plugin-sort-imports-es6-autofix` dependency
- implements ESLint's base `sort-imports` rule but has a distinction in that `import {foo} from 'bar';` is considered `multiple` rather than `single`
- fixes ESLint's autofix behaviour so `eslint --fix` will actually fix the sort order
- updates all unordered import rules by using `eslint --fix`
With the increased number of `import` statements since Ember+ecosystem started moving towards es6 modules I've found it frustrating at times trying to search through randomly ordered import statements. Recently I've been sorting imports manually when I've added new code or touched old code so I thought I'd add an ESLint rule to codify it.
25 lines
966 B
JavaScript
25 lines
966 B
JavaScript
import Component from 'ember-component';
|
|
import ValidationStateMixin from 'ghost-admin/mixins/validation-state';
|
|
import computed from 'ember-computed';
|
|
|
|
/**
|
|
* 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.get('hasValidated');
|
|
let property = this.get('property');
|
|
|
|
if (hasValidated && hasValidated.includes(property)) {
|
|
return this.get('hasError') ? 'error' : 'success';
|
|
} else {
|
|
return '';
|
|
}
|
|
})
|
|
});
|