support for CAPTCHAs
[mir.git] / etc / open / editcomment.template
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <title>${lang("comment.htmltitle")}</title>
5
6
7 <style type="text/css">
8 <!--
9
10 body {
11 margin: 6px; background: #dddddd ;
12 }
13 h1, h2, h3, h4, h5, h6, p, li, dt, dd, div, td, blockquote
14 {
15 font-family:arial, helvetica, sans-serif;
16 }
17
18 .pformbox
19 {
20 padding-left: 10px;
21 padding-right: 10px;
22 padding-bottom: 0px;
23 padding-top: 0px;
24 }
25
26 .pformerrors
27 {
28 margin: none;
29 border: none;
30 padding: 8px;
31 margin-top: 0px;
32 margin-bottom: 6px;
33 background-color: #FFFFFF;
34 border-color: gray;
35 border-width: 1px;
36 border-style: solid;
37 }
38
39
40 h1 { padding-bottom: 0px; margin-bottom: 0px;}
41 h2
42 {
43 border: none;
44 margin: none;
45 padding-bottom: 0px;
46 margin-bottom: 0px;
47 padding: 2px;
48 border-top: 1px solid black;
49 border-left: 1px solid black;
50 border-right: 1px solid black;
51 background-color: #003366;
52 color: white;
53 }
54 h3 { padding-bottom: 0px; margin-bottom: 0px;}
55 h4 { padding-bottom: 0px; margin-bottom: 0px; }
56
57 .pdiscl
58 {
59 border: none;
60 margin: none;
61 padding: 4px;
62 margin-top: 6px;
63 margin-bottom: 6px;
64
65 border-color: #FFF;
66 border-width: 2px;
67 border-style: solid;
68 }
69
70 .pformstep01
71 {
72 border: none;
73 margin: none;
74 padding: 8px;
75 margin-top: 0px;
76 margin-bottom: 6px;
77 background-color: #FAFAD2;
78 border-color: gray;
79 border-width: 1px;
80 border-style: solid;
81 }
82 .pformstep02
83 {
84 border: none;
85 margin: none;
86 padding: 8px;
87 margin-top: 0px;
88 margin-bottom: 6px;
89 background-color: #FAFAD2;
90 border-color: gray;
91 border-width: 1px;
92 border-style: solid;
93 }
94
95 .pformstep06
96 {
97 border: none;
98 margin: none;
99 padding: 8px;
100 margin-top: 0px;
101 margin-bottom: 6px;
102 background-color: #ffffff;
103 border-color: gray;
104 border-width: 1px;
105 border-style: solid;
106 }
107
108 input.psubmit
109 {
110 padding: 5px;
111 border: 2px solid green;
112 background-color: #6F0;
113 }
114
115 input.preset
116 {
117 padding: 5px;
118 border: 2px solid red;
119 background-color: #F96;
120 }
121
122 .pbuttons {
123 text-align: right;
124 }
125 input
126 {
127 background-color: #efefef;
128 }
129
130 textarea
131 {
132 background-color: #efefef;
133 }
134
135
136 input.preq
137 {
138 background-color: #ffffff;
139 }
140 textarea.preq
141 {
142 background-color: #ffffff;
143 }
144
145 .error {
146 color: red;
147 }
148 -->
149 </style>
150
151 </head>
152
153 <body bgcolor="#dddddd">
154
155 <function showErrors(aField)>
156 <comment>
157 function to display error message at the input box  // occam, 2003-06-09
158 </comment>
159 <if errors>
160 <list errors as e>
161 <if e.field==aField>       
162 ${lang(e.message)}
163 </if>
164 </list>
165 </if>
166 </function>
167
168 <div class="pformbox">
169 <h3>
170 ${lang("comment.header")}
171 </h3>
172 <p>
173 ${lang("comment.note")}
174 </p>
175
176 <h1>
177 ${lang("comment.formtitle")}
178 </h1>
179
180 <form enctype="multipart/form-data" action="${actionURL}&do=opensession&sessiontype=comment" method="post">
181 <input type="hidden" name="to_media" value="${utility.encodeHTML(to_media)}">
182
183     <if errors>
184 <h2>
185 ${lang("content.errors")}
186 </h2>
187 <div class="pformstep01">
188           Your input had the following errors:<br><br>
189           <list errors as e>
190             <font color="red">
191               <if e.field>
192                 ${lang("comment."+e.field)}:
193               </if>
194               ${lang(e.message)} <br>
195               <list e.parameters as p>
196                 ${utility.prettyEncodeHTML(p)}<br>
197               </list>
198             </font>
199           </list>
200 </div>
201    </if>
202
203 <h2>
204 ${lang("content.step01")}
205 </h2>
206 <div class="pformstep01">
207
208 <!-- TITEL -->
209 <h4>
210 ${lang("comment.title")}
211 </h4>
212 <input type="text" class="preq" name="title" size="45" maxlength="45" value="${utility.encodeHTML(title)}"> 
213 <if errors>
214 <big class="error"><call showErrors("title")></big>
215 <else>
216 <small><strong>(${lang("required")})</strong></small>
217 </if>
218
219 <!-- AUTHOR -->
220 <h4>
221 ${lang("comment.name")}
222 </h4>
223 <input type="text" class="preq" name="creator" size="20" maxlength="45" value="${utility.encodeHTML(creator)}">
224 <if errors>
225 <big class="error"><call showErrors("creator")></big>
226 <else>
227 <small><strong>(${lang("required")})</strong></small>
228 </if>
229
230 <!-- CONTENT -->
231 <h4>
232 ${lang("comment.description")}
233 </h4>
234 <textarea name="description" class="preq" rows="20" cols="74" wrap=virtual>${utility.encodeHTML(description)}</textarea>
235 <if errors>
236 <big class="error"><call showErrors("description")></big>
237 <else>
238 <small><strong>(${lang("required")})</strong></small>
239 </if>
240 </div>
241
242 <h2>
243 ${lang("content.step02")}
244 </h2>
245 <div class="pformstep02">
246 <!-- EMAIL -->
247 <h4>
248 ${lang("comment.email")}
249 </h4>
250 <input type="text" name="email" size="30" maxlength="80" value="${utility.encodeHTML(email)}">
251 <small>(${lang("optional")})</small>
252
253 <!-- URL -->
254 <h4>
255 ${lang("comment.url")}
256 </h4>
257 <input type="text" name="main_url" size="40" maxlength="160" value="http://">
258 <small>(${lang("optional")})</small>
259
260 <!-- PHONE -->
261 <h4>
262 ${lang("comment.phone")}
263 </h4>
264 <input type="text" name="phone" size="30" maxlength="80" value="${utility.encodeHTML(phone)}">
265 <small>(${lang("optional")})</small>
266
267 <!-- Adress -->
268 <h4>
269 ${lang("comment.address")}
270 </h4>
271 <input type="text" name="address" size="40" maxlength="160" value="${utility.encodeHTML(address)}">
272 <small>(${lang("optional")})</small>
273
274 <!-- LANG -->
275 <h4>
276 ${lang("comment.language")}
277 </h4>
278 <select name="to_language">
279 <list languages as l>
280 <option value="${l.id}">${l.name}</option>
281 </list>
282 </select>
283 <small>(${lang("optional")})</small>
284
285 </div>
286
287 <h2>
288 ${lang("content.step03")}
289 </h2>
290
291
292 <div class="pformstep02">
293
294 <list attachments as a>
295     <hr>
296     <h4>
297       ${utility.encodeHTML(a.filename)}
298     </h4>
299     <input type="checkbox" name="${a.fieldname}_cancel"> ${lang("content.media.cancel")}
300
301     <h4>
302       ${lang("content.media.title")} 
303     </h4>
304     <input type="text" class="preq" name="${a.fieldname}_title" size="40" maxlength="80" value="${utility.encodeHTML(a.title)}">
305 </list>
306
307 <hr>
308
309 <table>
310   <tr>
311     <td>
312     ${lang("content.media.title")} 1:
313     </td>
314     <td colspan="2">
315       <input type="text" name="media1_title" size="40" maxlength="80" value=""><br>
316     </td>
317   </tr>
318   <tr>
319     <td>${lang("content.media.media")} 1</td>
320     <td colspan="2">
321       <INPUT TYPE="file" NAME="media1">
322     </td>
323   </tr>
324   <tr>
325     <td>
326     ${lang("content.media.title")} 2:
327     </td>
328     <td colspan="2">
329       <input type="text" name="media2_title" size="40" maxlength="80" value=""><br>
330     </td>
331   </tr>
332   <tr>
333     <td>${lang("content.media.media")} 2</td>
334     <td colspan="2">
335       <INPUT TYPE="file" NAME="media2">
336     </td>
337   </tr>
338   <tr>
339     <td>
340     ${lang("content.media.title")} 3:
341     </td>
342     <td colspan="2">
343       <input type="text" name="media3_title" size="40" maxlength="80" value=""><br>
344     </td>
345   </tr>
346   <tr>
347     <td>${lang("content.media.media")} 3</td>
348     <td colspan="2">
349       <INPUT TYPE="file" NAME="media3">
350     </td>
351   </tr>
352 </table>
353
354 <if config["Localizer.OpenSession.AllowFTPUploads"]!="0">
355   <if config["Localizer.OpenSession.AllowFTPUploadSelection"]!="0" && ftpfiles>
356     <hr>
357     <h4>
358       ${lang("content.media.ftpmedia")}
359     </h4>
360     <select name="ftpupload">
361       <option value="">&nbsp;</option>
362       <list ftpfiles as f>
363         <option value="${utility.encodeHTML(f)}">${f}</option>
364       </list>
365     </select>
366     
367     <h4>
368       ${lang("content.media.title")} 
369     </h4>
370     <input type="text" class="preq" name="ftpupload_title" size="40" maxlength="80" value="">
371   <else>
372     <hr>
373     <h4>
374       ${lang("content.media.ftpmedia")}
375     </h4>
376     <input type="text" name="ftpupload"  size="40" maxlength="80" value="">
377     <h4>
378       ${lang("content.media.title")} 
379     </h4>
380     <input type="text" class="preq" name="ftpupload_title" size="40" maxlength="80" value="">
381   </if>  
382 </if>  
383
384 </div>
385
386
387 <h2>
388 ${lang("content.step04")}
389 </h2>
390 <div class="pformstep06">
391 <if password>
392 <div class="ppassword">
393 <img src="${actionURL}&amp;do=captcha"/>
394
395 <p>${lang("content.password")}</p>
396
397 <p><input type="text" name="password" size="10">
398 <call showErrors("title")>
399 </if>
400
401 <div class="pbuttons">
402 <input type="submit" name="post" class="psubmit" value="${lang("comment.submit")}">
403 <input type="reset" class="preset" value="${lang("comment.reset")}">
404 </div>
405 </div>
406 </form>
407 </div>
408 </body>
409 </html>
410