'
time = '
'
@$el.append(toggle)
@$el.append(progress)
@$el.append(time)
setDuration: (@duration) ->
togglePlay: ->
@trigger('hud-play-click')
onPause: ->
@$('.toggle').addClass('paused')
onResume: ->
@$('.toggle').removeClass('paused')
updateTime: (time) ->
@$('.time').html(@formattedTime(time))
if @duration
progress = 100 * time / 1000 / @duration
@setProgress progress
setProgress: (percent) ->
@$('.gutter').width("#{percent}%")
formattedTime: (time) ->
secondsTotal = time / 1000
minutes = (secondsTotal / 60).toFixed(0)
seconds = (secondsTotal % 60).toFixed(0)
"#{@pad2(minutes)}:#{@pad2(seconds)}"
pad2: (number) ->
if number < 10
'0' + number
else
number