23 var img_play = '/themes/{$theme|escape}/images/play.png'; |
23 var img_play = '/themes/{$theme|escape}/images/play.png'; |
24 var img_pause = '/themes/{$theme|escape}/images/pause.png'; |
24 var img_pause = '/themes/{$theme|escape}/images/pause.png'; |
25 var img_ajax = '/themes/{$theme|escape}/images/ajax.gif'; |
25 var img_ajax = '/themes/{$theme|escape}/images/ajax.gif'; |
26 var class_current = 'current'; |
26 var class_current = 'current'; |
27 var allow_control = {if $allow_control}true{else}false{/if}; |
27 var allow_control = {if $allow_control}true{else}false{/if}; |
|
28 |
|
29 var iPhone = true; |
28 </script> |
30 </script> |
29 {foreach from=$scripts item=script} |
31 {foreach from=$scripts item=script} |
30 <script type="text/javascript" src="/scripts/{$script}"></script> |
32 <script type="text/javascript" src="/scripts/{$script}"></script> |
31 {/foreach} |
33 {/foreach} |
32 <script type="text/javascript" src="/themes/{$theme|escape}/scrollfix.js"></script> |
34 <script type="text/javascript" src="/themes/{$theme|escape}/scrollfix.js"></script> |
33 <script type="text/javascript" src="/themes/{$theme|escape}/expand.js"></script> |
35 <script type="text/javascript" src="/themes/{$theme|escape}/expand.js"></script> |
34 </head> |
36 </head> |
35 <body> |
37 <body> |
36 <div id="playbar"> |
38 <div id="playbar"> |
37 <div class="playbar-inner"> |
39 <div class="playbar-inner"> |
|
40 <div id="offlinemode"><img title="No network connection; running in offline mode" src="/offlinemode.png" width="22" height="22" /></div> |
38 <img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" /> |
41 <img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" /> |
39 {if $allow_control} |
42 {if $allow_control} |
40 <a href="#action:jump" onclick="jump_current_track(); return false;"><img alt=" " src="/themes/{$theme|escape}/images/jump.png" style="position: relative; top: -8px; border-right: 1px solid #a0a0a0" /></a> |
43 <a href="#action:jump" onclick="jump_current_track(); return false;"><img alt=" " src="/themes/{$theme|escape}/images/jump.png" style="position: relative; top: -8px; border-right: 1px solid #a0a0a0" /></a> |
41 <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> |
44 <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> |
42 <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a> |
45 <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a> |
46 {/if} |
49 {/if} |
47 <span id="playmeter">--:--/--:--</span><br /> |
50 <span id="playmeter">--:--/--:--</span><br /> |
48 <div id="playhead"><div id="playhead-filler"> </div></div> |
51 <div id="playhead"><div id="playhead-filler"> </div></div> |
49 <div id="playhead-button"> </div> |
52 <div id="playhead-button"> </div> |
50 {if $allow_control} |
53 {if $allow_control} |
51 <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" /> |
54 <a href="#" onclick="volume_custom_form(); return false;"> |
|
55 <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" /> |
|
56 </a> |
52 <span id="volume_wrap"><a |
57 <span id="volume_wrap"><a |
53 class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><a |
58 class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><a |
54 class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); return false;"> </a><a |
59 class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); return false;"> </a><a |
55 class="volume_button" href="#volume:20" onmouseover="volume_over(20);" onmouseout="volume_out();" id="volbtn_20" onclick="set_volume(20); return false;"> </a><a |
60 class="volume_button" href="#volume:20" onmouseover="volume_over(20);" onmouseout="volume_out();" id="volbtn_20" onclick="set_volume(20); return false;"> </a><a |
56 class="volume_button" href="#volume:30" onmouseover="volume_over(30);" onmouseout="volume_out();" id="volbtn_30" onclick="set_volume(30); return false;"> </a><a |
61 class="volume_button" href="#volume:30" onmouseover="volume_over(30);" onmouseout="volume_out();" id="volbtn_30" onclick="set_volume(30); return false;"> </a><a |
73 {foreach key=tid item=track from=$playlist} |
78 {foreach key=tid item=track from=$playlist} |
74 {strip} |
79 {strip} |
75 <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}"> |
80 <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}"> |
76 <td> |
81 <td> |
77 <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;"> |
82 <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;"> |
78 {$track.title|escape} |
83 {$track.title|escape}<br /> |
|
84 <small>{$track.album|escape} - {$track.artist|escape}</small> |
79 </a> |
85 </a> |
80 <div id="track_inner_{$tid}" class="track_inner"> |
86 <div id="track_inner_{$tid}" class="track_inner"> |
81 <div style="float: left; margin-right: 5px;"> |
87 <div style="float: left; margin-right: 5px;"> |
82 {sprite artist=$track.artist album=$track.album size=50} |
88 {sprite artist=$track.artist album=$track.album size=50} |
83 </div> |
89 </div> |
|
90 <div style="float: right; margin-left: 5px;"> |
|
91 <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;"> |
|
92 <img alt="Play track" src="/themes/{$theme|escape}/images/playsmall.png" style="padding: 10px;" /> |
|
93 </a> |
|
94 </div> |
84 <small> |
95 <small> |
85 <b>Artist:</b> {$track.artist|escape}<br /> |
|
86 <b>Album:</b> {$track.album|escape}<br /> |
|
87 <b>Length:</b> {$track.length|escape}<br /> |
96 <b>Length:</b> {$track.length|escape}<br /> |
88 </small> |
97 </small> |
89 <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">» Play track</a> |
|
90 </div> |
98 </div> |
91 </td> |
99 </td> |
92 </tr> |
100 </tr> |
93 {/strip} |
101 {/strip} |
94 {/foreach} |
102 {/foreach} |
95 </table> |
103 </table> |
96 </div> |
104 </div> |
97 <div id="footer"> |
105 <div id="footer"> |
98 <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br /> |
106 <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br /> |
99 <div class="poweredby"> |
107 <div class="poweredby"> |
100 Powered by <a onclick="window.open(this.href); return false;" href="http://greyhound.enanocms.org/">Greyhound</a> v{$greyhound_version} |
108 {include file="footer.tpl"} |
101 {if $use_auth} |
|
102 – |
|
103 <a href="/logout">log out</a> |
|
104 {/if} |
|
105 </div> |
109 </div> |
106 </div> |
110 </div> |
107 <script type="text/javascript"> |
111 <script type="text/javascript"> |
108 setTimeout('fix_scroll();', 2000); |
112 setTimeout('fix_scroll();', 2000); |
109 </script> |
113 </script> |