Bug 23823: (follow-up) Get rid of some tabs in favor of spaces
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / preferences.tt
blob50e4db263265697cb17bfde818c2b0ef470aeb89
1 [% USE raw %]
2 [% USE To %]
3 [% USE Asset %]
4 [% USE Koha %]
5 [% SET footerjs = 1 %]
6 [% INCLUDE 'doc-head-open.inc' %]
7 <title>Koha &rsaquo; Administration &rsaquo; System preferences</title>
8 [% INCLUDE 'doc-head-close.inc' %]
9 [% Asset.css("css/preferences.css") | $raw %]
10 [% Asset.css("lib/jquery/plugins/multiple-select/multiple-select.css") | $raw %]
11 [% Asset.css("css/humanmsg.css") | $raw %]
12 [% Asset.css("lib/codemirror/codemirror.min.css") | $raw %]
13 [% Asset.css("lib/codemirror/lint.min.css") | $raw %]
14 </head>
15 <body id="admin_preferences" class="admin">
16 [% INCLUDE 'header.inc' %]
17 [% INCLUDE 'prefs-admin-search.inc' %]
19 <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; System preferences</div>
21 <div class="main container-fluid">
22     <div class="row">
23         <div class="col-sm-10 col-sm-push-2">
24             <main>
26     [% IF ( jump_not_found ) %]
27     <h2>System preferences</h2>
28     <div class="dialog alert">
29         Could not find a system preference named <code>[% jumpfield | html %]</code>.
30     </div>
31     [% END %]
32     [% IF ( search_not_found ) %]
33     <div class="dialog alert">
34         No system preferences matched your search for: <strong>[% searchfield | html %]</strong>
35     </div>
36     [% ELSIF searchfield %]
37         <h1>You searched for: [% searchfield | html %]</h1>
38     [% END %]
39     [% FOREACH TAB IN TABS %]
40     <div class="prefs-tab">
41     <h2>[% TAB.tab_title | html %] preferences</h2>
42     <form action="/cgi-bin/koha/admin/preferences.pl" method="post">
43         [% UNLESS ( searchfield ) %]<div id="toolbar"><button class="save-all submit" type="submit">Save all [% TAB.tab_title | html %] preferences</button></div>[% END %]
44         <input type="hidden" name="op" value="save" />
45         <input type="hidden" name="tab" value="[% TAB.tab_id | html %]" />
47             [% FOREACH LINE IN TAB.LINES %]
48             [% IF ( LINE.is_group_title ) %]
49             [% UNLESS ( loop.first ) %]</tbody></table>[% END %]
50             <div class="row">
51                 <div class="col-sm-6">
52                     <h3 id="[% LINE.title | replace('\s+', '_') | html %]"><i class="fa fa-caret-down"></i> [% LINE.title | html %]</h3>
53                 </div>
54                 <div class="col-sm-6">
55                     [% IF ( searchfield ) %]
56                         <div class="pull-right"><a class="btn btn-link" href="/cgi-bin/koha/admin/preferences.pl?tab=[% TAB.tab_id | html %]#[% LINE.title | replace('\s+', '_') | html %]"><i class="fa fa-list-ul"></i> View all [% LINE.title | html %] preferences</a></div>
57                     [% END %]
58                 </div>
59             </div>
61             <table class="preferences" id="collapse_[% LINE.title | replace('\s+', '_') | html %]">
62             <thead><tr><th>Preference</th><th>Value</th></tr></thead>
63             [% UNLESS ( loop.last ) %]<tbody>[% END %]
64             [% ELSE %]
65             [% IF ( loop.first ) %]<table class="preferences"><thead><tr><th>Preference</th><th>Value</th></tr></thead><tbody>[% END %]
66             <tr class="name-row">
67                 <td class="name-cell">
68                     <code>
69                         [% FOREACH NAME IN LINE.NAMES %]
70                         <label for="pref_[% NAME.name | html %]">
71                             <a href="/cgi-bin/koha/admin/preferences.pl?op=search&searchfield=[% NAME.name | html %]">
72                                 <i class="fa fa-bookmark" aria-hidden="true"></i></a>
73                             [% IF ( NAME.jumped ) %]
74                                 <span class="term" id="jumped">[% NAME.name | html %]</span>
75                             [% ELSIF ( NAME.highlighted ) %]
76                                 <span class="term">[% NAME.name | html %]</span>
77                             [% ELSE %]
78                                 [% NAME.name | html %]
79                             [% END %]
81                             [% IF NAME.overridden %]
82                                 <span class="overridden" title="The system preference [% NAME.name | html %] may have been overridden from this value by one or more virtual hosts.">
83                                     [Overridden]
84                                 </span>
85                             [% END %]
86                                                 </label>
87                         [% UNLESS ( loop.last ) %]<br />[% END %]
88                         [% END %]
89                     </code>
90                 </td>
91                 <td><div>
92                     [% FOREACH CHUNK IN LINE.CHUNKS %]
93                     [% IF ( CHUNK.type_text ) %]
94                     [% CHUNK.contents | $raw %]
95                     [% ELSIF ( CHUNK.type_input ) %]
96                         [% IF CHUNK.name == 'UsageStatsGeolocation' %]
97                             <input type="[%IF CHUNK.input_type %][% CHUNK.input_type | html %][% ELSE %]text[% END %]" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "short" | html %]" value="[% CHUNK.value | html %]" autocomplete="off" readonly="readonly" size="40" style="width: auto;"/> [% IF ( CHUNK.dateinput ) %]<span class="hint">[% INCLUDE 'date-format.inc' %]</span>[% END %]
98                         [% ELSE %]
99                             <input type="[%IF CHUNK.input_type %][% CHUNK.input_type | html %][% ELSE %]text[% END %]" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "short" | html %]" value="[% CHUNK.value | html %]" autocomplete="off" /> [% IF ( CHUNK.dateinput ) %]<span class="hint">[% INCLUDE 'date-format.inc' %]</span>[% END %]
100                         [% END %]
101                     [% ELSIF ( CHUNK.type_select ) %]
102                     <select name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "choice" | html %]">
103                         [% FOREACH CHOICE IN CHUNK.CHOICES.sort('value') %]
104                         [% IF ( CHOICE.selected ) %]
105                         <option value="[% CHOICE.value | html %]" selected="selected">
106                         [% ELSE %]
107                         <option value="[% CHOICE.value | html %]">
108                         [% END %]
109                             [% CHOICE.text | html %]
110                         </option>
111                         [% END %]
112                     </select>
113                     [% ELSIF ( CHUNK.type_modalselect ) %]
114                         <input type="text" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="modalselect preference preference-[% CHUNK.type | html %]" data-source="[% CHUNK.source | html %]" readonly="readonly" value="[% CHUNK.value | html %]"/>
115                     [% ELSIF ( CHUNK.type_multiple ) %]
116                     <select name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "choice" | html %]" multiple="multiple">
117                         [% FOREACH CHOICE IN CHUNK.CHOICES %][% IF ( CHOICE.selected ) %]<option value="[% CHOICE.value | html %]" selected="selected">[% ELSE %]<option value="[% CHOICE.value | html %]">[% END %][% CHOICE.text | html %]</option>[% END %]
118                     </select>
119                     [% ELSIF ( CHUNK.type_textarea )%]
120                         [% IF ( CHUNK.syntax == "text/html" && Koha.Preference('UseWYSIWYGinSystemPreferences') ) %]
121                             <textarea name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "short" | html %] mce" rows="20" cols="60">[% CHUNK.value | html %]</textarea>
122                         [% ELSE %]
123                             <a class="expand-textarea" id="expand_[% CHUNK.name | html %]" data-target="[% CHUNK.name | html %]" data-syntax="[% CHUNK.syntax | html %]" href="#">Click to edit</a>
124                             <textarea style="display:none" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "short" | html %] codemirror" rows="10" cols="40">[% CHUNK.value | html %]</textarea>
125                             <a class="collapse-textarea" id="collapse_[% CHUNK.name | html %]" data-target="[% CHUNK.name | html %]" data-syntax="[% CHUNK.syntax | html %]" style="display:none" href="#">Click to collapse</br></a>
126                         [% END %]
127                     [% ELSIF ( CHUNK.type_languages ) %]
128                         <ul class="sortable">
129                             [% FOREACH language IN CHUNK.languages %]
130                                 [% IF ( language.plural ) %]
131                                     <li>
132                                         [% IF ( language.native_description ) %]
133                                             [% language.native_description | html %]
134                                         [% ELSE %]
135                                             [% language.rfc4646_subtag | html %]
136                                         [% END %]
137                                         [% IF language.sublanguages_loop.size > 0 %]
138                                             <ul>
139                                                 [% FOREACH sublanguages_loo IN language.sublanguages_loop %]
140                                                     <li>
141                                                         <label for="pref_[% CHUNK.name | html %]_[% sublanguages_loo.rfc4646_subtag | html %]">[% sublanguages_loo.native_description | html %] [% sublanguages_loo.script_description | html %] [% sublanguages_loo.region_description | html %] [% sublanguages_loo.variant_description | html %]([% sublanguages_loo.rfc4646_subtag | html %])</label>
142                                                         [% IF ( sublanguages_loo.enabled ) %]
143                                                             <input value="[% sublanguages_loo.rfc4646_subtag | html %]" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]_[% sublanguages_loo.rfc4646_subtag | html %]" type="checkbox" checked="checked" class="preference preference-checkbox"/>
144                                                         [% ELSE %]
145                                                             <input value="[% sublanguages_loo.rfc4646_subtag | html %]" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]_[% sublanguages_loo.rfc4646_subtag | html %]" type="checkbox" class="preference preference-checkbox"/>
146                                                         [% END %]
147                                                     </li>
148                                                 [% END # FOREACH sublanguages %]
149                                             </ul>
150                                         [% END %]
151                                     </li>
152                                 [% ELSE %]
153                                     <li>
154                                         <label for="pref_[% CHUNK.name | html %]_[% language.rfc4646_subtag | html %]">[% language.native_description | html %] ([% language.rfc4646_subtag | html %])</label>
155                                         [% IF ( language.group_enabled ) %]
156                                             <input value="[% language.rfc4646_subtag | html %]" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]_[% language.rfc4646_subtag | html %]" type="checkbox" checked="checked" class="preference preference-checkbox"/>
157                                         [% ELSE %]
158                                             <input value="[% language.rfc4646_subtag | html %]" name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]_[% language.rfc4646_subtag | html %]" type="checkbox" class="preference preference-checkbox"/>
159                                         [% END %]
160                                     </li>
161                                 [% END # IF language.plural %]
162                             [% END # FOREACH language %]
163                         </ul> <!-- / ul.sortable -->
164                     [% END %]
165                     [% END %]
166                 </div></td>
167             </tr>
168             [% IF ( loop.last ) %]</tbody></table>[% END %]
169             [% END %]
170         [% END %]
171         <fieldset class="action"><button class="save-all submit" type="submit">Save all [% TAB.tab_title | html %] preferences</button> <a href="/cgi-bin/koha/admin/preferences.pl" class="force_reload cancel">Cancel</a></fieldset>
172     </form>
173     </div>
174     [% END %]
176             </main>
177         </div> <!-- /.col-sm-10.col-sm-push-2 -->
179         <div class="col-sm-2 col-sm-pull-10">
180             <aside>
181                 [% INCLUDE 'prefs-menu.inc' %]
182             </aside>
183         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
184      </div> <!-- /.row -->
186 <!-- Modal -->
187 <div class="modal" id="prefModal" tabindex="-1" role="dialog" aria-labelledby="prefModalLabel">
188     <div class="modal-dialog modal-wide" role="document">
189         <div class="modal-content">
190             <div class="modal-header">
191                 <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
192                 <h4 class="modal-title" id="prefModalLabel">Modal title</h4>
193             </div>
194             <div class="modal-body">
195                 <p>
196                     <a href="#" id="select_all"><i class="fa fa-check"></i> Select all</a>
197                     |
198                     <a href="#" id="clear_all"><i class="fa fa-remove"></i> Clear all</a>
199                 </p>
200                 <form action="#" id="prefModalForm">
201                 </form>
202             </div>
203             <div class="modal-footer">
204                 <button id="saveModalPrefs" data-target="" type="button" class="btn btn-default">Save</button>
205                 <button type="button" class="btn btn-link cancel" data-dismiss="modal">Cancel</button>
206             </div>
207         </div>
208     </div>
209 </div>
211 [% MACRO jsinclude BLOCK %]
212     [% INCLUDE 'datatables.inc' %]
213     [% Asset.js("lib/hc-sticky.js") | $raw %]
214     [% Asset.js("lib/jquery/plugins/multiple-select/jquery.multiple.select.js") | $raw %]
215     [% Asset.js( "lib/codemirror/codemirror.min.js" ) | $raw %]
216     [% Asset.js( "lib/codemirror/css.min.js" ) | $raw %]
217     [% Asset.js( "lib/codemirror/javascript.min.js" ) | $raw %]
218     [% Asset.js( "lib/codemirror/xml.min.js" ) | $raw %]
219     [% Asset.js( "lib/codemirror/yaml.min.js" ) | $raw %]
220     [% Asset.js( "lib/codemirror/lint.min.js" ) | $raw %]
221     [% Asset.js( "lib/linters/jshint.min.js" ) | $raw %]
222     [% Asset.js( "lib/linters/htmlhint.min.js" ) | $raw %]
223     [% Asset.js( "lib/linters/csslint.min.js" ) | $raw %]
224     [% Asset.js( "lib/linters/js-yaml.min.js" ) | $raw %]
225     [% Asset.js( "lib/codemirror/html-lint.min.js" ) | $raw %]
226     [% Asset.js( "lib/codemirror/javascript-lint.min.js" ) | $raw %]
227     [% Asset.js( "lib/codemirror/css-lint.min.js" ) | $raw %]
228     [% Asset.js( "lib/codemirror/yaml-lint.min.js" ) | $raw %]
230     <script>
231         var Sticky;
232         var themelang = "[% themelang | html %]";
233         $(document).ready(function(){
234             [% UNLESS ( searchfield ) %]
235                 Sticky = $("#toolbar");
236                 Sticky.hcSticky({
237                     stickTo: "main",
238                     stickyClass: "floating"
239                 });
240             [% END %]
241             $("select[multiple='multiple']").multipleSelect( {
242                 placeholder: _("Please select ..."),
243                 selectAllText: _("Select all"),
244                 allSelected: _("All selected"),
245                 countSelected: _("# of % selected"),
246                 noMatchesFound: _("No matches found")
247             } );
248             $(".force_reload").on("click",function(e){
249                 e.preventDefault();
250                 window.location.reload(true);
251             });
252         });
253         // This is here because of its dependence on template variables, everything else should go in js/pages/preferences.js - jpw
254         var to_highlight = "[% To.json( searchfield ) | $raw %]";
255         var search_jumped = [% IF ( search_jumped ) %]true[% ELSE %]false[% END %];
256     </script>
257     [% Asset.js("lib/jquery/plugins/humanmsg.js") | $raw %]
258     [% Asset.js("js/ajax.js") | $raw %]
259     [% Asset.js("js/pages/preferences.js") | $raw %]
260     [%# Add WYSIWYG editor for htmlarea system preferences %]
261     [% INCLUDE 'wysiwyg-systempreferences.inc' %]
262 [% END %]
264 [% INCLUDE 'intranet-bottom.inc' %]