--- a/themes/iphone/playlist.tpl Fri Jun 12 13:48:22 2009 -0400
+++ b/themes/iphone/playlist.tpl Fri Jun 12 13:49:22 2009 -0400
@@ -25,6 +25,8 @@
var img_ajax = '/themes/{$theme|escape}/images/ajax.gif';
var class_current = 'current';
var allow_control = {if $allow_control}true{else}false{/if};
+
+ var iPhone = true;
</script>
{foreach from=$scripts item=script}
<script type="text/javascript" src="/scripts/{$script}"></script>
@@ -35,6 +37,7 @@
<body>
<div id="playbar">
<div class="playbar-inner">
+ <div id="offlinemode"><img title="No network connection; running in offline mode" src="/offlinemode.png" width="22" height="22" /></div>
<img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" />
{if $allow_control}
<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>
@@ -48,7 +51,9 @@
<div id="playhead"><div id="playhead-filler"> </div></div>
<div id="playhead-button"> </div>
{if $allow_control}
- <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
+ <a href="#" onclick="volume_custom_form(); return false;">
+ <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
+ </a>
<span id="volume_wrap"><a
class="volume_button" href="#volume:0" onmouseover="volume_over(0);" onmouseout="volume_out();" id="volbtn_0" onclick="set_volume(0); return false;"> </a><a
class="volume_button" href="#volume:10" onmouseover="volume_over(10);" onmouseout="volume_out();" id="volbtn_10" onclick="set_volume(10); return false;"> </a><a
@@ -75,18 +80,21 @@
<tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
<td>
<a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;">
- {$track.title|escape}
+ {$track.title|escape}<br />
+ <small>{$track.album|escape} - {$track.artist|escape}</small>
</a>
<div id="track_inner_{$tid}" class="track_inner">
<div style="float: left; margin-right: 5px;">
{sprite artist=$track.artist album=$track.album size=50}
</div>
+ <div style="float: right; margin-left: 5px;">
+ <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">
+ <img alt="Play track" src="/themes/{$theme|escape}/images/playsmall.png" style="padding: 10px;" />
+ </a>
+ </div>
<small>
- <b>Artist:</b> {$track.artist|escape}<br />
- <b>Album:</b> {$track.album|escape}<br />
<b>Length:</b> {$track.length|escape}<br />
</small>
- <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">» Play track</a>
</div>
</td>
</tr>
@@ -97,11 +105,7 @@
<div id="footer">
<img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br />
<div class="poweredby">
- Powered by <a onclick="window.open(this.href); return false;" href="http://greyhound.enanocms.org/">Greyhound</a> v{$greyhound_version}
- {if $use_auth}
- –
- <a href="/logout">log out</a>
- {/if}
+ {include file="footer.tpl"}
</div>
</div>
<script type="text/javascript">