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
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}
+ − 36
<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>
+ − 37
<a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a>
+ − 38
<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>
+ − 39
<br />
+ − 40
{/if}
+ − 41
<span id="playmeter">--:--/--:--</span><br />
+ − 42
{if $allow_control}
+ − 43
<img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
+ − 44
<span id="volume_wrap"><a
+ − 45
class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><a
+ − 46
class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); return false;"> </a><a
+ − 47
class="volume_button" href="#volume:20" onmouseover="volume_over(20);" onmouseout="volume_out();" id="volbtn_20" onclick="set_volume(20); return false;"> </a><a
+ − 48
class="volume_button" href="#volume:30" onmouseover="volume_over(30);" onmouseout="volume_out();" id="volbtn_30" onclick="set_volume(30); return false;"> </a><a
+ − 49
class="volume_button" href="#volume:40" onmouseover="volume_over(40);" onmouseout="volume_out();" id="volbtn_40" onclick="set_volume(40); return false;"> </a><a
+ − 50
class="volume_button" href="#volume:50" onmouseover="volume_over(50);" onmouseout="volume_out();" id="volbtn_50" onclick="set_volume(50); return false;"> </a><a
+ − 51
class="volume_button" href="#volume:60" onmouseover="volume_over(60);" onmouseout="volume_out();" id="volbtn_60" onclick="set_volume(60); return false;"> </a><a
+ − 52
class="volume_button" href="#volume:70" onmouseover="volume_over(70);" onmouseout="volume_out();" id="volbtn_70" onclick="set_volume(70); return false;"> </a><a
+ − 53
class="volume_button" href="#volume:80" onmouseover="volume_over(80);" onmouseout="volume_out();" id="volbtn_80" onclick="set_volume(80); return false;"> </a><a
+ − 54
class="volume_button" href="#volume:90" onmouseover="volume_over(90);" onmouseout="volume_out();" id="volbtn_90" onclick="set_volume(90); return false;"> </a><a
+ − 55
class="volume_button" href="#volume:100" onmouseover="volume_over(100);" onmouseout="volume_out();" id="volbtn_100" onclick="set_volume(100); return false;"> </a>
+ − 56
</span>
+ − 57
{/if}
+ − 58
</div>
+ − 59
</div>
+ − 60
<div class="tblholder" id="playlist">
+ − 61
<table border="0" cellspacing="1" cellpadding="4">
+ − 62
<tr>
+ − 63
<th>Track</th>
+ − 64
</tr>
+ − 65
{foreach key=tid item=track from=$playlist}
+ − 66
{strip}
+ − 67
<tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
+ − 68
<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
diff
changeset
+ − 69
<a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;">
4
+ − 70
{$track.title|escape}
+ − 71
</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
diff
changeset
+ − 72
<div id="track_inner_{$tid}" class="track_inner">
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
diff
changeset
+ − 73
<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
diff
changeset
+ − 74
<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
diff
changeset
+ − 75
<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
diff
changeset
+ − 76
<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
diff
changeset
+ − 77
</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
diff
changeset
+ − 78
<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
diff
changeset
+ − 79
</div>
4
+ − 80
</td>
+ − 81
</tr>
+ − 82
{/strip}
+ − 83
{/foreach}
+ − 84
</table>
+ − 85
</div>
+ − 86
<div id="footer">
+ − 87
<img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br />
+ − 88
</div>
+ − 89
<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
diff
changeset
+ − 90
setTimeout('fix_scroll();', 2000);
4
+ − 91
</script>
+ − 92
</body>
+ − 93
</html>
+ − 94