gistfile1.coffee

# <mng-switcher type="checkbox" ng-model="account.is_individual" />

app.directive('mngSwitcher', [() ->
  new class mngSwitcher

    restrict: 'EA'
    scope: {
      ngModel: '='
    }

    template: '
      <div ng-class="{checked: ngModel == true}" class="switcher checked">
        <div class="switcher-toggler"></div>
        <div class="switcher-inner">
          <div ng-click="toggle()" class="switcher-state-on">ON</div>
          <div ng-click="toggle()" class="switcher-state-off">OFF</div>
        </div>
      </div>
    '

    link: ($scope, element, attr) ->
      $scope.toggle = () ->
        if $scope.ngModel == true
          $scope.ngModel = false
        else
          $scope.ngModel = true

])