<title>@if{@isplaying@}{@playing{@part:title@}@}{@label:playing.title@}@</title>
</head>
<body>
-@include{@label{menu}@}@
+@include{topbar}@
<h1 class=title>@label:playing.title@</h1>
@#{extra control buttons for the management page}@
<tr class=playing>
<td class=when>@when@</td>
<td class=who>@if{@eq{@who@}{}@}{@if{@eq{@state@}{random}@}{@label:playing.randomtrack@}{ }@}{@who@}@</td>
- <td class=artist><a class=directory
+ <td class=artist>@right{play}{<a class=directory
href="@url@?action=choose&directory=@urlquote{@dirname{@dirname{@part:path@}@}@}@"
- title="@label:playing.artistverbose@">@part:artist@</a></td>
- <td class=album><a class=directory
+ title="@label:playing.artistverbose@"
+ >@part{short}{artist}@</a>}{<span class=directory
+ title="@part{artist}@"
+ >@part{short}{artist}@</span>}@</td>
+ <td class=album>@right{play}{<a class=directory
href="@url@?action=choose&directory=@urlquote{@dirname{@part:path@}@}@"
- title="@label:playing.albumverbose@">@part:album@</a></td>
- <td class=title>@part:title@</td>
+ title="@label:playing.albumverbose@"
+ >@part{short}{album}@</a>}{<span class=directory
+ title="@part{album}@"
+ >@part{short}{album}@</span>}@</td>
+ <td class=title><span
+ title="@part{title}@">@part{short}{title}@</span></td>
<td class=length>@length@</td>
<td class=imgbutton>@if{@scratchable@}{<a class=imgbutton
href="@url@?action=scratch&nonce=@nonce@&id=@id@&mgmt=@arg:mgmt@"><img
<tr class=@parity@>
<td class=when>@when@</td>
<td class=who>@if{@eq{@who@}{}@}{@if{@eq{@state@}{random}@}{@label:queue.randomtrack@}{ }@}{@who@}@</td>
- <td class=artist><a class=directory href="@url@?action=choose&directory=@urlquote{@dirname{@dirname{@part:path@}@}@}@">@part:artist@</a></td>
- <td class=album><a class=directory href="@url@?action=choose&directory=@urlquote{@dirname{@part:path@}@}@">@part:album@</a></td>
- <td class=title>@part:title@</td>
+ <td class=artist>@right{play}{<a class=directory
+ title="@part{artist}@"
+ href="@url@?action=choose&directory=@urlquote{@dirname{@dirname{@part:path@}@}@}@"
+ >@part{short}{artist}@</a>}{<span class=directory
+ title="@part{artist}@"
+ >@part{short}{artist}@</span>}@</td>
+ <td class=album>@right{play}{<a class=directory
+ title="@part{album}@"
+ href="@url@?action=choose&directory=@urlquote{@dirname{@part:path@}@}@"
+ >@part{short}{album}@</a>}{<span class=directory
+ title="@part{album}@"
+ >@part{short}{album}@}@</td>
+ <td class=title><span
+ title="@part{title}@">@part{short}{title}@</span></td>
<td class=length>@length@</td>
<td class=imgbutton>@if{@removable@}{<a class=imgbutton
href="@url@?action=remove&nonce=@nonce@&id=@id@&mgmt=@arg:mgmt@"><img
class=button src="@label:images.scratch@"
title="@label:playing.removeverbose@"
- alt="@label:playing.remove@"></a>}{ }@</td>
+ alt="@label:playing.remove@"></a>}{<img
+ class=button src="@label:images.noscratch@"
+ title="@label:playing.removeverbose@"
+ alt="@label:playing.remove@">}@</td>
+
@if{@arg:mgmt@}{
- @if{@isfirst@}
- {<td class=imgbutton>
+ @if{@or{@isfirst@}
+ {@not{@movable@}@}@}{
+ <!-- cannot move up -->
+ <td class=imgbutton>
<img
class=button src="@label:images.noupall@"
title="@label:playing.upallverbose@" alt="">
<td class=imgbutton>
<img
class=button src="@label:images.noup@"
- title="@label:playing.upverbose@" alt="">}
- {<td class=imgbutton>
+ title="@label:playing.upverbose@" alt="">
+ }{
+ <!-- can move up -->
+ <td class=imgbutton>
<a class=imgbutton
href="@url@?action=move&nonce=@nonce@&id=@id@&delta=2147483647&mgmt=true"><img
class=button src="@label:images.upall@"
<a class=imgbutton
href="@url@?action=move&nonce=@nonce@&id=@id@&delta=1&mgmt=true"><img
class=button src="@label:images.up@"
- title="@label:playing.upverbose@" alt="@label:playing.up@"></a>}@
- @if{@islast@}
- {<td class=imgbutton>
+ title="@label:playing.upverbose@" alt="@label:playing.up@"></a>
+ }@
+
+ @if{@or{@islast@}
+ {@not{@movable@}@}@}{
+ <!-- cannot move down -->
+ <td class=imgbutton>
+ <img
+ class=button src="@label:images.nodownall@"
+ title="@label:playing.downallverbose@" alt="">
+ <td class=imgbutton>
<img
class=button src="@label:images.nodown@"
title="@label:playing.downverbose@" alt="">
+ }{
+ <!-- can move down -->
<td class=imgbutton>
- <img
- class=button src="@label:images.nodownall@"
- title="@label:playing.downallverbose@" alt="">}
- {<td class=imgbutton>
- <a class=imgbutton href="@url@?action=move&nonce=@nonce@&id=@id@&delta=-1&mgmt=true"><img
- class=button src="@label:images.down@"
- title="@label:playing.downverbose@"
- alt="@label:playing.down@">
- <td class=imgbutton>
- <a class=imgbutton href="@url@?action=move&nonce=@nonce@&id=@id@&delta=-2147483647&mgmt=true"><img
+ <a class=imgbutton
+ href="@url@?action=move&nonce=@nonce@&id=@id@&delta=-2147483647&mgmt=true"><img
class=button src="@label:images.downall@"
title="@label:playing.downallverbose@"
- alt="@label:playing.downall@">}@</a>
+ alt="@label:playing.downall@"></a>
+ <td class=imgbutton>
+ <a class=imgbutton
+ href="@url@?action=move&nonce=@nonce@&id=@id@&delta=-1&mgmt=true"><img
+ class=button src="@label:images.down@"
+ title="@label:playing.downverbose@" alt="@label:playing.down@"></a>
+ }@
+
}@
</tr>
}@}@
</table>
}@
-@include{@label{menu}@end}@
+@include{topbarend}@
</body>
</html>
@@
sgml-indent-data:t
End:
-->
-<!-- arch-tag:0a255d8605a49fdb5ca6213aefbb21f2 -->