Bug 27455: (follow-up) Add automatic focus to library name when editing
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / branches.tt
1 [% USE Koha %]
2 [% USE raw %]
3 [% USE Asset %]
4 [% SET footerjs = 1 %]
5 [% USE TablesSettings %]
6 [% INCLUDE 'doc-head-open.inc' %]
7 <title>
8 [% IF op == 'add_form' %]
9     [% IF library %]
10         Modify library
11     [% ELSE %]
12         New library [% library.branchcode | html %]
13     [% END %] &rsaquo; [% ELSIF op == 'delete_confirm' %]
14     Confirm deletion of library '[% library.branchcode | html %]' &rsaquo; [% END %]
15 Libraries &rsaquo; Administration &rsaquo; Koha
16 </title>
17 [% INCLUDE 'doc-head-close.inc' %]
18 </head>
19
20 <body id="admin_branches" class="admin">
21 [% INCLUDE 'header.inc' %]
22 [% INCLUDE 'prefs-admin-search.inc' %]
23
24 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
25     <ol>
26         <li>
27             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
28         </li>
29         <li>
30             <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
31         </li>
32
33         [% IF op == 'add_form'  %]
34             <li>
35                 <a href="/cgi-bin/koha/admin/branches.pl">Libraries</a>
36             </li>
37             [% IF library %]
38                 <li>
39                     <a href="#" aria-current="page">
40                         Modify library
41                     </a>
42                 </li>
43             [% ELSE %]
44                 <li>
45                     <a href="#" aria-current="page">
46                         New library [% library.branchcode | html %]
47                     </a>
48                 </li>
49             [% END %]
50
51         [% ELSIF op == 'delete_confirm' %]
52             <li>
53                 <a href="/cgi-bin/koha/admin/branches.pl">Libraries</a>
54             </li>
55             <li>
56                 <a href="#" aria-current="page">
57                     Confirm deletion of library '[% library.branchcode | html %]'
58                 </a>
59             </li>
60
61         [% ELSE %]
62             <li>
63                 <a href="#" aria-current="page">
64                     Libraries
65                 </a>
66             </li>
67         [% END %]
68     </ol>
69 </nav>
70
71 <div class="main container-fluid">
72     <div class="row">
73         <div class="col-sm-10 col-sm-push-2">
74             <main>
75
76 [% FOREACH m IN messages %]
77     <div class="dialog [% m.type | html %]">
78         [% SWITCH m.code %]
79         [% CASE 'error_on_update' %]
80             An error occurred when updating this library. Perhaps it already exists.
81         [% CASE 'error_on_insert' %]
82             An error occurred when adding this library. The branchcode might already exist.
83         [% CASE 'error_on_delete' %]
84             An error occurred when deleting this library. Check the logs.
85         [% CASE 'success_on_update' %]
86             Library updated successfully.
87         [% CASE 'success_on_insert' %]
88             Library added successfully.
89         [% CASE 'success_on_delete' %]
90             Library deleted successfully.
91         [% CASE 'cannot_delete_library' %]
92             This library cannot be deleted. Patrons or items are still using it
93             [% IF m.data.patrons_count and m.data.items_count %]
94                 ([% m.data.patrons_count | html %] patrons and [% m.data.items_count | html %] items).
95             [% ELSIF m.data.patrons_count %]
96                 ([% m.data.patrons_count | html %] patrons).
97             [% ELSIF m.data.items_count %]
98                 ([% m.data.items_count | html %] items).
99             [% END %]
100         [% CASE 'error_on_update_category' %]
101             An error occurred when updating this library category. Perhaps it already exists.
102         [% CASE 'error_on_insert_category' %]
103             An error occurred when adding this library category. The categorycode might already exist.
104         [% CASE 'error_on_delete_category' %]
105             An error occurred when deleting this library category. Check the logs.
106         [% CASE 'success_on_update_category' %]
107             Library category updated successfully.
108         [% CASE 'success_on_insert_category' %]
109             Library category added successfully.
110         [% CASE 'success_on_delete_category' %]
111             Library category deleted successfully.
112         [% CASE 'cannot_delete_category' %]
113             This library category cannot be deleted. [% m.data.libraries_count | html %] libraries are still using it.
114         [% CASE %]
115             [% m.code | html %]
116         [% END %]
117     </div>
118 [% END %]
119
120 [% IF op == 'list' %]
121     <div id="toolbar" class="btn-toolbar">
122         <a class="btn btn-default" id="newbranch" href="/cgi-bin/koha/admin/branches.pl?op=add_form"><i class="fa fa-plus"></i> New library</a>
123     </div>
124 [% END %]
125
126 [% IF op == 'add_form' %]
127     <h3>[% IF library %]Modify library[% ELSE %]New library[% END %]</h3>
128     <form action="/cgi-bin/koha/admin/branches.pl" id="Aform" name="Aform" class="validated" method="post">
129         <fieldset class="rows">
130             <input type="hidden" name="op" value="add_validate" />
131             [% IF library %]
132                 <input type="hidden" name="is_a_modif" value="1" />
133             [% END %]
134             <ol>
135                 <li>
136                     [% IF library %]
137                         <span class="label">Library code: </span>
138                         <input type="hidden" name="branchcode" value="[% library.branchcode | html %]" />
139                         [% library.branchcode | html %]
140                     [% ELSE %]
141                         <label for="branchcode" class="required">Library code: </label>
142                         <input type="text" name="branchcode" id="branchcode" size="10" maxlength="10" value="[% library.branchcode | html %]" class="required focus" required="required" />
143                         <span class="required">Required</span>
144                     [% END %]
145                 </li>
146                 <li>
147                     <label for="branchname" class="required">Name: </label>
148                     [% IF library %]
149                         <input type="text" name="branchname" id="branchname" size="80" value="[% library.branchname | html %]" class="required focus" required="required" />
150                     [% ELSE %]
151                         <input type="text" name="branchname" id="branchname" size="80" value="[% library.branchname | html %]" class="required" required="required" />
152                     [% END %]
153                     <span class="required">Required</span>
154                 </li>
155             </ol>
156         </fieldset>
157         [% IF categories %]
158             <fieldset class="rows"><legend>Group(s):</legend>
159                 <ol>
160                     [% FOREACH category IN categories %]
161                         <li>
162                             <label for="[% category.categorycode | html %]">[% category.categoryname | html %]: </label>
163                             [% IF category and selected_categorycodes.grep(category.categorycode).size %]
164                                 <input type="checkbox" id="[% category.categorycode | html %]" name="selected_categorycode_[% category.categorycode | html %]" checked="checked" />
165                             [% ELSE %]
166                                 <input type="checkbox" id="[% category.categorycode | html %]" name="selected_categorycode_[% category.categorycode | html %]" />
167                             [% END %]
168                             <div class="hint">[% category.codedescription | html %]</div>
169                         </li>
170                     [% END %]
171                 </ol>
172             </fieldset>
173         [% END %]
174         <fieldset class="rows">
175             <ol>
176                 <li><label for="branchaddress1">Address line 1: </label><input type="text" name="branchaddress1" id="branchaddress1" size="60" value="[% library.branchaddress1 | html %]" /></li>
177                 <li><label for="branchaddress2">Address line 2: </label><input type="text" name="branchaddress2" id="branchaddress2" size="60" value="[% library.branchaddress2 | html %]" /></li>
178                 <li><label for="branchaddress3">Address line 3: </label><input type="text" name="branchaddress3" id="branchaddress3" size="60" value="[% library.branchaddress3 | html %]" /></li>
179                 <li><label for="branchcity">City: </label><input type="text" name="branchcity" id="branchcity" size="60" value="[% library.branchcity | html %]" /></li>
180                 <li><label for="branchstate">State: </label><input type="text" name="branchstate" id="branchstate" size="60" value="[% library.branchstate | html %]" /></li>
181                 <li><label for="branchzip">ZIP/Postal code: </label><input type="text" name="branchzip" id="branchzip"  size="25" maxlength="25" value="[% library.branchzip | html %]" /></li>
182                 <li><label for="branchcountry">Country: </label><input type="text" name="branchcountry" id="branchcountry" size="60" value="[% library.branchcountry | html %]" /></li>
183                 <li><label for="branchphone">Phone: </label><input type="text" name="branchphone" id="branchphone" size="60" value="[% library.branchphone | html %]" /></li>
184                 <li><label for="branchfax">Fax: </label><input type="text" name="branchfax" id="branchfax" size="60" value="[% library.branchfax | html %]" /></li>
185                 <li><label for="branchemail">Email: </label><input type="text" name="branchemail" id="branchemail" class="email"  size="80" value="[% library.branchemail | html %]" /></li>
186                 [% IF (Koha.Preference('ILLModule')) %]
187                 <li>
188                     <label for="branchillemail">ILL staff email: </label>
189                     <input type="text" name="branchillemail" id="branchillemail" class="email"  size="80" value="[% library.branchillemail | html %]" />
190                     <div class="hint">
191                         [% IF ( CAN_user_parameters_manage_sysprefs ) %]
192                             Default: <a target="_blank" href="/cgi-bin/koha/admin/preferences.pl?tab=&op=search&searchfield=ILLDefaultStaffEmail">ILLDefaultStaffEmail</a> system preference
193                         [% ELSE %]
194                             Default: ILLDefaultStaffEmail system preference
195                         [% END %]
196                     </div>
197                 </li>
198                 [% END %]
199                 <li>
200                     <label for="branchreplyto">Reply-To: </label>
201                     <input type="text" name="branchreplyto" id="branchreplyto" class="email"  size="80" value="[% library.branchreplyto | html %]" />
202                     <div class="hint">
203                          [% IF ( CAN_user_parameters_manage_sysprefs ) %]
204                             Default: <a target="_blank" href="/cgi-bin/koha/admin/preferences.pl?tab=&op=search&searchfield=ReplyToDefault">ReplyToDefault</a> system preference
205                         [% ELSE %]
206                             Default: ReplyToDefault system preference
207                         [% END %]
208                     </div>
209                 </li>
210                 <li>
211                     <label for="branchreturnpath">Return-Path: </label>
212                     <input type="text" name="branchreturnpath" id="branchreturnpath" class="email"  size="80" value="[% library.branchreturnpath | html %]" />
213                     <div class="hint">
214                          [% IF ( CAN_user_parameters_manage_sysprefs ) %]
215                             Default: <a target="_blank" href="/cgi-bin/koha/admin/preferences.pl?tab=&op=search&searchfield=ReturnpathDefault">ReturnpathDefault</a> system preference
216                         [% ELSE %]
217                             Default: ReturnpathDefault system preference
218                         [% END %]
219                     </div>
220                 </li>
221                 <li><label for="smtp_server">SMTP server: </label>
222                     <select name="smtp_server" id="smtp_server">
223                     [% IF selected_smtp_server.is_system_default %]
224                         <option value="*" selected="selected">Default</option>
225                     [% ELSE %]
226                         <option value="*">Default</option>
227                     [% END %]
228                     [% FOREACH smtp_server IN smtp_servers %]
229                         [% IF smtp_server.id == selected_smtp_server.id %]
230                             <option value="[% smtp_server.id | html %]" selected="selected">[% smtp_server.name | html %]</option>
231                         [% ELSE %]
232                             <option value="[% smtp_server.id | html %]">[% smtp_server.name | html %]</option>
233                         [% END %]
234                     [% END %]
235                     </select>
236                 </li>
237                 <li><label for="branchurl">URL: </label><input type="text" name="branchurl" id="branchurl"  size="80" value="[% library.branchurl | html %]" class="url" /></li>
238                 <li><label for="opac_info">OPAC info: </label><textarea name="opac_info" id="opac_info">[% library.opac_info | $raw %]</textarea></li>
239                 <li>
240                     <label for="branchip">IP: </label>
241                     <input type="text" name="branchip" id="branchip"  size="15" maxlength="15" value="[% library.branchip | html %]" />
242                     <div class="hint">Can be entered as a single IP, or a subnet such as 192.168.1.*</div>
243                 </li>
244                 <li>
245                     <label for="marcorgcode">MARC organization code</label>
246                     <input type="text" name="marcorgcode" id="marcorgcode" size="16" value="[% library.marcorgcode | html %]" />
247                     <div class="hint">
248                         [% IF ( CAN_user_parameters_manage_sysprefs ) %]
249                             If not filled in defaults to system preference <a target="_blank" href="/cgi-bin/koha/admin/preferences.pl?tab=&op=search&searchfield=MARCOrgCode">MARCOrgCode</a>.
250                         [% ELSE %]
251                             If not filled in defaults to system preference MARCOrgCode.
252                         [% END %]
253                         You can obtain your code from <a href="http://www.loc.gov/marc/organizations/orgshome.html" target="_blank">Library of Congress</a>.
254                     </div>
255                 </li>
256                 <li><label for="branchnotes">Notes: </label><input type="text" name="branchnotes" id="branchnotes" size="80" value="[% library.branchnotes | html %]" /></li>
257                 <li><label for="pickup_location">Pickup location: </label>
258                     <select name="pickup_location" id="pickup_location">
259                         [% IF !library || library.pickup_location == 1 %]
260                         <option value="1" selected="selected">Yes</option>
261                         <option value="0">No</option>
262                         [% ELSE %]
263                         <option value="1">Yes</option>
264                         <option value="0" selected="selected">No</option>
265                         [% END %]
266                     </select>
267                 </li>
268             </ol>
269         </fieldset>
270         <fieldset class="action">
271             <input type="submit" value="Submit" />
272             <a class="cancel" href="/cgi-bin/koha/admin/branches.pl">Cancel</a>
273         </fieldset>
274     </form>
275 [% END %]
276
277 [% IF op == 'delete_confirm' and not ( items_count or patrons_count )%]
278     <div class="dialog alert">
279         <form action="/cgi-bin/koha/admin/branches.pl" method="post">
280             <h3>Are you sure you want to delete [% library.branchname | html %] ([% library.branchcode | html %])?</h3>
281             <input type="hidden" name="op" value="delete_confirmed" />
282             <input type="hidden" name="branchcode" value="[% library.branchcode | html %]" />
283             <input type="hidden" name="branchname" value="[% library.branchname | html %]">
284             <button type="submit" class="approve"><i class="fa fa-fw fa-check"></i> Yes, delete</button>
285         </form>
286         <form action="/cgi-bin/koha/admin/branches.pl" method="get">
287             <button type="submit" class="deny"><i class="fa fa-fw fa-remove"></i> No, do not delete</button>
288         </form>
289     </div>
290 [% END %]
291
292 [% IF op == 'list' %]
293     <h3>Libraries</h3>
294     [% IF libraries_count > 0 %]
295         <table id="libraries">
296             <thead>
297                 <tr>
298                     <th>Name</th>
299                     <th>Code</th>
300                     <th>Address</th>
301                     <th>MARC organization code</th>
302                     <th>IP</th>
303                     <th>Pickup location</th>
304                     <th>SMTP server</th>
305                     <th data-class-name="actions noExport">Actions</th>
306                 </tr>
307             </thead>
308         </table>
309     [% ELSE %]
310         <div class="dialog message">There are no libraries defined. <a href="/cgi-bin/koha/admin/branches.pl?op=add_form">Start defining libraries</a>.</div>
311     [% END %]
312 [% END %]
313
314             </main>
315         </div> <!-- /.col-sm-10.col-sm-push-2 -->
316
317         <div class="col-sm-2 col-sm-pull-10">
318             <aside>
319                 [% INCLUDE 'admin-menu.inc' %]
320             </aside>
321         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
322      </div> <!-- /.row -->
323
324 [% MACRO jsinclude BLOCK %]
325     [% Asset.js("js/admin-menu.js") | $raw %]
326     [% INCLUDE 'datatables.inc' %]
327     [% INCLUDE 'columns_settings.inc' %]
328     [% Asset.js("lib/tiny_mce/tinymce.min.js") | $raw %]
329     [% INCLUDE 'str/tinymce_i18n.inc' %]
330     <script>
331         var columns_settings = [% TablesSettings.GetColumns( 'admin', 'libraries', 'libraries', 'json' ) | $raw %];
332         $(document).ready(function() {
333
334             var libraries_url = '/api/v1/libraries';
335             var libraries = $("#libraries").api({
336                 "ajax": {
337                     "url": libraries_url
338                 },
339                 'embed': [ 'smtp_server' ],
340                 'emptyTable': '<div class="dialog message">'+_("There are no libraries defined.")+' <a href="/cgi-bin/koha/admin/branches.pl?op=add_form">'+_("Start defining libraries")+'</a>.</div>',
341                 "columnDefs": [ {
342                     "targets": [0,1,3,4,6,8,9,10,11,12,13,14,15],
343                     "render": function (data, type, row, meta) {
344                         if ( type == 'display' ) {
345                             if ( data != null ) {
346                                 return data.escapeHtml();
347                             }
348                             else {
349                                 return "";
350                             }
351                         }
352                         return data;
353                     }
354                 } ],
355                 "columns": [
356                     {
357                         "data": "name",
358                         "searchable": true,
359                         "orderable": true
360                     },
361                     {
362                         "data": "library_id",
363                         "searchable": true,
364                         "orderable": true
365                     },
366                     {
367                         "data": function( row, type, val, meta ) {
368                             const library_info = [];
369                             if ( row.address1 != null ) library_info.push(row.address1.escapeHtml());
370                             if ( row.address2 != null ) library_info.push(row.address2.escapeHtml());
371                             if ( row.address3 != null ) library_info.push(row.address3.escapeHtml());
372                             // geographical_location = city, state postal_code
373                             const locations = [];
374                             if ( row.city != null ) locations.push(row.city.escapeHtml());
375                             if ( row.state != null ) locations.push(row.state.escapeHtml());
376                             const geographical_location = locations.join(', ');
377                             if ( geographical_location != '' && row.postal_code != null) {
378                                 library_info.push(geographical_location+' '+row.postal_code.escapeHtml());
379                             }
380                             else {
381                                 library_info.push(geographical_location);
382                             }
383                             if ( row.country != null ) library_info.push(row.country.escapeHtml());
384                             if ( row.phone != null ) library_info.push(_("Ph: ") + row.phone.escapeHtml());
385                             if ( row.fax != null ) library_info.push(_("Fax: ") + row.fax.escapeHtml());
386                             if ( row.email != null ) library_info.push('<a href="mailto:'+encodeURIComponent(row.email)+'">'+row.email.escapeHtml()+'</a>');
387                             if ( row.url != null ) library_info.push('<a href="'+encodeURIComponent(row.url)+'">'+row.url.escapeHtml()+'</a>');
388                             if ( row.opac_info != null ) library_info.push(_("OPAC Info") + ': <div>'+row.opac_info.escapeHtml()+'</div>');
389                             if ( row.notes != null ) library_info.push(_("Notes")+': '+row.notes.escapeHtml());
390                             return library_info.join('<br/>');
391                         },
392                         "searchable": false,
393                         "orderable": false
394                     },
395                     {
396                         "data": "marc_org_code",
397                         "searchable": true,
398                         "orderable": true
399                     },
400                     {
401                         "data": "ip",
402                         "searchable": true,
403                         "orderable": true
404                     },
405                     {
406                         "data": "pickup_location",
407                         "searchable": true,
408                         "orderable": true,
409                         "render": function( data, type, row, meta ) {
410                             return (data) ? _("Yes") : _("No");
411                         }
412                     },
413                     {
414                         "data": "smtp_server",
415                         "render": function( data, type, row, meta ) {
416                             if ( data.smtp_server_id ) {
417                                 return '<a href="/cgi-bin/koha/admin/smtp_servers.pl?op=edit_form&smtp_server_id='+encodeURIComponent(data.smtp_server_id)+'">'+data.name.escapeHtml()+'</a>';
418                             }
419                             else {
420                                 return _("Default");
421                             }
422                         },
423                         "searchable": false,
424                         "visible": true,
425                         "orderable": false
426                     },
427                     {
428                         "data": function( row, type, val, meta ) {
429
430                             var result = '<a class="btn btn-default btn-xs" href="/cgi-bin/koha/admin/branches.pl?op=add_form&amp;branchcode='+encodeURIComponent(row.library_id)+'" role="button"><i class="fa fa-pencil" aria-hidden="true"></i> '+_("Edit")+'</a>';
431                             result += '<form action="/cgi-bin/koha/admin/branches.pl" method="post">';
432                             result += '<input type="hidden" name="branchcode" value="'+row.library_id.escapeHtml()+'" />'+"\n";
433                             result += '<input type="hidden" name="op" value="delete_confirm" />';
434                             result += '<button type="submit" id="delete_library_'+row.library_id.escapeHtml()+'" class="btn btn-default btn-xs" role="button"><i class="fa fa-trash" aria-hidden="true"></i> '+_("Delete")+'</button></form>';
435
436                             return result;
437
438                         },
439                         "searchable": false,
440                         "orderable": false
441                     },
442                     {
443                         "data": "address1",
444                         "searchable": true,
445                         "visible": false,
446                         "orderable": false
447                     },
448                     {
449                         "data": "address2",
450                         "searchable": true,
451                         "visible": false,
452                         "orderable": false
453                     },
454                     {
455                         "data": "address3",
456                         "searchable": true,
457                         "visible": false,
458                         "orderable": false
459                     },
460                     {
461                         "data": "city",
462                         "searchable": true,
463                         "visible": false,
464                         "orderable": false
465                     },
466                     {
467                         "data": "state",
468                         "searchable": true,
469                         "visible": false,
470                         "orderable": false
471                     },
472                     {
473                         "data": "postal_code",
474                         "searchable": true,
475                         "visible": false,
476                         "orderable": false
477                     },
478                     {
479                         "data": "country",
480                         "searchable": true,
481                         "visible": false,
482                         "orderable": false
483                     },
484                     {
485                         "data": "opac_info",
486                         "searchable": true,
487                         "visible": false,
488                         "orderable": false
489                     },
490                     {
491                         "data": "notes",
492                         "searchable": true,
493                         "visible": false,
494                         "orderable": false
495                     }
496                 ]
497             }, columns_settings);
498
499             [% UNLESS library %]
500                 $("#Aform").on("submit", function( event ) {
501                     if ( $("#branchcode").val().match(/\s/) ) {
502                         event.preventDefault();
503                         alert(_("The library code entered contains whitespace characters. Please remove any whitespace characters from the library code"));
504                         return false;
505                     } else {
506                         return true;
507                     }
508                 });
509             [% END %]
510         });
511
512         tinyMCE.init({
513             branding : false,
514             relative_urls : false,
515             content_css : "[% interface | html %]/[% theme | html %]/css/tinymce.css",
516             menubar : "file edit view insert format tools table",
517             mode : "specific_textareas",
518             plugins : "autoresize table hr link image charmap lists code emoticons",
519             toolbar : [
520                 "formatselect | bold italic | cut copy paste | alignleft aligncenter alignright | outdent indent | image link unlink anchor cleanup hr",
521                 "table | bullist numlist | undo redo | removeformat | emoticons charmap | forecolor backcolor | code visualaid help"
522             ],
523         });
524     </script>
525 [% END %]
526
527 [% INCLUDE 'intranet-bottom.inc' %]