5 angular.module('egMarcMod', ['egCoreMod', 'ui.bootstrap'])
7 .directive("egContextMenuItem", ['$timeout',function ($timeout) {
11 template: '<li><a ng-click="setContent(item.value,item.action)">{{item.label}}</a></li>',
12 scope: { item: '=', content: '=', contextMenuEvent: '=' },
13 controller: ['$scope','$element',
14 function ($scope , $element) {
15 if (!$scope.item.label) $scope.item.label = $scope.item.value;
16 if ($scope.item.divider) {
17 $element.css('borderTop','solid 1px');
20 $scope.setContent = function (v, a) {
28 $scope.$parent.$parent.content,
29 $scope.contextMenuEvent
33 if (typeof replace_with !== 'undefined') {
35 $scope.$parent.$parent.$apply(function(){
36 $scope.$parent.$parent.content = replace_with
40 $($element).parent().css({display: 'none'});
47 .directive("egMarcEditEditable", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
52 'style="font-family: \'Lucida Console\', Monaco, monospace;" '+
53 'ng-model="content" '+
54 'size="{{content.length * 1.1}}" '+
55 'maxlength="{{max}}" '+
64 contextItemContainer: '@',
65 contextItemGenerator: '=',
70 controller : ['$scope',
73 if ($scope.contextItemContainer && angular.isArray($scope.$parent[$scope.contextItemContainer]))
74 $scope.item_container = $scope.$parent[$scope.contextItemContainer];
75 else if ($scope.contextItemGenerator)
76 $scope.item_generator = $scope.contextItemGenerator;
78 $scope.showContext = function (event) {
79 $scope.item_list = [];
80 if ($scope.item_container) {
81 $scope.item_list = $scope.item_container;
82 } else if ($scope.item_generator) {
83 // always recalculate; tag and/or subfield
84 // codes may have changed
86 var generator = $scope.item_generator;
87 if (!angular.isArray(generator)) generator = [generator];
90 angular.forEach(generator, function (g) {
95 else if (Boolean(sub_list[0]))
96 sub_list[0].divider = true;
98 $scope.item_list = $scope.item_list.concat(sub_list);
105 if (angular.isArray($scope.item_list) && $scope.item_list.length > 0) { // we have a list of values or transforms
106 console.log('Showing context menu...');
107 $('body').trigger('click');
109 $scope.contextMenuEvent = event;
111 '<ul class="dropdown-menu" role="menu" style="z-index: 2000;">'+
112 '<eg-context-menu-item context-menu-event="contextMenuEvent" ng-repeat="item in item_list" item="item" content="content"/>'+
115 var tnode = angular.element(tmpl);
116 $document.find('body').append(tnode);
124 $timeout(function() {
125 var e = $compile(tnode)($scope);
129 $('body').on('click.context_menu',function() {
130 $(tnode).css('display','none');
131 $('body').off('click.context_menu');
142 link: function (scope, element, attrs) {
144 if (scope.onKeydown) element.bind('keydown', {scope : scope}, scope.onKeydown);
146 if (Boolean(scope.selectOnFocus)) {
147 element.addClass('noSelection');
148 element.bind('focus', function () { element.select() });
151 element.bind('change', function (e) { element.size = scope.max || parseInt(scope.content.length * 1.1) });
153 element.bind('contextmenu', {scope : scope}, scope.showContext);
158 .directive("egMarcEditFixedField", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
162 template: '<div class="col-md-2">'+
163 '<div class="col-md-1"><label name="{{fixedField}}" for="{{fixedField}}_ff_input">{{fixedField}}</label></div>'+
164 '<div class="col-md-1"><input type="text" style="padding-left: 5px; margin-left: 1em" size="4" id="{{fixedField}}_ff_input"/></div>'+
166 scope: { record: "=", fixedField: "@" },
168 controller : ['$scope', '$element', 'egTagTable',
169 function ( $scope , $element , egTagTable) {
170 $($element).children().css({ display : 'none' });
172 $scope.content = null; // this is where context menus dump their values
173 $scope.item_container = [];
174 $scope.in_handler = false;
175 $scope.ready = false;
177 $scope.$watch('content', function (newVal, oldVal) {
178 var input = $($element).find('input');
180 input.trigger('keyup'); // cascade the update
183 $scope.$watch('record.ready', function (newVal, oldVal) { // wait for the record to be loaded
184 if (newVal && !$scope.ready) {
185 $scope.rtype = $scope.record.recordType();
187 egTagTable.fetchFFPosTable( $scope.rtype ).then(function (ff_list) {
188 angular.forEach(ff_list, function (ff) {
190 if (ff.fixed_field == $scope.fixedField && ff.rec_type == $scope.rtype) {
193 $($element).children().css({ display : 'inline' });
195 var input = $($element).find('input');
196 input.attr('maxlength', $scope.me.length);
197 input.val($scope.record.extractFixedField($scope.me.fixed_field));
198 input.on('keyup', function(e) {
199 $scope.in_handler = true;
200 $scope.record.setFixedField($scope.me.fixed_field, input.val());
201 try { $scope.$parent.$digest(); } catch(e) {};
207 }).then(function (me) {
211 return $scope.record.extractFixedField($scope.fixedField);
213 function (newVal, oldVal) {
214 if ($scope.in_handler) {
215 $scope.in_handler = false;
216 } else if (oldVal != newVal) {
217 $($element).find('input').val(newVal);
222 }).then(function () {
223 return egTagTable.fetchFFValueTable( $scope.rtype );
224 }).then(function (vlist) {
225 if (vlist[$scope.fixedField]) {
226 vlist[$scope.fixedField].forEach(function (v) {
227 if (v[0].length <= v[2]) {
228 $scope.item_container.push({ value : v[0], label : v[0] + ': ' + v[1] });
232 }).then(function () {
233 if ($scope.item_container && $scope.item_container.length)
234 $($element).bind('contextmenu', $scope.showContext);
240 $scope.showContext = function (event) {
241 if ($scope.context_menu_element) {
242 console.log('Reshowing context menu...');
243 $('body').trigger('click');
244 $($scope.context_menu_element).css({ display: 'block', top: event.pageY, left: event.pageX });
245 $('body').on('click.context_menu',function() {
246 $($scope.context_menu_element).css('display','none');
247 $('body').off('click.context_menu');
252 if (angular.isArray($scope.item_container)) { // we have a list of values or transforms
253 console.log('Showing context menu...');
254 $('body').trigger('click');
257 '<ul class="dropdown-menu" role="menu" style="z-index: 2000;">'+
258 '<eg-context-menu-item ng-repeat="item in item_container" item="item" content="content"/>'+
261 var tnode = angular.element(tmpl);
262 $document.find('body').append(tnode);
270 $scope.context_menu_element = tnode;
272 $timeout(function() {
273 var e = $compile(tnode)($scope);
277 $('body').on('click.context_menu',function() {
278 $(tnode).css('display','none');
279 $('body').off('click.context_menu');
293 .directive("egMarcEditSubfield", function () {
298 '<span><label class="marcedit marcsfcodedelimiter"'+
299 'for="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}code" '+
300 '>‡</label><eg-marc-edit-editable '+
302 'select-on-focus="true" '+
303 'class="marcedit marcsf marcsfcode" '+
305 'subfield="subfield" '+
306 'content="subfield[0]" '+
308 'on-keydown="onKeydown" '+
309 'context-item-generator="sf_code_options" '+
310 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}code" '+
312 '<span><eg-marc-edit-editable '+
314 'class="marcedit marcsf marcsfvalue" '+
316 'subfield="subfield" '+
317 'content="subfield[1]" '+
318 'on-keydown="onKeydown" '+
319 'context-item-generator="sf_val_options" '+
320 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}value" '+
323 scope: { field: "=", subfield: "=", onKeydown: '=' },
325 controller : ['$scope', 'egTagTable',
326 function ( $scope , egTagTable) {
328 $scope.sf_code_options = function () {
329 return egTagTable.getSubfieldCodes($scope.field.tag);
331 $scope.sf_val_options = function () {
332 return egTagTable.getSubfieldValues($scope.field.tag, $scope.subfield[0]);
339 .directive("egMarcEditInd", function () {
343 template: '<span><eg-marc-edit-editable '+
345 'class="marcedit marcind" '+
346 'select-on-focus="true" '+
350 'on-keydown="onKeydown" '+
351 'context-item-generator="ind_val_options" '+
352 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}i{{indNumber}}"'+
354 scope: { ind : '=', field: '=', onKeydown: '=', indNumber: '@' },
356 controller : ['$scope', 'egTagTable',
357 function ( $scope , egTagTable) {
359 $scope.ind_val_options = function () {
360 return egTagTable.getIndicatorValues($scope.field.tag, $scope.indNumber);
367 .directive("egMarcEditTag", function () {
371 template: '<span><eg-marc-edit-editable '+
373 'class="marcedit marctag" '+
374 'select-on-focus="true" '+
378 'on-keydown="onKeydown" '+
379 'context-item-generator="tag_options" '+
380 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}tag"'+
382 scope: { tag : '=', field: '=', onKeydown: '=', contextFunctions: '=' },
384 controller : ['$scope', 'egTagTable', 'egCore',
385 function ( $scope , egTagTable, egCore) {
387 $scope.tag_options = [
390 { label : egCore.strings.ADD_006, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.add006(e) } },
391 { label : egCore.strings.ADD_007, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.add007(e) } },
392 { label : egCore.strings.ADD_REPLACE_008, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.reify008(e) } },
395 if (!$scope.field.isControlfield()) {
396 options = options.concat([
397 { label : egCore.strings.INSERT_FIELD_AFTER, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.addDatafield(e) } },
398 { label : egCore.strings.INSERT_FIELD_BEFORE, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.addDatafield(e,true) } },
402 options.push({ label : egCore.strings.DELETE_FIELD, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.deleteDatafield(e) } });
405 function () { return egTagTable.getFieldTags() }
413 .directive("egMarcEditDatafield", function () {
418 '<span><eg-marc-edit-tag context-functions="contextFunctions" field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
419 '<span><eg-marc-edit-ind field="field" ind="field.ind1" on-keydown="onKeydown" ind-number="1"/></span>'+
420 '<span><eg-marc-edit-ind field="field" ind="field.ind2" on-keydown="onKeydown" ind-number="2"/></span>'+
421 '<span><eg-marc-edit-subfield ng-class="{ \'unvalidatedheading\' : field.heading_checked && !field.heading_valid}" ng-repeat="subfield in field.subfields" subfield="subfield" field="field" on-keydown="onKeydown"/></span>'+
422 // FIXME: template should probably be moved to file to improve
424 '<button class="btn btn-info btn-xs" '+
425 'aria-label="Manage authority record links" '+
426 'ng-show="isAuthorityControlled(field)"'+
427 'ng-click="spawnAuthorityLinker()"'+
429 '<span class="glyphicon glyphicon-link"></span>'+
431 '<span ng-show="field.heading_checked && field.heading_valid" class="glyphicon glyphicon-ok-sign"></span>'+
432 '<span ng-show="field.heading_checked && !field.heading_valid" class="glyphicon glyphicon-question-sign"></span>'+
434 scope: { field: "=", onKeydown: '=', contextFunctions: '=' },
436 controller : ['$scope','$modal',
437 function ( $scope, $modal ) {
438 $scope.isAuthorityControlled = function () {
439 return ($scope.$parent.$parent.record_type == 'bre') &&
440 $scope.$parent.$parent.controlSet.bibFieldByTag($scope.field.tag);
442 $scope.spawnAuthorityLinker = function() {
443 // intentionally making a clone in case
444 // user decides to abandon the linking
445 var fieldCopy = new MARC21.Field({
446 tag : $scope.field.tag,
447 ind1 : $scope.field.ind1,
448 ind2 : $scope.field.ind2
450 angular.forEach($scope.field.subfields, function(sf) {
451 fieldCopy.subfields.push(sf.slice(0));
453 var cs = $scope.$parent.$parent.controlSet;
454 var args = { changed : false };
456 templateUrl: './cat/share/t_authority_link_dialog',
458 controller: ['$scope', '$modalInstance', function($scope, $modalInstance) {
459 $scope.controlSet = cs;
460 $scope.bibField = fieldCopy;
461 $scope.focusMe = true;
463 $scope.ok = function(args) { $modalInstance.close(args) };
464 $scope.cancel = function () { $modalInstance.dismiss() };
466 }).result.then(function (args) {
468 $scope.field.subfields.length = 0;
469 angular.forEach(fieldCopy.subfields, function(sf) {
470 $scope.field.addSubfields(sf[0], sf[1]);
480 .directive("egMarcEditControlfield", function () {
485 '<span><eg-marc-edit-tag context-functions="contextFunctions" field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
486 '<span><eg-marc-edit-editable '+
489 'class="marcedit marcdata" '+
490 'content="field.data" '+
491 'on-keydown="onKeydown" '+
492 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}data"'+
494 // TODO: move to TT2 template
495 '<button class="btn btn-info btn-xs" '+
496 'aria-label="Physical Characteristics Wizard" '+
497 'ng-show="showPhysCharLink()"'+
498 'ng-click="spawnPhysCharWizard()"'+
500 '<span class="glyphicon glyphicon-link"></span>'+
503 scope: { field: "=", onKeydown: '=', contextFunctions: '=' },
504 controller : ['$scope','$modal',
505 function ( $scope, $modal) {
506 $scope.showPhysCharLink = function () {
507 return ($scope.$parent.$parent.record_type == 'bre')
508 && $scope.field.tag == '007';
510 $scope.spawnPhysCharWizard = function() {
513 field : $scope.field,
514 orig_value : $scope.field.data
517 templateUrl: './cat/share/t_physchar_dialog',
518 controller: ['$scope','$modalInstance',
519 function( $scope , $modalInstance) {
520 $scope.focusMe = true;
522 $scope.ok = function(args) { $modalInstance.close(args) };
523 $scope.cancel = function () {
524 $modalInstance.dismiss();
525 args.field.data = args.orig_value;
528 }).result.then(function (args) {
529 // $scope.field.data is changed within the
530 // wizard. Nothing left to do on submit.
539 .directive("egMarcEditLeader", function () {
544 '<span><eg-marc-edit-editable '+
545 'class="marcedit marctag" '+
547 'on-keydown="onKeydown" '+
549 'disabled="disabled"'+
551 '<span><eg-marc-edit-editable '+
552 'class="marcedit marcdata" '+
554 'max="{{record.leader.length}}" '+
555 'content="record.leader" '+
556 'id="r{{record.subfield(\'901\',\'c\')[1]}}leaderdata" '+
557 'on-keydown="onKeydown"'+
560 controller : ['$scope',
561 function ( $scope ) {
565 scope: { record: "=", onKeydown: '=' }
569 /// TODO: fixed field editor and such
570 .directive("egMarcEditRecord", function () {
572 templateUrl : './cat/share/t_marcedit',
580 // in-place mode means that the editor is being
581 // used just to munge some MARCXML client-side, rather
582 // than to (immediately) update the database
588 link: function (scope, element, attrs) {
590 element.bind('mouseup', function(e) {;
591 scope.current_event_target = $(e.target).attr('id');
592 if (scope.current_event_target && $(e.target).hasClass('noSelection')) {
598 element.bind('click', function(e) {;
599 scope.current_event_target = $(e.target).attr('id');
600 if (scope.current_event_target) {
601 console.log('Recording click event on ' + scope.current_event_target);
602 scope.current_event_target_cursor_pos =
603 e.target.selectionDirection=='backward' ?
604 e.target.selectionStart :
605 e.target.selectionEnd;
610 controller : ['$timeout','$scope','$q','$window','egCore', 'egTagTable',
611 function ( $timeout , $scope , $q, $window , egCore , egTagTable ) {
614 $scope.onSaveCallback = $scope.onSave;
615 if (typeof $scope.onSaveCallback !== 'undefined' && !angular.isArray($scope.onSaveCallback))
616 $scope.onSaveCallback = [ $scope.onSaveCallback ];
618 MARC21.Record.delimiter = '$';
620 $scope.enable_fast_add = false;
621 $scope.fast_item_callnumber = '';
622 $scope.fast_item_barcode = '';
623 $scope.flatEditor = false;
624 $scope.brandNewRecord = false;
625 $scope.bib_source = null;
626 $scope.record_type = $scope.recordType || 'bre';
627 $scope.max_undo = $scope.maxUndo || 100;
628 $scope.record_undo_stack = [];
629 $scope.record_redo_stack = [];
630 $scope.in_undo = false;
631 $scope.in_redo = false;
632 $scope.record = new MARC21.Record();
633 $scope.save_stack_depth = 0;
634 $scope.controlfields = [];
635 $scope.datafields = [];
636 $scope.controlSet = egTagTable.getAuthorityControlSet();
638 egTagTable.loadTagTable({ marcRecordType : $scope.record_type });
640 $scope.saveFlatTextMARC = function () {
641 $scope.record = new MARC21.Record({ marcbreaker : $scope.flat_text_marc });
644 $scope.refreshVisual = function () {
645 if (!$scope.flatEditor) {
646 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
647 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
651 var addDatafield = function (e,before) {
652 var element = $(e.target);
654 var index_field = e.data.scope.field.position;
655 var new_field = index_field + 1;
657 var new_field = new MARC21.Field({
659 subfields : [[' ','',0]]
662 if (Boolean(before)) {
663 e.data.scope.field.record.insertFieldsBefore(
668 e.data.scope.field.record.insertFieldsAfter(
674 $scope.current_event_target = 'r' + $scope.recordId +
675 'f' + new_field + 'tag';
677 $scope.current_event_target_cursor_pos = 0;
678 $scope.current_event_target_cursor_pos_end = 3;
679 $scope.force_render = true;
681 $timeout(function(){$scope.$digest()}).then(setCaret);
684 var deleteDatafield = function (e) {
685 var del_field = e.data.scope.field.position;
687 var sf901c = e.data.scope.field.record.subfield('901','c');
688 var recId = (sf901c === null) ? '' : sf901c[1];
689 var domnode = $('#r' + recId + 'f' + del_field);
691 e.data.scope.field.record.deleteFields(
695 domnode.scope().$destroy();
698 $scope.current_event_target = 'r' + $scope.recordId +
699 'f' + del_field + 'tag';
701 $scope.current_event_target_cursor_pos = 0;
702 $scope.current_event_target_cursor_pos_end = 0
703 $scope.force_render = true;
705 $timeout(function(){$scope.$digest()}).then(setCaret);
708 var add006 = function (e) {
709 e.data.scope.field.record.insertOrderedFields(
716 $scope.force_render = true;
717 $timeout(function(){$scope.$digest()}).then(setCaret);
720 var add007 = function (e) {
721 e.data.scope.field.record.insertOrderedFields(
728 $scope.force_render = true;
729 $timeout(function(){$scope.$digest()}).then(setCaret);
732 var reify008 = function (e) {
733 var new_008_data = e.data.scope.field.record.generate008();
736 var old_008s = e.data.scope.field.record.field('008',true);
737 old_008s.forEach(function(o) {
738 var domnode = $('#r'+o.record.subfield('901','c')[1] + 'f' + o.position);
739 domnode.scope().$destroy();
741 e.data.scope.field.record.deleteFields(o);
744 e.data.scope.field.record.insertOrderedFields(
751 $scope.force_render = true;
752 $timeout(function(){$scope.$digest()}).then(setCaret);
755 $scope.context_functions = {
756 addDatafield : addDatafield,
757 deleteDatafield : deleteDatafield,
763 $scope.onKeydown = function (event) {
764 var event_return = true;
767 'keydown: which='+event.which+
768 ', ctrlKey='+event.ctrlKey+
769 ', shiftKey='+event.shiftKey+
770 ', altKey='+event.altKey+
771 ', metaKey='+event.altKey
774 if (event.which == 89 && event.ctrlKey) { // ctrl+y, redo
775 event_return = $scope.processRedo();
776 } else if (event.which == 90 && event.ctrlKey) { // ctrl+z, undo
777 event_return = $scope.processUndo();
778 } else if ((event.which == 68 || event.which == 73) && event.ctrlKey) { // ctrl+d or ctrl+i, insert subfield
780 var element = $(event.target);
781 var new_sf, index_sf, move_data;
783 if (element.hasClass('marcsfvalue')) {
784 index_sf = event.data.scope.subfield[2];
785 new_sf = index_sf + 1;
787 var start = event.target.selectionStart;
788 var end = event.target.selectionEnd - event.target.selectionStart ?
789 event.target.selectionEnd :
790 event.target.value.length;
792 move_data = event.target.value.substring(start,end);
794 } else if (element.hasClass('marcsfcode')) {
795 index_sf = event.data.scope.subfield[2];
796 new_sf = index_sf + 1;
797 } else if (element.hasClass('marctag') || element.hasClass('marcind')) {
802 $scope.current_event_target = 'r' + $scope.recordId +
803 'f' + event.data.scope.field.position +
804 's' + new_sf + 'code';
806 event.data.scope.field.subfields.forEach(function(sf) {
807 if (sf[2] >= new_sf) sf[2]++;
808 if (sf[2] == index_sf) sf[1] = event.target.value.substring(0,start) + event.target.value.substring(end);
810 event.data.scope.field.subfields.splice(
813 [' ', move_data, new_sf ]
816 $scope.current_event_target_cursor_pos = 0;
817 $scope.current_event_target_cursor_pos_end = 1;
819 $timeout(function(){$scope.$digest()}).then(setCaret);
821 event_return = false;
823 } else if (event.which == 117 && event.shiftKey) { // shift + F6, insert 006
825 event_return = false;
827 } else if (event.which == 118 && event.shiftKey) { // shift + F7, insert 007
829 event_return = false;
831 } else if (event.which == 119 && event.shiftKey) { // shift + F8, insert/replace 008
833 event_return = false;
835 } else if (event.which == 13 && event.ctrlKey) { // ctrl+enter, insert datafield
836 addDatafield(event, event.shiftKey); // shift key inserts before
837 event_return = false;
839 } else if (event.which == 46 && event.ctrlKey) { // ctrl+del, remove field
840 deleteDatafield(event);
841 event_return = false;
843 } else if (event.which == 46 && event.shiftKey && $(event.target).hasClass('marcsf')) { // shift+del, remove subfield
845 var sf = event.data.scope.subfield[2] - 1;
846 if (sf == -1) sf = 0;
848 event.data.scope.field.deleteExactSubfields(
849 event.data.scope.subfield
852 if (!event.data.scope.field.subfields[sf]) {
853 $scope.current_event_target = 'r' + $scope.recordId +
854 'f' + event.data.scope.field.position +
857 $scope.current_event_target = 'r' + $scope.recordId +
858 'f' + event.data.scope.field.position +
862 $scope.current_event_target_cursor_pos = 0;
863 $scope.current_event_target_cursor_pos_end = 0;
864 $scope.force_render = true;
866 $timeout(function(){$scope.$digest()}).then(setCaret);
868 event_return = false;
870 } else if (event.keyCode == 38) {
871 if (event.ctrlKey) { // copy the field up
872 var index_field = event.data.scope.field.position;
875 if (event.data.scope.field.isControlfield()) {
876 field_obj = new MARC21.Field({
877 tag : event.data.scope.field.tag,
878 data : event.data.scope.field.data
882 for (var i in event.data.scope.field.subfields) {
883 sf_clone.push(event.data.scope.field.subfields[i].slice());
885 field_obj = new MARC21.Field({
886 tag : event.data.scope.field.tag,
887 ind1 : event.data.scope.field.ind1,
888 ind2 : event.data.scope.field.ind2,
894 event.data.scope.field.record.insertFieldsBefore(
895 event.data.scope.field,
899 $scope.current_event_target = 'r' + $scope.recordId +
900 'f' + index_field + 'tag';
902 $scope.current_event_target_cursor_pos = 0;
903 $scope.current_event_target_cursor_pos_end = 3;
904 $scope.force_render = true;
906 $timeout(function(){$scope.$digest()}).then(setCaret);
908 } else { // jump to prev field
909 if (event.data.scope.field.position > 0) {
911 $scope.current_event_target_cursor_pos = 0;
912 $scope.current_event_target_cursor_pos_end = 0;
913 $scope.current_event_target = 'r' + $scope.recordId +
914 'f' + (event.data.scope.field.position - 1) +
920 event_return = false;
922 } else if (event.keyCode == 40) { // down arrow...
923 if (event.ctrlKey) { // copy the field down
925 var index_field = event.data.scope.field.position;
926 var new_field = index_field + 1;
929 if (event.data.scope.field.isControlfield()) {
930 field_obj = new MARC21.Field({
931 tag : event.data.scope.field.tag,
932 data : event.data.scope.field.data
936 for (var i in event.data.scope.field.subfields) {
937 sf_clone.push(event.data.scope.field.subfields[i].slice());
939 field_obj = new MARC21.Field({
940 tag : event.data.scope.field.tag,
941 ind1 : event.data.scope.field.ind1,
942 ind2 : event.data.scope.field.ind2,
947 event.data.scope.field.record.insertFieldsAfter(
948 event.data.scope.field,
952 $scope.current_event_target = 'r' + $scope.recordId +
953 'f' + new_field + 'tag';
955 $scope.current_event_target_cursor_pos = 0;
956 $scope.current_event_target_cursor_pos_end = 3;
957 $scope.force_render = true;
959 $timeout(function(){$scope.$digest()}).then(setCaret);
961 } else { // jump to next field
962 if (event.data.scope.field.record.fields[event.data.scope.field.position + 1]) {
964 $scope.current_event_target_cursor_pos = 0;
965 $scope.current_event_target_cursor_pos_end = 0;
966 $scope.current_event_target = 'r' + $scope.recordId +
967 'f' + (event.data.scope.field.position + 1) +
973 event_return = false;
975 } else { // Assumes only marc editor elements have IDs that can trigger this event handler.
976 $scope.current_event_target = $(event.target).attr('id');
977 if ($scope.current_event_target) {
978 $scope.current_event_target_cursor_pos =
979 event.target.selectionDirection=='backward' ?
980 event.target.selectionStart :
981 event.target.selectionEnd;
988 function setCaret() {
989 if ($scope.current_event_target) {
990 console.log("Putting caret in " + $scope.current_event_target);
991 if (!$scope.current_event_target_cursor_pos_end)
992 $scope.current_event_target_cursor_pos_end = $scope.current_event_target_cursor_pos
994 var element = $('#'+$scope.current_event_target).get(0);
997 if (element.setSelectionRange) {
998 element.setSelectionRange(
999 $scope.current_event_target_cursor_pos,
1000 $scope.current_event_target_cursor_pos_end
1003 $scope.current_event_cursor_pos_end = null;
1004 $scope.current_event_target = null;
1009 function loadRecord() {
1010 return (function() {
1011 var deferred = $q.defer();
1012 if ($scope.recordId) {
1013 egCore.pcrud.retrieve(
1014 $scope.record_type, $scope.recordId
1015 ).then(function(rec) {
1016 deferred.resolve(rec);
1019 if ($scope.recordType == 'bre') {
1020 var bre = new egCore.idl.bre();
1021 bre.marc($scope.marcXml);
1022 deferred.resolve(bre);
1023 } else if ($scope.recordType == 'are') {
1024 var are = new egCore.idl.are();
1025 are.marc($scope.marcXml);
1026 deferred.resolve(are);
1028 $scope.brandNewRecord = true;
1030 return deferred.promise;
1031 })().then(function(rec) {
1032 $scope.in_redo = true;
1033 $scope[$scope.record_type] = rec;
1034 $scope.record = new MARC21.Record({ marcxml : $scope.Record().marc() });
1035 $scope.calculated_record_type = $scope.record.recordType();
1036 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1037 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1038 $scope.save_stack_depth = $scope.record_undo_stack.length;
1039 $scope.flat_text_marc = $scope.record.toBreaker();
1041 if ($scope.record_type == 'bre') {
1042 $scope.bib_source = $scope.Record().source();
1046 return egTagTable.fetchFFPosTable($scope.calculated_record_type)
1048 return egTagTable.fetchFFValueTable($scope.calculated_record_type)
1052 $scope.$watch('record.toBreaker()', function (newVal, oldVal) {
1053 if (!$scope.in_undo && !$scope.in_redo && oldVal != newVal) {
1054 $scope.record_undo_stack.push({
1056 target: $scope.current_event_target,
1057 pos: $scope.current_event_target_cursor_pos
1060 if ($scope.force_render) {
1061 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1062 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1063 $scope.force_render = false;
1066 $scope.flat_text_marc = newVal;
1069 if ($scope.record_undo_stack.length != $scope.save_stack_depth) {
1070 $scope.dirtyFlag = true;
1072 $scope.dirtyFlag = false;
1075 if ($scope.record_undo_stack.length > $scope.max_undo)
1076 $scope.record_undo_stack.shift();
1078 console.log('undo stack is ' + $scope.record_undo_stack.length + ' deep');
1079 $scope.in_redo = false;
1080 $scope.in_undo = false;
1083 $scope.processUndo = function () {
1084 if ($scope.record_undo_stack.length) {
1085 $scope.in_undo = true;
1087 var undo_item = $scope.record_undo_stack.pop();
1088 $scope.record_redo_stack.push(undo_item);
1090 $scope.record = new MARC21.Record({ marcbreaker : undo_item.breaker });
1091 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1092 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1094 $scope.current_event_target = undo_item.target;
1095 $scope.current_event_target_cursor_pos = undo_item.pos;
1096 console.log('Undo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
1098 $timeout(function(){$scope.$digest()}).then(setCaret);
1105 $scope.processRedo = function () {
1106 if ($scope.record_redo_stack.length) {
1107 $scope.in_redo = true;
1109 var redo_item = $scope.record_redo_stack.pop();
1110 $scope.record_undo_stack.push(redo_item);
1112 $scope.record = new MARC21.Record({ marcbreaker : redo_item.breaker });
1113 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1114 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1116 $scope.current_event_target = redo_item.target;
1117 $scope.current_event_target_cursor_pos = redo_item.pos;
1118 console.log('Redo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
1120 $timeout(function(){$scope.$digest()}).then(setCaret);
1127 $scope.Record = function () {
1128 return $scope[$scope.record_type];
1131 $scope.deleteRecord = function () {
1132 $scope.Record().deleted(true);
1133 return $scope.saveRecord();
1136 $scope.undeleteRecord = function () {
1137 $scope.Record().deleted(false);
1138 return $scope.saveRecord();
1141 $scope.validateHeadings = function () {
1142 if ($scope.record_type != 'bre') return;
1143 var chain = $q.when();
1144 angular.forEach($scope.record.fields, function(f) {
1145 if (!$scope.controlSet.bibFieldByTag(f.tag)) return;
1146 // if heading already has a $0, assume it's good
1147 if (f.subfield('0', true).length) {
1148 f.heading_checked = true;
1149 f.heading_valid = true;
1152 var auth_match = $scope.controlSet.bibToAuthorities(f);
1153 chain = chain.then(function() {
1154 var promise = egCore.net.request(
1156 'open-ils.search.authority.simple_heading.from_xml.batch.atomic',
1158 ).then(function (matches) {
1159 f.heading_valid = false;
1160 if (matches[0]) { // probably set
1161 for (var cset in matches[0]) {
1162 var arr = matches[0][cset];
1164 // protect against errant empty string values
1165 if (arr.length == 1 && arr[0] == '')
1167 f.heading_valid = true;
1172 f.heading_checked = true;
1179 processOnSaveCallbacks = function() {
1180 var deferred = $q.defer();
1181 if (typeof $scope.onSaveCallback !== 'undefined') {
1182 var promise = deferred.promise;
1184 angular.forEach($scope.onSaveCallback, function (f) {
1185 if (angular.isFunction(f)) promise = promise.then(f);
1189 return deferred.resolve($scope.recordId)
1192 $scope.saveRecord = function () {
1193 if ($scope.inPlaceMode) {
1194 $scope.marcXml = $scope.record.toXmlString();
1195 return processOnSaveCallbacks();
1197 $scope.mangle_005();
1198 $scope.Record().editor(egCore.auth.user().id());
1199 $scope.Record().edit_date('now');
1200 $scope.record.pruneEmptyFieldsAndSubfields();
1201 $scope.Record().marc($scope.record.toXmlString());
1202 if ($scope.recordId) {
1203 return egCore.pcrud.update(
1206 if ($scope.enable_fast_add) {
1209 'open-ils.actor.anon_cache.set_value',
1210 null, 'edit-these-copies', {
1211 record_id: $scope.recordId,
1213 label : $scope.fast_item_callnumber,
1214 barcode : $scope.fast_item_barcode,
1219 ).then(function(key) {
1221 var url = egCore.env.basePath + 'cat/volcopy/' + key;
1222 $timeout(function() { $window.open(url, '_blank') });
1224 alert('Could not create anonymous cache key!');
1228 }).then(loadRecord).then(processOnSaveCallbacks);
1230 $scope.Record().creator(egCore.auth.user().id());
1231 $scope.Record().create_date('now');
1232 return egCore.pcrud.create(
1234 ).then(function(bre) {
1235 $scope.recordId = bre.id();
1236 if ($scope.enable_fast_add) {
1239 'open-ils.actor.anon_cache.set_value',
1240 null, 'edit-these-copies', {
1241 record_id: $scope.recordId,
1243 label : $scope.fast_item_callnumber,
1244 barcode : $scope.fast_item_barcode,
1249 ).then(function(key) {
1251 var url = egCore.env.basePath + 'cat/volcopy/' + key;
1252 $timeout(function() { $window.open(url, '_blank') });
1254 alert('Could not create anonymous cache key!');
1258 }).then(loadRecord).then(processOnSaveCallbacks);
1264 $scope.seeBreaker = function () {
1265 alert($scope.record.toBreaker());
1268 $scope.$watch('recordId',
1269 function(newVal, oldVal) {
1270 if (newVal && newVal !== oldVal) {
1275 $scope.$watch('marcXml',
1276 function(newVal, oldVal) {
1277 if (newVal && newVal !== oldVal) {
1283 var unregister = $scope.$watch(function() {
1284 return egTagTable.initialized();
1288 if ($scope.recordId || $scope.marcXml) {
1294 $scope.mangle_005 = function () {
1295 var now = new Date();
1296 var y = now.getUTCFullYear();
1298 var m = now.getUTCMonth() + 1;
1299 if (m < 10) m = '0' + m;
1301 var d = now.getUTCDate();
1302 if (d < 10) d = '0' + d;
1304 var H = now.getUTCHours();
1305 if (H < 10) H = '0' + H;
1307 var M = now.getUTCMinutes();
1308 if (M < 10) M = '0' + M;
1310 var S = now.getUTCSeconds();
1311 if (S < 10) S = '0' + S;
1313 var stamp = '' + y + m + d + H + M + S + '.0';
1314 var f = $scope.record.field('005',true)[0];
1318 $scope.record.insertOrderedFields(
1333 .directive("egMarcEditBibsource", ['$timeout',function ($timeout) {
1337 template: '<span class="nullable">'+
1338 '<select class="form-control" ng-model="bib_source" ng-options="s.id() as s.source() for s in bib_sources">'+
1339 '<option value="">Select a Source</option>'+
1342 controller: ['$scope','egCore',
1343 function ($scope , egCore) {
1345 egCore.pcrud.retrieveAll('cbs', {}, {atomic : true})
1346 .then(function(list) { $scope.bib_sources = list; });
1348 $scope.$watch('bib_source',
1349 function(newVal, oldVal) {
1350 if (newVal !== oldVal) {
1351 $scope.bre.source(newVal);
1361 .directive("egMarcEditAuthorityLinker", function () {
1365 templateUrl: './cat/share/t_authority_linker',
1371 controller: ['$scope','$modal','egCore','egAuth',
1372 function ($scope , $modal, egCore, egAuth) {
1374 $scope.searchStr = '';
1375 var cni = egCore.env.aous['cat.marc_control_number_identifier'] ||
1376 'Set cat.marc_control_number_identifier in Library Settings';
1378 var axis_list = $scope.controlSet.bibFieldBrowseAxes($scope.bibField.tag);
1379 $scope.axis = axis_list[0];
1381 $scope._controlled_sf_list = {};
1382 $scope._controlled_auth_sf_list = {};
1384 angular.forEach($scope.controlSet.controlSetList(), function(acs_id) {
1385 if ($scope.controlSet.controlSet(acs_id).control_map[$scope.bibField.tag])
1386 found_acs.push(acs_id);
1388 if (found_acs.length) {
1389 angular.forEach($scope.controlSet.controlSet(found_acs[0]).control_map[$scope.bibField.tag],
1390 function(value, sf_label) {
1391 $scope._controlled_sf_list[ sf_label ] = 1;
1392 angular.forEach($scope.controlSet.controlSet(found_acs[0]).control_map[$scope.bibField.tag][sf_label],
1393 function(auth_sf, auth_tag) {
1394 if (!$scope._controlled_auth_sf_list[auth_tag]) {
1395 $scope._controlled_auth_sf_list[auth_tag] = { };
1397 $scope._controlled_auth_sf_list[auth_tag][auth_sf] = 1;
1404 $scope.bibField.subfields.forEach(function (sf) {
1405 if (sf[0] in $scope._controlled_sf_list) {
1407 sf.selectable = true;
1409 sf.selectable = false;
1412 $scope.summarizeField = function() {
1414 'tag': $scope.bibField.tag,
1415 'ind1': $scope.bibField.ind1,
1416 'ind2': $scope.bibField.ind2,
1419 $scope.bibField.subfields.forEach(function(sf) {
1421 source_f.subfields.push([ sf[0], sf[1] ]);
1426 $scope.getSearchString = function() {
1427 var source_f = $scope.summarizeField();
1429 angular.forEach(source_f.subfields, function(val) {
1430 values.push(val[1]);
1432 return values.join(' ');
1434 $scope.searchStr = $scope.getSearchString();
1435 $scope.$watch(function() {
1437 angular.forEach($scope.bibField.subfields, function(sf) {
1438 if (sf.selected) ct++
1442 function(newVal, oldVal) {
1443 $scope.searchStr = $scope.getSearchString();
1446 $scope.updateSubfieldZero = function(value) {
1447 $scope.changed = true;
1448 $scope.bibField.deleteSubfield({ code : ['0'] });
1449 $scope.bibField.subfields.push([
1450 '0', '(' + cni + ')' + value
1454 $scope.applyHeading = function(headingField) {
1455 // TODO: move the MARC21 rules for copying indicators
1457 if (headingField.tag == '130' && $scope.bibField.tag == '130') {
1458 $scope.bibField.ind1 = headingField.ind2;
1460 $scope.bibField.ind1 = headingField.ind1;
1462 // deal with 4xx and 5xx
1463 var authFallbackTag = '1' + headingField.tag.substr(1, 2);
1464 var _valid_auth_sfs = (headingField.tag in $scope._controlled_auth_sf_list) ?
1465 $scope._controlled_auth_sf_list[headingField.tag] :
1466 (authFallbackTag in $scope._controlled_auth_sf_list) ?
1467 $scope._controlled_auth_sf_list[authFallbackTag] :
1469 // save the $0 for later use
1471 if (headingField.subfield('0')) {
1472 sfZero = headingField.subfield('0')[1];
1474 // grab any bib subfields not under authority control
1475 // TODO do something about uncontrolled subdivisions
1476 var uncontrolledBibSf = [];
1477 angular.forEach($scope.bibField.subfields, function(sf) {
1478 if (!(sf[0] in $scope._controlled_sf_list) && (sf[0] != '0')) {
1479 uncontrolledBibSf.push([ sf[0], sf[1] ]);
1482 // grab the authority subfields
1483 var authoritySf = [];
1484 angular.forEach(headingField.subfields, function(sf) {
1485 if (sf[0] in _valid_auth_sfs) {
1486 authoritySf.push([ sf[0], sf[1] ]);
1489 $scope.bibField.subfields.length = 0;
1490 angular.forEach(authoritySf, function(sf) {
1491 $scope.bibField.addSubfields(sf[0], sf[1]);
1493 angular.forEach(uncontrolledBibSf, function(sf) {
1494 $scope.bibField.addSubfields(sf[0], sf[1]);
1497 $scope.bibField.addSubfields('0', sfZero);
1499 $scope.bibField.subfields.forEach(function (sf) {
1500 if (sf[0] in $scope._controlled_sf_list) {
1501 // intentionally not selecting any subfields
1502 // after we've applied an authority heading
1503 sf.selected = false;
1504 sf.selectable = true;
1506 sf.selectable = false;
1509 $scope.changed = true;
1512 $scope.createAuthorityFromBib = function(spawn_editor) {
1513 var source_f = $scope.summarizeField();
1515 var args = { authority_id : 0 };
1516 var method = (spawn_editor) ?
1517 'open-ils.cat.authority.record.create_from_bib.readonly' :
1518 'open-ils.cat.authority.record.create_from_bib';
1525 ).then(function(newAuthority) {
1528 templateUrl: './cat/share/t_edit_new_authority',
1531 ['$scope', '$modalInstance', function($scope, $modalInstance) {
1532 $scope.focusMe = true;
1534 $scope.dirty_flag = false;
1535 $scope.marc_xml = newAuthority,
1536 $scope.ok = function(args) { $modalInstance.close(args) }
1537 $scope.cancel = function () { $modalInstance.dismiss() }
1539 }).result.then(function (args) {
1540 if (!args || !args.authority_id) return;
1541 $scope.updateSubfieldZero(args.authority_id);
1544 $scope.updateSubfieldZero(newAuthority.id());
1554 .directive("egPhyscharWizard", function () {
1558 templateUrl: './cat/share/t_physchar_wizard',
1562 controller: ['$scope','$q','egTagTable',
1563 function ($scope , $q , egTagTable) {
1565 // $scope.step is the 1-based position in the list of
1566 // subfields for the currently selected type.
1567 // step==0 means we are currently selecting the type
1570 if (!$scope.field.data)
1571 $scope.field.data = '';
1573 // currently selected subfield value selector option
1574 $scope.selected_option = null;
1576 function current_ptype() {
1577 return $scope.field.data.substr(0, 1);
1580 function current_subfield() {
1581 return egTagTable.getPhysCharSubfieldMap(current_ptype())
1582 .then(function(sf_list) {return sf_list[$scope.step-1]});
1585 $scope.values_for_step = [];
1586 function set_values_for_step() {
1589 if ($scope.step == 0) {
1590 promise = egTagTable.getPhysCharTypeMap();
1592 promise = current_subfield().then(
1593 function(subfield) {
1595 .getPhysCharValueMap(subfield.id());
1600 return promise.then(function(list) {
1601 $scope.values_for_step = list;
1602 set_selected_option_from_field();
1603 set_label_for_step();
1607 $scope.change_ptype = function(option) {
1608 $scope.selected_option = option;
1609 var new_val = option.ptype_key();
1610 if (current_ptype() != new_val) {
1611 $scope.field.data = new_val; // total reset
1615 $scope.change_option = function(option) {
1616 $scope.selected_option = option;
1617 var new_val = option.value();
1618 get_step_slot().then(function(slot) {
1619 var value = $scope.field.data;
1620 while (value.length < (slot[0] + slot[1]))
1622 var before = value.substr(0, slot[0]);
1623 var after = value.substr(slot[0] + slot[1]);
1625 before + new_val.substr(0, slot[1]) + after;
1629 function get_step_slot() {
1630 if ($scope.step == 0) return $q.when([0, 1]);
1631 return current_subfield().then(function(sf) {
1632 return [sf.start_pos(), sf.length()]
1636 $scope.is_last_step = function() {
1637 // This one is called w/ every digest, so avoid async
1638 // calls. Wait until we have loaded the current ptype
1639 // subfields to determine if this is the last step.
1642 egTagTable.phys_char_sf_map[current_ptype()] &&
1643 egTagTable.phys_char_sf_map[current_ptype()].length
1648 $scope.label_for_step = '';
1649 function set_label_for_step() {
1650 if ($scope.step > 0) {
1651 current_subfield().then(function(sf) {
1652 $scope.label_for_step = sf.label();
1657 $scope.next_step = function() {
1659 set_values_for_step();
1662 $scope.prev_step = function() {
1664 set_values_for_step();
1667 function set_selected_option_from_field() {
1668 if ($scope.step == 0) {
1669 $scope.selected_option = $scope.values_for_step
1670 .filter(function(opt) {
1671 return (opt.ptype_key() == current_ptype())})[0];
1673 get_step_slot().then(function(slot) {
1674 var val = String.prototype.substr.apply(
1675 $scope.field.data, slot);
1677 $scope.selected_option = $scope.values_for_step
1678 .filter(function(opt) {
1679 return (opt.value() == val)})[0];
1681 $scope.selected_option = null;
1686 set_values_for_step();
1693 .directive("egMarcEditAuthorityBrowser", function () {
1697 templateUrl: './cat/share/t_authority_browser',
1704 controller: ['$scope','$http',
1705 function ($scope , $http) {
1709 $scope.main_headings = [];
1711 function getHeadingString(headingField) {
1713 angular.forEach(headingField.subfields, function (sf) {
1714 if (['x', 'y', 'z'].indexOf(sf[0]) > -1) {
1725 $scope.doBrowse = function() {
1726 $scope.main_headings.length = 0;
1727 if ($scope.searchString.length == 0) return;
1728 var type = 'authority.'
1729 var url = '/opac/extras/browse/marcxml/'
1730 + 'authority.' + $scope.axis + '.refs'
1731 + '/1' // OU - currently unscoped
1732 + '/' + $scope.searchString
1734 + '/' + $scope.limit;
1738 transformResponse : function(data) {
1739 // use a bit of jQuery to deal with the XML
1740 var $xml = $( $.parseXML(data) );
1742 $xml.find('record').each(function() {
1743 var rec = new MARC21.Record();
1744 rec.fromXmlDocument($(this)[0].outerHTML);
1749 }).then(function(response) {
1750 angular.forEach(response.data, function(rec) {
1751 var authId = rec.subfield('901', 'c')[1];
1753 if (rec.field('003')) {
1754 auth_org = rec.field('003').data;
1756 var headingField = rec.field('1..');
1757 var seeFroms = rec.field('4..', true);
1758 var seeAlsos = rec.field('5..', true);
1760 var main_heading = {
1761 authority_id : authId,
1762 heading : getHeadingString(headingField),
1763 seealso_headings : [ ],
1764 seefrom_headings : [ ],
1769 sfZero = '(' + auth_org + ')';
1772 headingField.addSubfields('0', sfZero);
1774 main_heading['headingField'] = headingField;
1775 angular.forEach(seeAlsos, function(headingField) {
1776 main_heading.seealso_headings.push({
1777 heading : getHeadingString(headingField),
1778 headingField : headingField
1781 angular.forEach(seeFroms, function(headingField) {
1782 main_heading.seefrom_headings.push({
1783 heading : getHeadingString(headingField),
1784 headingField : headingField
1787 $scope.main_headings.push(main_heading);
1792 $scope.$watch('searchString',
1793 function(newVal, oldVal) {
1794 if (newVal !== oldVal) {
1799 $scope.$watch('page',
1800 function(newVal, oldVal) {
1801 if (newVal !== oldVal) {