themes/funkymonkey/playlist.tpl
author Dan
Sun, 23 Mar 2008 15:24:06 -0400
changeset 1 cddc2ba706d6
parent 0 c63de9eb7045
child 2 860ba7141641
permissions -rw-r--r--
Preliminary groundwork for AJAX interface

{**
 * Template file for default Funky Monkey theme
 * Web control interface script for Amarok
 * Written by Dan Fuhry - 2008
 *
 * This script is in the public domain. Use it for good, not evil.
 *}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
    <title>AmaroK playlist</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="/themes/{$theme|escape}/style.css" />
    {foreach from=$scripts item=script}
    <script type="text/javascript" src="/scripts/{$script}"></script>
    {/foreach}
  </head>
  <body>
    <div id="playbar">
      <div class="playbar-inner">
        <a href="#action:prev" onclick="return false;"><img alt="&laquo; PrevTrk" src="/themes/{$theme|escape}/images/prev.png" /></a>
        <a href="#action:play" onclick="return false;"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a>
        <a href="#action:pause" onclick="return false;"><img alt="Pause" src="/themes/{$theme|escape}/images/pause.png" /></a>
        <a href="#action:stop" onclick="return false;"><img alt="Stop" src="/themes/{$theme|escape}/images/stop.png" /></a>
        <a href="#action:next" onclick="return false;"><img alt="NextTrk &raquo;" src="/themes/{$theme|escape}/images/next.png" /></a>
      </div>
    </div>
    <div class="tblholder" id="playlist">
      <table border="0" cellspacing="1" cellpadding="4">
        <tr>
          <th>TrackNo</th>
          <th>Track</th>
          <th>Artist</th>
          <th>Album</th>
          <th>Length</th>
        </tr>
        {foreach key=tid item=track from=$playlist}
        {strip}
        <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}">
          <td style="text-align: center;">{$tid+1}</td>
          <td>
            {if $active != $tid}<a class="tracklink" href="#action:jump;tid:{$tid}" onclick="return false;">{/if}
              {$track.title|escape}
            {if $active != $tid}</a>{/if}
          </td>
          <td>{$track.artist|escape}</td>
          <td>{$track.album|escape}</td>
          <td style="text-align: center;">{$track.length|escape}</td>
        </tr>
        {/strip}
        {/foreach}
      </table>
    </div>
  </body>
</html>