Bug 11584: Add wysiwyg editor to system preferences dealing with HTML
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / systempreferences.tt
1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha &rsaquo; Administration &rsaquo; [% IF ( add_form ) %] System preferences &rsaquo; [% IF ( modify ) %]Modify system preference '[% searchfield %]'[% ELSE %]Add a system preference[% END %][% END %][% IF ( add_validate ) %] System preferences &rsaquo; Data added[% END %]
3 [% IF ( delete_confirm ) %] System preferences &rsaquo; [% searchfield %] &rsaquo; Confirm deletion of parameter '[% searchfield %]'[% END %][% IF ( delete_confirmed ) %] System preferences &rsaquo; Parameter deleted[% END %][% IF ( else ) %]System preferences[% END %]</title>
4 [% INCLUDE 'doc-head-close.inc' %]
5 [%# Add WYSIWYG editor for htmlarea system preferences %]
6 [% INCLUDE 'wysiwyg-systempreferences.inc' %]
7 [% IF ( else ) %]
8 <link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
9 [% INCLUDE 'datatables.inc' %]
10 <script type="text/javascript">
11     //<![CDATA[
12      $(document).ready(function() {
13         [% IF ( loop ) %]$("#sysprefst").dataTable($.extend(true, {}, dataTablesDefaults, {
14             "sDom": '<"top pager"ilf>t',
15             "aoColumnDefs": [
16                 { "aTargets": [ -1, -2, -3, -4 ], "bSortable": false }
17             ],
18             "bPaginate": false
19         }));[% END %]
20      });
21 </script>
22 [% END %]
23 <script type="text/javascript">
24 //<![CDATA[
25 [% IF ( add_form ) %]
26     $(document).ready(function() {
27         $('.variabletype').css({ color: "#0000CC", cursor: "pointer" });
28         $('.variabletype').click(function() {
29             $('#preftype').attr("value",$(this).attr("id"));
30         });
31     });
32 [% END %]
33         // FIXME: many of these js functions appear unused
34         function isNotNull(f,noalert) {
35             if (f.value.length ==0) {
36     return false;
37             }
38             return true;
39         }
40         //
41         function isNum(v,maybenull) {
42         var n = new Number(v.value);
43         if (isNaN(n)) {
44             return false;
45             }
46         if (maybenull==0 && v.value=='') {
47             return false;
48         }
49         return true;
50         }
51         //
52         function Check(f) {
53             var ok=1;
54             var _alertString="";
55             var alertString2;
56             if (f.variable.value.length==0) {
57                 _alertString += "\n- " + _("variable missing");
58             }
59             if (f.value.value.length==0) {
60                 _alertString += "\n- " + _("value missing");
61             }
62             if (_alertString.length==0) {
63                 document.Aform.submit();
64             } else {
65                 alertString2  = _("Form not submitted because of the following problem(s)");
66                 alertString2 += "\n------------------------------------------------------------------------------------\n";
67                 alertString2 += _alertString;
68                 alert(alertString2);
69             }
70         }
71         $( function() {
72             $( '#sysprefst .expand-textarea' ).show().click( function () {
73                 $( this ).hide().nextAll( 'textarea, input[type=submit]' ).show( 'slow' );
74
75                 return false;
76             } ).nextAll( 'textarea, input[type=submit]' ).hide();
77         } );
78
79         //]]>
80 </script>
81 </head>
82 <body id="admin_systempreferences" class="admin">
83 [% INCLUDE 'header.inc' %]
84 [% INCLUDE 'prefs-admin-search.inc' %]
85
86 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> &rsaquo; [% IF ( add_form ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a> &rsaquo; [% IF ( modify ) %]Modify system preference '[% searchfield %]'[% ELSE %]Add a system preference[% END %][% END %][% IF ( add_validate ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a> &rsaquo; Data added[% END %]
87 [% IF ( delete_confirm ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System Preferences</a> &rsaquo; <a href="/cgi-bin/koha/admin/systempreferences.pl?op=add_form&amp;searchfield=[% searchfield %]">[% searchfield %]</a> &rsaquo; Confirm deletion of parameter '[% searchfield %]'[% END %][% IF ( delete_confirmed ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a> &rsaquo; Parameter deleted[% END %][% IF ( else ) %]System preferences[% END %]</div>
88
89 <div id="doc3" class="yui-t2">
90    
91    <div id="bd">
92     <div id="yui-main">
93     <div class="yui-b">
94
95 [% IF ( add_form ) %]
96         [% IF ( type_upload ) %]
97             <form action="[% script_name %]" name="Aform" method="post" enctype="multipart/form-data">
98         [% ELSE %]
99             <form action="[% script_name %]" name="Aform" method="post">
100         [% END %]
101         <fieldset class="rows"><legend>
102         [% IF ( modify ) %]Modify
103         [% ELSE %]Add
104         [% END %] a system preference</legend><ol>
105             <li><label for="explanation">Explanation: </label><input type="text" name="explanation" id="explanation" size="60" value="[% explanation |html %]" /><input type="hidden" name="op" value="add_validate" /></li>
106             <li>[% IF ( searchfield ) %]<span class="label">Variable: </span>[% searchfield %]<input type="hidden" name="variable" value="[% searchfield %]" />
107             [% ELSE %]<label for="variable">Variable: </label><input type="text" name="variable" id="variable" size="60" />[% END %]</li>
108             <li><label for="value">Value: </label>
109                 [% IF ( type_free ) %]
110                     <textarea id="value" name="value" cols="[% fieldlength %]">[% value |html %]</textarea>
111                 [% ELSIF ( type_upload ) %]
112                     <input type="file" name="value" />
113                 [% ELSIF ( type_htmlarea ) %]
114                     <textarea class="mce" name="value" id="value" rows="[% rows %]" cols="[% cols %]">[% value |html %]</textarea>
115                 [% ELSIF ( type_textarea ) %]
116                     <textarea name="value" id="value" rows="[% rows %]" cols="[% cols %]">[% value |html %]</textarea>
117                 [% ELSIF ( type_choice ) %]
118                     <select name="value" id="value">
119                         [% FOREACH option IN options %]
120                             [% IF ( option.selected ) %]
121                                 <option value="[% option.option %]" selected="selected">
122                             [% ELSE %]
123                                 <option value="[% option.option %]">
124                             [% END %][% option.option %]</option>
125                         [% END %]
126                     </select>
127                 [% END %]
128         [% IF ( type_langselector ) %]
129         [% IF ( languages_loop ) %]
130     <table>
131         [% FOREACH languages_loo IN languages_loop %]
132         <tr><td>
133             [% IF ( languages_loo.plural ) %]
134             [% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]
135             [% FOREACH sublanguages_loo IN languages_loo.sublanguages_loop %]<table><tr><td>
136                 [% IF ( sublanguages_loo.sublanguage_current ) %]
137                     <label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
138                     [% IF ( sublanguages_loo.enabled ) %]
139                         <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
140                     [% ELSE %]
141                         <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
142                     [% END %]
143                     </label>
144
145                 [% ELSE %]
146                     <label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
147                     [% IF ( sublanguages_loo.enabled ) %]
148                         <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
149                     [% ELSE %]
150                         <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
151                     [% END %]
152                     </label>
153                 [% END %]</td></tr></table>
154             [% END %]
155
156             [% ELSE %]
157                 [% IF ( languages_loo.current ) %]
158             <label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
159                 [% IF ( languages_loo.group_enabled ) %]
160                     <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
161                 [% ELSE %]
162                     <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" />
163                 [% END %]
164                     </label>
165                 [% ELSE %]
166             <label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
167                 [% IF ( languages_loo.group_enabled ) %]
168                     <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
169                 [% ELSE %]
170                     <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" />
171                 [% END %]
172                     </label>
173                 [% END %]
174             [% END %]
175         </td></tr>
176         [% END %]
177     </table>
178         [% END %]
179
180         [% END %]
181
182                 [% IF ( type_yesno ) %]
183                     [% IF ( value_yes ) %]
184                         <input type="radio" name="value" id="value" value="1" checked="checked" />[% ELSE %]<input type="radio" name="value" id="value" value="1" />
185                     [% END %]
186                     <label for="value" class="yesno">ON</label>
187                     [% IF ( value_no ) %]
188                         <input type="radio" name="value" id="value-no" value="0" checked="checked" />[% ELSE %]<input type="radio" name="value" id="value-no" value="0" />
189                     [% END %]
190                     <label for="value-no" class="yesno">OFF</label>
191                 [% END %]
192                 </li>
193         </ol></fieldset>
194         <fieldset class="action"><input type="submit" value="Save" /> 
195           [% IF ( return_tab ) %]
196             <a class="cancel" href="/cgi-bin/koha/admin/systempreferences.pl?tab=[% return_tab %]">Cancel</a>
197           [% ELSE %]
198             <a class="cancel" href="/cgi-bin/koha/admin/systempreferences.pl">Cancel</a>
199           [% END %]
200         </fieldset>
201         
202         <fieldset class="brief">
203         <legend>Koha internal</legend>
204         <div class="hint">Note: change the variable type to one of the dropdown values as needed</div>
205         <ol>
206         <li><label for="preftype">Variable type:</label>
207         <select name="preftype" id="preftype">
208         [%- IF (preftype && preftype == 'Free') || !preftype -%]
209             <option value="Free" selected>Free</option>
210         [%- ELSE -%]
211             <option value="Free">Free</option>
212         [% END %]
213         [%- IF (preftype && preftype == 'Choice') -%]
214             <option value="Choice" selected>Choice</option>
215         [%- ELSE -%]
216             <option value="Choice">Choice</option>
217         [% END %]
218         [%- IF (preftype && preftype == 'YesNo') -%]
219             <option value="YesNo" selected>YesNo</option>
220         [%- ELSE -%]
221             <option value="YesNo">YesNo</option>
222         [% END %]
223         [%- IF (preftype && preftype == 'Integer') -%]
224             <option value="Integer" selected>Integer</option>
225         [%- ELSE -%]
226             <option value="Integer">Integer</option>
227         [% END %]
228         [%- IF (preftype && preftype == 'Textarea') -%]
229             <option value="Textarea" selected>Textarea</option>
230         [%- ELSE -%]
231             <option value="Textarea">Textarea</option>
232         [% END %]
233         [%- IF (preftype && preftype == 'Float') -%]
234             <option value="Float" selected>Float</option>
235         [%- ELSE -%]
236             <option value="Float">Float</option>
237         [% END %]
238         [%- IF (preftype && preftype == 'Themes') -%]
239             <option value="Themes" selected>Themes</option>
240         [%- ELSE -%]
241             <option value="Themes">Themes</option>
242         [% END %]
243         [%- IF (preftype && preftype == 'Languages') -%]
244             <option value="Languages" selected>Languages</option>
245         [%- ELSE -%]
246             <option value="Languages">Languages</option>
247         [% END %]
248         [%- IF (preftype && preftype == 'Upload') -%]
249             <option value="Upload" selected>Upload</option>
250         [%- ELSE -%]
251             <option value="Upload">Upload</option>
252         [% END %]
253         [%- IF (preftype && preftype == 'ClassSources') -%]
254             <option value="ClassSources" selected>ClassSources</option>
255         [%- ELSE -%]
256             <option value="ClassSources">ClassSources</option>
257         [% END %]
258         </select>
259         <li><label for="prefoptions">Variable options:</label>
260         <div class="hint">(a choice list for choice (separated by |) or cols|rows for texarea)</div>
261         <input type="text" name="prefoptions" id="prefoptions" value="[% prefoptions %]" size="60" maxlength="80" /></li>
262         </ol>
263         </fieldset>
264         </form>
265     [% END %]
266     
267     [% IF ( add_validate ) %]
268         <h3>Data recorded</h3>
269         
270         <form action="[% script_name %]" method="post">
271         <input type="submit" value="OK" />
272         </form>
273     [% END %]
274     
275     [% IF ( delete_confirm ) %]
276     <table>
277         <caption>Confirm deletion of [% searchfield %]?</caption>
278         <tr>
279             <th>Variable name:</th>
280             <td>[% searchfield %]</td>
281         </tr>
282         <tr><th>Value: </th><td>
283         [% Tvalue %]
284         </td></tr></table>
285         <form class="inline" action="[% script_name %]" method="post">
286         <input type="hidden" name="op" value="delete_confirmed" />
287         <input type="hidden" name="searchfield" value="[% searchfield %]" />
288         <input type="hidden" name="Tvalue" value="[% Tvalue %]" />
289         <input type="submit"  value="Yes, delete" /></form>
290         <form class="inline" action="[% script_name %]" method="post"><input type="submit" value="No, do not delete" /></form>
291     [% END %]
292     
293     [% IF ( delete_confirmed ) %]
294         <h3>Data deleted</h3>
295         <form action="[% script_name %]" method="post">
296             <input type="submit" value="Back to System Preferences" />
297         </form>
298     [% END %]
299    
300     [% IF ( else ) %]
301
302     <div id="toolbar" class="btn-toolbar">
303         <a class="btn btn-small" id="newstopword" href="[% script_name %]?op=add_form"><i class="icon-plus"></i> New preference</a>
304     </div>
305
306     [% IF ( tab != 'local_use' ) %]
307         <p>Please click on one of the tabs at the left side of this form.</p>
308         <table>
309     [% ELSE %]
310         <h1>Local use preferences</h1>
311         <table width="80%" id="sysprefst">
312         <thead><tr>
313         <th>Preference</th>
314         <th>Explanation</th>
315         <th>Value</th>
316         <th>Edit</th>
317         <th>Delete</th>
318         </tr></thead>
319     [% END %]
320     <tbody>[% FOREACH loo IN loop %]
321         <tr>
322
323         <td><strong><a href="[% loo.edit %]">[% loo.variable %]</a></strong></td><td> [% loo.explanation |html %]</td>
324         [% IF ( loo.oneline ) %]
325         <td class="single-line">
326         [% ELSE %]
327         <td>
328         [% END %]
329         [% IF ( loo.type_upload ) %]
330             <form action="/cgi-bin/koha/admin/systempreferences.pl" method="post" enctype="multipart/form-data">
331         [% ELSE %]
332             <form action="/cgi-bin/koha/admin/systempreferences.pl" method="post">
333         [% END %]
334                 [% IF ( loo.type_free ) %]
335                 <input type="text" name="value" size="[% loo.fieldlength %]" value="[% loo.value |html %]" />
336                 [% END %]
337                 [% IF ( loo.type_upload ) %]
338                 <input type="file" name="value" value="[% loo.value |html %]" />
339                 [% END %]
340                 [% IF ( loo.type_textarea ) %]
341                 <a class="expand-textarea" style="display: none" href="#">Click to edit</a>
342                 <textarea name="value" rows="[% loo.rows %]" cols="[% loo.cols %]">[% loo.value |html %]</textarea>
343                 [% END %]
344                 [% IF ( loo.type_htmlarea ) %]
345                 <textarea class="mce" name="value" rows="[% loo.rows %]" cols="[% loo.cols %]">[% loo.value |html %]</textarea>
346                 [% END %]
347                 [% IF ( loo.type_choice ) %]
348                 <select name="value">
349                     [% FOREACH option IN loo.options %]
350                         [% IF ( option.selected ) %]
351                             <option value="[% option.option %]" selected="selected">
352                         [% ELSE %]
353                             <option value="[% option.option %]">
354                         [% END %][% option.option %]</option>
355                     [% END %]
356                 </select>
357                 [% END %]
358                 [% IF ( loo.type_langselector ) %]
359                 [% IF ( loo.languages_loop ) %]
360                 <table>
361                 [% FOREACH languages_loo IN loo.languages_loop %]
362                 <tr><td>
363                     [% IF ( languages_loo.plural ) %]
364                     [% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]
365                     [% FOREACH sublanguages_loo IN languages_loo.sublanguages_loop %]<table><tr><td>
366                         [% IF ( sublanguages_loo.sublanguage_current ) %]
367                             <label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
368                             [% IF ( sublanguages_loo.enabled ) %]
369                                 <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
370                             [% ELSE %]
371                                 <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
372                             [% END %]
373                             </label>
374
375                         [% ELSE %]
376                             <label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
377                             [% IF ( sublanguages_loo.enabled ) %]
378                                 <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
379                             [% ELSE %]
380                                 <input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
381                             [% END %]
382                             </label>
383                         [% END %]</td></tr></table>
384                     [% END %]
385
386                     [% ELSE %]
387                         [% IF ( languages_loo.current ) %]
388                     <label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
389                         [% IF ( languages_loo.group_enabled ) %]
390                             <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
391                         [% ELSE %]
392                             <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" />
393                         [% END %]
394                             </label>
395                         [% ELSE %]
396                     <label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
397                         [% IF ( languages_loo.group_enabled ) %]
398                             <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
399                         [% ELSE %]
400                             <input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" />
401                         [% END %]
402                             </label>
403                         [% END %]
404                     [% END %]
405                 </td></tr>
406                 [% END %]
407                 </table>
408                 [% END %]
409
410                 [% END %]
411
412                 [% IF ( loo.type_yesno ) %]
413                     [% IF ( loo.value_yes ) %]
414                         <input type="radio" name="value" value="1" checked="checked" />[% ELSE %]<input type="radio" name="value" value="1" />
415                     [% END %]
416                     <label for="value" class="yesno">ON</label>
417                     [% IF ( loo.value_no ) %]
418                         <input type="radio" name="value" value="0" checked="checked" />[% ELSE %]<input type="radio" name="value" value="0" />
419                     [% END %]
420                     <label for="value-no" class="yesno">OFF</label>
421                 [% END %]
422                 <input type="hidden" name="op" value="add_validate" />
423                 <input type="hidden" name="variable" value="[% loo.variable %]" />
424                 <input type="hidden" name="prefoptions" value="[% loo.prefoptions |html %]" />
425                 <input type="hidden" name="preftype" value="[% loo.type %]" />
426                 <input type="hidden" name="explanation" value="[% loo.explanation |html %]" />
427                 <input type="submit" value="Save" />
428             </form>
429         </td>
430
431         <td><a href="[% loo.edit %]">Edit </a></td>
432         <td><a href="[% loo.delete %]">Delete</a></td>
433     </tr>
434     [% END %]</tbody>
435     </table>
436     
437     [% END %]
438
439 </div>
440 </div>
441 <div class="yui-b">
442 [% INCLUDE 'prefs-menu.inc' %]
443 </div>
444 </div>
445 [% INCLUDE 'intranet-bottom.inc' %]