| author | Dan |
| Mon, 01 Sep 2008 16:48:47 -0400 | |
| changeset 42 | 774751e7faed |
| parent 40 | bd3372a2afc1 |
| child 44 | 92dd253f501c |
| permissions | -rw-r--r-- |
| 4 | 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>
|
|
|
5
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
29 |
<script type="text/javascript" src="/themes/{$theme|escape}/expand.js"></script>
|
| 4 | 30 |
</head> |
31 |
<body> |
|
32 |
<div id="playbar"> |
|
33 |
<div class="playbar-inner"> |
|
34 |
<img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" /> |
|
35 |
{if $allow_control}
|
|
|
14
7a1573676cc4
Added jump-to-current function in iphone theme; fixed md5('') call if unique IDs empty in playlist XML file
Dan
parents:
10
diff
changeset
|
36 |
<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>
|
| 4 | 37 |
<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>
|
38 |
<a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a>
|
|
39 |
<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>
|
|
|
10
d3059e20b0fa
SECURITY: Fix ability to crash server in ajax.php; added playback position slider and ability to seek through current song
Dan
parents:
5
diff
changeset
|
40 |
<a href="#action:stop" onclick="player_action('stop'); return false;"><img alt="Stop" src="/themes/{$theme|escape}/images/stop.png" style="position: relative; top: -8px; border-left: 1px solid #a0a0a0;" /></a>
|
| 4 | 41 |
<br /> |
42 |
{/if}
|
|
43 |
<span id="playmeter">--:--/--:--</span><br /> |
|
|
10
d3059e20b0fa
SECURITY: Fix ability to crash server in ajax.php; added playback position slider and ability to seek through current song
Dan
parents:
5
diff
changeset
|
44 |
<div id="playhead"><div id="playhead-filler"> </div></div> |
|
d3059e20b0fa
SECURITY: Fix ability to crash server in ajax.php; added playback position slider and ability to seek through current song
Dan
parents:
5
diff
changeset
|
45 |
<div id="playhead-button"> </div> |
| 4 | 46 |
{if $allow_control}
|
47 |
<img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
|
|
48 |
<span id="volume_wrap"><a |
|
49 |
class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><a |
|
50 |
class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); return false;"> </a><a |
|
51 |
class="volume_button" href="#volume:20" onmouseover="volume_over(20);" onmouseout="volume_out();" id="volbtn_20" onclick="set_volume(20); return false;"> </a><a |
|
52 |
class="volume_button" href="#volume:30" onmouseover="volume_over(30);" onmouseout="volume_out();" id="volbtn_30" onclick="set_volume(30); return false;"> </a><a |
|
53 |
class="volume_button" href="#volume:40" onmouseover="volume_over(40);" onmouseout="volume_out();" id="volbtn_40" onclick="set_volume(40); return false;"> </a><a |
|
54 |
class="volume_button" href="#volume:50" onmouseover="volume_over(50);" onmouseout="volume_out();" id="volbtn_50" onclick="set_volume(50); return false;"> </a><a |
|
55 |
class="volume_button" href="#volume:60" onmouseover="volume_over(60);" onmouseout="volume_out();" id="volbtn_60" onclick="set_volume(60); return false;"> </a><a |
|
56 |
class="volume_button" href="#volume:70" onmouseover="volume_over(70);" onmouseout="volume_out();" id="volbtn_70" onclick="set_volume(70); return false;"> </a><a |
|
57 |
class="volume_button" href="#volume:80" onmouseover="volume_over(80);" onmouseout="volume_out();" id="volbtn_80" onclick="set_volume(80); return false;"> </a><a |
|
58 |
class="volume_button" href="#volume:90" onmouseover="volume_over(90);" onmouseout="volume_out();" id="volbtn_90" onclick="set_volume(90); return false;"> </a><a |
|
59 |
class="volume_button" href="#volume:100" onmouseover="volume_over(100);" onmouseout="volume_out();" id="volbtn_100" onclick="set_volume(100); return false;"> </a> |
|
60 |
</span> |
|
61 |
{/if}
|
|
62 |
</div> |
|
63 |
</div> |
|
64 |
<div class="tblholder" id="playlist"> |
|
|
18
69af47034212
Added page-titling functionality that changes document.title to match the current track; made position slider reset to zero on stop or playlist end
Dan
parents:
14
diff
changeset
|
65 |
<table border="0" cellspacing="1" cellpadding="4" style="width: 100%;"> |
| 4 | 66 |
<tr> |
67 |
<th>Track</th> |
|
68 |
</tr> |
|
69 |
{foreach key=tid item=track from=$playlist}
|
|
|
40
bd3372a2afc1
Added artwork spriting support. Artwork is now displayed using a gigantic CSS sprite instead of hundreds of little images. GD required.
Dan
parents:
25
diff
changeset
|
70 |
{* strip *}
|
| 4 | 71 |
<tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
|
72 |
<td> |
|
|
5
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
73 |
<a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;">
|
| 4 | 74 |
{$track.title|escape}
|
75 |
</a> |
|
|
5
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
76 |
<div id="track_inner_{$tid}" class="track_inner">
|
| 25 | 77 |
<div style="float: left; margin-right: 5px;"> |
|
40
bd3372a2afc1
Added artwork spriting support. Artwork is now displayed using a gigantic CSS sprite instead of hundreds of little images. GD required.
Dan
parents:
25
diff
changeset
|
78 |
{sprite artist=$track.artist album=$track.album size=50}
|
| 25 | 79 |
</div> |
|
5
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
80 |
<small> |
|
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
81 |
<b>Artist:</b> {$track.artist|escape}<br />
|
|
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
82 |
<b>Album:</b> {$track.album|escape}<br />
|
|
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
83 |
<b>Length:</b> {$track.length|escape}<br />
|
|
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
84 |
</small> |
|
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
85 |
<a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">» Play track</a>
|
|
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
86 |
</div> |
| 4 | 87 |
</td> |
88 |
</tr> |
|
|
40
bd3372a2afc1
Added artwork spriting support. Artwork is now displayed using a gigantic CSS sprite instead of hundreds of little images. GD required.
Dan
parents:
25
diff
changeset
|
89 |
{* /strip *}
|
| 4 | 90 |
{/foreach}
|
91 |
</table> |
|
92 |
</div> |
|
93 |
<div id="footer"> |
|
94 |
<img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br />
|
|
|
19
75dd71fe35b2
Added the "powered by" link and rebranded as 0.1 alpha 1
Dan
parents:
18
diff
changeset
|
95 |
<div class="poweredby"> |
|
75dd71fe35b2
Added the "powered by" link and rebranded as 0.1 alpha 1
Dan
parents:
18
diff
changeset
|
96 |
Powered by <a onclick="window.open(this.href); return false;" href="http://greyhound.enanocms.org/">Greyhound</a> |
|
75dd71fe35b2
Added the "powered by" link and rebranded as 0.1 alpha 1
Dan
parents:
18
diff
changeset
|
97 |
</div> |
| 4 | 98 |
</div> |
99 |
<script type="text/javascript"> |
|
|
5
9b96265b5918
Relicensed to GPLv2. Previous revisions should not be downloaded as they do not contain copies of appropriate licenses, which will be added in a later commit. Completed interface for mobile devices.
Dan
parents:
4
diff
changeset
|
100 |
setTimeout('fix_scroll();', 2000);
|
| 4 | 101 |
</script> |
102 |
</body> |
|
103 |
</html> |
|
104 |