Open-ILS/web/js/ui/default/staff/cat/services/marcedit.js

   1 /**
   2  *  A MARC editor...
   3  */
   4
   5 angular.module('egMarcMod', ['egCoreMod', 'ui.bootstrap'])
   6
   7 .directive("egContextMenuItem", ['$timeout',function ($timeout) {
   8     return {
   9         restrict: 'E',
  10         replace: true,
  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';
  18                 }
  19
  20                 $scope.setContent = function (v, a) {
  21                     var replace_with = v;
  22                     if (a) replace_with = a($scope,$element,$scope.item.value,$scope.$parent.$parent.content);
  23                     $timeout(function(){
  24                         $scope.$parent.$parent.$apply(function(){
  25                             $scope.$parent.$parent.content = replace_with
  26                         })
  27                     }, 0);
  28                     $($element).parent().css({display: 'none'});
  29                 }
  30             }
  31         ]
  32     }
  33 }])
  34
  35 .directive("egMarcEditEditable", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
  36     return {
  37         restrict: 'E',
  38         replace: true,
  39         template: '<input '+
  40                       'style="font-family: \'Lucida Console\', Monaco, monospace;" '+
  41                       'ng-model="content" '+
  42                       'size="{{content.length * 1.1}}" '+
  43                       'maxlength="{{max}}" '+
  44                       'class="" '+
  45                       'type="text" '+
  46                   '/>',
  47         scope: {
  48             field: '=',
  49             onKeydown: '=',
  50             subfield: '=',
  51             content: '=',
  52             contextItemContainer: '@',
  53             contextItemGenerator: '=',
  54             max: '@',
  55             itype: '@'
  56         },
  57         controller : ['$scope',
  58             function ( $scope ) {
  59
  60                 if ($scope.contextItemContainer && angular.isArray($scope.$parent[$scope.contextItemContainer]))
  61                     $scope.item_container = $scope.$parent[$scope.contextItemContainer];
  62                 else if ($scope.contextItemGenerator)
  63                     $scope.item_generator = $scope.contextItemGenerator;
  64
  65                 $scope.showContext = function (event) {
  66                     $scope.item_list = [];
  67                     if ($scope.item_container) {
  68                         $scope.item_list = $scope.item_container;
  69                     } else if ($scope.item_generator) {
  70                         // always recalculate; tag and/or subfield
  71                         // codes may have changed
  72                         $scope.item_list = $scope.item_generator();
  73                     } else {
  74                         return true;
  75                     }
  76
  77                     if (angular.isArray($scope.item_list) && $scope.item_list.length > 0) { // we have a list of values or transforms
  78                         console.log('Showing context menu...');
  79                         $('body').trigger('click');
  80
  81                         var tmpl =
  82                             '<ul class="dropdown-menu" role="menu" style="z-index: 2000;">'+
  83                                 '<eg-context-menu-item ng-repeat="item in item_list" item="item" content="content"/>'+
  84                             '</ul>';
  85
  86                         var tnode = angular.element(tmpl);
  87                         $document.find('body').append(tnode);
  88
  89                         $(tnode).css({
  90                             display: 'block',
  91                             top: event.pageY,
  92                             left: event.pageX
  93                         });
  94
  95                         $timeout(function() {
  96                             var e = $compile(tnode)($scope);
  97                         }, 0);
  98
  99
 100                         $('body').on('click.context_menu',function() {
 101                             $(tnode).css('display','none');
 102                             $('body').off('click.context_menu');
 103                         });
 104
 105                         return false;
 106                     }
 107
 108                     return true;
 109                 }
 110
 111             }
 112         ],
 113         link: function (scope, element, attrs) {
 114
 115             if (scope.onKeydown) element.bind('keydown', {scope : scope}, scope.onKeydown);
 116
 117             element.bind('change', function (e) { element.size = scope.max || parseInt(scope.content.length * 1.1) });
 118
 119             element.bind('contextmenu', scope.showContext);
 120         }
 121     }
 122 }])
 123
 124 .directive("egMarcEditFixedField", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
 125     return {
 126         transclude: true,
 127         restrict: 'E',
 128         template: '<div class="col-md-2">'+
 129                     '<div class="col-md-1"><label name="{{fixedField}}" for="{{fixedField}}_ff_input">{{fixedField}}</label></div>'+
 130                     '<div class="col-md-1"><input type="text" style="padding-left: 5px; margin-left: 1em" size="4" id="{{fixedField}}_ff_input"/></div>'+
 131                   '</div>',
 132         scope: { record: "=", fixedField: "@" },
 133         replace: true,
 134         controller : ['$scope', '$element', 'egTagTable',
 135             function ( $scope ,  $element ,  egTagTable) {
 136                 $($element).children().css({ display : 'none' });
 137                 $scope.me = null;
 138                 $scope.content = null; // this is where context menus dump their values
 139                 $scope.item_container = [];
 140                 $scope.in_handler = false;
 141                 $scope.ready = false;
 142
 143                 $scope.$watch('content', function (newVal, oldVal) {
 144                     var input = $($element).find('input');
 145                     input.val(newVal);
 146                     input.trigger('keyup'); // cascade the update
 147                 });
 148
 149                 $scope.$watch('record.ready', function (newVal, oldVal) { // wait for the record to be loaded
 150                     if (newVal && !$scope.ready) {
 151                         $scope.rtype = $scope.record.recordType();
 152
 153                         egTagTable.fetchFFPosTable( $scope.rtype ).then(function (ff_list) {
 154                             angular.forEach(ff_list, function (ff) {
 155                                 if (!$scope.me) {
 156                                     if (ff.fixed_field == $scope.fixedField && ff.rec_type == $scope.rtype) {
 157                                         $scope.me = ff;
 158                                         $scope.ready = true;
 159                                         $($element).children().css({ display : 'inline' });
 160
 161                                         var input = $($element).find('input');
 162                                         input.attr('maxlength', $scope.me.length);
 163                                         input.val($scope.record.extractFixedField($scope.me.fixed_field));
 164                                         input.on('keyup', function(e) {
 165                                             $scope.in_handler = true;
 166                                             $scope.record.setFixedField($scope.me.fixed_field, input.val());
 167                                             try { $scope.$parent.$digest(); } catch(e) {};
 168                                         });
 169                                     }
 170                                 }
 171                             });
 172                             return $scope.me;
 173                         }).then(function (me) {
 174                             if (me) {
 175                                 $scope.$watch(
 176                                     function() {
 177                                         return $scope.record.extractFixedField($scope.fixedField);
 178                                     },
 179                                     function (newVal, oldVal) {
 180                                         if ($scope.in_handler) {
 181                                             $scope.in_handler = false;
 182                                         } else if (oldVal != newVal) {
 183                                             $($element).find('input').val(newVal);
 184                                         }
 185                                     }
 186                                 );
 187                             }
 188                         }).then(function () {
 189                             return egTagTable.fetchFFValueTable( $scope.rtype );
 190                         }).then(function (vlist) {
 191                             if (vlist[$scope.fixedField]) {
 192                                 vlist[$scope.fixedField].forEach(function (v) {
 193                                     if (v[0].length <= v[2]) {
 194                                         $scope.item_container.push({ value : v[0], label : v[0] + ': ' + v[1] });
 195                                     }
 196                                 });
 197                             }
 198                         }).then(function () {
 199                             if ($scope.item_container && $scope.item_container.length)
 200                                 $($element).bind('contextmenu', $scope.showContext);
 201                         });
 202
 203                     }
 204                 });
 205
 206                 $scope.showContext = function (event) {
 207                     if ($scope.context_menu_element) {
 208                         console.log('Reshowing context menu...');
 209                         $('body').trigger('click');
 210                         $($scope.context_menu_element).css({ display: 'block', top: event.pageY, left: event.pageX });
 211                         $('body').on('click.context_menu',function() {
 212                             $($scope.context_menu_element).css('display','none');
 213                             $('body').off('click.context_menu');
 214                         });
 215                         return false;
 216                     }
 217
 218                     if (angular.isArray($scope.item_container)) { // we have a list of values or transforms
 219                         console.log('Showing context menu...');
 220                         $('body').trigger('click');
 221
 222                         var tmpl =
 223                             '<ul class="dropdown-menu" role="menu" style="z-index: 2000;">'+
 224                                 '<eg-context-menu-item ng-repeat="item in item_container" item="item" content="content"/>'+
 225                             '</ul>';
 226
 227                         var tnode = angular.element(tmpl);
 228                         $document.find('body').append(tnode);
 229
 230                         $(tnode).css({
 231                             display: 'block',
 232                             top: event.pageY,
 233                             left: event.pageX
 234                         });
 235
 236                         $scope.context_menu_element = tnode;
 237
 238                         $timeout(function() {
 239                             var e = $compile(tnode)($scope);
 240                         }, 0);
 241
 242
 243                         $('body').on('click.context_menu',function() {
 244                             $(tnode).css('display','none');
 245                             $('body').off('click.context_menu');
 246                         });
 247
 248                         return false;
 249                     }
 250
 251                     return true;
 252                 }
 253
 254             }
 255         ]
 256     }
 257 }])
 258
 259 .directive("egMarcEditSubfield", function () {
 260     return {
 261         transclude: true,
 262         restrict: 'E',
 263         template: '<span>'+
 264                     '<span><label class="marcedit marcsfcodedelimiter"'+
 265                         'for="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}code" '+
 266                         '>‡</label><eg-marc-edit-editable '+
 267                         'itype="sfc" '+
 268                         'class="marcedit marcsf marcsfcode" '+
 269                         'field="field" '+
 270                         'subfield="subfield" '+
 271                         'content="subfield[0]" '+
 272                         'max="1" '+
 273                         'on-keydown="onKeydown" '+
 274                         'context-item-generator="sf_code_options" '+
 275                         'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}code" '+
 276                     '/></span>'+
 277                     '<span><eg-marc-edit-editable '+
 278                         'itype="sfv" '+
 279                         'class="marcedit marcsf marcsfvalue" '+
 280                         'field="field" '+
 281                         'subfield="subfield" '+
 282                         'content="subfield[1]" '+
 283                         'on-keydown="onKeydown" '+
 284                         'context-item-generator="sf_val_options" '+
 285                         'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}s{{subfield[2]}}value" '+
 286                     '/></span>'+
 287                   '</span>',
 288         scope: { field: "=", subfield: "=", onKeydown: '=' },
 289         replace: true,
 290         controller : ['$scope', 'egTagTable',
 291             function ( $scope ,  egTagTable) {
 292
 293                 $scope.sf_code_options = function () {
 294                     return egTagTable.getSubfieldCodes($scope.field.tag);
 295                 }
 296                 $scope.sf_val_options = function () {
 297                     return egTagTable.getSubfieldValues($scope.field.tag, $scope.subfield[0]);
 298                 }
 299             }
 300         ]
 301     }
 302 })
 303
 304 .directive("egMarcEditInd", function () {
 305     return {
 306         transclude: true,
 307         restrict: 'E',
 308         template: '<span><eg-marc-edit-editable '+
 309                       'itype="ind" '+
 310                       'class="marcedit marcind" '+
 311                       'field="field" '+
 312                       'content="ind" '+
 313                       'max="1" '+
 314                       'on-keydown="onKeydown" '+
 315                       'context-item-generator="ind_val_options" '+
 316                       'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}i{{indNumber}}"'+
 317                       '/></span>',
 318         scope: { ind : '=', field: '=', onKeydown: '=', indNumber: '@' },
 319         replace: true,
 320         controller : ['$scope', 'egTagTable',
 321             function ( $scope ,  egTagTable) {
 322
 323                 $scope.ind_val_options = function () {
 324                     return egTagTable.getIndicatorValues($scope.field.tag, $scope.indNumber);
 325                 }
 326             }
 327         ]
 328     }
 329 })
 330
 331 .directive("egMarcEditTag", function () {
 332     return {
 333         transclude: true,
 334         restrict: 'E',
 335         template: '<span><eg-marc-edit-editable '+
 336                       'itype="tag" '+
 337                       'class="marcedit marctag" '+
 338                       'field="field" '+
 339                       'content="tag" '+
 340                       'max="3" '+
 341                       'on-keydown="onKeydown" '+
 342                       'context-item-generator="tag_options" '+
 343                       'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}tag"'+
 344                       '/></span>',
 345         scope: { tag : '=', field: '=', onKeydown: '=' },
 346         replace: true,
 347         controller : ['$scope', 'egTagTable',
 348             function ( $scope ,  egTagTable) {
 349
 350                 $scope.tag_options = function () {
 351                     return egTagTable.getFieldTags();
 352                 }
 353             }
 354         ]
 355     }
 356 })
 357
 358 .directive("egMarcEditDatafield", function () {
 359     return {
 360         transclude: true,
 361         restrict: 'E',
 362         template: '<div>'+
 363                     '<span><eg-marc-edit-tag field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
 364                     '<span><eg-marc-edit-ind field="field" ind="field.ind1" on-keydown="onKeydown" ind-number="1"/></span>'+
 365                     '<span><eg-marc-edit-ind field="field" ind="field.ind2" on-keydown="onKeydown" ind-number="2"/></span>'+
 366                     '<span><eg-marc-edit-subfield ng-repeat="subfield in field.subfields" subfield="subfield" field="field" on-keydown="onKeydown"/></span>'+
 367                   '</div>',
 368         scope: { field: "=", onKeydown: '=' },
 369         replace: true
 370     }
 371 })
 372
 373 .directive("egMarcEditControlfield", function () {
 374     return {
 375         transclude: true,
 376         restrict: 'E',
 377         template: '<div>'+
 378                     '<span><eg-marc-edit-tag field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
 379                     '<span><eg-marc-edit-editable '+
 380                       'itype="cfld" '+
 381                       'field="field" '+
 382                       'class="marcedit marcdata" '+
 383                       'content="field.data" '+
 384                       'on-keydown="onKeydown" '+
 385                       'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}data"'+
 386                       '/></span>'+
 387                   '</div>',
 388         scope: { field: "=", onKeydown: '=' }
 389     }
 390 })
 391
 392 .directive("egMarcEditLeader", function () {
 393     return {
 394         transclude: true,
 395         restrict: 'E',
 396         template: '<div>'+
 397                     '<span><eg-marc-edit-editable '+
 398                       'class="marcedit marctag" '+
 399                       'content="tag" '+
 400                       'on-keydown="onKeydown" '+
 401                       'id="leadertag" '+
 402                       'disabled="disabled"'+
 403                       '/></span>'+
 404                     '<span><eg-marc-edit-editable '+
 405                       'class="marcedit marcdata" '+
 406                       'itype="ldr" '+
 407                       'max="{{record.leader.length}}" '+
 408                       'content="record.leader" '+
 409                       'id="r{{record.subfield(\'901\',\'c\')[1]}}leaderdata" '+
 410                       'on-keydown="onKeydown"'+
 411                       '/></span>'+
 412                   '</div>',
 413         controller : ['$scope',
 414             function ( $scope ) {
 415                 $scope.tag = 'LDR';
 416             }
 417         ],
 418         scope: { record: "=", onKeydown: '=' }
 419     }
 420 })
 421
 422 /// TODO: fixed field editor and such
 423 .directive("egMarcEditRecord", function () {
 424     return {
 425         templateUrl : './cat/share/t_marcedit',
 426         restrict: 'E',
 427         replace: true,
 428         scope: {
 429             dirtyFlag : '=',
 430             recordId : '=',
 431             marcXml : '=',
 432             // in-place mode means that the editor is being
 433             // used just to munge some MARCXML client-side, rather
 434             // than to (immediately) update the database
 435             inPlaceMode : '@',
 436             recordType : '@',
 437             maxUndo : '@'
 438         },
 439         link: function (scope, element, attrs) {
 440
 441             element.bind('click', function(e) {;
 442                 scope.current_event_target = $(e.target).attr('id');
 443                 if (scope.current_event_target) {
 444                     console.log('Recording click event on ' + scope.current_event_target);
 445                     scope.current_event_target_cursor_pos =
 446                         e.target.selectionDirection=='backward' ?
 447                             e.target.selectionStart :
 448                             e.target.selectionEnd;
 449                 }
 450             });
 451
 452         },
 453         controller : ['$timeout','$scope','$q','egCore', 'egTagTable',
 454             function ( $timeout , $scope , $q,  egCore ,  egTagTable ) {
 455
 456                 MARC21.Record.delimiter = '$';
 457
 458                 $scope.flatEditor = false;
 459                 $scope.brandNewRecord = false;
 460                 $scope.bib_source = null;
 461                 $scope.record_type = $scope.recordType || 'bre';
 462                 $scope.max_undo = $scope.maxUndo || 100;
 463                 $scope.record_undo_stack = [];
 464                 $scope.record_redo_stack = [];
 465                 $scope.in_undo = false;
 466                 $scope.in_redo = false;
 467                 $scope.record = new MARC21.Record();
 468                 $scope.save_stack_depth = 0;
 469                 $scope.controlfields = [];
 470                 $scope.datafields = [];
 471                 $scope.controlSet = new egTagTable.authorityControlSet();
 472
 473                 egTagTable.loadTagTable({ marcRecordType : $scope.record_type });
 474
 475                 $scope.saveFlatTextMARC = function () {
 476                     $scope.record = new MARC21.Record({ marcbreaker : $scope.flat_text_marc });
 477                 };
 478
 479                 $scope.refreshVisual = function () {
 480                     if (!$scope.flatEditor) {
 481                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
 482                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
 483                     }
 484                 };
 485
 486                 $scope.onKeydown = function (event) {
 487                     var event_return = true;
 488
 489                     console.log(
 490                         'keydown: which='+event.which+
 491                         ', ctrlKey='+event.ctrlKey+
 492                         ', shiftKey='+event.shiftKey+
 493                         ', altKey='+event.altKey+
 494                         ', metaKey='+event.altKey
 495                     );
 496
 497                     if (event.which == 89 && event.ctrlKey) { // ctrl+y, redo
 498                         event_return = $scope.processRedo();
 499                     } else if (event.which == 90 && event.ctrlKey) { // ctrl+z, undo
 500                         event_return = $scope.processUndo();
 501                     } else if ((event.which == 68 || event.which == 73) && event.ctrlKey) { // ctrl+d or ctrl+i, insert subfield
 502
 503                         var element = $(event.target);
 504                         var new_sf, index_sf, move_data;
 505
 506                         if (element.hasClass('marcsfvalue')) {
 507                             index_sf = event.data.scope.subfield[2];
 508                             new_sf = index_sf + 1;
 509
 510                             var start = event.target.selectionStart;
 511                             var end = event.target.selectionEnd - event.target.selectionStart ?
 512                                     event.target.selectionEnd :
 513                                     event.target.value.length;
 514
 515                             move_data = event.target.value.substring(start,end);
 516
 517                         } else if (element.hasClass('marcsfcode')) {
 518                             index_sf = event.data.scope.subfield[2];
 519                             new_sf = index_sf + 1;
 520                         } else if (element.hasClass('marctag') || element.hasClass('marcind')) {
 521                             index_sf = 0;
 522                             new_sf = index_sf;
 523                         }
 524
 525                         $scope.current_event_target = 'r' + $scope.recordId +
 526                                                       'f' + event.data.scope.field.position +
 527                                                       's' + new_sf + 'code';
 528
 529                         event.data.scope.field.subfields.forEach(function(sf) {
 530                             if (sf[2] >= new_sf) sf[2]++;
 531                             if (sf[2] == index_sf) sf[1] = event.target.value.substring(0,start) + event.target.value.substring(end);
 532                         });
 533                         event.data.scope.field.subfields.splice(
 534                             new_sf,
 535                             0,
 536                             [' ', move_data, new_sf ]
 537                         );
 538
 539                         $scope.current_event_target_cursor_pos = 0;
 540                         $scope.current_event_target_cursor_pos_end = 1;
 541
 542                         $timeout(function(){$scope.$digest()}).then(setCaret);
 543
 544                         event_return = false;
 545
 546                     } else if (event.which == 117 && event.shiftKey) { // shift + F6, insert 006
 547                         event.data.scope.field.record.insertOrderedFields(
 548                             new MARC21.Field({
 549                                 tag : '006',
 550                                 data : '                                        '
 551                             })
 552                         );
 553
 554                         $scope.force_render = true;
 555                         $timeout(function(){$scope.$digest()}).then(setCaret);
 556
 557                         event_return = false;
 558
 559                     } else if (event.which == 118 && event.shiftKey) { // shift + F7, insert 007
 560                         event.data.scope.field.record.insertOrderedFields(
 561                             new MARC21.Field({
 562                                 tag : '007',
 563                                 data : '                                        '
 564                             })
 565                         );
 566
 567                         $scope.force_render = true;
 568                         $timeout(function(){$scope.$digest()}).then(setCaret);
 569
 570                         event_return = false;
 571
 572                     } else if (event.which == 119 && event.shiftKey) { // shift + F8, insert/replace 008
 573                         var new_008_data = event.data.scope.field.record.generate008();
 574
 575
 576                         var old_008s = event.data.scope.field.record.field('008',true);
 577                         old_008s.forEach(function(o) {
 578                             var domnode = $('#r'+o.record.subfield('901','c')[1] + 'f' + o.position);
 579                             domnode.scope().$destroy();
 580                             domnode.remove();
 581                             event.data.scope.field.record.deleteFields(o);
 582                         });
 583
 584                         event.data.scope.field.record.insertOrderedFields(
 585                             new MARC21.Field({
 586                                 tag : '008',
 587                                 data : new_008_data
 588                             })
 589                         );
 590
 591                         $scope.force_render = true;
 592                         $timeout(function(){$scope.$digest()}).then(setCaret);
 593
 594                         event_return = false;
 595
 596                     } else if (event.which == 13 && event.ctrlKey) { // ctrl+enter, insert datafield
 597
 598                         var element = $(event.target);
 599
 600                         var index_field = event.data.scope.field.position;
 601                         var new_field = index_field + 1;
 602
 603                         event.data.scope.field.record.insertFieldsAfter(
 604                             event.data.scope.field,
 605                             new MARC21.Field({
 606                                 tag : '999',
 607                                 subfields : [[' ','',0]]
 608                             })
 609                         );
 610
 611                         $scope.current_event_target = 'r' + $scope.recordId +
 612                                                       'f' + new_field + 'tag';
 613
 614                         $scope.current_event_target_cursor_pos = 0;
 615                         $scope.current_event_target_cursor_pos_end = 3;
 616                         $scope.force_render = true;
 617
 618                         $timeout(function(){$scope.$digest()}).then(setCaret);
 619
 620                         event_return = false;
 621
 622                     } else if (event.which == 46 && event.ctrlKey) { // ctrl+del, remove field
 623
 624                         var del_field = event.data.scope.field.position;
 625
 626                         var domnode = $('#r'+event.data.scope.field.record.subfield('901','c')[1] + 'f' + del_field);
 627
 628                         event.data.scope.field.record.deleteFields(
 629                             event.data.scope.field
 630                         );
 631
 632                         domnode.scope().$destroy();
 633                         domnode.remove();
 634
 635                         $scope.current_event_target = 'r' + $scope.recordId +
 636                                                       'f' + del_field + 'tag';
 637
 638                         $scope.current_event_target_cursor_pos = 0;
 639                         $scope.current_event_target_cursor_pos_end = 0
 640                         $scope.force_render = true;
 641
 642                         $timeout(function(){$scope.$digest()}).then(setCaret);
 643
 644                         event_return = false;
 645
 646                     } else if (event.which == 46 && event.shiftKey && $(event.target).hasClass('marcsf')) { // shift+del, remove subfield
 647
 648                         var sf = event.data.scope.subfield[2] - 1;
 649                         if (sf == -1) sf = 0;
 650
 651                         event.data.scope.field.deleteExactSubfields(
 652                             event.data.scope.subfield
 653                         );
 654
 655                         if (!event.data.scope.field.subfields[sf]) {
 656                             $scope.current_event_target = 'r' + $scope.recordId +
 657                                                           'f' + event.data.scope.field.position +
 658                                                           'tag';
 659                         } else {
 660                             $scope.current_event_target = 'r' + $scope.recordId +
 661                                                           'f' + event.data.scope.field.position +
 662                                                           's' + sf + 'value';
 663                         }
 664
 665                         $scope.current_event_target_cursor_pos = 0;
 666                         $scope.current_event_target_cursor_pos_end = 0;
 667                         $scope.force_render = true;
 668
 669                         $timeout(function(){$scope.$digest()}).then(setCaret);
 670
 671                         event_return = false;
 672
 673                     } else if (event.keyCode == 38) {
 674                         if (event.ctrlKey) { // copy the field up
 675                             var index_field = event.data.scope.field.position;
 676
 677                             var field_obj;
 678                             if (event.data.scope.field.isControlfield()) {
 679                                 field_obj = new MARC21.Field({
 680                                     tag : event.data.scope.field.tag,
 681                                     data : event.data.scope.field.data
 682                                 });
 683                             } else {
 684                                 var sf_clone = [];
 685                                 for (var i in event.data.scope.field.subfields) {
 686                                     sf_clone.push(event.data.scope.field.subfields[i].slice());
 687                                 }
 688                                 field_obj = new MARC21.Field({
 689                                     tag : event.data.scope.field.tag,
 690                                     ind1 : event.data.scope.field.ind1,
 691                                     ind2 : event.data.scope.field.ind2,
 692                                     subfields : sf_clone
 693                                 });
 694                             }
 695
 696
 697                             event.data.scope.field.record.insertFieldsBefore(
 698                                 event.data.scope.field,
 699                                 field_obj
 700                             );
 701
 702                             $scope.current_event_target = 'r' + $scope.recordId +
 703                                                           'f' + index_field + 'tag';
 704
 705                             $scope.current_event_target_cursor_pos = 0;
 706                             $scope.current_event_target_cursor_pos_end = 3;
 707                             $scope.force_render = true;
 708
 709                             $timeout(function(){$scope.$digest()}).then(setCaret);
 710
 711                         } else { // jump to prev field
 712                             if (event.data.scope.field.position > 0) {
 713                                 $timeout(function(){
 714                                     $scope.current_event_target_cursor_pos = 0;
 715                                     $scope.current_event_target_cursor_pos_end = 0;
 716                                     $scope.current_event_target = 'r' + $scope.recordId +
 717                                                                   'f' + (event.data.scope.field.position - 1) +
 718                                                                   'tag';
 719                                 }).then(setCaret);
 720                             }
 721                         }
 722
 723                         event_return = false;
 724
 725                     } else if (event.keyCode == 40) { // down arrow...
 726                         if (event.ctrlKey) { // copy the field down
 727
 728                             var index_field = event.data.scope.field.position;
 729                             var new_field = index_field + 1;
 730
 731                             var field_obj;
 732                             if (event.data.scope.field.isControlfield()) {
 733                                 field_obj = new MARC21.Field({
 734                                     tag : event.data.scope.field.tag,
 735                                     data : event.data.scope.field.data
 736                                 });
 737                             } else {
 738                                 var sf_clone = [];
 739                                 for (var i in event.data.scope.field.subfields) {
 740                                     sf_clone.push(event.data.scope.field.subfields[i].slice());
 741                                 }
 742                                 field_obj = new MARC21.Field({
 743                                     tag : event.data.scope.field.tag,
 744                                     ind1 : event.data.scope.field.ind1,
 745                                     ind2 : event.data.scope.field.ind2,
 746                                     subfields : sf_clone
 747                                 });
 748                             }
 749
 750                             event.data.scope.field.record.insertFieldsAfter(
 751                                 event.data.scope.field,
 752                                 field_obj
 753                             );
 754
 755                             $scope.current_event_target = 'r' + $scope.recordId +
 756                                                           'f' + new_field + 'tag';
 757
 758                             $scope.current_event_target_cursor_pos = 0;
 759                             $scope.current_event_target_cursor_pos_end = 3;
 760                             $scope.force_render = true;
 761
 762                             $timeout(function(){$scope.$digest()}).then(setCaret);
 763
 764                         } else { // jump to next field
 765                             if (event.data.scope.field.record.fields[event.data.scope.field.position + 1]) {
 766                                 $timeout(function(){
 767                                     $scope.current_event_target_cursor_pos = 0;
 768                                     $scope.current_event_target_cursor_pos_end = 0;
 769                                     $scope.current_event_target = 'r' + $scope.recordId +
 770                                                                   'f' + (event.data.scope.field.position + 1) +
 771                                                                   'tag';
 772                                 }).then(setCaret);
 773                             }
 774                         }
 775
 776                         event_return = false;
 777
 778                     } else { // Assumes only marc editor elements have IDs that can trigger this event handler.
 779                         $scope.current_event_target = $(event.target).attr('id');
 780                         if ($scope.current_event_target) {
 781                             $scope.current_event_target_cursor_pos =
 782                                 event.target.selectionDirection=='backward' ?
 783                                     event.target.selectionStart :
 784                                     event.target.selectionEnd;
 785                         }
 786                     }
 787
 788                     return event_return;
 789                 };
 790
 791                 function setCaret() {
 792                     if ($scope.current_event_target) {
 793                         console.log("Putting caret in " + $scope.current_event_target);
 794                         if (!$scope.current_event_target_cursor_pos_end)
 795                             $scope.current_event_target_cursor_pos_end = $scope.current_event_target_cursor_pos
 796
 797                         var element = $('#'+$scope.current_event_target).get(0);
 798                         if (element) {
 799                             element.focus();
 800                             if (element.setSelectionRange) {
 801                                 element.setSelectionRange(
 802                                     $scope.current_event_target_cursor_pos,
 803                                     $scope.current_event_target_cursor_pos_end
 804                                 );
 805                             }
 806                             $scope.current_event_cursor_pos_end = null;
 807                             $scope.current_event_target = null;
 808                         }
 809                     }
 810                 }
 811
 812                 function loadRecord() {
 813                     return (function() {
 814                         var deferred = $q.defer();
 815                         if ($scope.recordId) {
 816                             egCore.pcrud.retrieve(
 817                                 $scope.record_type, $scope.recordId
 818                             ).then(function(rec) {
 819                                 deferred.resolve(rec);
 820                             });
 821                         } else {
 822                             var bre = new egCore.idl.bre();
 823                             bre.marc($scope.marcXml);
 824                             deferred.resolve(bre);
 825                             $scope.brandNewRecord = true;
 826                         }
 827                         return deferred.promise;
 828                     })().then(function(rec) {
 829                         $scope.in_redo = true;
 830                         $scope[$scope.record_type] = rec;
 831                         $scope.record = new MARC21.Record({ marcxml : $scope.Record().marc() });
 832                         $scope.calculated_record_type = $scope.record.recordType();
 833                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
 834                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
 835                         $scope.save_stack_depth = $scope.record_undo_stack.length;
 836                         $scope.flat_text_marc = $scope.record.toBreaker();
 837
 838                         if ($scope.record_type == 'bre') {
 839                             $scope.bib_source = $scope.Record().source();
 840                         }
 841
 842                     }).then(function(){
 843                         return egTagTable.fetchFFPosTable($scope.calculated_record_type)
 844                     }).then(function(){
 845                         return egTagTable.fetchFFValueTable($scope.calculated_record_type)
 846                     }).then(setCaret);
 847                 }
 848
 849                 $scope.$watch('record.toBreaker()', function (newVal, oldVal) {
 850                     if (!$scope.in_undo && !$scope.in_redo && oldVal != newVal) {
 851                         $scope.record_undo_stack.push({
 852                             breaker: oldVal,
 853                             target: $scope.current_event_target,
 854                             pos: $scope.current_event_target_cursor_pos
 855                         });
 856
 857                         if ($scope.force_render) {
 858                             $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
 859                             $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
 860                             $scope.force_render = false;
 861                         }
 862
 863                         $scope.flat_text_marc = newVal;
 864                     }
 865
 866                     if ($scope.record_undo_stack.length != $scope.save_stack_depth) {
 867                         $scope.dirtyFlag = true;
 868                     } else {
 869                         $scope.dirtyFlag = false;
 870                     }
 871
 872                     if ($scope.record_undo_stack.length > $scope.max_undo)
 873                         $scope.record_undo_stack.shift();
 874
 875                     console.log('undo stack is ' + $scope.record_undo_stack.length + ' deep');
 876                     $scope.in_redo = false;
 877                     $scope.in_undo = false;
 878                 });
 879
 880                 $scope.processUndo = function () {
 881                     if ($scope.record_undo_stack.length) {
 882                         $scope.in_undo = true;
 883
 884                         var undo_item = $scope.record_undo_stack.pop();
 885                         $scope.record_redo_stack.push(undo_item);
 886
 887                         $scope.record = new MARC21.Record({ marcbreaker : undo_item.breaker });
 888                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
 889                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
 890
 891                         $scope.current_event_target = undo_item.target;
 892                         $scope.current_event_target_cursor_pos = undo_item.pos;
 893                         console.log('Undo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
 894
 895                         $timeout(function(){$scope.$digest()}).then(setCaret);
 896                         return false;
 897                     }
 898
 899                     return true;
 900                 };
 901
 902                 $scope.processRedo = function () {
 903                     if ($scope.record_redo_stack.length) {
 904                         $scope.in_redo = true;
 905
 906                         var redo_item = $scope.record_redo_stack.pop();
 907                         $scope.record_undo_stack.push(redo_item);
 908
 909                         $scope.record = new MARC21.Record({ marcbreaker : redo_item.breaker });
 910                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
 911                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
 912
 913                         $scope.current_event_target = redo_item.target;
 914                         $scope.current_event_target_cursor_pos = redo_item.pos;
 915                         console.log('Redo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
 916
 917                         $timeout(function(){$scope.$digest()}).then(setCaret);
 918                         return false;
 919                     }
 920
 921                     return true;
 922                 };
 923
 924                 $scope.Record = function () {
 925                     return $scope[$scope.record_type];
 926                 };
 927
 928                 $scope.deleteRecord = function () {
 929                     $scope.Record().deleted(true);
 930                     return $scope.saveRecord();
 931                 };
 932
 933                 $scope.undeleteRecord = function () {
 934                     $scope.Record().deleted(false);
 935                     return $scope.saveRecord();
 936                 };
 937
 938                 $scope.saveRecord = function () {
 939                     if ($scope.inPlaceMode) {
 940                         $scope.marcXml = $scope.record.toXmlString();
 941                         return;
 942                     }
 943                     $scope.mangle_005();
 944                     $scope.Record().editor(egCore.auth.user().id());
 945                     $scope.Record().edit_date('now');
 946                     $scope.Record().marc($scope.record.toXmlString());
 947                     if ($scope.recordId) {
 948                         return egCore.pcrud.update(
 949                             $scope.Record()
 950                         ).then(loadRecord);
 951                     } else {
 952                         $scope.Record().creator(egCore.auth.user().id());
 953                         $scope.Record().create_date('now');
 954                         return egCore.pcrud.create(
 955                             $scope.Record()
 956                         ).then(function(bre) {
 957                             $scope.recordId = bre.id();
 958                         }).then(loadRecord);
 959                     }
 960                 };
 961
 962                 $scope.seeBreaker = function () {
 963                     alert($scope.record.toBreaker());
 964                 };
 965
 966                 $scope.$watch('recordId',
 967                     function(newVal, oldVal) {
 968                         if (newVal && newVal !== oldVal) {
 969                             loadRecord();
 970                         }
 971                     }
 972                 );
 973
 974                 if ($scope.recordId || $scope.marcXml) {
 975                     loadRecord();
 976                 }
 977
 978                 $scope.mangle_005 = function () {
 979                     var now = new Date();
 980                     var y = now.getUTCFullYear();
 981
 982                     var m = now.getUTCMonth() + 1;
 983                     if (m < 10) m = '0' + m;
 984
 985                     var d = now.getUTCDate();
 986                     if (d < 10) d = '0' + d;
 987
 988                     var H = now.getUTCHours();
 989                     if (H < 10) H = '0' + H;
 990
 991                     var M = now.getUTCMinutes();
 992                     if (M < 10) M = '0' + M;
 993
 994                     var S = now.getUTCSeconds();
 995                     if (S < 10) S = '0' + S;
 996
 997                     var stamp = '' + y + m + d + H + M + S + '.0';
 998                     var f = $scope.record.field('005',true)[0];
 999                     if (f) {
1000                         f.data = stamp;
1001                     } else {
1002                         $scope.record.insertOrderedFields(
1003                             new MARC21.Field({
1004                                 tag : '005',
1005                                 data: stamp
1006                             })
1007                         );
1008                     }
1009
1010                 }
1011
1012             }
1013         ]
1014     }
1015 })
1016
1017 .directive("egMarcEditBibsource", ['$timeout',function ($timeout) {
1018     return {
1019         restrict: 'E',
1020         replace: true,
1021         template: '<span class="nullable">'+
1022                     '<select class="form-control" ng-model="bib_source" ng-options="s.id() as s.source() for s in bib_sources">'+
1023                       '<option value="">Select a Source</option>'+
1024                     '</select>'+
1025                   '</span>',
1026         controller: ['$scope','egCore',
1027             function ($scope , egCore) {
1028
1029                 egCore.pcrud.retrieveAll('cbs', {}, {atomic : true})
1030                     .then(function(list) { $scope.bib_sources = list; });
1031
1032                 $scope.$watch('bib_source',
1033                     function(newVal, oldVal) {
1034                         if (newVal !== oldVal) {
1035                             $scope.bre.source(newVal);
1036                         }
1037                     }
1038                 );
1039
1040             }
1041         ]
1042     }
1043 }])
1044
1045 ;