component bs-switch

component.hbs

{{yield}}

component.js

import Ember from 'ember';

export default Ember.Component.extend({

    classNames: ['btn'],

    classNameBindings: ['classNameSwitch'],

    classNameSwitch: Ember.computed('switch', function() {

        return this.get('switch')? this.get('switchOn'): this.get('switchOff');
    }),

    switchOff: 'text-danger',

    switchOn: 'text-success',

    switch: null,

    click(event) {
        this.get('action')();
    }
});

rota.hbs

{{#bs-btn-switch switch=usuario.ativo action=(action "ativacaoUsuario" usuario) }}
    {{#if usuario.ativo}}
        <span class="glyphicon glyphicon-check"></span>
        {{else}}
        <span class="glyphicon glyphicon-unchecked"></span>
    {{/if}}
{{/bs-btn-switch}}