import Ember from 'ember';

export default Ember.Component.extend({
    tagName: 'span',
    classNames: ['label', 'label-sm'],
    classNameBindings: ['enabled:label-success:label-warning'],
    field: 'enabled',
    name: Ember.computed.alias('field'),
    didReceiveAttrs() {
        let me = this;
        me._super(...arguments);
        me.set('enabled', me.get(me.getFieldPath()));
        Ember.addObserver(me, me.getFieldPath(), function() {
            me.set('enabled', me.get(me.getFieldPath()));
        });
    },
    enabledText: '启用',
    disabledText: '禁用',
    getFieldPath() {
        let me = this;
        return 'model.' + (me.get('field') || 'enabled');
    },
});