Bug 23410: Add submenus to system preferences sidebar menu
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / preferences.tt
blobccdb6211fa24b7a1348cd80459626426ecc44f26
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                                                         [% IF ( NAME.jumped ) %]
72                                                         <span class="term" id="jumped">[% NAME.name | html %]</span>
73                             [% ELSIF ( NAME.highlighted ) %]
74                                                         <span class="term">[% NAME.name | html %]</span>
75                                                         [% ELSE %]
76                                                         [% NAME.name | html %]
77                                                         [% END %]
79                             [% IF NAME.overridden %]
80                                 <span class="overridden" title="The system preference [% NAME.name | html %] may have been overridden from this value by one or more virtual hosts.">
81                                     [Overridden]
82                                 </span>
83                             [% END %]
84                                                 </label>
85                         [% UNLESS ( loop.last ) %]<br />[% END %]
86                         [% END %]
87                     </code>
88                 </td>
89                 <td><div>
90                     [% FOREACH CHUNK IN LINE.CHUNKS %]
91                     [% IF ( CHUNK.type_text ) %]
92                     [% CHUNK.contents | $raw %]
93                     [% ELSIF ( CHUNK.type_input ) %]
94                         [% IF CHUNK.name == 'UsageStatsGeolocation' %]
95                             <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 %]
96                         [% ELSE %]
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" /> [% IF ( CHUNK.dateinput ) %]<span class="hint">[% INCLUDE 'date-format.inc' %]</span>[% END %]
98                         [% END %]
99                     [% ELSIF ( CHUNK.type_select ) %]
100                     <select name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "choice" | html %]">
101                         [% FOREACH CHOICE IN CHUNK.CHOICES.sort('value') %]
102                         [% IF ( CHOICE.selected ) %]
103                         <option value="[% CHOICE.value | html %]" selected="selected">
104                         [% ELSE %]
105                         <option value="[% CHOICE.value | html %]">
106                         [% END %]
107                             [% CHOICE.text | html %]
108                         </option>
109                         [% END %]
110                     </select>
111                     [% ELSIF ( CHUNK.type_multiple ) %]
112                     <select name="pref_[% CHUNK.name | html %]" id="pref_[% CHUNK.name | html %]" class="preference preference-[% CHUNK.class or "choice" | html %]" multiple="multiple">
113                         [% 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 %]
114                     </select>
115                     [% ELSIF ( CHUNK.type_textarea )%]
116                         [% IF ( CHUNK.syntax == "text/html" && Koha.Preference('UseWYSIWYGinSystemPreferences') ) %]
117                             <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>
118                         [% ELSE %]
119                             <a class="expand-textarea" id="expand_[% CHUNK.name | html %]" data-target="[% CHUNK.name | html %]" data-syntax="[% CHUNK.syntax | html %]" href="#">Click to edit</a>
120                             <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>
121                             <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>
122                         [% END %]
123                     [% ELSIF ( CHUNK.type_languages ) %]
124                         <ul class="sortable">
125                             [% FOREACH language IN CHUNK.languages %]
126                                 [% IF ( language.plural ) %]
127                                     <li>
128                                         [% IF ( language.native_description ) %]
129                                             [% language.native_description | html %]
130                                         [% ELSE %]
131                                             [% language.rfc4646_subtag | html %]
132                                         [% END %]
133                                         [% IF language.sublanguages_loop.size > 0 %]
134                                             <ul>
135                                                 [% FOREACH sublanguages_loo IN language.sublanguages_loop %]
136                                                     <li>
137                                                         <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>
138                                                         [% IF ( sublanguages_loo.enabled ) %]
139                                                             <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"/>
140                                                         [% ELSE %]
141                                                             <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"/>
142                                                         [% END %]
143                                                     </li>
144                                                 [% END # FOREACH sublanguages %]
145                                             </ul>
146                                         [% END %]
147                                     </li>
148                                 [% ELSE %]
149                                     <li>
150                                         <label for="pref_[% CHUNK.name | html %]_[% language.rfc4646_subtag | html %]">[% language.native_description | html %] ([% language.rfc4646_subtag | html %])</label>
151                                         [% IF ( language.group_enabled ) %]
152                                             <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"/>
153                                         [% ELSE %]
154                                             <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"/>
155                                         [% END %]
156                                     </li>
157                                 [% END # IF language.plural %]
158                             [% END # FOREACH language %]
159                         </ul> <!-- / ul.sortable -->
160                     [% END %]
161                     [% END %]
162                 </div></td>
163             </tr>
164             [% IF ( loop.last ) %]</tbody></table>[% END %]
165             [% END %]
166         [% END %]
167         <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>
168     </form>
169     </div>
170     [% END %]
172             </main>
173         </div> <!-- /.col-sm-10.col-sm-push-2 -->
175         <div class="col-sm-2 col-sm-pull-10">
176             <aside>
177                 [% INCLUDE 'prefs-menu.inc' %]
178             </aside>
179         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
180      </div> <!-- /.row -->
182 [% MACRO jsinclude BLOCK %]
183     [% INCLUDE 'datatables.inc' %]
184     [% Asset.js("lib/hc-sticky.js") | $raw %]
185     [% Asset.js("lib/jquery/plugins/multiple-select/jquery.multiple.select.js") | $raw %]
186     [% Asset.js( "lib/codemirror/codemirror.min.js" ) | $raw %]
187     [% Asset.js( "lib/codemirror/css.min.js" ) | $raw %]
188     [% Asset.js( "lib/codemirror/javascript.min.js" ) | $raw %]
189     [% Asset.js( "lib/codemirror/xml.min.js" ) | $raw %]
190     [% Asset.js( "lib/codemirror/yaml.min.js" ) | $raw %]
191     [% Asset.js( "lib/codemirror/lint.min.js" ) | $raw %]
192     [% Asset.js( "lib/linters/jshint.min.js" ) | $raw %]
193     [% Asset.js( "lib/linters/htmlhint.min.js" ) | $raw %]
194     [% Asset.js( "lib/linters/csslint.min.js" ) | $raw %]
195     [% Asset.js( "lib/linters/js-yaml.min.js" ) | $raw %]
196     [% Asset.js( "lib/codemirror/html-lint.min.js" ) | $raw %]
197     [% Asset.js( "lib/codemirror/javascript-lint.min.js" ) | $raw %]
198     [% Asset.js( "lib/codemirror/css-lint.min.js" ) | $raw %]
199     [% Asset.js( "lib/codemirror/yaml-lint.min.js" ) | $raw %]
201     <script>
202         var Sticky;
203         $(document).ready(function(){
204             [% UNLESS ( searchfield ) %]
205                 Sticky = $("#toolbar");
206                 Sticky.hcSticky({
207                     stickTo: "main",
208                     stickyClass: "floating"
209                 });
210             [% END %]
211             $("select[multiple='multiple']").multipleSelect( {
212                 placeholder: _("Please select ..."),
213                 selectAllText: _("Select all"),
214                 allSelected: _("All selected"),
215                 countSelected: _("# of % selected"),
216                 noMatchesFound: _("No matches found")
217             } );
218             $(".force_reload").on("click",function(e){
219                 e.preventDefault();
220                 window.location.reload(true);
221             });
223         });
224         // This is here because of its dependence on template variables, everything else should go in js/pages/preferences.js - jpw
225         var to_highlight = "[% To.json( searchfield ) | $raw %]";
226         var search_jumped = [% IF ( search_jumped ) %]true[% ELSE %]false[% END %];
227         var MSG_NOTHING_TO_SAVE = _("Nothing to save");
228         var MSG_SAVING = _("Saving...");
229         var MSG_SAVED_PREFERENCE = _("Saved preference %s");
230         var MSG_MODIFIED = _("modified");
231         var MSG_MADE_CHANGES = _("You have made changes to system preferences.");
232         var MSG_CLICK_TO_EXPAND = _("Click to expand this section");
233         var MSG_CLICK_TO_COLLAPSE = _("Click to collapse this section");
234         var MSG_INTERNAL_SERVER_ERROR = _( "Internal Server Error, please reload the page" );
235         var MSG_SESSION_TIMED_OUT = _( "You need to log in again, your session has timed out" );
236         var MSG_DATA_NOT_SAVED = _( "Error; your data might not have been saved" );
237         var MSG_LOADING = _( "Loading..." );
238         var MSG_ALL_VALUE_WARN = _("Note: _ALL_ value will override all other values");
239         var MSG_UPD_LOC_FORMAT_WARN = _("The following values are not formatted correctly:");
240         var MSG_INVALID = _( "Error: presence of invalid data prevent saving. Please make the corrections and try again." );
241     </script>
242     [% Asset.js("lib/jquery/plugins/humanmsg.js") | $raw %]
243     [% Asset.js("js/ajax.js") | $raw %]
244     [% Asset.js("js/pages/preferences.js") | $raw %]
245     [%# Add WYSIWYG editor for htmlarea system preferences %]
246     [% INCLUDE 'wysiwyg-systempreferences.inc' %]
247 [% END %]
249 [% INCLUDE 'intranet-bottom.inc' %]