chiark - git - mdw - disorder/blob - templates/playing.tmpl

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <!--
   3 This file is part of DisOrder.
   4 Copyright (C) 2004-2008 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 @discard{
  22   @include{macros.tmpl}
  23 }@#
  24 <html>
  25  <head>
  26 @include{stdhead.tmpl}@#
  27   <title>@if{@isplaying}
  28             {@playing{@part{@id}{title}}}
  29             {@label{playing.title}}</title>
  30  </head>
  31  <body>
  32 @include{topbar.tmpl}
  33    <h1>@label{playing.title}</h1>
  34
  35 @# Extra control buttons for the management page
  36    @ifmanage{
  37    <div class=mgmt>
  38    <p class=mgmt>
  39     @if{@paused}{
  40 @# Paused
  41       <a class=button
  42       href="@url?action=resume@back"
  43        title="@label{playing.resumeverbose}">@label{playing.pause}</a>
  44       </a>
  45       <img width=16 height=16 class=imgbutton src="@image{enabled}">
  46     }{
  47 @# Not paused
  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}{
  55 @# Random play enabled
  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     }{
  62 @# Random play disabled
  63       <a class=button
  64       href="@url?action=random-enable@back"
  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
  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     }{
  77 @# Play disabled
  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     }
  84 @# Volume form
  85     <form class=volume action="@url" method=POST
  86      enctype="multipart/form-data" accept-charset=utf-8>
  87     <span class=volume>
  88      @label{playing.volume}
  89 @# Volume up button
  90      @right{volume}{
  91        <a class=imgbutton
  92         href="@url?action=volume&#38;delta=-@label{volume.resolution}@back">
  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@">
 103      <input name=back type=hidden value="@thisurl@?back=manage">
 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
 113           href="@url?action=volume&#38;delta=@label{volume.resolution}@back">
 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      }
 122     </form>
 123     </span>
 124     </p>
 125     </div>
 126    }{}
 127
 128 @# Only display the table if there is something to put in it
 129 @if{@or{@isplaying}{@isqueue}}{
 130    <table class=playing>
 131      <tr class=headings>
 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>
 138       <th class=button>&nbsp;</th>
 139       @ifmanage{
 140       <th class=imgbutton>&nbsp;</th>
 141       <th class=imgbutton>&nbsp;</th>
 142       <th class=imgbutton>&nbsp;</th>
 143       <th class=imgbutton>&nbsp;</th>
 144       }{}
 145      </tr>
 146      @playing{
 147      <tr class=nowplaying>
 148       <td colspan=@ifmanage{11}{7}>@label{playing.now}</td>
 149      </tr>
 150      <tr class=playing>
 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>
 156       <td class=length>@length{@id}</td>
 157       <td class=imgbutton>@mremove{playing}{@id}</td>
 158       @ifmanage{
 159       <td class=imgbutton>&nbsp;</td>
 160       <td class=imgbutton>&nbsp;</td>
 161       <td class=imgbutton>&nbsp;</td>
 162       <td class=imgbutton>&nbsp;</td>
 163       }{}
 164      </tr>
 165      }
 166      @if{@isqueue@}{
 167      <tr class=next>
 168       <td colspan=@ifmanage{11}{7}@>@label{playing.next}</td>
 169      </tr>
 170      }
 171      @queue{
 172      <tr class=@parity@>
 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>
 178       <td class=length>@length</td>
 179       <td class=imgbutton>@mremove{queue}{@id}</td>
 180
 181       @if{@eq{@arg{action}}{manage}}{
 182       @if{@or{@isfirst@}
 183              {@not{@movable@}@}@}{
 184      <!-- cannot move up -->
 185      <td class=imgbutton>
 186       <img
 187        class=button src="@image{noupall}"
 188        title="@label{playing.upallverbose}" alt="">
 189      <td class=imgbutton>
 190       <img
 191        class=button src="@image{noup}"
 192        title="@label{playing.upverbose}" alt="">
 193          }{
 194      <!-- can move up -->
 195      <td class=imgbutton>
 196       <a class=imgbutton
 197         href="@url?action=move&#38;id=@id@&#38;delta=2147483647@back"><img
 198        class=button src="@image{upall}"
 199        title="@label{playing.upallverbose}"
 200        alt="@label{playing.upall}"></a>
 201      <td class=imgbutton>
 202      <a class=imgbutton
 203         href="@url?action=move&#38;id=@id@&#38;delta=1@back"><img
 204        class=button src="@image{up}"
 205        title="@label{playing.upverbose}" alt="@label{playing.up}"></a>
 206          }
 207
 208       @if{@or{@islast@}
 209              {@not{@movable@}@}@}{
 210      <!-- cannot move down -->
 211      <td class=imgbutton>
 212       <img
 213        class=button src="@image{nodownall}"
 214        title="@label{playing.downallverbose}" alt="">
 215      <td class=imgbutton>
 216       <img
 217        class=button src="@image{nodown}"
 218        title="@label{playing.downverbose}" alt="">
 219          }{
 220      <!-- can move down -->
 221      <td class=imgbutton>
 222       <a class=imgbutton
 223         href="@url?action=move&#38;id=@id@&#38;delta=-2147483647@back"><img
 224        class=button src="@image{downall}"
 225        title="@label{playing.downallverbose}"
 226        alt="@label{playing.downall}"></a>
 227      <td class=imgbutton>
 228      <a class=imgbutton
 229         href="@url?action=move&#38;id=@id@&#38;delta=-1@back"><img
 230        class=button src="@image{down}"
 231        title="@label{playing.downverbose}" alt="@label{playing.down}"></a>
 232          }
 233       }
 234      </tr>
 235      }
 236    </table>
 237 }
 238
 239 @include{topbarend.tmpl}@#
 240  </body>
 241 </html>
 242 @discard{
 243 Local variables:
 244 mode:sgml
 245 sgml-always-quote-attributes:nil
 246 sgml-indent-step:1
 247 sgml-indent-data:t
 248 End:
 249 }@