Ghost/ghost/admin/app/components/gh-validation-status-container.js

import Ember from 'ember';
import ValidationStateMixin from 'ghost/mixins/validation-state';

/**
 * 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 Ember.Component.extend(ValidationStateMixin, {
    classNameBindings: ['errorClass'],

    errorClass: Ember.computed('hasError', function () {
        return this.get('hasError') ? 'error' : 'success';
    })
});