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: '=' },
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.style.borderTop = 'solid 1px';
20 $scope.setContent = function (v, a) {
22 if (a) replace_with = a($scope,$element,$scope.item.value,$scope.$parent.$parent.content);
24 $scope.$parent.$parent.$apply(function(){
25 $scope.$parent.$parent.content = replace_with
28 $($element).parent().css({display: 'none'});
35 .directive("egMarcEditEditable", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
40 'style="font-family: \'Lucida Console\', Monaco, monospace;" '+
41 'ng-model="content" '+
42 'size="{{content.length * 1.1}}" '+
43 'maxlength="{{max}}" '+
52 contextItemContainer: '@',
53 contextItemGenerator: '=',
57 controller : ['$scope', 'egTagTable',
58 function ( $scope , egTagTable) {
60 if (!$scope.contextItemContainer) {
61 if ($scope.itype === 'tag') {
62 $scope.contextItemContainer = "default_context";
63 // FIXME use contextItemGenerator
64 $scope.$parent[$scope.contextItemContainer] = egTagTable.getFieldTags();
65 } else if ($scope.itype === 'sfc') {
66 $scope.contextItemContainer = "default_context";
67 $scope.$parent[$scope.contextItemContainer] =
68 egTagTable.getSubfieldCodes($scope.$parent.field.tag);
69 } else if ($scope.itype === 'ind') {
70 $scope.contextItemContainer = "default_context";
71 $scope.$parent[$scope.contextItemContainer] =
72 egTagTable.getIndicatorValues($scope.$parent.field.tag, $scope.$parent.indNumber);
77 if ($scope.contextItemContainer && angular.isArray($scope.$parent[$scope.contextItemContainer]))
78 $scope.item_container = $scope.$parent[$scope.contextItemContainer];
79 else if ($scope.contextItemGenerator)
80 $scope.item_container = $scope.contextItemGenerator();
82 $scope.showContext = function (event) {
83 if ($scope.context_menu_element) {
84 console.log('Reshowing context menu...');
85 $($scope.context_menu_element).css({ display: 'block', top: event.pageY, left: event.pageX });
86 $('body').on('click.context_menu',function() {
87 $($scope.context_menu_element).css('display','none');
88 $('body').off('click.context_menu');
93 if (angular.isArray($scope.item_container)) { // we have a list of values or transforms
94 console.log('Showing context menu...');
97 '<ul class="dropdown-menu" role="menu">'+
98 '<eg-context-menu-item ng-repeat="item in item_container" item="item" content="content"/>'+
101 var tnode = angular.element(tmpl);
102 $document.find('body').append(tnode);
110 $scope.context_menu_element = tnode;
112 $timeout(function() {
113 var e = $compile(tnode)($scope);
117 $('body').on('click.context_menu',function() {
118 $(tnode).css('display','none');
119 $('body').off('click.context_menu');
130 link: function (scope, element, attrs) {
132 if (scope.onKeydown) element.bind('keydown', {scope : scope}, scope.onKeydown);
134 element.bind('change', function (e) { element.size = scope.max || parseInt(scope.content.length * 1.1) });
136 if (scope.item_container)
137 element.bind('contextmenu', scope.showContext);
142 .directive("egMarcEditSubfield", function () {
147 '<span><label class="marcedit marcsfcodedelimiter"'+
148 'for="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}code" '+
149 '>‡</label><eg-marc-edit-editable '+
151 'class="marcedit marcsf marcsfcode" '+
153 'subfield="subfield" '+
154 'content="subfield[0]" '+
156 'on-keydown="onKeydown" '+
157 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}code" '+
159 '<span><eg-marc-edit-editable '+
161 'class="marcedit marcsf marcsfvalue" '+
163 'subfield="subfield" '+
164 'content="subfield[1]" '+
165 'on-keydown="onKeydown" '+
166 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}value" '+
169 scope: { field: "=", subfield: "=", onKeydown: '=' },
174 .directive("egMarcEditInd", function () {
178 template: '<span><eg-marc-edit-editable '+
180 'class="marcedit marcind" '+
184 'on-keydown="onKeydown" '+
185 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}i{{indNumber}}"'+
187 scope: { ind : '=', field: '=', onKeydown: '=', indNumber: '@' },
192 .directive("egMarcEditTag", function () {
196 template: '<span><eg-marc-edit-editable '+
198 'class="marcedit marctag" '+
202 'on-keydown="onKeydown" '+
203 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}tag"'+
205 scope: { tag : '=', field: '=', onKeydown: '=' },
210 .directive("egMarcEditDatafield", function () {
215 '<span><eg-marc-edit-tag field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
216 '<span><eg-marc-edit-ind field="field" ind="field.ind1" on-keydown="onKeydown" ind-number="1"/></span>'+
217 '<span><eg-marc-edit-ind field="field" ind="field.ind2" on-keydown="onKeydown" ind-number="2"/></span>'+
218 '<span><eg-marc-edit-subfield ng-repeat="subfield in field.subfields" subfield="subfield" field="field" on-keydown="onKeydown"/></span>'+
220 scope: { field: "=", onKeydown: '=' },
225 .directive("egMarcEditControlfield", function () {
230 '<span><eg-marc-edit-tag field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
231 '<span><eg-marc-edit-editable '+
234 'class="marcedit marcdata" '+
235 'content="field.data" '+
236 'on-keydown="onKeydown" '+
237 'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}data"'+
240 scope: { field: "=", onKeydown: '=' }
244 .directive("egMarcEditLeader", function () {
249 '<span><eg-marc-edit-editable '+
250 'class="marcedit marctag" '+
252 'on-keydown="onKeydown" '+
254 'disabled="disabled"'+
256 '<span><eg-marc-edit-editable '+
257 'class="marcedit marcdata" '+
259 'max="{{record.leader.length}}" '+
260 'content="record.leader" '+
261 'id="r{{record.subfield(\'901\',\'c\')[1]}}leaderdata" '+
262 'on-keydown="onKeydown"'+
265 controller : ['$scope',
266 function ( $scope ) {
270 scope: { record: "=", onKeydown: '=' }
274 /// TODO: fixed field editor and such
275 .directive("egMarcEditRecord", function () {
277 templateUrl : './cat/share/t_marcedit',
286 link: function (scope, element, attrs) {
288 element.bind('click', function(e) {;
289 scope.current_event_target = $(e.target).attr('id');
290 if (scope.current_event_target) {
291 console.log('Recording click event on ' + scope.current_event_target);
292 scope.current_event_target_cursor_pos =
293 e.target.selectionDirection=='backward' ?
294 e.target.selectionStart :
295 e.target.selectionEnd;
300 controller : ['$timeout','$scope','egCore', 'egTagTable',
301 function ( $timeout , $scope , egCore , egTagTable ) {
303 $scope.bib_source = null;
304 $scope.record_type = $scope.recordType || 'bre';
305 $scope.max_undo = $scope.maxUndo || 100;
306 $scope.record_undo_stack = [];
307 $scope.record_redo_stack = [];
308 $scope.in_undo = false;
309 $scope.in_redo = false;
310 $scope.record = new MARC21.Record();
311 $scope.save_stack_depth = 0;
312 $scope.controlfields = [];
313 $scope.datafields = [];
315 egTagTable.loadTagTable();
317 $scope.onKeydown = function (event) {
318 var event_return = true;
321 'keydown: which='+event.which+
322 ', ctrlKey='+event.ctrlKey+
323 ', shiftKey='+event.shiftKey+
324 ', altKey='+event.altKey+
325 ', metaKey='+event.altKey
328 if (event.which == 89 && event.ctrlKey) { // ctrl+y, redo
329 event_return = $scope.processRedo();
330 } else if (event.which == 90 && event.ctrlKey) { // ctrl+z, undo
331 event_return = $scope.processUndo();
332 } else if ((event.which == 68 || event.which == 73) && event.ctrlKey) { // ctrl+d or ctrl+i, insert subfield
334 var element = $(event.target);
335 var new_sf, index_sf, move_data;
337 if (element.hasClass('marcsfvalue')) {
338 index_sf = event.data.scope.subfield[2];
339 new_sf = index_sf + 1;
341 var start = event.target.selectionStart;
342 var end = event.target.selectionEnd - event.target.selectionStart ?
343 event.target.selectionEnd :
344 event.target.value.length;
346 move_data = event.target.value.substring(start,end);
348 } else if (element.hasClass('marcsfcode')) {
349 index_sf = event.data.scope.subfield[2];
350 new_sf = index_sf + 1;
351 } else if (element.hasClass('marctag') || element.hasClass('marcind')) {
356 $scope.current_event_target = 'r' + $scope.recordId +
357 'f' + event.data.scope.field.position +
358 's' + new_sf + 'code';
360 event.data.scope.field.subfields.forEach(function(sf) {
361 if (sf[2] >= new_sf) sf[2]++;
362 if (sf[2] == index_sf) sf[1] = event.target.value.substring(0,start) + event.target.value.substring(end);
364 event.data.scope.field.subfields.splice(
367 [' ', move_data, new_sf ]
370 $scope.current_event_target_cursor_pos = 0;
371 $scope.current_event_target_cursor_pos_end = 1;
373 $timeout(function(){$scope.$digest()}).then(setCaret);
375 event_return = false;
377 } else if (event.which == 117 && event.shiftKey) { // shift + F6, insert 006
378 event.data.scope.field.record.insertOrderedFields(
385 $scope.force_render = true;
386 $timeout(function(){$scope.$digest()}).then(setCaret);
388 event_return = false;
390 } else if (event.which == 118 && event.shiftKey) { // shift + F7, insert 007
391 event.data.scope.field.record.insertOrderedFields(
398 $scope.force_render = true;
399 $timeout(function(){$scope.$digest()}).then(setCaret);
401 event_return = false;
403 } else if (event.which == 119 && event.shiftKey) { // shift + F8, insert/replace 008
404 var new_008_data = event.data.scope.field.record.generate008();
407 var old_008s = event.data.scope.field.record.field('008',true);
408 old_008s.forEach(function(o) {
409 var domnode = $('#r'+o.record.subfield('901','c')[1] + 'f' + o.position);
410 domnode.scope().$destroy();
412 event.data.scope.field.record.deleteFields(o);
415 event.data.scope.field.record.insertOrderedFields(
422 $scope.force_render = true;
423 $timeout(function(){$scope.$digest()}).then(setCaret);
425 event_return = false;
427 } else if (event.which == 13 && event.ctrlKey) { // ctrl+enter, insert datafield
429 var element = $(event.target);
431 var index_field = event.data.scope.field.position;
432 var new_field = index_field + 1;
434 event.data.scope.field.record.insertFieldsAfter(
435 event.data.scope.field,
438 subfields : [[' ','',0]]
442 $scope.current_event_target = 'r' + $scope.recordId +
443 'f' + new_field + 'tag';
445 $scope.current_event_target_cursor_pos = 0;
446 $scope.current_event_target_cursor_pos_end = 3;
447 $scope.force_render = true;
449 $timeout(function(){$scope.$digest()}).then(setCaret);
451 event_return = false;
453 } else if (event.which == 46 && event.ctrlKey) { // ctrl+del, remove field
455 var del_field = event.data.scope.field.position;
457 var domnode = $('#r'+event.data.scope.field.record.subfield('901','c')[1] + 'f' + del_field);
459 event.data.scope.field.record.deleteFields(
460 event.data.scope.field
463 domnode.scope().$destroy();
466 $scope.current_event_target = 'r' + $scope.recordId +
467 'f' + del_field + 'tag';
469 $scope.current_event_target_cursor_pos = 0;
470 $scope.current_event_target_cursor_pos_end = 0
471 $scope.force_render = true;
473 $timeout(function(){$scope.$digest()}).then(setCaret);
475 event_return = false;
477 } else if (event.which == 46 && event.shiftKey && $(event.target).hasClass('marcsf')) { // shift+del, remove subfield
479 var sf = event.data.scope.subfield[2] - 1;
480 if (sf == -1) sf = 0;
482 event.data.scope.field.deleteExactSubfields(
483 event.data.scope.subfield
486 if (!event.data.scope.field.subfields[sf]) {
487 $scope.current_event_target = 'r' + $scope.recordId +
488 'f' + event.data.scope.field.position +
491 $scope.current_event_target = 'r' + $scope.recordId +
492 'f' + event.data.scope.field.position +
496 $scope.current_event_target_cursor_pos = 0;
497 $scope.current_event_target_cursor_pos_end = 0;
498 $scope.force_render = true;
500 $timeout(function(){$scope.$digest()}).then(setCaret);
502 event_return = false;
504 } else if (event.keyCode == 38) {
505 if (event.ctrlKey) { // copy the field up
506 var index_field = event.data.scope.field.position;
509 if (event.data.scope.field.isControlfield()) {
510 field_obj = new MARC21.Field({
511 tag : event.data.scope.field.tag,
512 data : event.data.scope.field.data
516 for (var i in event.data.scope.field.subfields) {
517 sf_clone.push(event.data.scope.field.subfields[i].slice());
519 field_obj = new MARC21.Field({
520 tag : event.data.scope.field.tag,
521 ind1 : event.data.scope.field.ind1,
522 ind2 : event.data.scope.field.ind2,
528 event.data.scope.field.record.insertFieldsBefore(
529 event.data.scope.field,
533 $scope.current_event_target = 'r' + $scope.recordId +
534 'f' + index_field + 'tag';
536 $scope.current_event_target_cursor_pos = 0;
537 $scope.current_event_target_cursor_pos_end = 3;
538 $scope.force_render = true;
540 $timeout(function(){$scope.$digest()}).then(setCaret);
542 } else { // jump to prev field
543 if (event.data.scope.field.position > 0) {
545 $scope.current_event_target_cursor_pos = 0;
546 $scope.current_event_target_cursor_pos_end = 0;
547 $scope.current_event_target = 'r' + $scope.recordId +
548 'f' + (event.data.scope.field.position - 1) +
554 event_return = false;
556 } else if (event.keyCode == 40) { // down arrow...
557 if (event.ctrlKey) { // copy the field down
559 var index_field = event.data.scope.field.position;
560 var new_field = index_field + 1;
563 if (event.data.scope.field.isControlfield()) {
564 field_obj = new MARC21.Field({
565 tag : event.data.scope.field.tag,
566 data : event.data.scope.field.data
570 for (var i in event.data.scope.field.subfields) {
571 sf_clone.push(event.data.scope.field.subfields[i].slice());
573 field_obj = new MARC21.Field({
574 tag : event.data.scope.field.tag,
575 ind1 : event.data.scope.field.ind1,
576 ind2 : event.data.scope.field.ind2,
581 event.data.scope.field.record.insertFieldsAfter(
582 event.data.scope.field,
586 $scope.current_event_target = 'r' + $scope.recordId +
587 'f' + new_field + 'tag';
589 $scope.current_event_target_cursor_pos = 0;
590 $scope.current_event_target_cursor_pos_end = 3;
591 $scope.force_render = true;
593 $timeout(function(){$scope.$digest()}).then(setCaret);
595 } else { // jump to next field
596 if (event.data.scope.field.record.fields[event.data.scope.field.position + 1]) {
598 $scope.current_event_target_cursor_pos = 0;
599 $scope.current_event_target_cursor_pos_end = 0;
600 $scope.current_event_target = 'r' + $scope.recordId +
601 'f' + (event.data.scope.field.position + 1) +
607 event_return = false;
609 } else { // Assumes only marc editor elements have IDs that can trigger this event handler.
610 $scope.current_event_target = $(event.target).attr('id');
611 if ($scope.current_event_target) {
612 $scope.current_event_target_cursor_pos =
613 event.target.selectionDirection=='backward' ?
614 event.target.selectionStart :
615 event.target.selectionEnd;
622 function setCaret() {
623 if ($scope.current_event_target) {
624 console.log("Putting caret in " + $scope.current_event_target);
625 if (!$scope.current_event_target_cursor_pos_end)
626 $scope.current_event_target_cursor_pos_end = $scope.current_event_target_cursor_pos
628 var element = $('#'+$scope.current_event_target).get(0);
631 if (element.setSelectionRange) {
632 element.setSelectionRange(
633 $scope.current_event_target_cursor_pos,
634 $scope.current_event_target_cursor_pos_end
637 $scope.current_event_cursor_pos_end = null;
638 $scope.current_event_target = null;
643 function loadRecord() {
644 return egCore.pcrud.retrieve(
645 $scope.record_type, $scope.recordId
646 ).then(function(rec) {
647 $scope.in_redo = true;
648 $scope[$scope.record_type] = rec;
649 $scope.record = new MARC21.Record({ marcxml : $scope[$scope.record_type].marc() });
650 $scope.calculated_record_type = $scope.record.recordType();
651 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
652 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
653 $scope.save_stack_depth = $scope.record_undo_stack.length;
655 if ($scope.record_type == 'bre') {
656 $scope.bib_source = $scope[$scope.record_type].source();
662 $scope.$watch('record.toBreaker()', function (newVal, oldVal) {
663 if (!$scope.in_undo && !$scope.in_redo && oldVal != newVal) {
664 $scope.record_undo_stack.push({
666 target: $scope.current_event_target,
667 pos: $scope.current_event_target_cursor_pos
670 if ($scope.force_render) {
671 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
672 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
673 $scope.force_render = false;
678 if ($scope.record_undo_stack.length != $scope.save_stack_depth) {
679 console.log('should get a listener... does not');
680 $scope.dirtyFlag = true;
682 $scope.dirtyFlag = false;
685 if ($scope.record_undo_stack.length > $scope.max_undo)
686 $scope.record_undo_stack.shift();
688 console.log('undo stack is ' + $scope.record_undo_stack.length + ' deep');
689 $scope.in_redo = false;
690 $scope.in_undo = false;
693 $scope.processUndo = function () {
694 if ($scope.record_undo_stack.length) {
695 $scope.in_undo = true;
697 var undo_item = $scope.record_undo_stack.pop();
698 $scope.record_redo_stack.push(undo_item);
700 $scope.record = new MARC21.Record({ marcbreaker : undo_item.breaker });
701 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
702 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
704 $scope.current_event_target = undo_item.target;
705 $scope.current_event_target_cursor_pos = undo_item.pos;
706 console.log('Undo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
708 $timeout(function(){$scope.$digest()}).then(setCaret);
715 $scope.processRedo = function () {
716 if ($scope.record_redo_stack.length) {
717 $scope.in_redo = true;
719 var redo_item = $scope.record_redo_stack.pop();
720 $scope.record_undo_stack.push(redo_item);
722 $scope.record = new MARC21.Record({ marcbreaker : redo_item.breaker });
723 $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
724 $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
726 $scope.current_event_target = redo_item.target;
727 $scope.current_event_target_cursor_pos = redo_item.pos;
728 console.log('Redo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
730 $timeout(function(){$scope.$digest()}).then(setCaret);
737 $scope.saveRecord = function () {
739 $scope[$scope.record_type].marc($scope.record.toXmlString());
740 return egCore.pcrud.update(
741 $scope[$scope.record_type]
745 $scope.seeBreaker = function () {
746 alert($scope.record.toBreaker());
749 $scope.$watch('recordId',
750 function(newVal, oldVal) {
751 if (newVal && newVal !== oldVal) {
760 $scope.mangle_005 = function () {
761 var now = new Date();
762 var y = now.getUTCFullYear();
764 var m = now.getUTCMonth() + 1;
765 if (m < 10) m = '0' + m;
767 var d = now.getUTCDate();
768 if (d < 10) d = '0' + d;
770 var H = now.getUTCHours();
771 if (H < 10) H = '0' + H;
773 var M = now.getUTCMinutes();
774 if (M < 10) M = '0' + M;
776 var S = now.getUTCSeconds();
777 if (S < 10) S = '0' + S;
779 var stamp = '' + y + m + d + H + M + S + '.0';
780 var f = $scope.record.field('005',true)[0];
784 $scope.record.insertOrderedFields(
799 .directive("egMarcEditBibsource", ['$timeout',function ($timeout) {
803 template: '<span class="nullable">'+
804 '<select class="form-control" ng-model="bib_source" ng-options="s.id() as s.source() for s in bib_sources">'+
805 '<option value="">Select a Source</option>'+
808 controller: ['$scope','egCore',
809 function ($scope , egCore) {
811 egCore.pcrud.retrieveAll('cbs', {}, {atomic : true})
812 .then(function(list) { $scope.bib_sources = list; });
814 $scope.$watch('bib_source',
815 function(newVal, oldVal) {
816 if (newVal !== oldVal) {
817 $scope.bre.source(newVal);