themes/grey/playlist.tpl
changeset 34 3b817b961984
parent 28 c15f6dcc8085
child 44 92dd253f501c
equal deleted inserted replaced
33:3b4aef1efff6 34:3b817b961984
       
     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     <link rel="stylesheet" type="text/css" href="/themes/{$theme|escape}/style.css" />
       
    15     <link rel="favorite icon" type="image/ico" href="/favicon.ico" />
       
    16     <script type="text/javascript">
       
    17     var img_play = '/themes/{$theme|escape}/images/play.png';
       
    18     var img_pause = '/themes/{$theme|escape}/images/pause.png';
       
    19     var img_ajax = '/themes/{$theme|escape}/images/ajax.gif';
       
    20     var class_current = 'current';
       
    21     var allow_control = {if $allow_control}true{else}false{/if};
       
    22     </script>
       
    23     {foreach from=$scripts item=script}
       
    24     <script type="text/javascript" src="/scripts/{$script}"></script>
       
    25     {/foreach}
       
    26   </head>
       
    27   <body>
       
    28     <div id="playbar">
       
    29       <div class="playbar-inner">
       
    30         <div id="playhead"><div id="playhead-filler">&nbsp;</div></div>
       
    31         <div id="playhead-button">&nbsp;</div>
       
    32         <img alt=" " id="ajax_status" style="display: none; float: right; margin: 3px 0;" src="about:blank" />
       
    33         <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" style="margin-right: 20px;" />
       
    34         {if $allow_control}
       
    35         <a href="#action:prev" onclick="player_action('prev'); return false;"><img alt="&laquo; PrevTrk" src="/themes/{$theme|escape}/images/prev.png" /></a>
       
    36         <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a>
       
    37         <a href="#action:stop" onclick="player_action('stop'); return false;"><img alt="Stop" src="/themes/{$theme|escape}/images/stop.png" /></a>
       
    38         <a href="#action:next" onclick="player_action('next'); return false;"><img alt="NextTrk &raquo;" src="/themes/{$theme|escape}/images/next.png" /></a>
       
    39         {/if}
       
    40         <span style="margin-right: 50px;">&nbsp;</span>
       
    41         <span id="playmeter">--:--/--:--</span>
       
    42         {if $allow_control}
       
    43         <span style="margin-right: 50px;">&nbsp;</span>
       
    44         <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
       
    45         <span id="volume_wrap"><a
       
    46           class="volume_button" href="#volume:0"   onmouseover="volume_over(0);"   onmouseout="volume_out();" id="volbtn_0"   onclick="set_volume(0);   return false;">&nbsp;</a><a
       
    47           class="volume_button" href="#volume:10"  onmouseover="volume_over(10);"  onmouseout="volume_out();" id="volbtn_10"  onclick="set_volume(10);  return false;">&nbsp;</a><a
       
    48           class="volume_button" href="#volume:20"  onmouseover="volume_over(20);"  onmouseout="volume_out();" id="volbtn_20"  onclick="set_volume(20);  return false;">&nbsp;</a><a
       
    49           class="volume_button" href="#volume:30"  onmouseover="volume_over(30);"  onmouseout="volume_out();" id="volbtn_30"  onclick="set_volume(30);  return false;">&nbsp;</a><a
       
    50           class="volume_button" href="#volume:40"  onmouseover="volume_over(40);"  onmouseout="volume_out();" id="volbtn_40"  onclick="set_volume(40);  return false;">&nbsp;</a><a
       
    51           class="volume_button" href="#volume:50"  onmouseover="volume_over(50);"  onmouseout="volume_out();" id="volbtn_50"  onclick="set_volume(50);  return false;">&nbsp;</a><a
       
    52           class="volume_button" href="#volume:60"  onmouseover="volume_over(60);"  onmouseout="volume_out();" id="volbtn_60"  onclick="set_volume(60);  return false;">&nbsp;</a><a
       
    53           class="volume_button" href="#volume:70"  onmouseover="volume_over(70);"  onmouseout="volume_out();" id="volbtn_70"  onclick="set_volume(70);  return false;">&nbsp;</a><a
       
    54           class="volume_button" href="#volume:80"  onmouseover="volume_over(80);"  onmouseout="volume_out();" id="volbtn_80"  onclick="set_volume(80);  return false;">&nbsp;</a><a
       
    55           class="volume_button" href="#volume:90"  onmouseover="volume_over(90);"  onmouseout="volume_out();" id="volbtn_90"  onclick="set_volume(90);  return false;">&nbsp;</a><a
       
    56           class="volume_button" href="#volume:100" onmouseover="volume_over(100);" onmouseout="volume_out();" id="volbtn_100" onclick="set_volume(100); return false;">&nbsp;</a>
       
    57         </span>
       
    58         {/if}
       
    59       </div>
       
    60     </div>
       
    61     <div class="tblholder" id="playlist">
       
    62       <table border="0" cellspacing="1" cellpadding="4" style="width: 100%;">
       
    63         <tr>
       
    64           <th>TrackNo</th>
       
    65           <th>Track</th>
       
    66           <th>Artist</th>
       
    67           <th>Album</th>
       
    68           <th>Length</th>
       
    69         </tr>
       
    70         {foreach key=tid item=track from=$playlist}
       
    71         {strip}
       
    72         <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
       
    73           <td style="text-align: center;">{$tid+1}</td>
       
    74           <td>
       
    75             <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">
       
    76               {$track.title|escape}
       
    77             </a>
       
    78           </td>
       
    79           <td>{$track.artist|escape}</td>
       
    80           <td>{$track.album|escape}</td>
       
    81           <td style="text-align: center;">{$track.length|escape}</td>
       
    82         </tr>
       
    83         {/strip}
       
    84         {/foreach}
       
    85       </table>
       
    86     </div>
       
    87     <div class="poweredby">
       
    88       Powered by <a onclick="window.open(this.href); return false;" href="http://greyhound.enanocms.org/">Greyhound</a>
       
    89     </div>
       
    90   </body>
       
    91 </html>
       
    92