dagda1

class BusinessUnitsView extends MIBaseView
  events:
    'click #generate': "generate"

  generate: (e) =>    
    e.preventDefault()

    identifiers = _.map( $('input:checked'), (check) -> 
                    {Uid: $(check).val(), Title: $(check).parents("tr:eq(0)").find("label").html()}
                  )

dagda1

class App
  init: ->
    vent = _.extend({}, Backbone.Events)
    businessUnitsView = new BusinessUnitsView({vent: vent, el: $('#businessUnits')})   
    managementView = new ManagementReportView({vent: vent, el: $('#managementReport')}) 

dagda1

class BusinessUnitsView extends MIBaseView
  initialize: (options) ->
    @vent = options.vent
    options.vent.bind('showBusinessUnits', @showBusinessUnits)

  events:
    'click #generate': "generate"

  generate: (e) =>    
    e.preventDefault()

dagda1

class ManagementReportView extends MIBaseView
  initialize: (options) ->    
    options.vent.bind("reportbusinessunitview:unload", @onClose)
    options.vent.bind("reportbusinessunitview:load", @load)
    @vent = options.vent    

  load: (businessUnits) =>
    @collection = businessUnits
    @collection.bind 'reset', @render
    @collection.fetch()

dagda1

class BusinessUnit extends Backbone.Model

class BusinessUnits extends Backbone.Collection
  model: BusinessUnit

  url: ->
    "#{_getBusinessUnitScores}#{@getUids()}"

  getUids: ->
    @pluck("Uid").join(',')

dagda1

class ReportBusinessUnitView extends MIBaseView
  initialize: (options) ->
    @vent = options.vent
    @template = _.template($('#businessunit_template').html())

  events:
    "click .individualBu": "showBusinessUnitDetail"

  showBusinessUnitDetail: (e) =>
    e.preventDefault()    

dagda1

<script type="text/template" id="businessunit_template">
  <tr data-uid="{{Uid}}">
    <td class="first"><span>{{Name}}</span></td>
    <td class="{{StatusClass}} tac">{{OverallScore}}%</td>
    <td>
        <a class="impactanalysis individualBu" href="#"> </a>
    </td>
  </tr>
</script>

dagda1

class BaseView
  constructor: (options) ->
    @bindings = []
    Backbone.View.apply(@, [options])

  _.extend(BaseView.prototype, Backbone.View.prototype, {
    bindTo: (model, ev, callback) ->
      model.bind(ev, callback, @)
      @bindings.push({model: model, ev: ev, callback: callback})

dagda1

class BaseView
  constructor: (options) ->
    Backbone.View.apply(@, [options])

  _.extend(BaseView.prototype, Backbone.View.prototype, {

    renderView: (el, func, view) ->
      $.fn[func].call(el, view.render().el)
      @views ||= []
      @views.push view

dagda1

    unbindFromAll: ->
      _.each(@bindings, (binding) ->
        binding.model.unbind(binding.ev, binding.callback)
      )

      @bindings = []    

    dispose: () ->
      @disposeViews()
      @unbindFromAll()