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