add a "skip" button (Next)

server/djrandom/frontend/static/js/djr/backend.js

@@ -224,6 +224,17 @@ djr.Backend.prototype.nowPlaying = function(song, old_songs) {
           });
 };
 
+/**
+ * Report that we skipped a song.
+ *
+ * @param {string} song SHA1 hash of the song that was skipped
+djr.Backend.prototype.skipSong = function(song) {
+  $.ajax({url: '/json/skip',
+          data: {'cur': song},
+          type: 'POST'
+          });
+};
+
 /**
   * Request N never played songs
   *

server/djrandom/frontend/static/js/djr/djr.js

@@ -43,6 +43,9 @@ djr.init = function (userid) {
   });
 
   // Add onclick hooks to the playlist controls.
+  $('#skipbtn').click(function() {
+    djr.player().skipSong();
+  });
   $('#playlistClearBtn').click(function() {
     djr.player().clearPlaylist();
   });

server/djrandom/frontend/static/js/djr/player.js

@@ -351,6 +351,12 @@ djr.Player.prototype.play = function(song) {
   this.backend.nowPlaying(song, this.old_songs);
 };
 
+// Skip the current song, play the next one.
+djr.Player.prototype.skipSong = function() {
+  this.backend.skipSong(this.cur_song);
+  this.nextSong();
+};
+
 // Start playing the next song.
 djr.Player.prototype.nextSong = function() {
   if (this.auto_extend && this.playlist.isLastSong(this.cur_song)) {

server/djrandom/frontend/templates/index.html

@@ -108,7 +108,8 @@ $(document).ready(function() {
 
         <div id="metasongcontrols" class="buttonbox">
           <br/>
-          <a id="pllistbtn">Playlists</a>
+          <a id="skipbtn"><b>Next</b></a>
+          | <a id="pllistbtn">Playlists</a>
           | <a id="lyricsbtn">Lyrics</a>
           | <a id="wikibtn">Wikipedia</a>
           | <a id="lastfmbtn">Song Info</a>