part2 fpr the bb-subset tutorial

bb-tut11.coffee

list = new List(
  collection: library.collection
)

bb-tut12.html

<ul id="list" class="unstyled"></ul>

<script id="criteria-template" type="template/underscore">
  <div id="filter-<%=cid%>" class="alert alert-success">
    <span><%=attribute%> is <%=value.join(' or ')%></span>
    <button class='close remove-filter' data-filter="<%=cid%>">&times;</button>
  </div>
</script>

bb-tut13.coffee

class Criterias extends Backbone.View

  el: '#criterias'

  itemTemplate: _($('#criteria-template').text()).template()

  events:
    'click .remove-filter': 'remove'

  initialize: ->
    @collection.on('all', @render)

  render: =>
    @$el.empty()
    @collection.each(@insert)

  insert: (filter) =>
    @$el.append(@itemTemplate(_.extend(filter.toJSON(), {cid: filter.cid})))

  remove: (event) ->
    filter = $(event.target).data('filter')
    @collection.remove(@collection.getByCid(filter))

bb-tut14.coffee

criterias = new Criterias(
  collection: library.filters
)