[disorder] / templates / playing.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!--
This file is part of DisOrder.
Copyright (C) 2004, 2005 Richard Kettlewell

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
USA
-->
<html>
 <head>
@include:stdhead@
  <title>@if{@isplaying@}{@playing{@part:title@}@}{@label:playing.title@}@</title>
 </head>
 <body>
@include{topbar}@
   <h1 class=title>@label:playing.title@</h1>

   @#{extra control buttons for the management page}@
   @if{@arg:mgmt@}{
   <p class=mgmt>
    @if{@paused@}{
    <!-- paused -->
    <span class=button>
    <a class=button
    href="@url@?action=resume&#38;nonce=@nonce@&#38;mgmt=true"
     title="@label:playing.resumeverbose@">@label:playing.pause@</a>
    </a>
    </span>
    <img width=16 height=16 class=imgbutton src="@label:images.tick@">
    }{
    <!-- not paused -->
    <span class=button>
    <a class=button
    href="@url@?action=pause&#38;nonce=@nonce@&#38;mgmt=true"
     title="@label:playing.pauseverbose@">@label:playing.pause@</a>
    </a>
    </span>
    <img width=16 height=16 class=imgbutton src="@label:images.cross@">
    }@
    @if{@random-enabled@}{
    <!-- random played enabled -->
    <span class=button>
    <a class=button
    href="@url@?action=random-disable&#38;nonce=@nonce@&#38;mgmt=true"
     title="@label:playing.randomdisableverbose@">@label:playing.random@</a>
    </a>
    </span>
    <img width=16 height=16 class=imgbutton src="@label:images.tick@">
    }{
    <!-- random played disabled -->
    <span class=button>
    <a class=button
    href="@url@?action=random-enable&#38;nonce=@nonce@&#38;mgmt=true"
     title="@label:playing.randomenableverbose@">@label:playing.random@</a>
    </a>
    </span>
    <img width=16 height=16 class=imgbutton src="@label:images.cross@">
    }@
    @if{@enabled@}{
    <!-- playing enabled -->
    <span class=button>
    <a class=button
    href="@url@?action=disable&#38;nonce=@nonce@&#38;mgmt=true"
     title="@label:playing.disableverbose@">@label:playing.playing@</a>
    </a>
    </span>
    <img width=16 height=16 class=imgbutton src="@label:images.tick@">
    }{
    <!-- playing disabled -->
    <span class=button>
    <a class=button
    href="@url@?action=enable&#38;nonce=@nonce@&#38;mgmt=true"
     title="@label:playing.enableverbose@">@label:playing.playing@</a>
    </a>
    </span>
    <img width=16 height=16 class=imgbutton src="@label:images.cross@">
    }@
    <form class=volume action="@url@" method=POST
     enctype="multipart/form-data" accept-charset=utf-8>
    <span class=volume>
     @label:playing.volume@
     @right{volume}{<a class=imgbutton
      href="@url@?action=volume&#38;delta=-@label:volume.resolution@&#38;back=@urlquote{@thisurl@?mgmt=true}@">
      <img class=button src="@label:images.down@"
       alt="@label:volume.reduce@" title="@label:volume.reduceverbose@">
     </a>}{<img class=button src="@label:images.nodown@">}@
     @label:volume.left@ <input size=3 name=left type=text value="@volume:left@">
     @label:volume.right@ <input size=3 name=right type=text value="@volume:right@">
     <input name=nonce type=hidden value="@nonce@">
     <input name=back type=hidden value="@thisurl@?mgmt=true">
     @right{volume}{<button class=search name=action type=submit value=volume>
      @label:volume.set@
     </button>}@
     @right{volume}{<a class=imgbutton
      href="@url@?action=volume&#38;delta=@label:volume.resolution@&#38;back=@urlquote{@thisurl@?mgmt=true}@">
      <img class=button src="@label:images.up@"
       alt="@label:volume.increase@" title="@label:volume.increaseverbose@">
     </a>}{<img class=button src="@label:images.noup@">}@
    </form>
    </span>
   }@

@#{only display the table if there is something to put in it}@
@if{@or{@isplaying@}{@isqueue@}@}{
   <table class=playing>
     <tr class=headings>
      <th class=when>@label:heading.when@</th>
      <th class=who>@label:heading.who@</th>
      <th class=artist>@label:heading.artist@</th>
      <th class=album>@label:heading.album@</th>
      <th class=title>@label:heading.title@</th>
      <th class=length>@label:heading.length@</th>
      <th class=button>&nbsp;</th>
      @if{@arg:mgmt@}{
      <th class=imgbutton>&nbsp;</th>
      <th class=imgbutton>&nbsp;</th>
      <th class=imgbutton>&nbsp;</th>
      <th class=imgbutton>&nbsp;</th>
      }@
     </tr>
     @if{@isplaying@}{
     <tr class=nowplaying>
      <td colspan=@if{@arg:mgmt@}{11}{7}@ class=nowplaying>@label:playing.now@</td>
     </tr>
     @playing{
     <tr class=playing>
      <td class=when>@when@</td>
      <td class=who>@if{@eq{@who@}{}@}{@if{@eq{@state@}{random}@}{@label:playing.randomtrack@}{&nbsp;}@}{@who@}@</td>
      <td class=artist>@right{play}{<a class=directory
       href="@url@?action=choose&amp;directory=@urlquote{@dirname{@dirname{@part:path@}@}@}@"
       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&amp;directory=@urlquote{@dirname{@part:path@}@}@"
       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&#38;nonce=@nonce@&#38;id=@id@&#38;mgmt=@arg:mgmt@"><img
       class=button src="@label:images.scratch@"
       title="@label:playing.scratchverbose@"
       alt="@label:playing.scratch@"></a>}{<img
       class=button src="@label:images.noscratch@"
       title="@label:playing.scratchverbose@"
       alt="@label:playing.scratch@">}@</td>
      @if{@arg:mgmt@}{
      <td class=imgbutton>&nbsp;</td>
      <td class=imgbutton>&nbsp;</td>
      <td class=imgbutton>&nbsp;</td>
      <td class=imgbutton>&nbsp;</td>
      }@
     </tr>
     }@}@
     @if{@isqueue@}{
     <tr class=next>
      <td colspan=@if{@arg:mgmt@}{11}{7}@ class=next>@label:playing.next@</td>
     </tr>
     @queue{
     <tr class=@parity@>
      <td class=when>@when@</td>
      <td class=who>@if{@eq{@who@}{}@}{@if{@eq{@state@}{random}@}{@label:queue.randomtrack@}{&nbsp;}@}{@who@}@</td>
      <td class=artist>@right{play}{<a class=directory
       title="@part{artist}@"
       href="@url@?action=choose&amp;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&amp;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&#38;nonce=@nonce@&#38;id=@id@&#38;mgmt=@arg:mgmt@"><img
       class=button src="@label:images.scratch@"
       title="@label:playing.removeverbose@" 
       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{@or{@isfirst@}
             {@not{@movable@}@}@}{
     <!-- cannot move up -->
     <td class=imgbutton>
      <img
       class=button src="@label:images.noupup@"
       title="@label:playing.upallverbose@" alt="">
     <td class=imgbutton>
      <img
       class=button src="@label:images.noup@"
       title="@label:playing.upverbose@" alt="">
         }{
     <!-- can move up -->
     <td class=imgbutton>
      <a class=imgbutton
        href="@url@?action=move&#38;nonce=@nonce@&#38;id=@id@&#38;delta=2147483647&#38;mgmt=true"><img
       class=button src="@label:images.upup@"
       title="@label:playing.upallverbose@"
       alt="@label:playing.upall@"></a>
     <td class=imgbutton>
     <a class=imgbutton
        href="@url@?action=move&#38;nonce=@nonce@&#38;id=@id@&#38;delta=1&#38;mgmt=true"><img
       class=button src="@label:images.up@"
       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.nodowndown@"
       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>
      <a class=imgbutton
        href="@url@?action=move&#38;nonce=@nonce@&#38;id=@id@&#38;delta=-2147483647&#38;mgmt=true"><img
       class=button src="@label:images.downdown@"
       title="@label:playing.downallverbose@"
       alt="@label:playing.downall@"></a>
     <td class=imgbutton>
     <a class=imgbutton
        href="@url@?action=move&#38;nonce=@nonce@&#38;id=@id@&#38;delta=-1&#38;mgmt=true"><img
       class=button src="@label:images.down@"
       title="@label:playing.downverbose@" alt="@label:playing.down@"></a>
         }@

      }@
     </tr>
     }@}@
   </table>
}@

@include{topbarend}@
 </body>
</html>
@@
<!--
Local variables:
mode:sgml
sgml-always-quote-attributes:nil
sgml-indent-step:1
sgml-indent-data:t
End:
-->
Commit	Line	Data
460b9539	1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
	2	<!--
	3	This file is part of DisOrder.
	4	Copyright (C) 2004, 2005 Richard Kettlewell
	5
	6	This program is free software; you can redistribute it and/or modify
	7	it under the terms of the GNU General Public License as published by
	8	the Free Software Foundation; either version 2 of the License, or
	9	(at your option) any later version.
	10
	11	This program is distributed in the hope that it will be useful, but
	12	WITHOUT ANY WARRANTY; without even the implied warranty of
	13	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
	14	General Public License for more details.
	15
	16	You should have received a copy of the GNU General Public License
	17	along with this program; if not, write to the Free Software
	18	Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
	19	USA
	20	-->
	21	<html>
	22	<head>
	23	@include:stdhead@
	24	<title>@if{@isplaying@}{@playing{@part:title@}@}{@label:playing.title@}@</title>
	25	</head>
	26	<body>
e12da4d9	27	@include{topbar}@
460b9539	28	<h1 class=title>@label:playing.title@</h1>
	29
	30	@#{extra control buttons for the management page}@
	31	@if{@arg:mgmt@}{
	32	<p class=mgmt>
	33	@if{@paused@}{
	34	<!-- paused -->
	35	<span class=button>
	36	<a class=button
	37	href="@url@?action=resume&nonce=@nonce@&mgmt=true"
	38	title="@label:playing.resumeverbose@">@label:playing.pause@</a>
	39	</a>
	40	</span>
27c58476	41	<img width=16 height=16 class=imgbutton src="@label:images.tick@">
460b9539	42	}{
	43	<!-- not paused -->
	44	<span class=button>
	45	<a class=button
	46	href="@url@?action=pause&nonce=@nonce@&mgmt=true"
	47	title="@label:playing.pauseverbose@">@label:playing.pause@</a>
	48	</a>
	49	</span>
27c58476	50	<img width=16 height=16 class=imgbutton src="@label:images.cross@">
460b9539	51	}@
	52	@if{@random-enabled@}{
	53	<!-- random played enabled -->
	54	<span class=button>
	55	<a class=button
	56	href="@url@?action=random-disable&nonce=@nonce@&mgmt=true"
	57	title="@label:playing.randomdisableverbose@">@label:playing.random@</a>
	58	</a>
	59	</span>
27c58476	60	<img width=16 height=16 class=imgbutton src="@label:images.tick@">
460b9539	61	}{
	62	<!-- random played disabled -->
	63	<span class=button>
	64	<a class=button
	65	href="@url@?action=random-enable&nonce=@nonce@&mgmt=true"
	66	title="@label:playing.randomenableverbose@">@label:playing.random@</a>
	67	</a>
	68	</span>
27c58476	69	<img width=16 height=16 class=imgbutton src="@label:images.cross@">
460b9539	70	}@
	71	@if{@enabled@}{
	72	<!-- playing enabled -->
	73	<span class=button>
	74	<a class=button
	75	href="@url@?action=disable&nonce=@nonce@&mgmt=true"
	76	title="@label:playing.disableverbose@">@label:playing.playing@</a>
	77	</a>
	78	</span>
27c58476	79	<img width=16 height=16 class=imgbutton src="@label:images.tick@">
460b9539	80	}{
	81	<!-- playing disabled -->
	82	<span class=button>
	83	<a class=button
	84	href="@url@?action=enable&nonce=@nonce@&mgmt=true"
	85	title="@label:playing.enableverbose@">@label:playing.playing@</a>
	86	</a>
	87	</span>
27c58476	88	<img width=16 height=16 class=imgbutton src="@label:images.cross@">
460b9539	89	}@
	90	<form class=volume action="@url@" method=POST
	91	enctype="multipart/form-data" accept-charset=utf-8>
	92	<span class=volume>
	93	@label:playing.volume@
9bf39c4b	94	@right{volume}{<a class=imgbutton
460b9539	95	href="@url@?action=volume&delta=-@label:volume.resolution@&back=@urlquote{@thisurl@?mgmt=true}@">
	96	<img class=button src="@label:images.down@"
	97	alt="@label:volume.reduce@" title="@label:volume.reduceverbose@">
9bf39c4b	98	</a>}{<img class=button src="@label:images.nodown@">}@
460b9539	99	@label:volume.left@ <input size=3 name=left type=text value="@volume:left@">
	100	@label:volume.right@ <input size=3 name=right type=text value="@volume:right@">
	101	<input name=nonce type=hidden value="@nonce@">
	102	<input name=back type=hidden value="@thisurl@?mgmt=true">
9bf39c4b	103	@right{volume}{<button class=search name=action type=submit value=volume>
460b9539	104	@label:volume.set@
9bf39c4b	105	</button>}@
9bf39c4b	106	@right{volume}{<a class=imgbutton
460b9539	107	href="@url@?action=volume&delta=@label:volume.resolution@&back=@urlquote{@thisurl@?mgmt=true}@">
	108	<img class=button src="@label:images.up@"
	109	alt="@label:volume.increase@" title="@label:volume.increaseverbose@">
9bf39c4b	110	</a>}{<img class=button src="@label:images.noup@">}@
460b9539	111	</form>
	112	</span>
	113	}@
	114
	115	@#{only display the table if there is something to put in it}@
	116	@if{@or{@isplaying@}{@isqueue@}@}{
	117	<table class=playing>
	118	<tr class=headings>
	119	<th class=when>@label:heading.when@</th>
	120	<th class=who>@label:heading.who@</th>
	121	<th class=artist>@label:heading.artist@</th>
	122	<th class=album>@label:heading.album@</th>
	123	<th class=title>@label:heading.title@</th>
	124	<th class=length>@label:heading.length@</th>
	125	<th class=button> </th>
	126	@if{@arg:mgmt@}{
	127	<th class=imgbutton> </th>
	128	<th class=imgbutton> </th>
	129	<th class=imgbutton> </th>
	130	<th class=imgbutton> </th>
	131	}@
	132	</tr>
	133	@if{@isplaying@}{
	134	<tr class=nowplaying>
	135	<td colspan=@if{@arg:mgmt@}{11}{7}@ class=nowplaying>@label:playing.now@</td>
	136	</tr>
	137	@playing{
	138	<tr class=playing>
	139	<td class=when>@when@</td>
	140	<td class=who>@if{@eq{@who@}{}@}{@if{@eq{@state@}{random}@}{@label:playing.randomtrack@}{ }@}{@who@}@</td>
a31780f6	141	<td class=artist>@right{play}{<a class=directory
460b9539	142	href="@url@?action=choose&directory=@urlquote{@dirname{@dirname{@part:path@}@}@}@"
a31780f6	143	title="@label:playing.artistverbose@"
	144	>@part{short}{artist}@</a>}{<span class=directory
	145	title="@part{artist}@"
	146	>@part{short}{artist}@</span>}@</td>
	147	<td class=album>@right{play}{<a class=directory
460b9539	148	href="@url@?action=choose&directory=@urlquote{@dirname{@part:path@}@}@"
a31780f6	149	title="@label:playing.albumverbose@"
	150	>@part{short}{album}@</a>}{<span class=directory
	151	title="@part{album}@"
	152	>@part{short}{album}@</span>}@</td>
61507e3c RK	153	<td class=title><span
61507e3c RK	154	title="@part{title}@">@part{short}{title}@</span></td>
460b9539	155	<td class=length>@length@</td>
	156	<td class=imgbutton>@if{@scratchable@}{<a class=imgbutton
	157	href="@url@?action=scratch&nonce=@nonce@&id=@id@&mgmt=@arg:mgmt@"><img
	158	class=button src="@label:images.scratch@"
	159	title="@label:playing.scratchverbose@"
	160	alt="@label:playing.scratch@"></a>}{<img
	161	class=button src="@label:images.noscratch@"
	162	title="@label:playing.scratchverbose@"
	163	alt="@label:playing.scratch@">}@</td>
	164	@if{@arg:mgmt@}{
	165	<td class=imgbutton> </td>
	166	<td class=imgbutton> </td>
	167	<td class=imgbutton> </td>
	168	<td class=imgbutton> </td>
	169	}@
	170	</tr>
	171	}@}@
	172	@if{@isqueue@}{
	173	<tr class=next>
	174	<td colspan=@if{@arg:mgmt@}{11}{7}@ class=next>@label:playing.next@</td>
	175	</tr>
	176	@queue{
	177	<tr class=@parity@>
	178	<td class=when>@when@</td>
	179	<td class=who>@if{@eq{@who@}{}@}{@if{@eq{@state@}{random}@}{@label:queue.randomtrack@}{ }@}{@who@}@</td>
a31780f6	180	<td class=artist>@right{play}{<a class=directory
	181	title="@part{artist}@"
	182	href="@url@?action=choose&directory=@urlquote{@dirname{@dirname{@part:path@}@}@}@"
	183	>@part{short}{artist}@</a>}{<span class=directory
61507e3c	184	title="@part{artist}@"
a31780f6	185	>@part{short}{artist}@</span>}@</td>
	186	<td class=album>@right{play}{<a class=directory
	187	title="@part{album}@"
	188	href="@url@?action=choose&directory=@urlquote{@dirname{@part:path@}@}@"
	189	>@part{short}{album}@</a>}{<span class=directory
61507e3c	190	title="@part{album}@"
a31780f6	191	>@part{short}{album}@}@</td>
61507e3c RK	192	<td class=title><span
61507e3c RK	193	title="@part{title}@">@part{short}{title}@</span></td>
460b9539	194	<td class=length>@length@</td>
	195	<td class=imgbutton>@if{@removable@}{<a class=imgbutton
	196	href="@url@?action=remove&nonce=@nonce@&id=@id@&mgmt=@arg:mgmt@"><img
	197	class=button src="@label:images.scratch@"
	198	title="@label:playing.removeverbose@"
938d8157	199	alt="@label:playing.remove@"></a>}{<img
	200	class=button src="@label:images.noscratch@"
	201	title="@label:playing.removeverbose@"
	202	alt="@label:playing.remove@">}@</td>
d7ce365e	203
460b9539	204	@if{@arg:mgmt@}{
d7ce365e	205	@if{@or{@isfirst@}
	206	{@not{@movable@}@}@}{
	207	<!-- cannot move up -->
	208	<td class=imgbutton>
460b9539	209	<img
b28ce5d6	210	class=button src="@label:images.noupup@"
460b9539	211	title="@label:playing.upallverbose@" alt="">
	212	<td class=imgbutton>
	213	<img
	214	class=button src="@label:images.noup@"
d7ce365e	215	title="@label:playing.upverbose@" alt="">
	216	}{
	217	<!-- can move up -->
	218	<td class=imgbutton>
460b9539	219	<a class=imgbutton
460b9539	220	href="@url@?action=move&nonce=@nonce@&id=@id@&delta=2147483647&mgmt=true"><img
b28ce5d6	221	class=button src="@label:images.upup@"
460b9539	222	title="@label:playing.upallverbose@"
	223	alt="@label:playing.upall@"></a>
	224	<td class=imgbutton>
	225	<a class=imgbutton
	226	href="@url@?action=move&nonce=@nonce@&id=@id@&delta=1&mgmt=true"><img
	227	class=button src="@label:images.up@"
d7ce365e	228	title="@label:playing.upverbose@" alt="@label:playing.up@"></a>
	229	}@
	230
	231	@if{@or{@islast@}
	232	{@not{@movable@}@}@}{
	233	<!-- cannot move down -->
	234	<td class=imgbutton>
	235	<img
b28ce5d6	236	class=button src="@label:images.nodowndown@"
d7ce365e	237	title="@label:playing.downallverbose@" alt="">
d7ce365e	238	<td class=imgbutton>
460b9539	239	<img
	240	class=button src="@label:images.nodown@"
	241	title="@label:playing.downverbose@" alt="">
d7ce365e	242	}{
d7ce365e	243	<!-- can move down -->
460b9539	244	<td class=imgbutton>
d7ce365e	245	<a class=imgbutton
d7ce365e	246	href="@url@?action=move&nonce=@nonce@&id=@id@&delta=-2147483647&mgmt=true"><img
b28ce5d6	247	class=button src="@label:images.downdown@"
460b9539	248	title="@label:playing.downallverbose@"
d7ce365e	249	alt="@label:playing.downall@"></a>
	250	<td class=imgbutton>
	251	<a class=imgbutton
	252	href="@url@?action=move&nonce=@nonce@&id=@id@&delta=-1&mgmt=true"><img
	253	class=button src="@label:images.down@"
	254	title="@label:playing.downverbose@" alt="@label:playing.down@"></a>
	255	}@
	256
460b9539	257	}@
	258	</tr>
	259	}@}@
	260	</table>
	261	}@
	262
e12da4d9	263	@include{topbarend}@
460b9539	264	</body>
	265	</html>
	266	@@
	267	<!--
	268	Local variables:
	269	mode:sgml
	270	sgml-always-quote-attributes:nil
	271	sgml-indent-step:1
	272	sgml-indent-data:t
	273	End:
	274	-->