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} |
23 | }@# | |
460b9539 | 24 | <html> |
25 | <head> | |
2257512d | 26 | @include{stdhead.tmpl}@# |
04024c2c | 27 | <title>@if{@isplaying} |
2257512d RK |
28 | {@playing{@part{@id}{title}}} |
29 | {@label{playing.title}}</title> | |
460b9539 | 30 | </head> |
31 | <body> | |
04024c2c RK |
32 | @include{topbar.tmpl} |
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> |
04024c2c RK |
39 | @if{@paused}{ |
40 | @# Paused | |
41 | <a class=button | |
2257512d | 42 | href="@url?action=resume@back" |
04024c2c RK |
43 | title="@label{playing.resumeverbose}">@label{playing.pause}</a> |
44 | </a> | |
45 | <img width=16 height=16 class=imgbutton src="@image{enabled}"> | |
460b9539 | 46 | }{ |
04024c2c RK |
47 | @# Not paused |
48 | <a class=button | |
2257512d | 49 | href="@url?action=pause@back" |
04024c2c RK |
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}{ | |
55 | @# Random play enabled | |
56 | <a class=button | |
2257512d | 57 | href="@url?action=random-disable@back" |
04024c2c RK |
58 | title="@label{playing.randomdisableverbose}">@label{playing.random}</a> |
59 | </a> | |
60 | <img width=16 height=16 class=imgbutton src="@image{enabled}"> | |
460b9539 | 61 | }{ |
04024c2c RK |
62 | @# Random play disabled |
63 | <a class=button | |
2257512d | 64 | href="@url?action=random-enable@back" |
04024c2c RK |
65 | title="@label{playing.randomenableverbose}">@label{playing.random}</a> |
66 | </a> | |
67 | <img width=16 height=16 class=imgbutton src="@image{disabled}"> | |
68 | } | |
69 | @if{@enabled}{ | |
70 | @# Play enabled | |
71 | <a class=button | |
2257512d | 72 | href="@url?action=disable@back" |
04024c2c RK |
73 | title="@label{playing.disableverbose}">@label{playing.playing}</a> |
74 | </a> | |
75 | <img width=16 height=16 class=imgbutton src="@image{enabled}"> | |
460b9539 | 76 | }{ |
2257512d | 77 | @# Play disabled |
04024c2c | 78 | <a class=button |
2257512d | 79 | href="@url?action=enable@back" |
04024c2c RK |
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 |
04024c2c | 85 | <form class=volume action="@url" method=POST |
460b9539 | 86 | enctype="multipart/form-data" accept-charset=utf-8> |
87 | <span class=volume> | |
04024c2c RK |
88 | @label{playing.volume} |
89 | @# Volume up button | |
90 | @right{volume}{ | |
91 | <a class=imgbutton | |
2257512d | 92 | href="@url?action=volume&delta=-@label{volume.resolution}@back"> |
04024c2c RK |
93 | <img class=button src="@image{down}" |
94 | alt="@label{volume.reduce}" | |
95 | title="@label{volume.reduceverbose}"> | |
96 | </a> | |
97 | }{ | |
98 | <img class=button src="@image{nodown}"> | |
99 | } | |
100 | @# Volume value widgets | |
101 | @label{volume.left} <input size=3 name=left type=text value="@volume:left@"> | |
102 | @label{volume.right} <input size=3 name=right type=text value="@volume:right@"> | |
2257512d | 103 | <input name=back type=hidden value="@thisurl@?back=manage"> |
04024c2c RK |
104 | @# Volume set button |
105 | @right{volume}{ | |
106 | <button class=search name=submit type=submit> | |
107 | @label{volume.set} | |
108 | </button><input name=action type=hidden value=volume> | |
109 | } | |
110 | @# Volume down button | |
111 | @right{volume}{ | |
112 | <a class=imgbutton | |
2257512d | 113 | href="@url?action=volume&delta=@label{volume.resolution}@back"> |
04024c2c RK |
114 | <img class=button |
115 | src="@image{up}" | |
116 | alt="@label{volume.increase}" | |
117 | title="@label{volume.increaseverbose}"> | |
118 | </a> | |
119 | }{ | |
120 | <img class=button src="@image{noup}"> | |
121 | } | |
460b9539 | 122 | </form> |
123 | </span> | |
328248ba | 124 | </p> |
125 | </div> | |
2257512d | 126 | }{} |
460b9539 | 127 | |
04024c2c RK |
128 | @# Only display the table if there is something to put in it |
129 | @if{@or{@isplaying}{@isqueue}}{ | |
460b9539 | 130 | <table class=playing> |
131 | <tr class=headings> | |
04024c2c RK |
132 | <th class=when>@label{heading.when}</th> |
133 | <th class=who>@label{heading.who}</th> | |
134 | <th class=artist>@label{heading.artist}</th> | |
135 | <th class=album>@label{heading.album}</th> | |
136 | <th class=title>@label{heading.title}</th> | |
137 | <th class=length>@label{heading.length}</th> | |
460b9539 | 138 | <th class=button> </th> |
2257512d | 139 | @ifmanage{ |
460b9539 | 140 | <th class=imgbutton> </th> |
141 | <th class=imgbutton> </th> | |
142 | <th class=imgbutton> </th> | |
143 | <th class=imgbutton> </th> | |
2257512d | 144 | }{} |
460b9539 | 145 | </tr> |
2257512d | 146 | @playing{ |
460b9539 | 147 | <tr class=nowplaying> |
2257512d | 148 | <td colspan=@ifmanage{11}{7}>@label{playing.now}</td> |
460b9539 | 149 | </tr> |
460b9539 | 150 | <tr class=playing> |
a2c4ad5f RK |
151 | <td class=when>@mwhen{playing}{@id}</td> |
152 | <td class=who>@mwho{playing}{@id}</td> | |
153 | <td class=artist>@martist{playing}{@track}</td> | |
154 | <td class=album>@malbum{playing}{@track}</td> | |
155 | <td class=title>@mtitle{playing}{@track}</td> | |
2257512d | 156 | <td class=length>@length{@id}</td> |
a2c4ad5f | 157 | <td class=imgbutton>@mremove{playing}{@id}</td> |
2257512d | 158 | @ifmanage{ |
460b9539 | 159 | <td class=imgbutton> </td> |
160 | <td class=imgbutton> </td> | |
161 | <td class=imgbutton> </td> | |
162 | <td class=imgbutton> </td> | |
2257512d | 163 | }{} |
460b9539 | 164 | </tr> |
2257512d | 165 | } |
460b9539 | 166 | @if{@isqueue@}{ |
167 | <tr class=next> | |
2257512d | 168 | <td colspan=@ifmanage{11}{7}@>@label{playing.next}</td> |
460b9539 | 169 | </tr> |
2257512d | 170 | } |
460b9539 | 171 | @queue{ |
172 | <tr class=@parity@> | |
a2c4ad5f RK |
173 | <td class=when>@mwhen{queue}{@id}</td> |
174 | <td class=who>@mwho{queue}{@id}</td> | |
175 | <td class=artist>@martist{queue}{@track}</td> | |
176 | <td class=album>@malbum{queue}{@track}</td> | |
177 | <td class=title>@mtitle{queue}{@track}</td> | |
2257512d | 178 | <td class=length>@length</td> |
a2c4ad5f | 179 | <td class=imgbutton>@mremove{queue}{@id}</td> |
d7ce365e | 180 | |
2257512d | 181 | @if{@eq{@arg{action}}{manage}}{ |
d7ce365e | 182 | @if{@or{@isfirst@} |
183 | {@not{@movable@}@}@}{ | |
184 | <!-- cannot move up --> | |
185 | <td class=imgbutton> | |
460b9539 | 186 | <img |
04024c2c RK |
187 | class=button src="@image{noupall}" |
188 | title="@label{playing.upallverbose}" alt=""> | |
460b9539 | 189 | <td class=imgbutton> |
190 | <img | |
04024c2c RK |
191 | class=button src="@image{noup}" |
192 | title="@label{playing.upverbose}" alt=""> | |
d7ce365e | 193 | }{ |
194 | <!-- can move up --> | |
195 | <td class=imgbutton> | |
460b9539 | 196 | <a class=imgbutton |
2257512d | 197 | href="@url?action=move&id=@id@&delta=2147483647@back"><img |
04024c2c RK |
198 | class=button src="@image{upall}" |
199 | title="@label{playing.upallverbose}" | |
200 | alt="@label{playing.upall}"></a> | |
460b9539 | 201 | <td class=imgbutton> |
202 | <a class=imgbutton | |
2257512d | 203 | href="@url?action=move&id=@id@&delta=1@back"><img |
04024c2c RK |
204 | class=button src="@image{up}" |
205 | title="@label{playing.upverbose}" alt="@label{playing.up}"></a> | |
2257512d | 206 | } |
d7ce365e | 207 | |
208 | @if{@or{@islast@} | |
209 | {@not{@movable@}@}@}{ | |
210 | <!-- cannot move down --> | |
211 | <td class=imgbutton> | |
212 | <img | |
04024c2c RK |
213 | class=button src="@image{nodownall}" |
214 | title="@label{playing.downallverbose}" alt=""> | |
d7ce365e | 215 | <td class=imgbutton> |
460b9539 | 216 | <img |
04024c2c RK |
217 | class=button src="@image{nodown}" |
218 | title="@label{playing.downverbose}" alt=""> | |
d7ce365e | 219 | }{ |
220 | <!-- can move down --> | |
460b9539 | 221 | <td class=imgbutton> |
d7ce365e | 222 | <a class=imgbutton |
2257512d | 223 | href="@url?action=move&id=@id@&delta=-2147483647@back"><img |
04024c2c RK |
224 | class=button src="@image{downall}" |
225 | title="@label{playing.downallverbose}" | |
226 | alt="@label{playing.downall}"></a> | |
d7ce365e | 227 | <td class=imgbutton> |
228 | <a class=imgbutton | |
2257512d | 229 | href="@url?action=move&id=@id@&delta=-1@back"><img |
04024c2c RK |
230 | class=button src="@image{down}" |
231 | title="@label{playing.downverbose}" alt="@label{playing.down}"></a> | |
2257512d RK |
232 | } |
233 | } | |
460b9539 | 234 | </tr> |
2257512d | 235 | } |
460b9539 | 236 | </table> |
2257512d | 237 | } |
460b9539 | 238 | |
a2c4ad5f | 239 | @include{topbarend.tmpl}@# |
460b9539 | 240 | </body> |
241 | </html> | |
2257512d | 242 | @discard{ |
460b9539 | 243 | Local variables: |
244 | mode:sgml | |
245 | sgml-always-quote-attributes:nil | |
246 | sgml-indent-step:1 | |
247 | sgml-indent-data:t | |
248 | End: | |
2257512d | 249 | }@ |