10 <html> |
10 <html> |
11 <head> |
11 <head> |
12 <title>AmaroK playlist</title> |
12 <title>AmaroK playlist</title> |
13 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
13 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
14 <link rel="stylesheet" type="text/css" href="/themes/{$theme|escape}/style.css" /> |
14 <link rel="stylesheet" type="text/css" href="/themes/{$theme|escape}/style.css" /> |
|
15 <link rel="favorite icon" type="image/ico" href="/favicon.ico" /> |
15 <script type="text/javascript"> |
16 <script type="text/javascript"> |
16 var img_play = '/themes/{$theme|escape}/images/play.png'; |
17 var img_play = '/themes/{$theme|escape}/images/play.png'; |
17 var img_pause = '/themes/{$theme|escape}/images/pause.png'; |
18 var img_pause = '/themes/{$theme|escape}/images/pause.png'; |
18 var img_ajax = '/themes/{$theme|escape}/images/ajax.gif'; |
19 var img_ajax = '/themes/{$theme|escape}/images/ajax.gif'; |
19 var class_current = 'current'; |
20 var class_current = 'current'; |
|
21 var allow_control = {if $allow_control}true{else}false{/if}; |
20 </script> |
22 </script> |
21 {foreach from=$scripts item=script} |
23 {foreach from=$scripts item=script} |
22 <script type="text/javascript" src="/scripts/{$script}"></script> |
24 <script type="text/javascript" src="/scripts/{$script}"></script> |
23 {/foreach} |
25 {/foreach} |
24 </head> |
26 </head> |
25 <body> |
27 <body> |
26 <div id="playbar"> |
28 <div id="playbar"> |
27 <div class="playbar-inner"> |
29 <div class="playbar-inner"> |
28 <img alt=" " id="ajax_status" style="display: block; float: right; margin: 3px 0;" src="about:blank" /> |
30 <img alt=" " id="ajax_status" style="display: none; float: right; margin: 3px 0;" src="about:blank" /> |
29 <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" style="margin-right: 20px;" /> |
31 <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" style="margin-right: 20px;" /> |
|
32 {if $allow_control} |
30 <a href="#action:prev" onclick="player_action('prev'); return false;"><img alt="« PrevTrk" src="/themes/{$theme|escape}/images/prev.png" /></a> |
33 <a href="#action:prev" onclick="player_action('prev'); return false;"><img alt="« PrevTrk" src="/themes/{$theme|escape}/images/prev.png" /></a> |
31 <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a> |
34 <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a> |
32 <a href="#action:stop" onclick="player_action('stop'); return false;"><img alt="Stop" src="/themes/{$theme|escape}/images/stop.png" /></a> |
35 <a href="#action:stop" onclick="player_action('stop'); return false;"><img alt="Stop" src="/themes/{$theme|escape}/images/stop.png" /></a> |
33 <a href="#action:next" onclick="player_action('next'); return false;"><img alt="NextTrk »" src="/themes/{$theme|escape}/images/next.png" /></a> |
36 <a href="#action:next" onclick="player_action('next'); return false;"><img alt="NextTrk »" src="/themes/{$theme|escape}/images/next.png" /></a> |
|
37 {/if} |
34 <span style="margin-right: 50px;"> </span> |
38 <span style="margin-right: 50px;"> </span> |
35 <span id="playmeter">--:--/--:--</span> |
39 <span id="playmeter">--:--/--:--</span> |
|
40 {if $allow_control} |
36 <span style="margin-right: 50px;"> </span> |
41 <span style="margin-right: 50px;"> </span> |
37 <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" /> |
42 <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" /> |
38 <span id="volume_wrap"><a |
43 <span id="volume_wrap"><a |
39 class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><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 |
40 class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); 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:70" onmouseover="volume_over(70);" onmouseout="volume_out();" id="volbtn_70" onclick="set_volume(70); 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 |
47 class="volume_button" href="#volume:80" onmouseover="volume_over(80);" onmouseout="volume_out();" id="volbtn_80" onclick="set_volume(80); 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 |
48 class="volume_button" href="#volume:90" onmouseover="volume_over(90);" onmouseout="volume_out();" id="volbtn_90" onclick="set_volume(90); 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 |
49 class="volume_button" href="#volume:100" onmouseover="volume_over(100);" onmouseout="volume_out();" id="volbtn_100" onclick="set_volume(100); return false;"> </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> |
50 </span> |
55 </span> |
|
56 {/if} |
51 </div> |
57 </div> |
52 </div> |
58 </div> |
53 <div class="tblholder" id="playlist"> |
59 <div class="tblholder" id="playlist"> |
54 <table border="0" cellspacing="1" cellpadding="4"> |
60 <table border="0" cellspacing="1" cellpadding="4"> |
55 <tr> |
61 <tr> |