|
1 {** |
|
2 * Template file for default Funky Monkey theme |
|
3 * Web control interface script for Amarok |
|
4 * Written by Dan Fuhry - 2008 |
|
5 * |
|
6 * This script is in the public domain. Use it for good, not evil. |
|
7 *} |
|
8 |
|
9 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
|
10 <html> |
|
11 <head> |
|
12 <title>AmaroK playlist</title> |
|
13 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|
14 <!-- iPhone viewport hack from jailbreakme.com --> |
|
15 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
|
16 <link rel="stylesheet" type="text/css" href="/themes/{$theme|escape}/style.css" /> |
|
17 <link rel="favorite icon" type="image/ico" href="/favicon.ico" /> |
|
18 <script type="text/javascript"> |
|
19 var img_play = '/themes/{$theme|escape}/images/play.png'; |
|
20 var img_pause = '/themes/{$theme|escape}/images/pause.png'; |
|
21 var img_ajax = '/themes/{$theme|escape}/images/ajax.gif'; |
|
22 var class_current = 'current'; |
|
23 var allow_control = {if $allow_control}true{else}false{/if}; |
|
24 </script> |
|
25 {foreach from=$scripts item=script} |
|
26 <script type="text/javascript" src="/scripts/{$script}"></script> |
|
27 {/foreach} |
|
28 <script type="text/javascript" src="/themes/{$theme|escape}/scrollfix.js"></script> |
|
29 </head> |
|
30 <body> |
|
31 <div id="playbar"> |
|
32 <div class="playbar-inner"> |
|
33 <img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" /> |
|
34 {if $allow_control} |
|
35 <a href="#action:prev" onclick="player_action('prev'); return false;"><img alt="« PrevTrk" src="/themes/{$theme|escape}/images/prev.png" style="position: relative; top: -8px;" /></a> |
|
36 <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a> |
|
37 <a href="#action:next" onclick="player_action('next'); return false;"><img alt="NextTrk »" src="/themes/{$theme|escape}/images/next.png" style="position: relative; top: -8px;" /></a> |
|
38 <br /> |
|
39 {/if} |
|
40 <span id="playmeter">--:--/--:--</span><br /> |
|
41 {if $allow_control} |
|
42 <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" /> |
|
43 <span id="volume_wrap"><a |
|
44 class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><a |
|
45 class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); return false;"> </a><a |
|
46 class="volume_button" href="#volume:20" onmouseover="volume_over(20);" onmouseout="volume_out();" id="volbtn_20" onclick="set_volume(20); return false;"> </a><a |
|
47 class="volume_button" href="#volume:30" onmouseover="volume_over(30);" onmouseout="volume_out();" id="volbtn_30" onclick="set_volume(30); return false;"> </a><a |
|
48 class="volume_button" href="#volume:40" onmouseover="volume_over(40);" onmouseout="volume_out();" id="volbtn_40" onclick="set_volume(40); return false;"> </a><a |
|
49 class="volume_button" href="#volume:50" onmouseover="volume_over(50);" onmouseout="volume_out();" id="volbtn_50" onclick="set_volume(50); return false;"> </a><a |
|
50 class="volume_button" href="#volume:60" onmouseover="volume_over(60);" onmouseout="volume_out();" id="volbtn_60" onclick="set_volume(60); return false;"> </a><a |
|
51 class="volume_button" href="#volume:70" onmouseover="volume_over(70);" onmouseout="volume_out();" id="volbtn_70" onclick="set_volume(70); return false;"> </a><a |
|
52 class="volume_button" href="#volume:80" onmouseover="volume_over(80);" onmouseout="volume_out();" id="volbtn_80" onclick="set_volume(80); return false;"> </a><a |
|
53 class="volume_button" href="#volume:90" onmouseover="volume_over(90);" onmouseout="volume_out();" id="volbtn_90" onclick="set_volume(90); return false;"> </a><a |
|
54 class="volume_button" href="#volume:100" onmouseover="volume_over(100);" onmouseout="volume_out();" id="volbtn_100" onclick="set_volume(100); return false;"> </a> |
|
55 </span> |
|
56 {/if} |
|
57 </div> |
|
58 </div> |
|
59 <div class="tblholder" id="playlist"> |
|
60 <table border="0" cellspacing="1" cellpadding="4"> |
|
61 <tr> |
|
62 <th>Track</th> |
|
63 </tr> |
|
64 {foreach key=tid item=track from=$playlist} |
|
65 {strip} |
|
66 <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}"> |
|
67 <td> |
|
68 <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;"> |
|
69 {$track.title|escape} |
|
70 </a> |
|
71 </td> |
|
72 </tr> |
|
73 {/strip} |
|
74 {/foreach} |
|
75 </table> |
|
76 </div> |
|
77 <div id="footer"> |
|
78 <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br /> |
|
79 </div> |
|
80 <script type="text/javascript"> |
|
81 fix_scroll(); |
|
82 </script> |
|
83 </body> |
|
84 </html> |
|
85 |