10 <html> |
10 <html> |
11 <head> |
11 <head> |
12 <title>AmaroK playlist</title> |
12 <title>AmaroK playlist</title> |
13 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
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" /> |
14 <link rel="stylesheet" type="text/css" href="/themes/{$theme|escape}/style.css" /> |
|
15 {foreach from=$scripts item=script} |
|
16 <script type="text/javascript" src="/scripts/{$script}"></script> |
|
17 {/foreach} |
15 </head> |
18 </head> |
16 <body> |
19 <body> |
|
20 <div id="playbar"> |
|
21 <div class="playbar-inner"> |
|
22 <a href="#action:prev" onclick="return false;"><img alt="« PrevTrk" src="/themes/{$theme|escape}/images/prev.png" /></a> |
|
23 <a href="#action:play" onclick="return false;"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a> |
|
24 <a href="#action:pause" onclick="return false;"><img alt="Pause" src="/themes/{$theme|escape}/images/pause.png" /></a> |
|
25 <a href="#action:stop" onclick="return false;"><img alt="Stop" src="/themes/{$theme|escape}/images/stop.png" /></a> |
|
26 <a href="#action:next" onclick="return false;"><img alt="NextTrk »" src="/themes/{$theme|escape}/images/next.png" /></a> |
|
27 </div> |
|
28 </div> |
17 <div class="tblholder" id="playlist"> |
29 <div class="tblholder" id="playlist"> |
18 <table border="0" cellspacing="1" cellpadding="4"> |
30 <table border="0" cellspacing="1" cellpadding="4"> |
19 <tr> |
31 <tr> |
20 <th>TrackNo</th> |
32 <th>TrackNo</th> |
21 <th>Track</th> |
33 <th>Track</th> |
22 <th>Artist</th> |
34 <th>Artist</th> |
23 <th>Album</th> |
35 <th>Album</th> |
24 <th>Length</th> |
36 <th>Length</th> |
25 </tr> |
37 </tr> |
26 {foreach key=tid item=track from=$playlist} |
38 {foreach key=tid item=track from=$playlist} |
|
39 {strip} |
27 <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}"> |
40 <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}"> |
28 <td style="text-align: center;">{$tid+1}</td> |
41 <td style="text-align: center;">{$tid+1}</td> |
29 <td>{$track.title|escape}</td> |
42 <td> |
|
43 {if $active != $tid}<a class="tracklink" href="#action:jump;tid:{$tid}" onclick="return false;">{/if} |
|
44 {$track.title|escape} |
|
45 {if $active != $tid}</a>{/if} |
|
46 </td> |
30 <td>{$track.artist|escape}</td> |
47 <td>{$track.artist|escape}</td> |
31 <td>{$track.album|escape}</td> |
48 <td>{$track.album|escape}</td> |
32 <td style="text-align: center;">{$track.length|escape}</td> |
49 <td style="text-align: center;">{$track.length|escape}</td> |
33 </tr> |
50 </tr> |
|
51 {/strip} |
34 {/foreach} |
52 {/foreach} |
35 </table> |
53 </table> |
36 </div> |
54 </div> |
37 </body> |
55 </body> |
38 </html> |
56 </html> |