[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 3 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, see <http://www.gnu.org/licenses/>.
-->
@discard{

  @# On/off button for pause etc
  @#  @class should be the class: pause, random, playing
  @#  @action should be the action to switch to the opposite state
  @#  @state should be the current state
  @define {onoff} {class action state}
          {@actbutton{@label{playing.@class}}
                     {@label{playing.@q{@action}verbose}}
                     {@action}
           <img width=@width height=@height class=imgbutton
                src="@image{@state}">}

  @# Volume up/down buttons
  @#  @dir is the direction: up or down
  @#  @sign is the sign: + or -
  @define {vbutton}{dir sign}
          {@right{volume}
                 {<a class=imgbutton
		     href="@url?action=volume&#38;delta=@sign@label{volume.resolution}@back">
		    <img class=button src="@image{@dir}"
                         width=@width height=@height
			 alt="@label{volume.@dir}"
			 title="@label{volume.@q{@dir}verbose}">
		  </a>}
                 {<img class=button width=@width height=@height
                       src="@image{no@dir}">}}

  @# Expand to @yes for the Manage page and @no for the playing page
  @define {ifmanage} {yes no}
	    {@if {@eq {@arg{action}}{manage}}
		 {@yes}
		 {@no}}

  @ifmanage{
    @define {back} {} {&amp;back=manage}
    @define {formback} {} {<input type=hidden name=back value=manage>}
  }{}
}@#
<html>
 <head>
@quiethead
  <title>@if{@isplaying}
            {@playing{@part{@id}{title}}}
            {@label{playing.title}}</title>
 </head>
 <body>
@stdmenu{@ifmanage{manage}{playing}}
   <h1>@label{playing.title}</h1>

@# Extra control buttons for the management page
   @ifmanage{
   <div class=mgmt>
     <p class=mgmt>
       @if{@paused}
	  {@onoff{pause}{resume}{enabled}}
	  {@onoff{pause}{pause}{disabled}}
       @if{@random-enabled}
	  {@onoff{random}{randomdisable}{enabled}}
	  {@onoff{random}{randomenable}{disabled}}
       @if{@enabled}
	  {@onoff{playing}{disable}{enabled}}
	  {@onoff{playing}{enable}{disabled}}
       <form class=volume method=POST
	     action="@url"
	     enctype="multipart/form-data" accept-charset=utf-8>
	 <span class=volume>
	   @label{playing.volume}
	   @vbutton{up}{+}
	   @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="@quote{@thisurl}">
	   @right{volume}{
             @submit{@label{volume.set}}
	     <input name=action type=hidden value=volume>
	   }
	   @vbutton{down}{-}
	 </span>
       </form>
      </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{@id}</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>
}

@credits
 </body>
</html>
@discard{
Local variables:
mode:sgml
sgml-always-quote-attributes:nil
sgml-indent-step:1
sgml-indent-data:t
indent-tabs-mode:nil
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
e7eb3a27	6	This program is free software: you can redistribute it and/or modify
460b9539	7	it under the terms of the GNU General Public License as published by
e7eb3a27	8	the Free Software Foundation, either version 3 of the License, or
460b9539	9	(at your option) any later version.
460b9539	10
e7eb3a27 RK	11	This program is distributed in the hope that it will be useful,
	12	but WITHOUT ANY WARRANTY; without even the implied warranty of
	13	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	14	GNU General Public License for more details.
460b9539	15
460b9539	16	You should have received a copy of the GNU General Public License
e7eb3a27	17	along with this program. If not, see <http://www.gnu.org/licenses/>.
460b9539	18	-->
2257512d	19	@discard{
1a3dba67 RK	20
	21	@# On/off button for pause etc
	22	@# @class should be the class: pause, random, playing
	23	@# @action should be the action to switch to the opposite state
	24	@# @state should be the current state
	25	@define {onoff} {class action state}
3b95af9c RK	26	{@actbutton{@label{playing.@class}}
	27	{@label{playing.@q{@action}verbose}}
	28	{@action}
1a3dba67 RK	29	<img width=@width height=@height class=imgbutton
	30	src="@image{@state}">}
	31
	32	@# Volume up/down buttons
	33	@# @dir is the direction: up or down
	34	@# @sign is the sign: + or -
	35	@define {vbutton}{dir sign}
	36	{@right{volume}
	37	{<a class=imgbutton
	38	href="@url?action=volume&delta=@sign@label{volume.resolution}@back">
	39	<img class=button src="@image{@dir}"
30d85588	40	width=@width height=@height
1a3dba67 RK	41	alt="@label{volume.@dir}"
	42	title="@label{volume.@q{@dir}verbose}">
	43	</a>}
30d85588 RK	44	{<img class=button width=@width height=@height
30d85588 RK	45	src="@image{no@dir}">}}
1a3dba67	46
0d0253c9 RK	47	@# Expand to @yes for the Manage page and @no for the playing page
	48	@define {ifmanage} {yes no}
	49	{@if {@eq {@arg{action}}{manage}}
	50	{@yes}
	51	{@no}}
	52
cf4ae3d5 RK	53	@ifmanage{
	54	@define {back} {} {&back=manage}
	55	@define {formback} {} {<input type=hidden name=back value=manage>}
	56	}{}
2257512d	57	}@#
460b9539	58	<html>
460b9539	59	<head>
0d0253c9	60	@quiethead
04024c2c	61	<title>@if{@isplaying}
2257512d RK	62	{@playing{@part{@id}{title}}}
2257512d RK	63	{@label{playing.title}}</title>
460b9539	64	</head>
460b9539	65	<body>
0d0253c9	66	@stdmenu{@ifmanage{manage}{playing}}
04024c2c	67	<h1>@label{playing.title}</h1>
460b9539	68
04024c2c	69	@# Extra control buttons for the management page
2257512d	70	@ifmanage{
328248ba	71	<div class=mgmt>
1a3dba67 RK	72	<p class=mgmt>
1a3dba67 RK	73	@if{@paused}
d77d85a6 RK	74	{@onoff{pause}{resume}{enabled}}
d77d85a6 RK	75	{@onoff{pause}{pause}{disabled}}
1a3dba67 RK	76	@if{@random-enabled}
	77	{@onoff{random}{randomdisable}{enabled}}
	78	{@onoff{random}{randomenable}{disabled}}
	79	@if{@enabled}
	80	{@onoff{playing}{disable}{enabled}}
	81	{@onoff{playing}{enable}{disabled}}
	82	<form class=volume method=POST
	83	action="@url"
	84	enctype="multipart/form-data" accept-charset=utf-8>
	85	<span class=volume>
	86	@label{playing.volume}
	87	@vbutton{up}{+}
	88	@label{volume.left}
	89	<input size=3 name=left type=text value="@volume{left}">
	90	@label{volume.right}
	91	<input size=3 name=right type=text value="@volume{right}">
858805c3	92	<input name=back type=hidden value="@quote{@thisurl}">
1a3dba67	93	@right{volume}{
8b15f02d	94	@submit{@label{volume.set}}
1a3dba67 RK	95	<input name=action type=hidden value=volume>
	96	}
	97	@vbutton{down}{-}
	98	</span>
	99	</form>
	100	</p>
328248ba	101	</div>
2257512d	102	}{}
460b9539	103
04024c2c RK	104	@# Only display the table if there is something to put in it
04024c2c RK	105	@if{@or{@isplaying}{@isqueue}}{
460b9539	106	<table class=playing>
460b9539	107	<tr class=headings>
04024c2c RK	108	<th class=when>@label{heading.when}</th>
	109	<th class=who>@label{heading.who}</th>
	110	<th class=artist>@label{heading.artist}</th>
	111	<th class=album>@label{heading.album}</th>
	112	<th class=title>@label{heading.title}</th>
	113	<th class=length>@label{heading.length}</th>
460b9539	114	<th class=button> </th>
2257512d	115	@ifmanage{
1a3dba67 RK	116	<th class=imgbutton> </th>
	117	<th class=imgbutton> </th>
	118	<th class=imgbutton> </th>
	119	<th class=imgbutton> </th>
2257512d	120	}{}
460b9539	121	</tr>
af106f2d RK	122	@if{@isplaying}{
af106f2d RK	123	<tr class=nowplaying>
1a3dba67	124	<td colspan=@ifmanage{11}{7}>@label{playing.now}</td>
af106f2d RK	125	</tr>
af106f2d RK	126	}
2257512d	127	@playing{
af106f2d	128	<tr class=playing>
1a3dba67 RK	129	<td class=when>@mwhen{playing}{@id}</td>
	130	<td class=who>@mwho{playing}{@id}</td>
	131	<td class=artist>@martist{playing}{@track}</td>
	132	<td class=album>@malbum{playing}{@track}</td>
	133	<td class=title>@mtitle{playing}{@track}</td>
	134	<td class=length>@length{@id}</td>
	135	<td class=imgbutton>@mremove{playing}{@id}</td>
	136	@ifmanage{
	137	<td class=imgbutton> </td>
	138	<td class=imgbutton> </td>
	139	<td class=imgbutton> </td>
	140	<td class=imgbutton> </td>
	141	}{}
af106f2d	142	</tr>
2257512d	143	}
99955407 RK	144	@if{@isqueue}{
	145	<tr class=next>
	146	<td colspan=@ifmanage{11}{7}>@label{playing.next}</td>
	147	</tr>
2257512d	148	}
460b9539	149	@queue{
99955407 RK	150	<tr class=@parity>
	151	<td class=when>@mwhen{queue}{@id}</td>
	152	<td class=who>@mwho{queue}{@id}</td>
	153	<td class=artist>@martist{queue}{@track}</td>
	154	<td class=album>@malbum{queue}{@track}</td>
	155	<td class=title>@mtitle{queue}{@track}</td>
	156	<td class=length>@length{@id}</td>
	157	<td class=imgbutton>@mremove{queue}{@id}</td>
	158	@ifmanage{
	159	<td class=imgbutton>@mmove{@id}{upall}{2147483647}</td>
	160	<td class=imgbutton>@mmove{@id}{up}{1}</td>
	161	<td class=imgbutton>@mmove{@id}{down}{-1}</td>
	162	<td class=imgbutton>@mmove{@id}{downall}{-2147483647}</td>
	163	}{}
	164	</tr>
	165	}
460b9539	166	</table>
2257512d	167	}
460b9539	168
0d0253c9	169	@credits
460b9539	170	</body>
460b9539	171	</html>
2257512d	172	@discard{
460b9539	173	Local variables:
	174	mode:sgml
	175	sgml-always-quote-attributes:nil
	176	sgml-indent-step:1
	177	sgml-indent-data:t
0d0253c9	178	indent-tabs-mode:nil
460b9539	179	End:
0d0253c9	180	}@#