chiark / gitweb /
Use form-based buttons instead of hyperlinks
[disorder] / templates / choose.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 <html>
22  <head>
23 @stdhead{choose}
24  </head>
25  <body>
26 @stdmenu{choose}
27    <h1>@label{choose.title}</h1>
28   
29   @if{@eq{@label{menu.choosewhich}}{choosealpha}}
30      {
31    <p class=choosealpha>
32     <a title="Directories starting with 'a'"
33     href="@url?action=choose&#38;re=^(the )?a">A</a> |
34     <a title="Directories starting with 'b'"
35     href="@url?action=choose&#38;re=^(the )?b">B</a> |
36     <a title="Directories starting with 'c'"
37     href="@url?action=choose&#38;re=^(the )?c">C</a> |
38     <a title="Directories starting with 'd'"
39     href="@url?action=choose&#38;re=^(the )?d">D</a> |
40     <a title="Directories starting with 'e'"
41     href="@url?action=choose&#38;re=^(the )?e">E</a> |
42     <a title="Directories starting with 'f'"
43     href="@url?action=choose&#38;re=^(the )?f">F</a> |
44     <a title="Directories starting with 'g'"
45     href="@url?action=choose&#38;re=^(the )?g">G</a> |
46     <a title="Directories starting with 'h'"
47     href="@url?action=choose&#38;re=^(the )?h">H</a> |
48     <a title="Directories starting with 'i'"
49     href="@url?action=choose&#38;re=^(the )?i">I</a> |
50     <a title="Directories starting with 'j'"
51     href="@url?action=choose&#38;re=^(the )?j">J</a> |
52     <a title="Directories starting with 'k'"
53     href="@url?action=choose&#38;re=^(the )?k">K</a> |
54     <a title="Directories starting with 'l'"
55     href="@url?action=choose&#38;re=^(the )?l">L</a> |
56     <a title="Directories starting with 'm'"
57     href="@url?action=choose&#38;re=^(the )?m">M</a> |
58     <a title="Directories starting with 'n'"
59     href="@url?action=choose&#38;re=^(the )?n">N</a> |
60     <a title="Directories starting with 'o'"
61     href="@url?action=choose&#38;re=^(the )?o">O</a> |
62     <a title="Directories starting with 'p'"
63     href="@url?action=choose&#38;re=^(the )?p">P</a> |
64     <a title="Directories starting with 'q'"
65     href="@url?action=choose&#38;re=^(the )?q">Q</a> |
66     <a title="Directories starting with 'r'"
67     href="@url?action=choose&#38;re=^(the )?r">R</a> |
68     <a title="Directories starting with 's'"
69     href="@url?action=choose&#38;re=^(the )?s">S</a> |
70     <a title="Directories starting with 't'"
71     href="@url?action=choose&#38;re=^(?!the [^t])t">T</a> |
72     <a title="Directories starting with 'u'"
73     href="@url?action=choose&#38;re=^(the )?u">U</a> |
74     <a title="Directories starting with 'v'"
75     href="@url?action=choose&#38;re=^(the )?v">V</a> |
76     <a title="Directories starting with 'w'"
77     href="@url?action=choose&#38;re=^(the )?w">W</a> |
78     <a title="Directories starting with 'x'"
79     href="@url?action=choose&#38;re=^(the )?x">X</a> |
80     <a title="Directories starting with 'y'"
81     href="@url?action=choose&#38;re=^(the )?y">Y</a> |
82     <a title="Directories starting with 'z'"
83     href="@url?action=choose&#38;re=^(the )?z">Z</a> |
84     <a title="Directories starting with anything else"
85     href="@url?action=choose&#38;re=^[^a-z]">*</a>
86    </p>
87 }
88
89 @# Always have a search form
90    <form class=search
91          action="@url"
92          method=POST
93          enctype="multipart/form-data" accept-charset=utf-8>
94      <p class=search>Enter search terms:
95        <input class=query name=query type=text value="@argq{query}"
96               size=50>
97        @submit{@label{search.search}}
98        <input name=action type=hidden value=choose>
99        @actbutton{@label{search.clear}}{}{choose}
100      </p>
101    </form>
102
103    @if{@ne{@arg{query}}{}}
104       {@# There's a search query
105   <table class=search>
106     <tr class=headings>
107      <th class=artist>@label{heading.artist}</th>
108      <th class=album>@label{heading.album}</th>
109      <th class=title>@label{heading.title}</th>
110      <th class=length>@label{heading.length}</th>
111 @right{prefs}{
112      <th class=button>&nbsp;</th>}
113     </tr>
114     @search{@arg{query}}{
115     <tr class=@parity>
116      <td class=artist>@martist{search}{@track}</td>
117      <td class=album>@malbum{search}{@track}</td>
118      <td class=title>@mtitleplay{search}{@track}</td>
119      <td class=length>@length{@track}</td>
120      @right{prefs}{
121      <td class=imgbutton>
122       <a class=imgbutton
123          href="@url?action=prefs&#38;track=@urlquote{@track}">
124        <img class=button src="@image{edit}"
125             title="@label{choose.prefsverbose}"
126             alt="@label{choose.prefs}">
127       </a>
128      </td>
129     </tr>}
130     }
131   </table>}
132       {@# No search query
133
134 @# We have the following possible cases:
135 @#  choose.which  dir       re       result
136 @#  choose        ""        -        Ask for top level
137 @#  choose        ""        present  Ask for top level with re applied
138 @#  choose        present   -        Ask for dir
139 @#  choose        present   re       Ask for dir with re applied
140 @#  choosealpha   ""        -        Nothing
141 @#  choosealpha   ""        present  Ask for top level with re applied
142 @#  choosealpha   present   -        Ask for dir
143 @#  choosealpha   present   re       Ask for dir with re applied
144 @#
145 @# So in fact the only oddity is choosealpha + no dir + no re.
146 @#
147 @# NB we don't really bother distinguishing between re being empty or absent,
148 @# and the server deliberately cooperates in this.
149
150    @if{@ne{@arg{dir}}{}}{
151    <p class=directoryname>@#
152 @breadcrumbs{@arg{dir}} 
153             {/<a href="@url?action=choose&#38;dir=@urlquote{@dir}">@#
154 @basename{@dir}</a>}:</p>}
155
156 @#  <p>dir=[@arg{dir}]<br>re=[@arg{re}]<br>which=@label{choose.which}</p>
157
158   @if{@or{@ne{@label{menu.choosewhich}}{choosealpha}}
159          {@ne{@arg{dir}}{}}
160          {@ne{@arg{re}}{}}}
161      {@#
162    <div class=directories>
163     <div class=filesdirectories>
164      @dirs{@arg{dir}}{@arg{re}}{
165       <p class=entry>
166        <a href="@url?action=choose&#38;dir=@urlquote{@track}">
167         <img class=button src="@image{directory}" alt="">
168         @display
169        </a>
170       </p>}
171     </div>
172    </div>
173
174 @define{sometracks}{template}{}
175
176    <div class=files>
177     <div class=filesdirectories>
178      @tracks{@arg{dir}}{@arg{re}}{
179       <p class=entry>
180 @define{sometracks}{template}{@template}@#
181        @right{prefs}{
182         <a class=imgprefs
183            href="@url?action=prefs&#38;track=@urlquote{@resolve{@track}}">
184          <img class=button
185               src="@image{edit}"
186               title="@label{choose.prefsverbose}"
187               alt="@label{choose.prefs}">
188         </a>
189        }@#
190        <a href="@url?action=play&#38;track=@urlquote{@track}&#38;back=@urlquote{@thisurl}"
191           title="@label{choose.play}">
192         @display
193        </a>
194        @if{@eq{@trackstate{@track}}{playing}}
195           {[<b>playing</b>]}
196        @if{@eq{@trackstate{@track}}{queued}}
197           {[<b>queued</b>]}
198       </p>}
199       @sometracks{
200       <p class=all>
201         @right{prefs}{
202         <a class=imgprefs
203            href="@url?action=prefs&#38;dir=@urlquote{@arg{dir}}">
204          <img class=button
205               src="@image{edit}"
206               title="@label{choose.allprefsverbose}"
207               alt="@label{choose.allprefs}">
208         </a>}
209         <a class=button
210            href="@url?action=play&#38;dir=@urlquote{@arg{dir}}&#38;back=@urlquote{@thisurl}">
211          @label{choose.playall}
212         </a>
213       </p>}
214     </div>
215    </div>
216    }
217    }
218
219 @credits
220  </body>
221 </html>
222 @discard{
223 Local variables:
224 mode:sgml
225 sgml-always-quote-attributes:nil
226 sgml-indent-step:1
227 sgml-indent-data:t
228 indent-tabs-mode:nil
229 fill-column:79
230 End:
231 }@#