stevenocchipinti/pomodoro

jQuery ->

  Pomodoro.notifications.setup()

  Piecon.setOptions({
    color: '#ff0000',
    background: '#bbb',
    shadow: '#fff',
    fallback: false
  })

  progressBar = new ProgressBar.Circle('#countdown', {
    duration: 200,
    color: "#FF0000",
    trailColor: "#ddd"
  })

  # Setup a timer with actions to be performed on particular events
  timer = new Pomodoro.Timer
    onStart: ->
      $("#toggle").text "Stop"
      $("#minutes").prop "disabled", true
    onStop: ->
      $("#toggle").text "Start"
      $("#minutes").prop "disabled", false
    onUpdate: (status) ->
      $("#minutes").val(status.duration)
      progressBar.setText(status.timeLeft)
      progressBar.animate(1 - status.percentageLeft / 100, {duration: 1000})
      if status.percentageLeft == 0 or status.percentageLeft == 100
        Piecon.reset()
      else
        Piecon.setProgress(100 - status.percentageLeft)
      document.title = "[#{status.timeLeft}] #{Pomodoro.applicationName}"
    onComplete: ->
      Pomodoro.notifications.show("Pomodoro", "Pomodoro complete!")


  # Make the button notify the server of a start or stop event
  $("#toggle").click ->
    if $("#toggle").text() == "Start"
      $.post "/",
        session:
          name: Pomodoro.session.name,
          action: "start",
          duration: $("#minutes").val()
    else
      $.post "/",
        session:
          name: Pomodoro.session.name,
          action: "stop",


  # Subscribe to Server Sent Events
  es = new EventSource "/stream/#{Pomodoro.session.name}"
  es.onmessage = (event) ->
    message = JSON.parse event.data
    timer.setDuration(message.duration)
    timer.setSecondsLeft(message.time_left)
    if message.running then timer.start() else timer.stop()