WHAT IS THIS A very simple way to organize page events so they are not scattered through the javascript code. Inspired by backbone.js views. WHY This way all the events your page listens are declared in one obvious place. HOW TO USE IT Create a View class that inherits from AbstractView. This class should define: - an ''event'' property, with al…

abstract_view.js.coffee

class @AbstractView
  constructor: ->
    console.log "I'm not meant to be instantitated"

  render: ->
    for event_selector of @events
      event_selector_array = event_selector.split(' ')
      event = event_selector_array.reverse().pop()
      selector = event_selector_array.reverse().join(' ')
      if selector == 'document'
        $selector = $(document)
      else if selector == 'window'
        $selector = $(window)
      else
        $selector = $(selector)

      callback = eval('this.' + @events[event_selector]).bind(@)
      $selector.on(event, callback)


$(document).ready ->
  view = new View
  view.render()