part1 for the bb-subset tutorial

bb-tut1.coffee

class Book extends Backbone.Model


class Books extends Backbone.Collection
  model: Book

# Here we can pass json objects to fill the collection
books = new Books()

bb-tut10.coffee

class List extends Backbone.View

  el: '#list'

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

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

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

  insert: (book) =>
    @$el.append(@itemTemplate(book.toJSON()))

bb-tut2.coffee

library = new Subset(source: books)

bb-tut3.html

<div id="dashboard">
  <input name="title" type="text" placeholder="Title"/>
  <input name="author" type="text" placeholder="Author"/>
  <input name="categories" type="text" placeholder="Category"/>
</div>

bb-tut4.coffee

class Dashboard extends Backbone.View

  el: '#dashboard'
  # More code ...

bb-tut5.coffee

dashboard = new Dashboard(model: library)

bb-tut6.coffee

el: '#dashboard' 

events:
  'keypress input[type=text]': 'filterOnEnter'  

filterOnEnter: (event) ->
  return if event.keyCode isnt 13
  $target = $(event.target)
  @addFilter($target.attr('name'), $target.val())
  @clean()

clean: ->
  @$('[type="text"]').val('')

bb-tut7.coffee

addFilter: (attribute, val)->
  @collection.add
    attribute: attribute
    operator: @operators[attribute] or '=='
    value: val.split(/[ ]*,[ ]*/)

operators:
  title: 'in'
  author: 'in'
  categories: 'any' 

bb-tut8.html

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

bb-tut9.html

<script id="item-template" type="template/underscore">
  <li class="item">
    <h4><u><%=title%></u> by <%=author%></h4>
    <h6 class="categories"><%=categories.join(', ')%></h6>
    <hr/>
  </li>
</script>