The player is playing!

app/assets/javascripts/backbone/autocomplete.js.coffee

@@ -1,10 +1,10 @@
 $ ->
   $(".navbar-search input").focus ->
     $(this).animate(width: 249)
-    $(".player").animate(width: 408)
+    $(".player").animate(width: 368)
   $(".navbar-search input").blur ->
     $(this).animate(width: 99)
-    $(".player").animate(width: 558)
+    $(".player").animate(width: 518)
 
   window.desired = $(".navbar-search input").autocomplete
     serviceUrl: "/api/search/complete"

app/assets/javascripts/backbone/beat_haven.js.coffee

@@ -9,24 +9,32 @@ window.BeatHaven =
   Collections: {}
   Routers: {}
   Views: {}
-  player: null
+
+  Player: null
+  User: null
 
   init: ->
     new BeatHaven.Routers.Artist()
     new BeatHaven.Routers.Album()
     new BeatHaven.Routers.Search()
-    @player = new BeatHaven.Models.Player()
+    @Player = new BeatHaven.Models.Player()
+    @User = new BeatHaven.Models.User()
+    @VK = new BeatHaven.Models.VK()
+
+    @VK.init()
 
     Backbone.history.start(pushState: true);
     $("a").live "click", (e) ->
       if $(this).attr("href").substr(0, 1) == "/"
         e.preventDefault()
         Backbone.history.navigate($(this).attr("href"), true)
-        return false
-      else
-        alert "Window close attempt!"
-        return false
-      true
+      false
+
+  log: (data) ->
+    console.log data
 
 $ ->
   BeatHaven.init()
+
+# Setup shortcut
+window.BH = window.BeatHaven

app/assets/javascripts/backbone/models/player.js.coffee

@@ -2,10 +2,63 @@ class BeatHaven.Models.Player extends Backbone.Model
   playlist_on: false
   playlist: null
   tracks: null
+  current_track: null
 
   initialize: ->
     @playlist = new BeatHaven.Collections.Tracklist()
     @tracks = new BeatHaven.Collections.Tracklist()
 
+  play: (track) ->
+    unless track?
+      if @current_track?
+        @current_track.get("sm_obj").resume()
+      else
+        this.play_something()
+    else
+      if @current_track?
+        @current_track.get("sm_obj").stop()
+        $(".player .progress-bar .bar").css(width: 0)
+      @current_track = track
+      @current_track.get("sm_obj").play()
+      $(".player .controls .play").css(display: "none")
+      $(".player .controls .pause").css(display: "inline-block")
+
+  pause: ->
+    return false unless @current_track?
+    @current_track.get("sm_obj").pause()
+    $(".player .controls .play").css(display: "inline-block")
+    $(".player .controls .pause").css(display: "none")
+
+  next: ->
+    return false unless @current_track?
+    if @playlist_on
+      # not implemented
+    else
+      nodes = @current_track.node().next()
+      return false unless nodes.length == 1
+      @tracks.get(parseInt($(nodes[0]).data("id"), 10)).play()
+
+  prev: ->
+    return false unless @current_track?
+    if @playlist_on
+      # not implemented
+    else
+      nodes = @current_track.node().prev()
+      return false unless nodes.length == 1
+      @tracks.get(parseInt($(nodes[0]).data("id"), 10)).play()
+
+  play_something: ->
+    nodes = $(".artist-page .tracks li[data-id]")
+    return false unless nodes.length > 0
+    @tracks.get(parseInt($(nodes[0]).data("id"), 10)).play()
+
   update_title: (params) ->
     $(".player .progress-bar .title").html("#{params.artists.join(', ')} — #{params.track}")
+
+  update_buffer_bar: (event) ->
+    false
+
+  update_progress_bar: (obj) ->
+    percent = obj.position / obj.duration * 100
+    $(".player .progress-bar .bar").css(width: "#{percent}%")
+

app/assets/javascripts/backbone/models/track.js.coffee

@@ -1,7 +1,43 @@
 class BeatHaven.Models.Track extends Backbone.Model
 
   play: ->
-    BeatHaven.player.update_title(
+    if @.get("sm_obj")?
+      this.start()
+    else
+      this.find_and_start()
+
+  start: ->
+    BH.Player.update_title(
       artists: @.get("artists")
       track: @.get("title")
     )
+    unless @.get("sm_obj")?
+      this.add_to_library(autoload: true, autoplay: false)
+    BH.Player.play(this)
+    $(".artist-page .tracks li[data-id]").removeClass("now-playing")
+    this.node().addClass("now-playing")
+
+  find_and_start: ->
+    self = this
+    BH.VK.Music.search @.get("artists")[0], @.get("title"), @.get("length"), (url) ->
+      self.set(url: url)
+      self.start()
+
+  add_to_library: (params) ->
+    obj = soundManager.createSound
+      id: @.get("id")
+      url: @.get("url")
+      autoLoad: params.autoload
+      autoPlay: params.autoplay
+      whileloading: ->
+        BH.Player.update_buffer_bar(this)
+      whileplaying: ->
+        BH.Player.update_progress_bar(this)
+      onfinish: ->
+        BH.Player.next()
+      ondataerror: ->
+        BH.Player.next()
+    @.set("sm_obj", obj)
+
+  node: ->
+    $(".artist-page .tracks li[data-id='#{@.get("id")}']")

app/assets/javascripts/backbone/models/user.js.coffee

@@ -0,0 +1,27 @@
+class BeatHaven.Models.User extends Backbone.Model
+
+  auth: ->
+    BH.log "Authenticating user ..."
+    this.query "/api/session/auth", {}, (response) ->
+      if response.error?
+        # report error
+      else
+        BH.User.set(JSON.parse(response.user))
+        if response.is_newbie
+          BH.log "Requesting user tracks from Vkontakte ..."
+          # BH.VK.set_favorites()
+
+  query: (path, params, callback) ->
+    query_params = $.extend {}, @.get("vk_session"), params
+    query_params.authenticity_token = $('meta[name="csrf-token"]').attr("content")
+    $.post path, query_params, callback
+    false
+
+  set_favorites: (tracks) ->
+    BH.log tracks
+    BH.log "Sending your Vkontakte media collection to BeatHaven ..."
+    this.query "/user/set_first_favorites", tracks: tracks, (response) ->
+      if response.error?
+        BH.log "Got error: #{response.error}"
+      else
+        BH.log "We believe your favorite artists are #{response.join(', ')}"

app/assets/javascripts/backbone/models/vk.js.coffee

@@ -0,0 +1,43 @@
+class BeatHaven.Models.VK extends Backbone.Model
+
+  session_length: 3600 # seconds
+  Music: null
+
+  popup: ->
+    alert(1)
+
+  init: ->
+    @Music = new VkMusic()
+    BH.log "Initializing Vkontakte API ..."
+    window.VK.init(apiId: VK_APP_ID)
+    BH.VK.auth()
+    # VK.Widgets.Like("vk-like", {type: "mini", height: 20, pageUrl: "http://beathaven.org/", text: "Like"})
+
+  auth: ->
+    BH.log "Requesting new Vkontakte session ..."
+    window.VK.Auth.getLoginStatus (response) ->
+      BH.VK.auth_info(response)
+      false
+    , 8
+    false
+
+  auth_info: (response) ->
+    if typeof response isnt "undefined" and response.session?
+      BH.User.set(vk_session: response.session)
+      BH.User.auth()
+
+      if response.session.expire?
+        expire_in = response.session.expire * 1000 - new Date().getTime()
+        # time is an illusion...
+        expire_in = @session_length * 1000
+        BH.log "Session will expire in #{Math.round(expire_in / 1000)} seconds"
+        setTimeout ->
+          BH.log "Session expired"
+          BH.VK.auth()
+        , expire_in + 1000
+    else
+      BH.log "Not authorized"
+
+  set_favorites: ->
+    window.VK.Api.call "audio.get", uid: BH.User.vk_id(), (response) ->
+      BH.User.set_favorites(response.response)

app/assets/javascripts/backbone/templates/album/show.mustache

@@ -10,6 +10,7 @@
     {{#album_tracks}}
       <li data-id="{{track_id}}">
         <a href="" class="btn btn-round track-play"><i class="icon-play"></i></a>
+        <a href="" class="btn btn-round track-pause"><i class="icon-pause"></i></a>
         <div class="title">
           <div class="inner">
             <a href="{{track_url}}" class="track-link">{{track_title}}</a>

app/assets/javascripts/backbone/templates/artist/show.mustache

@@ -23,6 +23,7 @@
       {{#album_tracks}}
         <li data-id="{{track_id}}">
           <a href="" class="btn btn-round track-play"><i class="icon-play"></i></a>
+          <a href="" class="btn btn-round track-pause"><i class="icon-pause"></i></a>
           <div class="title">
             <div class="inner">
               <a href="{{track_url}}" class="track-link">{{track_title}}</a>

app/assets/javascripts/backbone/views/album/album_show.js.coffee

@@ -8,6 +8,6 @@ class BeatHaven.Views.AlbumShow extends Backbone.View
     if typeof @model.get("album_tracks") != "undefined"
       for track_info in @model.get("album_tracks")
         track = new BeatHaven.Models.Track(track_info.meta)
-        BeatHaven.player.tracks.push(track)
+        BeatHaven.Player.tracks.push(track)
       $(@el).html(@template.render(@model.toJSON()))
     this

app/assets/javascripts/backbone/views/artist/artist_show.js.coffee

@@ -9,6 +9,6 @@ class BeatHaven.Views.ArtistShow extends Backbone.View
       for album_info in @model.get("artist_albums")
         for track_info in album_info.album_tracks
           track = new BeatHaven.Models.Track(track_info.meta)
-          BeatHaven.player.tracks.push(track)
+          BeatHaven.Player.tracks.push(track)
       $(@el).html(@template.render(@model.toJSON()))
     this