Bug 16424: Add framework support to advanced MARC editor
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / includes / cateditor-ui.inc
1 [% USE raw %]
2 [% Asset.js("lib/codemirror/codemirror-compressed.js") | $raw %]
3 [% Asset.js("lib/filesaver.js") | $raw %]
4 [% Asset.js("lib/koha/cateditor/marc-mode.js") | $raw %]
5 [% Asset.js("lib/require.js") | $raw %]
6 <script>
7     var authInfo = {
8         [%- FOREACH authtag = authtags -%]
9             [% authtag.tagfield | html %]: {
10                 subfield: '[% authtag.tagsubfield | html %]',
11                 authtypecode: '[% authtag.authtypecode | html %]',
12                 },
13         [%- END -%]
14     };
15 require.config( {
16     baseUrl: '[% interface | html %]/lib/koha/cateditor/',
17     config: {
18         resources: {
19             marcflavour: '[% marcflavour | html %]',
20             themelang: '[% themelang | html %]',
21         },
22     },
23     waitSeconds: 30,
24 } );
25 </script>
26
27 [% IF marcflavour == 'MARC21' %]
28 [% PROCESS 'cateditor-widgets-marc21.inc' %]
29 [% ELSE %]
30 <script>var editorWidgets = {};</script>
31 [% END %]
32
33 <script>
34 require( [ 'koha-backend', 'search', 'macros', 'marc-editor', 'marc-record', 'preferences', 'resources', 'text-marc', 'widget' ], function( KohaBackend, Search, Macros, MARCEditor, MARC, Preferences, Resources, TextMARC, Widget ) {
35     var z3950Servers = {
36         'koha:biblioserver': {
37             name: _("Local catalog"),
38             recordtype: 'biblio',
39             checked: false,
40         },
41         [%- FOREACH server = z3950_servers -%]
42             [% server.id | html %]: {
43                 name: '[% server.servername | html %]',
44                 recordtype: '[% server.recordtype | html %]',
45                 checked: [% server.checked ? 'true' : 'false' | html %],
46             },
47         [%- END -%]
48     };
49
50     // The columns that should show up in a search, in order, and keyed by the corresponding <metadata> tag in the XSL and Pazpar2 config
51     var z3950Labels = [
52         [ "local_number", _("Local number") ],
53         [ "title", _("Title") ],
54         [ "series", _("Series title") ],
55         [ "author", _("Author") ],
56         [ "lccn", _("LCCN") ],
57         [ "isbn", _("ISBN") ],
58         [ "issn", _("ISSN") ],
59         [ "medium", _("Medium") ],
60         [ "edition", _("Edition") ],
61         [ "notes", _("Notes") ],
62     ];
63
64     var state = {
65         backend: '',
66         saveBackend: 'catalog',
67         recordID: undefined
68     };
69
70     var editor;
71     var macroEditor;
72
73     function makeAuthorisedValueWidgets( frameworkCode ) {
74         $.each( KohaBackend.GetAllTagsInfo( frameworkCode ), function( tag, tagInfo ) {
75             $.each( tagInfo.subfields, function( subfield, subfieldInfo ) {
76                 if ( !subfieldInfo.authorised_value ) return;
77                 var authvals = KohaBackend.GetAuthorisedValues( subfieldInfo.authorised_value );
78                 if ( !authvals ) return;
79
80                 var defaultvalue = subfield.defaultvalue || authvals[0].value;
81
82                 Widget.Register( tag + subfield, {
83                     init: function() {
84                         var $result = $( '<span class="subfield-widget"></span>' );
85
86                         return $result[0];
87                     },
88                     postCreate: function() {
89                         var value = defaultvalue;
90                         var widget = this;
91
92                         $.each( authvals, function() {
93                             if ( this.value == widget.text ) {
94                                 value = this.value;
95                             }
96                         } );
97
98                         this.setText( value );
99
100                         $( '<select></select>' ).appendTo( this.node );
101                         var $node = $( this.node ).find( 'select' );
102                         $.each( authvals, function( undef, authval ) {
103                             $node.append( '<option value="' + authval.value + '"' + (authval.value == value ? ' selected="selected"' : '') + '>' + authval.lib + '</option>' );
104                         } );
105                         $node.val( this.text );
106
107                         $node.change( $.proxy( function() {
108                             this.setText( $node.val() );
109                         }, this ) );
110                     },
111                     makeTemplate: function() {
112                         return defaultvalue;
113                     },
114                 } );
115             } );
116         } );
117     }
118
119     function bindGlobalKeys() {
120         shortcut.add( 'ctrl+s', function(event) {
121             $( '#save-record' ).click();
122
123             event.preventDefault();
124         } );
125
126         shortcut.add( 'alt+ctrl+k', function(event) {
127             $( '#search-by-keywords' ).focus();
128
129             return false;
130         } );
131
132         shortcut.add( 'alt+ctrl+a', function(event) {
133             $( '#search-by-author' ).focus();
134
135             return false;
136         } );
137
138         shortcut.add( 'alt+ctrl+i', function(event) {
139             $( '#search-by-isbn' ).focus();
140
141             return false;
142         } );
143
144         shortcut.add( 'alt+ctrl+t', function(event) {
145             $( '#search-by-title' ).focus();
146
147             return false;
148         } );
149
150         shortcut.add( 'ctrl+h', function() {
151             var field = editor.getCurrentField();
152
153             if ( !field ) return;
154
155             window.open( getFieldHelpURL( field.tag ) );
156         } );
157
158         $('#quicksearch .search-box').each( function() {
159             shortcut.add( 'enter', $.proxy( function() {
160                 var terms = [];
161
162                 $('#quicksearch .search-box').each( function() {
163                     if ( !this.value ) return;
164
165                     terms.push( [ $(this).data('qualifier'), this.value ] );
166                 } );
167
168                 if ( !terms.length ) return;
169
170                 if ( Search.Run( z3950Servers, Search.JoinTerms(terms) ) ) {
171                     $("#search-overlay").show();
172                     showResultsBox();
173                 }
174
175                 return false;
176             }, this), { target: this, type: 'keypress' } );
177         } );
178     }
179
180     function getFieldHelpURL( tag ) {
181         [% IF ( marcflavour == 'MARC21' ) %]
182             if ( tag == '000' ) {
183                 return "http://www.loc.gov/marc/bibliographic/bdleader.html";
184             } else if ( tag >= '090' && tag < '100' ) {
185                 return "http://www.loc.gov/marc/bibliographic/bd09x.html";
186             } else if ( tag < '900' ) {
187                 return "http://www.loc.gov/marc/bibliographic/bd" + tag + ".html";
188             } else {
189                 return "http://www.loc.gov/marc/bibliographic/bd9xx.html";
190             }
191         [% ELSIF ( marcflavour == 'UNIMARC' ) %]
192             /* http://archive.ifla.org/VI/3/p1996-1/ is an outdated version of UNIMARC, but
193                seems to be the only version available that can be linked to per tag.  More recent
194                versions of the UNIMARC standard are available on the IFLA website only as
195                PDFs!
196             */
197             if ( tag == '000' ) {
198                return  "http://archive.ifla.org/VI/3/p1996-1/uni.htm";
199             } else {
200                 var first = tag[0];
201                 var url = "http://archive.ifla.org/VI/3/p1996-1/uni" + first + ".htm#";
202                 if ( first == '0' ) url += "b";
203                 if ( first != '9' ) url += tag;
204
205                 return url;
206             }
207         [% END %]
208     }
209
210     // Record loading
211     var backends = {
212        'new': {
213             titleForRecord: _("Editing new record"),
214             get: function( id, callback ) {
215                 record = new MARC.Record();
216                 KohaBackend.FillRecord( '', record );
217
218                 callback( record );
219             },
220         },
221         'new-full': {
222             titleForRecord: _("Editing new full record"),
223             get: function( id, callback ) {
224                 record = new MARC.Record();
225                 KohaBackend.FillRecord( '', record, true );
226
227                 callback( record );
228             },
229         },
230         'catalog': {
231             titleForRecord: _("Editing catalog record #{ID}"),
232             links: [
233                 { title: _("view"), href: "/cgi-bin/koha/catalogue/detail.pl?biblionumber={ID}" },
234                 { title: _("edit items"), href: "/cgi-bin/koha/cataloguing/additem.pl?biblionumber={ID}" },
235             ],
236             saveLabel: _("Save to catalog"),
237             get: function( id, callback ) {
238                 if ( !id ) return false;
239
240                 KohaBackend.GetRecord( id, callback );
241             },
242             save: function( id, record, done ) {
243                 function finishCb( data ) {
244                     done( { error: data.error, newRecord: data.marcxml && data.marcxml[0], newId: data.biblionumber && [ 'catalog', data.biblionumber ] } );
245                 }
246
247                 if ( id ) {
248                     KohaBackend.SaveRecord( id, record, finishCb );
249                 } else {
250                     KohaBackend.CreateRecord( record, finishCb );
251                 }
252             }
253         },
254         'iso2709': {
255             saveLabel: _("Save as ISO2709 (.mrc) file"),
256             save: function( id, record, done ) {
257                 saveAs( new Blob( [record.toISO2709()], { 'type': 'application/octet-stream;charset=utf-8' } ), 'record.mrc' );
258
259                 done( {} );
260             }
261         },
262         'marcxml': {
263             saveLabel: _("Save as MARCXML (.xml) file"),
264             save: function( id, record, done ) {
265                 saveAs( new Blob( [record.toXML()], { 'type': 'application/octet-stream;charset=utf-8' } ), 'record.xml' );
266
267                 done( {} );
268             }
269         },
270         'search': {
271             titleForRecord: _("Editing search result"),
272             get: function( id, callback ) {
273                 if ( !id ) return false;
274                 if ( !backends.search.records[ id ] ) {
275                     callback( { error: _( "Invalid record" ) } );
276                     return false;
277                 }
278
279                 callback( backends.search.records[ id ] );
280             },
281             records: {},
282         },
283     };
284
285     function setSource(parts) {
286         state.backend = parts[0];
287         state.recordID = parts[1];
288         state.canSave = backends[ state.backend ].save != null;
289         state.saveBackend = state.canSave ? state.backend : 'catalog';
290
291         var backend = backends[state.backend];
292
293         document.location.hash = '#' + parts[0] + '/' + parts[1];
294
295         $('#title').text( backend.titleForRecord.replace( '{ID}', parts[1] ) );
296
297         $.each( backend.links || [], function( i, link ) {
298             $('#title').append(' <a target="_blank" href="' + link.href.replace( '{ID}', parts[1] ) + '">(' + link.title + ')</a>' );
299         } );
300         $( 'title', document.head ).html( _("Koha &rsaquo; Cataloging &rsaquo; ") + backend.titleForRecord.replace( '{ID}', parts[1] ) );
301         $('#save-record span').text( backends[ state.saveBackend ].saveLabel );
302     }
303
304     function saveRecord( recid, editor, callback ) {
305         var parts = recid.split('/');
306         if ( parts.length != 2 ) return false;
307
308         if ( !backends[ parts[0] ] || !backends[ parts[0] ].save ) return false;
309
310         editor.removeErrors();
311         var record = editor.getRecord();
312
313         if ( record.errors ) {
314             state.saving = false;
315             callback( { error: 'syntax', errors: record.errors } );
316             return;
317         }
318
319         var errors = KohaBackend.ValidateRecord( '', record );
320         if ( errors.length ) {
321             state.saving = false;
322             callback( { error: 'invalid', errors: errors } );
323             return;
324         }
325
326         backends[ parts[0] ].save( parts[1], record, function(data) {
327             state.saving = false;
328
329             if (data.newRecord) {
330                 var record = new MARC.Record();
331                 record.loadMARCXML(data.newRecord);
332                 record.frameworkcode = data.newRecord.frameworkcode;
333                 editor.displayRecord( record );
334             }
335
336             if (data.newId) {
337                 setSource(data.newId);
338             } else {
339                 setSource( [ state.backend, state.recordID ] );
340             }
341
342             if (callback) callback( data );
343         } );
344     }
345
346     function loadRecord( recid, editor, callback ) {
347         var parts = recid.split('/');
348         if ( parts.length != 2 ) return false;
349
350         if ( !backends[ parts[0] ] || !backends[ parts[0] ].get ) return false;
351
352         backends[ parts[0] ].get( parts[1], function( record ) {
353             if ( !record.error ) {
354                 editor.displayRecord( record );
355                 editor.focus();
356             }
357
358             if (callback) callback(record);
359         } );
360
361         return true;
362     }
363
364     function openRecord( recid, editor, callback ) {
365         return loadRecord( recid, editor, function ( record ) {
366             setSource( recid.split('/') );
367
368             if (callback) callback( record );
369         } );
370     }
371
372     // Search functions
373     function showAdvancedSearch() {
374         $('#advanced-search-servers').empty();
375         $.each( z3950Servers, function( server_id, server ) {
376             $('#advanced-search-servers').append( '<li data-server-id="' + server_id + '"><label><input class="search-toggle-server" type="checkbox"' + ( server.checked ? ' checked="checked">' : '>' ) + server.name + '</label></li>' );
377         } );
378         $('#advanced-search-ui').modal('show');
379     }
380
381     function startAdvancedSearch() {
382         var terms = [];
383
384         $('#advanced-search-ui .search-box').each( function() {
385             if ( !this.value ) return;
386
387             terms.push( [ $(this).data('qualifier'), this.value ] );
388         } );
389
390         if ( !terms.length ) return;
391
392         if ( Search.Run( z3950Servers, Search.JoinTerms(terms) ) ) {
393             $('#advanced-search-ui').modal('hide');
394             $("#search-overlay").show();
395             showResultsBox();
396         }
397     }
398
399     function showResultsBox(data) {
400         $('#search-top-pages, #search-bottom-pages').find('nav').empty();
401         $('#searchresults thead tr').empty();
402         $('#searchresults tbody').empty();
403         $('#search-serversinfo').empty().append('<li>' + _("Loading...") + '</li>');
404         $('#search-results-ui').modal('show');
405     }
406
407     function showSearchSorting( sort_key, sort_direction ) {
408         var $th = $('#searchresults thead tr th[data-sort-label="' + sort_key + '"]');
409         $th.parent().find( 'th[data-sort-label]' ).attr( 'class', 'sorting' );
410
411         if ( sort_direction == 'asc' ) {
412             direction = 'asc';
413             $th.attr( 'class', 'sorting_asc' );
414         } else {
415             direction = 'desc';
416             $th.attr( 'class', 'sorting_desc' );
417         }
418     }
419
420     function showSearchResults( editor, data ) {
421         backends.search.records = {};
422
423         $('#searchresults thead tr').empty();
424         $('#searchresults tbody').empty();
425         $('#search-serversinfo').empty();
426
427         $.each( z3950Servers, function( server_id, server ) {
428             var num_fetched = data.num_fetched[server_id];
429
430             if ( data.errors[server_id] ) {
431                 num_fetched = data.errors[server_id];
432             } else if ( num_fetched == null ) {
433                 num_fetched = '-';
434             } else if ( num_fetched < data.num_hits[server_id] ) {
435                 num_fetched += '+';
436             }
437
438             $('#search-serversinfo').append( '<li data-server-id="' + server_id + '"><label><input class="search-toggle-server" type="checkbox"' + ( server.checked ? ' checked="checked">' : '>' ) + server.name + ' (' + num_fetched + ')' + '</label></li>' );
439         } );
440
441         var seenColumns = {};
442
443         $.each( data.hits, function( undef, hit ) {
444             $.each( hit.metadata, function(key) {
445                 seenColumns[key] = true;
446             } );
447         } );
448
449         $('#searchresults thead tr').append('<th>' + _("Source") + '</th>');
450
451         $.each( z3950Labels, function( undef, label ) {
452             if ( seenColumns[ label[0] ] ) {
453                 $('#searchresults thead tr').append( '<th class="sorting" data-sort-label="' + label[0] + '">' + label[1] + '</th>' );
454             }
455         } );
456
457         showSearchSorting( data.sort_key, data.sort_direction );
458
459         $('#searchresults thead tr').append('<th>' + _("Tools") + '</th>');
460
461         var bibnumMap = KohaBackend.GetSubfieldForKohaField('biblio.biblionumber');
462         $.each( data.hits, function( undef, hit ) {
463             backends.search.records[ hit.server + ':' + hit.index ] = hit.record;
464
465             switch ( hit.server ) {
466                 case 'koha:biblioserver':
467                     var bibnumField = hit.record.field( bibnumMap[0] );
468
469                     if ( bibnumField && bibnumField.hasSubfield( bibnumMap[1] ) ) {
470                         hit.id = 'catalog/' + bibnumField.subfield( bibnumMap[1] );
471                         break;
472                     }
473
474                     // Otherwise, fallthrough
475
476                 default:
477                     hit.id = 'search/' + hit.server + ':' + hit.index;
478             }
479
480             var result = '<tr>';
481             result += '<td class="sourcecol">' + z3950Servers[ hit.server ].name + '</td>';
482
483             $.each( z3950Labels, function( undef, label ) {
484                 if ( !seenColumns[ label[0] ] ) return;
485
486                 if ( hit.metadata[ label[0] ] ) {
487                     result += '<td class="infocol">' + hit.metadata[ label[0] ] + '</td>';
488                 } else {
489                     result += '<td class="infocol">&nbsp;</td>';
490                 }
491             } );
492
493             result += '<td class="toolscol"><ul><li><a href="#" class="marc-link">' + _("View MARC") + '</a></li>';
494             result += '<li><a href="#" class="open-link">' + ( hit.server == 'koha:biblioserver' ? _("Edit") : _("Import") ) + '</a></li>';
495             if ( state.canSave ) result += '<li><a href="#" class="substitute-link" title="' + _("Replace the current record's contents") + '">' + _("Substitute") + '</a></li>';
496             result += '</ul></td></tr>';
497
498             var $tr = $( result );
499             $tr.find( '.marc-link' ).click( function() {
500                 var $info_columns = $tr.find( '.infocol' );
501                 var $marc_column = $tr.find( '.marccol' );
502
503                 if ( !$marc_column.length ) {
504                     $marc_column = $( '<td class="marccol" colspan="' + $info_columns.length + '"></td>' ).insertAfter( $info_columns.eq(-1) ).hide();
505                     CodeMirror.runMode( TextMARC.RecordToText( hit.record ), 'marc', $marc_column[0] );
506                 }
507
508                 if ( $marc_column.is(':visible') ) {
509                     $tr.find('.marc-link').text( _("View MARC") );
510                     $info_columns.show();
511                     $marc_column.hide();
512                 } else {
513                     $tr.find('.marc-link').text( _("Hide MARC") );
514                     $marc_column.show();
515                     $info_columns.hide();
516                 }
517
518                 return false;
519             } );
520             $tr.find( '.open-link' ).click( function() {
521                 $( '#search-results-ui' ).modal('hide');
522                 openRecord( hit.id, editor );
523
524                 return false;
525             } );
526             $tr.find( '.substitute-link' ).click( function() {
527                 $( '#search-results-ui' ).modal('hide');
528                 loadRecord( hit.id, editor );
529
530                 return false;
531             } );
532             $('#searchresults tbody').append( $tr );
533         } );
534
535         var pages = [];
536         var cur_page = data.offset / data.page_size;
537         var max_page = Math.ceil( data.total_fetched / data.page_size ) - 1;
538
539         if ( cur_page != 0 ) {
540             pages.push( '<li><a class="search-nav" href="#" data-offset="' + (data.offset - data.page_size) + '"><span aria-hidden="true">&laquo;</span> ' + _("Previous") + '</a></li>' );
541         }
542
543         for ( var page = Math.max( 0, cur_page - 9 ); page <= Math.min( max_page, cur_page + 9 ); page++ ) {
544             if ( page == cur_page ) {
545                 pages.push( ' <li class="active"><a href="#">' + ( page + 1 ) + '</a></li>' );
546             } else {
547                 pages.push( ' <li><a class="search-nav" href="#" data-offset="' + ( page * data.page_size ) + '">' + ( page + 1 ) + '</a></li>' );
548             }
549         }
550
551         if ( cur_page < max_page ) {
552             pages.push( ' <li><a class="search-nav" href="#" data-offset="' + (data.offset + data.page_size) + '">' + _("Next") + ' <span aria-hidden="true">&raquo;</span></a></li>' );
553         }
554
555         $( '#search-top-pages, #search-bottom-pages' ).find( 'nav' ).html( pages.length > 1 ? ( '<ul class="pagination pagination-sm">' + pages.join( '' ) + '</ul>' ) : '' );
556
557         var $overlay = $('#search-overlay');
558         $overlay.find('span').text(_("Loading"));
559         $overlay.find('.bar').css( { display: 'block', width: 100 * ( 1 - data.activeclients / Search.includedServers.length ) + '%' } );
560
561         if ( data.activeclients ) {
562             $overlay.find('.bar').css( { display: 'block', width: 100 * ( 1 - data.activeclients / Search.includedServers.length ) + '%' } );
563             $overlay.show();
564         } else {
565             $overlay.find('.bar').css( { display: 'block', width: '100%' } );
566             $overlay.fadeOut();
567             $('#searchresults')[0].focus();
568         }
569     }
570
571     function invalidateSearchResults() {
572         var $overlay = $('#search-overlay');
573         $overlay.find('span').text(_("Search expired, please try again"));
574         $overlay.find('.bar').css( { display: 'none' } );
575         $overlay.show();
576     }
577
578     function handleSearchError(error) {
579         if (error.code == 1) {
580             invalidateSearchResults();
581             Search.Reconnect();
582         } else {
583             humanMsg.displayMsg( '<h3>' + _("Internal search error") + '</h3><p>' + error.responseText + '</p><p>' + _("Please refresh the page and try again.") + '</p>', { className: 'humanError' } );
584         }
585     }
586
587     function handleSearchInitError(error) {
588         $('#quicksearch-overlay').fadeIn().find('p').text(error);
589     }
590
591     // Preference functions
592     function showPreference( pref ) {
593         var value = Preferences.user[pref];
594
595         switch (pref) {
596             case 'fieldWidgets':
597                 $( '#set-field-widgets' ).text( value ? _("Show fields verbatim") : _("Show helpers for fixed and coded fields") );
598                 break;
599             case 'font':
600                 $( '#editor .CodeMirror' ).css( { fontFamily: value } );
601                 editor.refresh();
602                 break;
603             case 'fontSize':
604                 $( '#editor .CodeMirror' ).css( { fontSize: value } );
605                 editor.refresh();
606                 break;
607             case 'macros':
608                 // Macros loaded on first show of modal
609                 break;
610             case 'selected_search_targets':
611                 $.each( z3950Servers, function( server_id, server ) {
612                     var saved_val = Preferences.user.selected_search_targets[server_id];
613
614                     if ( saved_val != null ) server.checked = saved_val;
615                 } );
616                 break;
617         }
618     }
619
620     function bindPreference( editor, pref ) {
621         function _addHandler( sel, event, handler ) {
622             $( sel ).on( event, function (e) {
623                 e.preventDefault();
624                 handler( e, Preferences.user[pref] );
625                 Preferences.Save( [% logged_in_user.borrowernumber | html %] );
626                 showPreference(pref);
627             } );
628         }
629
630         switch (pref) {
631             case 'fieldWidgets':
632                 _addHandler( '#set-field-widgets', 'click', function( e, oldValue ) {
633                     editor.setUseWidgets( Preferences.user.fieldWidgets = !Preferences.user.fieldWidgets );
634                 } );
635                 break;
636             case 'font':
637                 _addHandler( '#prefs-menu .set-font', 'click', function( e, oldValue ) {
638                     Preferences.user.font = $( e.target ).css( 'font-family' );
639                 } );
640                 break;
641             case 'fontSize':
642                 _addHandler( '#prefs-menu .set-fontSize', 'click', function( e, oldValue ) {
643                     Preferences.user.fontSize = $( e.target ).css( 'font-size' );
644                 } );
645                 break;
646             case 'selected_search_targets':
647                 $( document ).on( 'change', 'input.search-toggle-server', function() {
648                     var server_id = $( this ).closest('li').data('server-id');
649                     Preferences.user.selected_search_targets[server_id] = this.checked;
650                     Preferences.Save( [% logged_in_user.borrowernumber | html %] );
651                 } );
652                 break;
653         }
654     }
655
656     function displayPreferences( editor ) {
657         $.each( Preferences.user, function( pref, value ) {
658             showPreference( pref );
659             bindPreference( editor, pref );
660         } );
661     }
662
663     //> Macro functions
664     function loadMacro( name ) {
665         $( '#macro-list li' ).removeClass( 'active' );
666         macroEditor.activeMacro = name;
667
668         if ( !name ) {
669             macroEditor.setValue( '' );
670             return;
671         }
672
673         $( '#macro-list li[data-name="' + name + '"]' ).addClass( 'active' );
674         var macro = Preferences.user.macros[name];
675         macroEditor.setValue( macro.contents );
676         macroEditor.setOption( 'readOnly', false );
677         $( '#macro-format' ).val( macro.format || 'its' );
678         if ( macro.history ) macroEditor.setHistory( macro.history );
679     }
680
681     function storeMacro( name, macro ) {
682         if ( macro ) {
683             Preferences.user.macros[name] = macro;
684         } else {
685             delete Preferences.user.macros[name];
686         }
687
688         Preferences.Save( [% logged_in_user.borrowernumber | html %] );
689     }
690
691     function showSavedMacros( macros ) {
692         var scrollTop = $('#macro-list').scrollTop();
693         $( '#macro-list' ).empty();
694         var macro_list = $.map( Preferences.user.macros, function( macro, name ) {
695             return $.extend( { name: name }, macro );
696         } );
697         macro_list.sort( function( a, b ) {
698             return a.name.localeCompare(b.name);
699         } );
700         $.each( macro_list, function( undef, macro ) {
701             var $li = $( '<li data-name="' + macro.name + '"><a href="#">' + macro.name + '</a><ol class="macro-info"></ol></li>' );
702             $li.click( function() {
703                 loadMacro(macro.name);
704                 return false;
705             } );
706             if ( macro.name == macroEditor.activeMacro ) $li.addClass( 'active' );
707             var modified = macro.modified && new Date(macro.modified);
708             $li.find( '.macro-info' ).append(
709                 '<li><span class="label">' + _("Last changed:") + '</span>' +
710                 ( modified ? ( modified.toLocaleDateString() + ', ' + modified.toLocaleTimeString() ) : _("never") ) + '</li>'
711             );
712             $('#macro-list').append($li);
713         } );
714         var $new_li = $( '<li class="new-macro"><a href="#">' + _("New macro...") + '</a></li>' );
715         $new_li.click( function() {
716             // TODO: make this a bit less retro
717             var name = prompt(_("Please enter the name for the new macro:"));
718             if (!name) return;
719
720             if ( !Preferences.user.macros[name] ) storeMacro( name, { format: "rancor", contents: "" } );
721             showSavedMacros();
722             loadMacro( name );
723         } );
724         $('#macro-list').append($new_li);
725         $('#macro-list').scrollTop(scrollTop);
726     }
727
728     function saveMacro() {
729         var name = macroEditor.activeMacro;
730
731         if ( !name || macroEditor.savedGeneration == macroEditor.changeGeneration() ) return;
732
733         macroEditor.savedGeneration = macroEditor.changeGeneration();
734         storeMacro( name, { contents: macroEditor.getValue(), modified: (new Date()).valueOf(), history: macroEditor.getHistory(), format: $('#macro-format').val() } );
735         $('#macro-save-message').text(_("Saved"));
736         showSavedMacros();
737     }
738
739     $(document).ready( function() {
740         // Editor setup
741         editor = new MARCEditor( {
742             onCursorActivity: function() {
743                 $('#status-tag-info').empty();
744                 $('#status-subfield-info').empty();
745
746                 var field = editor.getCurrentField();
747                 var cur = editor.getCursor();
748
749                 if ( !field ) return;
750
751                 var taginfo = KohaBackend.GetTagInfo( '', field.tag );
752                 $('#status-tag-info').html( '<strong>' + field.tag + ':</strong> ' );
753
754                 if ( taginfo ) {
755                     $('#status-tag-info').append( '<a href="' + getFieldHelpURL( field.tag ) + '" target="_blank" class="show-field-help" title="' + _("Show help for this tag") + '">[?]</a> '  + taginfo.lib );
756
757                     var subfield = field.getSubfieldAt( cur.ch );
758                     if ( !subfield ) return;
759
760                     var subfieldinfo = taginfo.subfields[ subfield.code ];
761                     $('#status-subfield-info').html( '<strong>‡' + subfield.code + ':</strong> ' );
762
763                     if ( subfieldinfo ) {
764                         $('#status-subfield-info').append( subfieldinfo.lib );
765                     } else {
766                         $('#status-subfield-info').append( '<em>' + _("Unknown subfield") + '</em>' );
767                     }
768                 } else {
769                     $('#status-tag-info').append( '<em>' + _("Unknown tag") + '</em>' );
770                 }
771             },
772             position: function (elt) { $(elt).insertAfter('#toolbar') },
773         } );
774
775         // Automatically detect resizes and change the height of the editor and position of modals.
776         var resizeTimer = null;
777         function onResize() {
778             if ( resizeTimer == null ) resizeTimer = setTimeout( function() {
779                 resizeTimer = null;
780
781                 var pos = $('#editor .CodeMirror').position();
782                 $('#editor .CodeMirror').height( $(window).height() - pos.top - 24 - $('#changelanguage').height() ); // 24 is hardcoded value but works well
783
784                 $('.modal-body').each( function() {
785                     $(this).height( $(window).height() * .8 - $(this).prevAll('.modal-header').height() );
786                 } );
787             }, 100);
788         }
789
790         $( '#macro-ui' ).on( 'shown.bs.modal', function() {
791             if ( macroEditor ) return;
792
793             macroEditor = CodeMirror(
794                 $('#macro-editor')[0],
795                 {
796                     extraKeys: {
797                         'Ctrl-D': function( cm ) {
798                             var cur = cm.getCursor();
799
800                             cm.replaceRange( "‡", cur, null );
801                         },
802                     },
803                     mode: 'null',
804                     lineNumbers: true,
805                     readOnly: true,
806                 }
807             );
808             var saveTimeout;
809             macroEditor.on( 'change', function( cm, change ) {
810                 $('#macro-save-message').empty();
811                 if ( change.origin == 'setValue' ) return;
812
813                 if ( saveTimeout ) clearTimeout( saveTimeout );
814                 saveTimeout = setTimeout( function() {
815                     saveMacro();
816
817                     saveTimeout = null;
818                 }, 500 );
819             } );
820
821             showSavedMacros();
822         } );
823
824         var saveableBackends = [];
825         $.each( backends, function( id, backend ) {
826             if ( backend.save ) saveableBackends.push( [ backend.saveLabel, id ] );
827         } );
828         saveableBackends.sort();
829         $.each( saveableBackends, function( undef, backend ) {
830             $( '#save-dropdown' ).append( '<li><a href="#" data-backend="' + backend[1] + '">' + backend[0] + '</a></li>' );
831         } );
832
833         var macro_format_list = $.map( Macros.formats, function( format, name ) {
834             return $.extend( { name: name }, format );
835         } );
836         macro_format_list.sort( function( a, b ) {
837             return a.description.localeCompare(b.description);
838         } );
839         $.each( macro_format_list, function() {
840             $('#macro-format').append( '<option value="' + this.name + '">' + this.description + '</option>' );
841         } );
842
843         // Click bindings
844         $( '#save-record, #save-dropdown a' ).click( function() {
845              $( '#save-record' ).find('i').attr( 'class', 'fa fa-spinner fa-spin' ).siblings( 'span' ).text( _("Saving...") );
846
847             function finishCb(result) {
848                 if ( result.error == 'syntax' ) {
849                     humanMsg.displayAlert( _("Incorrect syntax, cannot save"), { className: 'humanError' } );
850                 } else if ( result.error == 'invalid' ) {
851                     humanMsg.displayAlert( _("Record structure invalid, cannot save"), { className: 'humanError' } );
852                 } else if ( !result.error ) {
853                     humanMsg.displayAlert( _("Record saved "), { className: 'humanSuccess' } );
854                 }
855
856                 $.each( result.errors || [], function( undef, error ) {
857                     switch ( error.type ) {
858                         case 'noTag':
859                             editor.addError( error.line, _("Invalid tag number") );
860                             break;
861                         case 'noIndicators':
862                             editor.addError( error.line, _("Invalid indicators") );
863                             break;
864                         case 'noSubfields':
865                             editor.addError( error.line, _("Tag has no subfields") );
866                             break;
867                         case 'missingTag':
868                             editor.addError( null, _("Missing mandatory tag: ") + error.tag );
869                             break;
870                         case 'missingSubfield':
871                             if ( error.subfield == '@' ) {
872                                 editor.addError( error.line, _("Missing control field contents") );
873                             } else {
874                                 editor.addError( error.line, _("Missing mandatory subfield: ‡") + error.subfield );
875                             }
876                             break;
877                         case 'unrepeatableTag':
878                             editor.addError( error.line, _("Tag ") + error.tag + _(" cannot be repeated") );
879                             break;
880                         case 'unrepeatableSubfield':
881                             editor.addError( error.line, _("Subfield ‡") + error.subfield + _(" cannot be repeated") );
882                             break;
883                         case 'itemTagUnsupported':
884                             editor.addError( error.line, _("Item tags cannot currently be saved") );
885                             break;
886                     }
887                 } );
888
889                 $( '#save-record' ).find('i').attr( 'class', 'fa fa-hdd-o' );
890
891                 if ( result.error ) {
892                     // Reset backend info
893                     setSource( [ state.backend, state.recordID ] );
894                 }
895             }
896
897             var backend = $( this ).data( 'backend' ) || ( state.saveBackend );
898             if ( state.backend == backend ) {
899                 saveRecord( backend + '/' + state.recordID, editor, finishCb );
900             } else {
901                 saveRecord( backend + '/', editor, finishCb );
902             }
903
904             return false;
905         } );
906
907         $('#import-records').click( function() {
908             $('#import-records-input')
909                 .off('change')
910                 .change( function() {
911                     if ( !this.files || !this.files.length ) return;
912
913                     var file = this.files[0];
914                     var reader = new FileReader();
915
916                     reader.onload = function() {
917                         var record = new MARC.Record();
918
919                         if ( /\.(mrc|marc|iso|iso2709|marcstd)$/.test( file.name ) ) {
920                             record.loadISO2709( reader.result );
921                         } else if ( /\.(xml|marcxml)$/.test( file.name ) ) {
922                             record.loadMARCXML( reader.result );
923                         } else {
924                             humanMsg.displayAlert( _("Unknown record type, cannot import"), { className: 'humanError' } );
925                             return;
926                         }
927
928                         if (record.marc8_corrupted) humanMsg.displayMsg( '<h3>' + _("Possible record corruption") + '</h3><p>' + _("Record not marked as UTF-8, may be corrupted") + '</p>', { className: 'humanError' } );
929
930                         editor.displayRecord( record );
931                     };
932
933                     reader.readAsText( file );
934                 } )
935                 .click();
936
937             return false;
938         } );
939
940         $('#open-macros').click( function() {
941             $('#macro-ui').modal('show');
942
943             return false;
944         } );
945
946         $('#run-macro').click( function() {
947             var result = Macros.Run( editor, $('#macro-format').val(), macroEditor.getValue() );
948
949             if ( !result.errors.length ) {
950                 $('#macro-ui').modal('hide');
951                 editor.focus(); //Return cursor to editor after macro run
952                 return false;
953             }
954
955             var errors = [];
956             $.each( result.errors, function() {
957                 var error = '<b>' + _("Line ") + (this.line + 1) + ':</b> ';
958
959                 switch ( this.error ) {
960                     case 'failed': error += _("failed to run"); break;
961                     case 'unrecognized': error += _("unrecognized command"); break;
962                 }
963
964                 errors.push(error);
965             } );
966
967             humanMsg.displayMsg( '<h3>' + _("Failed to run macro:") + '</h3><ul><li>' + errors.join('</li><li>') + '</li></ul>', { className: 'humanError' } );
968
969             return false;
970         } );
971
972         $('#delete-macro').click( function() {
973             if ( !macroEditor.activeMacro || !confirm( _("Are you sure you want to delete this macro?") ) ) return;
974
975             storeMacro( macroEditor.activeMacro, undefined );
976             showSavedMacros();
977             loadMacro( undefined );
978
979             return false;
980         } );
981
982         $( '#switch-editor' ).click( function() {
983             if ( !confirm( _("Any changes will not be saved. Continue?") ) ) return;
984
985             $.cookie( 'catalogue_editor_[% logged_in_user.borrowernumber | html %]', 'basic', { expires: 365, path: '/' } );
986
987             if ( state.backend == 'catalog' ) {
988                 window.location = '/cgi-bin/koha/cataloguing/addbiblio.pl?biblionumber=' + state.recordID;
989             } else if ( state.backend == 'new' ) {
990                 window.location = '/cgi-bin/koha/cataloguing/addbiblio.pl';
991             } else {
992                 humanMsg.displayAlert( _("Cannot open this record in the basic editor"), { className: 'humanError' } );
993             }
994         } );
995
996         $( '#show-advanced-search' ).click( function() {
997             showAdvancedSearch();
998
999             return false;
1000         } );
1001
1002         $('#advanced-search').submit( function() {
1003             startAdvancedSearch();
1004
1005             return false;
1006         } );
1007
1008         $( document ).on( 'click', 'a.search-nav', function() {
1009             if ( Search.Fetch( { offset: $( this ).data( 'offset' ) } ) ) {
1010                 $("#search-overlay").show();
1011             }
1012
1013             return false;
1014         });
1015
1016         $( document ).on( 'click', 'th[data-sort-label]', function() {
1017             var direction;
1018
1019             if ( $( this ).hasClass( 'sorting_asc' ) ) {
1020                 direction = 'desc';
1021             } else {
1022                 direction = 'asc';
1023             }
1024
1025             if ( Search.Fetch( { sort_key: $( this ).data( 'sort-label' ), sort_direction: direction } ) ) {
1026                 showSearchSorting( $( this ).data( 'sort-label' ), direction );
1027
1028                 $("#search-overlay").show();
1029             }
1030
1031             return false;
1032         });
1033
1034         $( document ).on( 'change', 'input.search-toggle-server', function() {
1035             var server = z3950Servers[ $( this ).closest('li').data('server-id') ];
1036             server.checked = this.checked;
1037
1038             if ( $('#search-results-ui').is( ':visible' ) && Search.Fetch() ) {
1039                 $("#search-overlay").show();
1040             }
1041         } );
1042
1043         // Key bindings
1044         bindGlobalKeys();
1045
1046         // Setup UI
1047         $("#advanced-search-ui, #search-results-ui, #macro-ui").each( function() {
1048             $(this).modal({ show: false });
1049         } );
1050
1051         var $quicksearch = $('#quicksearch fieldset');
1052         $('<div id="quicksearch-overlay"><h3>' + _("Search unavailable") + '</h3> <p></p></div>').css({
1053             position: 'absolute',
1054             top: $quicksearch.offset().top,
1055             left: $quicksearch.offset().left,
1056             height: $quicksearch.outerHeight(),
1057             width: $quicksearch.outerWidth(),
1058         }).appendTo(document.body).hide();
1059
1060         var prevAlerts = [];
1061         humanMsg.logMsg = function(msg, options) {
1062             $('#show-alerts').popover('hide');
1063             prevAlerts.unshift('<li>' + msg + '</li>');
1064             prevAlerts.splice(5, 999); // Truncate old messages
1065         };
1066
1067         $('#show-alerts').popover({
1068             html: true,
1069             placement: 'bottom',
1070             content: function() {
1071                 return '<div id="alerts-container"><ul>' + prevAlerts.join('') + '</ul></div>';
1072             },
1073         });
1074
1075         $('#show-shortcuts').popover({
1076             html: true,
1077             placement: 'bottom',
1078             content: function() {
1079                 return '<div id="shortcuts-container">' + $('#shortcuts-contents').html() + '</div>';
1080             },
1081         });
1082
1083         $('#new-record' ).click( function() {
1084             if ( editor.modified && !confirm( _("Are you sure you want to erase your changes?") ) ) return;
1085
1086             openRecord( 'new/', editor );
1087             return false;
1088         } );
1089
1090         window.onbeforeunload = function() {
1091             if(editor.modified )
1092                 { return 1; }
1093             else
1094                 { return undefined; }
1095         };
1096
1097         $('a.change-framework').click( function() {
1098             $("#loading").show();
1099             editor.setFrameworkCode(
1100                 $(this).data( 'frameworkcode' ),
1101                 function ( error ) {
1102                     if ( typeof error !== 'undefined' ) {
1103                         humanMsg.displayAlert( _("Failed to change framework"), { className: 'humanError' } );
1104                     }
1105                     $('#loading').hide();
1106                 }
1107             );
1108         } );
1109
1110         // Start editor
1111         Preferences.Load( [% logged_in_user.borrowernumber || 0 | html %] );
1112         displayPreferences(editor);
1113         makeAuthorisedValueWidgets( '' );
1114         Search.Init( {
1115             page_size: 20,
1116             onresults: function(data) { showSearchResults( editor, data ) },
1117             onerror: handleSearchError,
1118         } );
1119
1120         function finishCb( data ) {
1121             if ( data.error ) {
1122                 humanMsg.displayAlert( data.error );
1123                 openRecord( 'new/', editor, finishCb );
1124             }
1125
1126             Resources.GetAll().done( function() {
1127                 $("#loading").hide();
1128                 $( window ).resize( onResize ).resize();
1129                 editor.focus();
1130             } );
1131         }
1132
1133         if ( "[% auth_forwarded_hash | html %]" ) {
1134             document.location.hash = "[% auth_forwarded_hash | html %]";
1135         }
1136
1137         if ( !document.location.hash || !openRecord( document.location.hash.slice(1), editor, finishCb ) ) {
1138             openRecord( 'new/', editor, finishCb );
1139         }
1140     } );
1141 } )();
1142
1143 </script>