[Librefm-commits] [1241] Add skip forward/backward buttons to the javascript player

[Michael Sheldon]

Revision: 1241
          http://svn.sv.gnu.org/viewvc/?view=rev&root=librefm&revision=1241
Author:   elleo
Date:     2009-05-06 20:26:59 +0000 (Wed, 06 May 2009)
Log Message:
-----------
Add skip forward/backward buttons to the javascript player

Modified Paths:
--------------
    trunk/nixtape/js/player.js
    trunk/nixtape/themes/librefm/templates/player.tpl

Modified: trunk/nixtape/js/player.js
===================================================================
--- trunk/nixtape/js/player.js  2009-05-06 20:02:11 UTC (rev 1240)
+++ trunk/nixtape/js/player.js  2009-05-06 20:26:59 UTC (rev 1241)
@@ -206,6 +206,18 @@
                getRadioPlaylist();
        }
 
+       if(current_song > 0) {
+               $("#skipback").fadeTo("normal", 1.0);
+       } else {
+               $("#skipback").fadeTo("normal", 0.5);
+       }
+
+       if(current_song < playlist.length - 1) {
+               $("#skipforward").fadeTo("normal", 1.0);
+       } else {
+               $("#skipforward").fadeTo("normal", 0.5);
+       }
+
        $("#trackinfo > #artistname").text(artist);
        $("#trackinfo > #trackname").text(track);
 }
@@ -234,6 +246,14 @@
                }, "text");
 }
 
+function skipBack() {
+       playSong(current_song - 1);
+}
+
+function skipForward() {
+       playSong(current_song + 1);
+}
+
 function friendlyTime(timestamp) {
        mins = Math.floor(timestamp / 60);
        sec = String(Math.floor(timestamp % 60));

Modified: trunk/nixtape/themes/librefm/templates/player.tpl
===================================================================
--- trunk/nixtape/themes/librefm/templates/player.tpl   2009-05-06 20:02:11 UTC 
(rev 1240)
+++ trunk/nixtape/themes/librefm/templates/player.tpl   2009-05-06 20:26:59 UTC 
(rev 1241)
@@ -22,10 +22,12 @@
                </div>
                <span id="scrobbled">Scrobbled</span>
                <div id="buttons">
+                       <a href="#" onclick="skipBack()" id="skipback"><img 
src="{$base_url}/themes/librefm/images/player/skip-backward.png" alt= "Skip 
Backwards" /></a>
                        <a href="#" onclick="seekBack()" id="seekback"><img 
src="{$base_url}/themes/librefm/images/player/seek-backward.png" alt="Seek 
Backwards" /></a>
                        <a href="#" onclick="play()" id="play"><img 
src="{$base_url}/themes/librefm/images/player/play.png" alt="Play" /></a>
                        <a href="#" onclick="pause()" id="pause"><img 
src="{$base_url}/themes/librefm/images/player/pause.png" alt="Pause" /></a>
                        <a href="#" onclick="seekForward()" 
id="seekforward"><img 
src="{$base_url}/themes/librefm/images/player/seek-forward.png" alt="Seek 
Forwards" /></a>
+                       <a href="#" onclick="skipForward()" 
id="skipforward"><img 
src="{$base_url}/themes/librefm/images/player/skip-forward.png" alt="Skip 
Forwards" /></a>
                </div>
        </div>
 </div>