CommunicationLineView for morse code demo

gistfile1.coffee

class CommunicationLineView extends Backbone.View
   initialize: ->
      @model.bind('hasNewData', @render)
      
   render: (tokens) =>
      context = document.getElementById(
       "communicationLineCanvas").getContext('2d')

      context.clearRect(0, 0, context.canvas.width, 29)
      tokenNum = 0
      for token in tokens
         do (token) ->
            if kDotToken == token
               context.beginPath()
               context.moveTo((50 * tokenNum) + 15, 15)

               context.arc((50 * tokenNum) + 15, 15, 10, 
                0, Math.PI*2, false)

               context.closePath()
               context.fill()
               context.stroke()
            else if kDashToken == token
               context.fillRect((50 * tokenNum) + 15, 
                15, 25, 10)
            else if kWordStopToken == token
               context.fillRect((50 * tokenNum) + 30, 
                5, 10, 20)
            tokenNum += 1