[disorder] / templates / playing.tmpl

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!--
This file is part of DisOrder.
Copyright (C) 2004-2008 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
-->
@discard{
  @include{macros.tmpl}
}@#
<html>
 <head>
@include{stdhead.tmpl}@#
  <title>@if{@isplaying}
            {@playing{@part{@id}{title}}}
            {@label{playing.title}}</title>
 </head>
 <body>
@include{topbar.tmpl}
   <h1>@label{playing.title}</h1>

@# Extra control buttons for the management page
   @ifmanage{
   <div class=mgmt>
   <p class=mgmt>
   @if{@paused}{
@# Paused
    <a class=button
       href="@url?action=resume@back"
       title="@label{playing.resumeverbose}">@label{playing.pause}</a>
    </a>
    <img width=16 height=16 class=imgbutton src="@image{enabled}">
   }{
@# Not paused
     <a class=button
        href="@url?action=pause@back"
        title="@label{playing.pauseverbose}">@label{playing.pause}</a>
     </a>
     <img width=16 height=16 class=imgbutton src="@image{disabled}">
   }
   @if{@random-enabled}{
@# Random play enabled
     <a class=button
        href="@url?action=random-disable@back"
        title="@label{playing.randomdisableverbose}">@label{playing.random}</a>
     </a>
     <img width=16 height=16 class=imgbutton src="@image{enabled}">
   }{
@# Random play disabled
    <a class=button
       href="@url?action=random-enable@back"
       title="@label{playing.randomenableverbose}">@label{playing.random}</a>
    </a>
    <img width=16 height=16 class=imgbutton src="@image{disabled}">
   }
   @if{@enabled}{
@# Play enabled
     <a class=button
        href="@url?action=disable@back"
        title="@label{playing.disableverbose}">@label{playing.playing}</a>
     </a>
     <img width=16 height=16 class=imgbutton src="@image{enabled}">
   }{
@# Play disabled
     <a class=button
        href="@url?action=enable@back"
        title="@label{playing.enableverbose}">@label{playing.playing}</a>
     </a>
     <img width=16 height=16 class=imgbutton src="@image{disabled}">
   }
@# Volume form
   <form class=volume method=POST
         action="@url"
         enctype="multipart/form-data" accept-charset=utf-8>
   <span class=volume>
     @label{playing.volume}
@# Volume up button
     @right{volume}{
       <a class=imgbutton
          href="@url?action=volume&#38;delta=-@label{volume.resolution}@back">
         <img class=button src="@image{down}"
              alt="@label{volume.reduce}"
              title="@label{volume.reduceverbose}">
       </a>
     }{
       <img class=button src="@image{nodown}">
     }
@# Volume value widgets
     @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=back type=hidden value="@thisurl@?back=manage">
@# Volume set button
     @right{volume}{
       <button class=search name=submit type=submit>
          @label{volume.set}
       </button>
       <input name=action type=hidden value=volume>
     }
@# Volume down button
     @right{volume}{
       <a class=imgbutton
          href="@url?action=volume&#38;delta=@label{volume.resolution}@back">
          <img class=button
               src="@image{up}"
               alt="@label{volume.increase}"
               title="@label{volume.increaseverbose}">
       </a>
     }{
       <img class=button src="@image{noup}">
     }
    </form>
    </span>
    </p>
    </div>
   }{}

@# 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>
      @ifmanage{
	<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=@ifmanage{11}{7}>@label{playing.now}</td>
       </tr>
     }
     @playing{
       <tr class=playing>
	<td class=when>@mwhen{playing}{@id}</td>
	<td class=who>@mwho{playing}{@id}</td>
	<td class=artist>@martist{playing}{@track}</td>
	<td class=album>@malbum{playing}{@track}</td>
	<td class=title>@mtitle{playing}{@track}</td>
	<td class=length>@length{@id}</td>
	<td class=imgbutton>@mremove{playing}{@id}</td>
	@ifmanage{
	  <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=@ifmanage{11}{7}@>@label{playing.next}</td>
       </tr>
     }
     @queue{
       <tr class=@parity@>
	<td class=when>@mwhen{queue}{@id}</td>
	<td class=who>@mwho{queue}{@id}</td>
	<td class=artist>@martist{queue}{@track}</td>
	<td class=album>@malbum{queue}{@track}</td>
	<td class=title>@mtitle{queue}{@track}</td>
	<td class=length>@length</td>
	<td class=imgbutton>@mremove{queue}{@id}</td>
	@ifmanage{
	  <td class=imgbutton>@mmove{@id}{upall}{2147483647}</td>
	  <td class=imgbutton>@mmove{@id}{up}{1}</td>
	  <td class=imgbutton>@mmove{@id}{down}{-1}</td>
	  <td class=imgbutton>@mmove{@id}{downall}{-2147483647}</td>
	}
       </tr>
     }
   </table>
}

@include{topbarend.tmpl}@#
 </body>
</html>
@discard{
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.
8f9616f1	4	Copyright (C) 2004-2008 Richard Kettlewell
460b9539	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	-->
2257512d	21	@discard{
2257512d RK	22	@include{macros.tmpl}
2257512d RK	23	}@#
460b9539	24	<html>
460b9539	25	<head>
2257512d	26	@include{stdhead.tmpl}@#
04024c2c	27	<title>@if{@isplaying}
2257512d RK	28	{@playing{@part{@id}{title}}}
2257512d RK	29	{@label{playing.title}}</title>
460b9539	30	</head>
460b9539	31	<body>
04024c2c RK	32	@include{topbar.tmpl}
04024c2c RK	33	<h1>@label{playing.title}</h1>
460b9539	34
04024c2c	35	@# Extra control buttons for the management page
2257512d	36	@ifmanage{
328248ba	37	<div class=mgmt>
460b9539	38	<p class=mgmt>
af106f2d	39	@if{@paused}{
04024c2c	40	@# Paused
af106f2d RK	41	<a class=button
af106f2d RK	42	href="@url?action=resume@back"
04024c2c	43	title="@label{playing.resumeverbose}">@label{playing.pause}</a>
af106f2d RK	44	</a>
	45	<img width=16 height=16 class=imgbutton src="@image{enabled}">
	46	}{
04024c2c	47	@# Not paused
af106f2d RK	48	<a class=button
	49	href="@url?action=pause@back"
	50	title="@label{playing.pauseverbose}">@label{playing.pause}</a>
	51	</a>
	52	<img width=16 height=16 class=imgbutton src="@image{disabled}">
	53	}
	54	@if{@random-enabled}{
04024c2c	55	@# Random play enabled
af106f2d RK	56	<a class=button
	57	href="@url?action=random-disable@back"
	58	title="@label{playing.randomdisableverbose}">@label{playing.random}</a>
	59	</a>
	60	<img width=16 height=16 class=imgbutton src="@image{enabled}">
	61	}{
04024c2c	62	@# Random play disabled
af106f2d RK	63	<a class=button
af106f2d RK	64	href="@url?action=random-enable@back"
04024c2c	65	title="@label{playing.randomenableverbose}">@label{playing.random}</a>
af106f2d RK	66	</a>
	67	<img width=16 height=16 class=imgbutton src="@image{disabled}">
	68	}
	69	@if{@enabled}{
04024c2c	70	@# Play enabled
af106f2d RK	71	<a class=button
	72	href="@url?action=disable@back"
	73	title="@label{playing.disableverbose}">@label{playing.playing}</a>
	74	</a>
	75	<img width=16 height=16 class=imgbutton src="@image{enabled}">
	76	}{
2257512d	77	@# Play disabled
af106f2d RK	78	<a class=button
	79	href="@url?action=enable@back"
	80	title="@label{playing.enableverbose}">@label{playing.playing}</a>
	81	</a>
	82	<img width=16 height=16 class=imgbutton src="@image{disabled}">
	83	}
2257512d	84	@# Volume form
af106f2d RK	85	<form class=volume method=POST
	86	action="@url"
	87	enctype="multipart/form-data" accept-charset=utf-8>
	88	<span class=volume>
04024c2c RK	89	@label{playing.volume}
	90	@# Volume up button
	91	@right{volume}{
	92	<a class=imgbutton
af106f2d	93	href="@url?action=volume&delta=-@label{volume.resolution}@back">
04024c2c RK	94	<img class=button src="@image{down}"
	95	alt="@label{volume.reduce}"
	96	title="@label{volume.reduceverbose}">
	97	</a>
	98	}{
	99	<img class=button src="@image{nodown}">
	100	}
	101	@# Volume value widgets
af106f2d RK	102	@label{volume.left} <input size=3 name=left
	103	type=text value="@volume:left@">
	104	@label{volume.right} <input size=3 name=right type
	105	text value="@volume:right@">
2257512d	106	<input name=back type=hidden value="@thisurl@?back=manage">
04024c2c RK	107	@# Volume set button
	108	@right{volume}{
	109	<button class=search name=submit type=submit>
af106f2d RK	110	@label{volume.set}
	111	</button>
	112	<input name=action type=hidden value=volume>
04024c2c RK	113	}
	114	@# Volume down button
	115	@right{volume}{
	116	<a class=imgbutton
2257512d	117	href="@url?action=volume&delta=@label{volume.resolution}@back">
04024c2c RK	118	<img class=button
	119	src="@image{up}"
	120	alt="@label{volume.increase}"
	121	title="@label{volume.increaseverbose}">
	122	</a>
	123	}{
	124	<img class=button src="@image{noup}">
	125	}
460b9539	126	</form>
460b9539	127	</span>
328248ba	128	</p>
328248ba	129	</div>
2257512d	130	}{}
460b9539	131
04024c2c RK	132	@# Only display the table if there is something to put in it
04024c2c RK	133	@if{@or{@isplaying}{@isqueue}}{
460b9539	134	<table class=playing>
460b9539	135	<tr class=headings>
04024c2c RK	136	<th class=when>@label{heading.when}</th>
	137	<th class=who>@label{heading.who}</th>
	138	<th class=artist>@label{heading.artist}</th>
	139	<th class=album>@label{heading.album}</th>
	140	<th class=title>@label{heading.title}</th>
	141	<th class=length>@label{heading.length}</th>
460b9539	142	<th class=button> </th>
2257512d	143	@ifmanage{
af106f2d RK	144	<th class=imgbutton> </th>
	145	<th class=imgbutton> </th>
	146	<th class=imgbutton> </th>
	147	<th class=imgbutton> </th>
2257512d	148	}{}
460b9539	149	</tr>
af106f2d RK	150	@if{@isplaying}{
	151	<tr class=nowplaying>
	152	<td colspan=@ifmanage{11}{7}>@label{playing.now}</td>
	153	</tr>
	154	}
2257512d	155	@playing{
af106f2d RK	156	<tr class=playing>
	157	<td class=when>@mwhen{playing}{@id}</td>
	158	<td class=who>@mwho{playing}{@id}</td>
	159	<td class=artist>@martist{playing}{@track}</td>
	160	<td class=album>@malbum{playing}{@track}</td>
	161	<td class=title>@mtitle{playing}{@track}</td>
	162	<td class=length>@length{@id}</td>
	163	<td class=imgbutton>@mremove{playing}{@id}</td>
	164	@ifmanage{
	165	<td class=imgbutton> </td>
	166	<td class=imgbutton> </td>
	167	<td class=imgbutton> </td>
	168	<td class=imgbutton> </td>
	169	}{}
	170	</tr>
2257512d	171	}
460b9539	172	@if{@isqueue@}{
af106f2d RK	173	<tr class=next>
	174	<td colspan=@ifmanage{11}{7}@>@label{playing.next}</td>
	175	</tr>
2257512d	176	}
460b9539	177	@queue{
af106f2d RK	178	<tr class=@parity@>
	179	<td class=when>@mwhen{queue}{@id}</td>
	180	<td class=who>@mwho{queue}{@id}</td>
	181	<td class=artist>@martist{queue}{@track}</td>
	182	<td class=album>@malbum{queue}{@track}</td>
	183	<td class=title>@mtitle{queue}{@track}</td>
	184	<td class=length>@length</td>
	185	<td class=imgbutton>@mremove{queue}{@id}</td>
	186	@ifmanage{
	187	<td class=imgbutton>@mmove{@id}{upall}{2147483647}</td>
	188	<td class=imgbutton>@mmove{@id}{up}{1}</td>
	189	<td class=imgbutton>@mmove{@id}{down}{-1}</td>
	190	<td class=imgbutton>@mmove{@id}{downall}{-2147483647}</td>
	191	}
	192	</tr>
2257512d	193	}
460b9539	194	</table>
2257512d	195	}
460b9539	196
a2c4ad5f	197	@include{topbarend.tmpl}@#
460b9539	198	</body>
460b9539	199	</html>
2257512d	200	@discard{
460b9539	201	Local variables:
	202	mode:sgml
	203	sgml-always-quote-attributes:nil
	204	sgml-indent-step:1
	205	sgml-indent-data:t
	206	End:
2257512d	207	}@