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: '=', 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');
  18                 }
  19
  20                 $scope.setContent = function (v, a) {
  21                     var replace_with = v;
  22
  23                     if (a) {
  24                         replace_with = a(
  25                             $scope,
  26                             $element,
  27                             $scope.item.value,
  28                             $scope.$parent.$parent.content,
  29                             $scope.contextMenuEvent
  30                         );
  31                     }
  32
  33                     if (typeof replace_with !== 'undefined') {
  34                         $timeout(function(){
  35                             $scope.$parent.$parent.$apply(function(){
  36                                 $scope.$parent.$parent.content = replace_with
  37                             })
  38                         }, 0);
  39                     }
  40                     $($element).parent().css({display: 'none'});
  41                 }
  42             }
  43         ]
  44     }
  45 }])
  46
  47 .directive("egMarcEditEditable", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
  48     return {
  49         restrict: 'E',
  50         replace: true,
  51         template: '<input '+
  52                       'style="font-family: \'Lucida Console\', Monaco, monospace;" '+
  53                       'ng-model="content" '+
  54                       'size="{{content.length * 1.1}}" '+
  55                       'maxlength="{{max}}" '+
  56                       'class="" '+
  57                       'type="text" '+
  58                   '/>',
  59         scope: {
  60             field: '=',
  61             onKeydown: '=',
  62             subfield: '=',
  63             content: '=',
  64             contextItemContainer: '@',
  65             contextItemGenerator: '=',
  66             max: '@',
  67             itype: '@',
  68             selectOnFocus: '='
  69         },
  70         controller : ['$scope',
  71             function ( $scope ) {
  72
  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;
  77
  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
  85
  86                         var generator = $scope.item_generator;
  87                         if (!angular.isArray(generator)) generator = [generator];
  88
  89                         var is_first = true;
  90                         angular.forEach(generator, function (g) {
  91                             var sub_list = g();
  92
  93                             if (is_first)
  94                                 is_first = false;
  95                             else if (Boolean(sub_list[0]))
  96                                 sub_list[0].divider = true;
  97
  98                             $scope.item_list = $scope.item_list.concat(sub_list);
  99                         });
 100
 101                     } else {
 102                         return true;
 103                     }
 104
 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');
 108
 109                         $scope.contextMenuEvent = event;
 110                         var tmpl =
 111                             '<ul class="dropdown-menu scrollable-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"/>'+
 113                             '</ul>';
 114
 115                         var tnode = angular.element(tmpl);
 116                         $document.find('body').append(tnode);
 117
 118                         $(tnode).css({
 119                             display: 'block',
 120                             top: event.pageY,
 121                             left: event.pageX
 122                         });
 123
 124                         $timeout(function() {
 125                             var e = $compile(tnode)($scope);
 126                         }, 0);
 127
 128
 129                         $('body').on('click.context_menu',function() {
 130                             $(tnode).css('display','none');
 131                             $('body').off('click.context_menu');
 132                         });
 133
 134                         return false;
 135                     }
 136
 137                     return true;
 138                 }
 139
 140             }
 141         ],
 142         link: function (scope, element, attrs) {
 143
 144             if (scope.onKeydown) element.bind('keydown', {scope : scope}, scope.onKeydown);
 145
 146             if (Boolean(scope.selectOnFocus)) {
 147                 element.addClass('noSelection');
 148                 element.bind('focus', function () { element.select() });
 149             }
 150
 151             element.bind('change', function (e) { element.size = scope.max || parseInt(scope.content.length * 1.1) });
 152
 153             element.bind('contextmenu', {scope : scope}, scope.showContext);
 154         }
 155     }
 156 }])
 157
 158 .directive("egMarcEditFixedField", ['$timeout', '$compile', '$document', function ($timeout, $compile, $document) {
 159     return {
 160         transclude: true,
 161         restrict: 'E',
 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>'+
 165                   '</div>',
 166         scope: { record: "=", fixedField: "@" },
 167         replace: true,
 168         controller : ['$scope', '$element', 'egTagTable',
 169             function ( $scope ,  $element ,  egTagTable) {
 170                 $($element).children().css({ display : 'none' });
 171                 $scope.me = null;
 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;
 176
 177                 $scope.$watch('content', function (newVal, oldVal) {
 178                     var input = $($element).find('input');
 179                     input.val(newVal);
 180                     input.trigger('keyup'); // cascade the update
 181                 });
 182
 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();
 186
 187                         egTagTable.fetchFFPosTable( $scope.rtype ).then(function (ff_list) {
 188                             angular.forEach(ff_list, function (ff) {
 189                                 if (!$scope.me) {
 190                                     if (ff.fixed_field == $scope.fixedField && ff.rec_type == $scope.rtype) {
 191                                         $scope.me = ff;
 192                                         $scope.ready = true;
 193                                         $($element).children().css({ display : 'inline' });
 194
 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) {};
 202                                         });
 203                                     }
 204                                 }
 205                             });
 206                             return $scope.me;
 207                         }).then(function (me) {
 208                             if (me) {
 209                                 $scope.$watch(
 210                                     function() {
 211                                         return $scope.record.extractFixedField($scope.fixedField);
 212                                     },
 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);
 218                                         }
 219                                     }
 220                                 );
 221                             }
 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] });
 229                                     }
 230                                 });
 231                             }
 232                         }).then(function () {
 233                             if ($scope.item_container && $scope.item_container.length)
 234                                 $($element).bind('contextmenu', $scope.showContext);
 235                         });
 236
 237                     }
 238                 });
 239
 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');
 248                         });
 249                         return false;
 250                     }
 251
 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');
 255
 256                         var tmpl =
 257                             '<ul class="dropdown-menu scrollable-menu" role="menu" style="z-index: 2000;">'+
 258                                 '<eg-context-menu-item ng-repeat="item in item_container" item="item" content="content"/>'+
 259                             '</ul>';
 260
 261                         var tnode = angular.element(tmpl);
 262                         $document.find('body').append(tnode);
 263
 264                         $(tnode).css({
 265                             display: 'block',
 266                             top: event.pageY,
 267                             left: event.pageX
 268                         });
 269
 270                         $scope.context_menu_element = tnode;
 271
 272                         $timeout(function() {
 273                             var e = $compile(tnode)($scope);
 274                         }, 0);
 275
 276
 277                         $('body').on('click.context_menu',function() {
 278                             $(tnode).css('display','none');
 279                             $('body').off('click.context_menu');
 280                         });
 281
 282                         return false;
 283                     }
 284
 285                     return true;
 286                 }
 287
 288             }
 289         ]
 290     }
 291 }])
 292
 293 .directive("egMarcEditSubfield", function () {
 294     return {
 295         transclude: true,
 296         restrict: 'E',
 297         template: '<span>'+
 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 '+
 301                         'itype="sfc" '+
 302                         'select-on-focus="true" '+
 303                         'class="marcedit marcsf marcsfcode" '+
 304                         'field="field" '+
 305                         'subfield="subfield" '+
 306                         'content="subfield[0]" '+
 307                         'max="1" '+
 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" '+
 311                     '/></span>'+
 312                     '<span><eg-marc-edit-editable '+
 313                         'itype="sfv" '+
 314                         'class="marcedit marcsf marcsfvalue" '+
 315                         'field="field" '+
 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" '+
 321                     '/></span>'+
 322                   '</span>',
 323         scope: { field: "=", subfield: "=", onKeydown: '=' },
 324         replace: true,
 325         controller : ['$scope', 'egTagTable',
 326             function ( $scope ,  egTagTable) {
 327
 328                 $scope.sf_code_options = function () {
 329                     return egTagTable.getSubfieldCodes($scope.field.tag);
 330                 }
 331                 $scope.sf_val_options = function () {
 332                     return egTagTable.getSubfieldValues($scope.field.tag, $scope.subfield[0]);
 333                 }
 334             }
 335         ]
 336     }
 337 })
 338
 339 .directive("egMarcEditInd", function () {
 340     return {
 341         transclude: true,
 342         restrict: 'E',
 343         template: '<span><eg-marc-edit-editable '+
 344                       'itype="ind" '+
 345                       'class="marcedit marcind" '+
 346                       'select-on-focus="true" '+
 347                       'field="field" '+
 348                       'content="ind" '+
 349                       'max="1" '+
 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}}"'+
 353                       '/></span>',
 354         scope: { ind : '=', field: '=', onKeydown: '=', indNumber: '@' },
 355         replace: true,
 356         controller : ['$scope', 'egTagTable',
 357             function ( $scope ,  egTagTable) {
 358
 359                 $scope.ind_val_options = function () {
 360                     return egTagTable.getIndicatorValues($scope.field.tag, $scope.indNumber);
 361                 }
 362             }
 363         ]
 364     }
 365 })
 366
 367 .directive("egMarcEditTag", function () {
 368     return {
 369         transclude: true,
 370         restrict: 'E',
 371         template: '<span><eg-marc-edit-editable '+
 372                       'itype="tag" '+
 373                       'class="marcedit marctag" '+
 374                       'select-on-focus="true" '+
 375                       'field="field" '+
 376                       'content="tag" '+
 377                       'max="3" '+
 378                       'on-keydown="onKeydown" '+
 379                       'context-item-generator="tag_options" '+
 380                       'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}tag"'+
 381                       '/></span>',
 382         scope: { tag : '=', field: '=', onKeydown: '=', contextFunctions: '=' },
 383         replace: true,
 384         controller : ['$scope', 'egTagTable', 'egCore',
 385             function ( $scope ,  egTagTable,   egCore) {
 386
 387                 $scope.tag_options = [
 388                     function () {
 389                         var 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) } },
 393                         ];
 394
 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) } },
 399                             ]);
 400                         }
 401
 402                         options.push({ label : egCore.strings.DELETE_FIELD, action : function(j1,j2,j3,j4,e) { $scope.contextFunctions.deleteDatafield(e) } });
 403                         return options;
 404                     },
 405                     function () { return egTagTable.getFieldTags() }
 406                 ];
 407
 408             }
 409         ]
 410     }
 411 })
 412
 413 .directive("egMarcEditDatafield", function () {
 414     return {
 415         transclude: true,
 416         restrict: 'E',
 417         template: '<div>'+
 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, \'marcedit_stacked_subfield\' : stackSubfields.enabled }" 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
 423                     // translatibility
 424                     '<span  ng-class="{ \'marcedit_stacked_subfield\' : stackSubfields.enabled }">' +
 425                     '<button class="btn btn-info btn-xs" '+
 426                     'aria-label="Manage authority record links" '+
 427                     'ng-show="isAuthorityControlled(field)"'+
 428                     'ng-click="spawnAuthorityLinker()"'+
 429                     '>'+
 430                     '<span class="glyphicon glyphicon-link"></span>'+
 431                     '</button>'+
 432                     '<span ng-show="field.heading_checked && field.heading_valid" class="glyphicon glyphicon-ok-sign"></span>'+
 433                     '<span ng-show="field.heading_checked && !field.heading_valid" class="glyphicon glyphicon-question-sign"></span>'+
 434                     '</span>'+
 435                   '</div>',
 436         scope: { field: "=", onKeydown: '=', contextFunctions: '=' },
 437         replace: true,
 438         controller : ['$scope','$modal',
 439             function ( $scope,  $modal ) {
 440                 $scope.stackSubfields = $scope.$parent.$parent.stackSubfields;
 441                 $scope.isAuthorityControlled = function () {
 442                     return ($scope.$parent.$parent.record_type == 'bre') &&
 443                            $scope.$parent.$parent.controlSet.bibFieldByTag($scope.field.tag);
 444                 }
 445                 $scope.spawnAuthorityLinker = function() {
 446                     // intentionally making a clone in case
 447                     // user decides to abandon the linking
 448                     var fieldCopy = new MARC21.Field({
 449                         tag       : $scope.field.tag,
 450                         ind1      : $scope.field.ind1,
 451                         ind2      : $scope.field.ind2
 452                     });
 453                     angular.forEach($scope.field.subfields, function(sf) {
 454                         fieldCopy.subfields.push(sf.slice(0));
 455                     });
 456                     var cs = $scope.$parent.$parent.controlSet;
 457                     var args = { changed : false };
 458                     $modal.open({
 459                         templateUrl: './cat/share/t_authority_link_dialog',
 460                         size: 'lg',
 461                         controller: ['$scope', '$modalInstance', function($scope, $modalInstance) {
 462                             $scope.controlSet = cs;
 463                             $scope.bibField = fieldCopy;
 464                             $scope.focusMe = true;
 465                             $scope.args = args;
 466                             $scope.ok = function(args) { $modalInstance.close(args) };
 467                             $scope.cancel = function () { $modalInstance.dismiss() };
 468                         }]
 469                     }).result.then(function (args) {
 470                         if (args.changed) {
 471                             $scope.field.subfields.length = 0;
 472                             angular.forEach(fieldCopy.subfields, function(sf) {
 473                                 $scope.field.addSubfields(sf[0], sf[1]);
 474                             });
 475                         }
 476                     });
 477                 }
 478             }
 479         ]
 480     }
 481 })
 482
 483 .directive("egMarcEditControlfield", function () {
 484     return {
 485         transclude: true,
 486         restrict: 'E',
 487         template: '<div>'+
 488                     '<span><eg-marc-edit-tag context-functions="contextFunctions" field="field" tag="field.tag" on-keydown="onKeydown"/></span>'+
 489                     '<span><eg-marc-edit-editable '+
 490                       'itype="cfld" '+
 491                       'field="field" '+
 492                       'class="marcedit marcdata" '+
 493                       'content="field.data" '+
 494                       'on-keydown="onKeydown" '+
 495                       'id="r{{field.record.subfield(\'901\',\'c\')[1]}}f{{field.position}}data"'+
 496                       '/></span>'+
 497                       // TODO: move to TT2 template
 498                       '<button class="btn btn-info btn-xs" '+
 499                       'aria-label="Physical Characteristics Wizard" '+
 500                       'ng-show="showPhysCharLink()"'+
 501                       'ng-click="spawnPhysCharWizard()"'+
 502                       '>'+
 503                       '<span class="glyphicon glyphicon-link"></span>'+
 504                       '</button>'+
 505                   '</div>',
 506         scope: { field: "=", onKeydown: '=', contextFunctions: '=' },
 507         controller : ['$scope','$modal',
 508             function ( $scope,  $modal) {
 509                 $scope.showPhysCharLink = function () {
 510                     return ($scope.$parent.$parent.record_type == 'bre')
 511                         && $scope.field.tag == '007';
 512                 }
 513                 $scope.spawnPhysCharWizard = function() {
 514                     var args = {
 515                         changed : false,
 516                         field : $scope.field,
 517                         orig_value : $scope.field.data
 518                     };
 519                     $modal.open({
 520                         templateUrl: './cat/share/t_physchar_dialog',
 521                         controller: ['$scope','$modalInstance',
 522                             function( $scope , $modalInstance) {
 523                             $scope.focusMe = true;
 524                             $scope.args = args;
 525                             $scope.ok = function(args) { $modalInstance.close(args) };
 526                             $scope.cancel = function () {
 527                                 $modalInstance.dismiss();
 528                                 args.field.data = args.orig_value;
 529                             };
 530                         }],
 531                     }).result.then(function (args) {
 532                         // $scope.field.data is changed within the
 533                         // wizard.  Nothing left to do on submit.
 534                     });
 535
 536                 }
 537             }
 538         ]
 539     }
 540 })
 541
 542 .directive("egMarcEditLeader", function () {
 543     return {
 544         transclude: true,
 545         restrict: 'E',
 546         template: '<div>'+
 547                     '<span><eg-marc-edit-editable '+
 548                       'class="marcedit marctag" '+
 549                       'content="tag" '+
 550                       'on-keydown="onKeydown" '+
 551                       'id="leadertag" '+
 552                       'disabled="disabled"'+
 553                       '/></span>'+
 554                     '<span><eg-marc-edit-editable '+
 555                       'class="marcedit marcdata" '+
 556                       'itype="ldr" '+
 557                       'max="{{record.leader.length}}" '+
 558                       'content="record.leader" '+
 559                       'id="r{{record.subfield(\'901\',\'c\')[1]}}leaderdata" '+
 560                       'on-keydown="onKeydown"'+
 561                       '/></span>'+
 562                   '</div>',
 563         controller : ['$scope',
 564             function ( $scope ) {
 565                 $scope.tag = 'LDR';
 566             }
 567         ],
 568         scope: { record: "=", onKeydown: '=' }
 569     }
 570 })
 571
 572 /// TODO: fixed field editor and such
 573 .directive("egMarcEditRecord", function () {
 574     return {
 575         templateUrl : './cat/share/t_marcedit',
 576         restrict: 'E',
 577         replace: true,
 578         scope: {
 579             dirtyFlag : '=',
 580             recordId : '=',
 581             marcXml : '=',
 582             onSave : '=',
 583             // in-place mode means that the editor is being
 584             // used just to munge some MARCXML client-side, rather
 585             // than to (immediately) update the database
 586             inPlaceMode : '@',
 587             flatOnly : '@',
 588             embedded : '@',
 589             recordType : '@',
 590             maxUndo : '@',
 591             saveLabel : '@'
 592         },
 593         link: function (scope, element, attrs) {
 594
 595             element.bind('mouseup', function(e) {;
 596                 scope.current_event_target = $(e.target).attr('id');
 597                 if (scope.current_event_target && $(e.target).hasClass('noSelection')) {
 598                     e.preventDefault()
 599                     return false;
 600                 }
 601             });
 602
 603             element.bind('click', function(e) {;
 604                 scope.current_event_target = $(e.target).attr('id');
 605                 if (scope.current_event_target) {
 606                     console.log('Recording click event on ' + scope.current_event_target);
 607                     scope.current_event_target_cursor_pos =
 608                         e.target.selectionDirection=='backward' ?
 609                             e.target.selectionStart :
 610                             e.target.selectionEnd;
 611                 }
 612             });
 613
 614         },
 615         controller : ['$timeout','$scope','$q','$window','egCore', 'egTagTable',
 616             function ( $timeout , $scope , $q,  $window , egCore ,  egTagTable ) {
 617
 618
 619                 $scope.onSaveCallback = $scope.onSave;
 620                 if (typeof $scope.onSaveCallback !== 'undefined' && !angular.isArray($scope.onSaveCallback))
 621                     $scope.onSaveCallback = [ $scope.onSaveCallback ];
 622
 623                 MARC21.Record.delimiter = '$';
 624
 625                 $scope.enable_fast_add = false;
 626                 $scope.fast_item_callnumber = '';
 627                 $scope.fast_item_barcode = '';
 628                 $scope.flatEditor = $scope.flatOnly ? true : false;
 629                 $scope.brandNewRecord = false;
 630                 $scope.bib_source = null;
 631                 $scope.record_type = $scope.recordType || 'bre';
 632                 $scope.max_undo = $scope.maxUndo || 100;
 633                 $scope.record_undo_stack = [];
 634                 $scope.record_redo_stack = [];
 635                 $scope.in_undo = false;
 636                 $scope.in_redo = false;
 637                 $scope.record = new MARC21.Record();
 638                 $scope.save_stack_depth = 0;
 639                 $scope.controlfields = [];
 640                 $scope.datafields = [];
 641                 $scope.controlSet = egTagTable.getAuthorityControlSet();
 642                 $scope.stackSubfields = { enabled : false };
 643                 egCore.hatch.getItem('cat.marcedit.stack_subfields').then(function(val) {
 644                     $scope.stackSubfields.enabled = val;
 645                 });
 646                 $scope.$watch('stackSubfields.enabled', function (newVal, oldVal) {
 647                     if (newVal != oldVal) egCore.hatch.setItem('cat.marcedit.stack_subfields', newVal);
 648                 });
 649
 650                 egTagTable.loadTagTable({ marcRecordType : $scope.record_type });
 651
 652                 $scope.saveFlatTextMARC = function () {
 653                     $scope.record = new MARC21.Record({ marcbreaker : $scope.flat_text_marc });
 654                 };
 655
 656                 $scope.refreshVisual = function () {
 657                     if (!$scope.flatEditor) {
 658                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
 659                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
 660                     }
 661                 };
 662
 663                 var addDatafield = function (e,before) {
 664                     var element = $(e.target);
 665
 666                     var index_field = e.data.scope.field.position;
 667                     var new_field_index = index_field;
 668
 669                     var new_field = new MARC21.Field({
 670                         tag : '999',
 671                         subfields : [[' ','',0]]
 672                     });
 673
 674                     if (Boolean(before)) {
 675                         e.data.scope.field.record.insertFieldsBefore(
 676                             e.data.scope.field,
 677                             new_field
 678                         );
 679                     } else {
 680                         e.data.scope.field.record.insertFieldsAfter(
 681                             e.data.scope.field,
 682                             new_field
 683                         );
 684                         new_field_index++;
 685                     }
 686
 687                     $scope.current_event_target = 'r' + $scope.recordId +
 688                                                   'f' + new_field_index + 'tag';
 689
 690                     $scope.current_event_target_cursor_pos = 0;
 691                     $scope.current_event_target_cursor_pos_end = 3;
 692                     $scope.force_render = true;
 693
 694                     $timeout(function(){$scope.$digest()}).then(setCaret);
 695                 };
 696
 697                 var deleteDatafield = function (e) {
 698                     var del_field = e.data.scope.field.position;
 699
 700                     var sf901c = e.data.scope.field.record.subfield('901','c');
 701                     var recId = (sf901c === null) ? '' : sf901c[1];
 702                     var domnode = $('#r' + recId + 'f' + del_field);
 703
 704                     e.data.scope.field.record.deleteFields(
 705                         e.data.scope.field
 706                     );
 707
 708                     domnode.scope().$destroy();
 709                     domnode.remove();
 710
 711                     $scope.current_event_target = 'r' + $scope.recordId +
 712                                                   'f' + del_field + 'tag';
 713
 714                     $scope.current_event_target_cursor_pos = 0;
 715                     $scope.current_event_target_cursor_pos_end = 0
 716                     $scope.force_render = true;
 717
 718                     $timeout(function(){$scope.$digest()}).then(setCaret);
 719                 };
 720
 721                 var add006 = function (e) {
 722                     e.data.scope.field.record.insertOrderedFields(
 723                         new MARC21.Field({
 724                             tag : '006',
 725                             data : '                                        '
 726                         })
 727                     );
 728
 729                     $scope.force_render = true;
 730                     $timeout(function(){$scope.$digest()}).then(setCaret);
 731                 };
 732
 733                 var add007 = function (e) {
 734                     e.data.scope.field.record.insertOrderedFields(
 735                         new MARC21.Field({
 736                             tag : '007',
 737                             data : '                                        '
 738                         })
 739                     );
 740
 741                     $scope.force_render = true;
 742                     $timeout(function(){$scope.$digest()}).then(setCaret);
 743                 };
 744
 745                 var reify008 = function (e) {
 746                     var new_008_data = e.data.scope.field.record.generate008();
 747
 748
 749                     var old_008s = e.data.scope.field.record.field('008',true);
 750                     old_008s.forEach(function(o) {
 751                         var domnode = $('#r'+o.record.subfield('901','c')[1] + 'f' + o.position);
 752                         domnode.scope().$destroy();
 753                         domnode.remove();
 754                         e.data.scope.field.record.deleteFields(o);
 755                     });
 756
 757                     e.data.scope.field.record.insertOrderedFields(
 758                         new MARC21.Field({
 759                             tag : '008',
 760                             data : new_008_data
 761                         })
 762                     );
 763
 764                     $scope.force_render = true;
 765                     $timeout(function(){$scope.$digest()}).then(setCaret);
 766                 };
 767
 768                 $scope.context_functions = {
 769                     addDatafield : addDatafield,
 770                     deleteDatafield : deleteDatafield,
 771                     add006 : add006,
 772                     add007 : add007,
 773                     reify008 : reify008
 774                 };
 775
 776                 $scope.onKeydown = function (event) {
 777                     var event_return = true;
 778
 779                     console.log(
 780                         'keydown: which='+event.which+
 781                         ', ctrlKey='+event.ctrlKey+
 782                         ', shiftKey='+event.shiftKey+
 783                         ', altKey='+event.altKey+
 784                         ', metaKey='+event.altKey
 785                     );
 786
 787                     if (event.which == 89 && event.ctrlKey) { // ctrl+y, redo
 788                         event_return = $scope.processRedo();
 789                     } else if (event.which == 90 && event.ctrlKey) { // ctrl+z, undo
 790                         event_return = $scope.processUndo();
 791                     } else if ((event.which == 68 || event.which == 73) && event.ctrlKey) { // ctrl+d or ctrl+i, insert subfield
 792
 793                         var element = $(event.target);
 794                         var new_sf, index_sf, move_data;
 795
 796                         if (element.hasClass('marcsfvalue')) {
 797                             index_sf = event.data.scope.subfield[2];
 798                             new_sf = index_sf + 1;
 799
 800                             var start = event.target.selectionStart;
 801                             var end = event.target.selectionEnd - event.target.selectionStart ?
 802                                     event.target.selectionEnd :
 803                                     event.target.value.length;
 804
 805                             move_data = event.target.value.substring(start,end);
 806
 807                         } else if (element.hasClass('marcsfcode')) {
 808                             index_sf = event.data.scope.subfield[2];
 809                             new_sf = index_sf + 1;
 810                         } else if (element.hasClass('marctag') || element.hasClass('marcind')) {
 811                             index_sf = 0;
 812                             new_sf = index_sf;
 813                         }
 814
 815                         $scope.current_event_target = 'r' + $scope.recordId +
 816                                                       'f' + event.data.scope.field.position +
 817                                                       's' + new_sf + 'code';
 818
 819                         event.data.scope.field.subfields.forEach(function(sf) {
 820                             if (sf[2] >= new_sf) sf[2]++;
 821                             if (sf[2] == index_sf) sf[1] = event.target.value.substring(0,start) + event.target.value.substring(end);
 822                         });
 823                         event.data.scope.field.subfields.splice(
 824                             new_sf,
 825                             0,
 826                             [' ', move_data, new_sf ]
 827                         );
 828
 829                         $scope.current_event_target_cursor_pos = 0;
 830                         $scope.current_event_target_cursor_pos_end = 1;
 831
 832                         $timeout(function(){$scope.$digest()}).then(setCaret);
 833
 834                         event_return = false;
 835
 836                     } else if (event.which == 117 && event.shiftKey) { // shift + F6, insert 006
 837                         add006(event);
 838                         event_return = false;
 839
 840                     } else if (event.which == 118 && event.shiftKey) { // shift + F7, insert 007
 841                         add007(event);
 842                         event_return = false;
 843
 844                     } else if (event.which == 119 && event.shiftKey) { // shift + F8, insert/replace 008
 845                         reify008(event);
 846                         event_return = false;
 847
 848                     } else if (event.which == 13 && event.ctrlKey) { // ctrl+enter, insert datafield
 849                         addDatafield(event, event.shiftKey); // shift key inserts before
 850                         event_return = false;
 851
 852                     } else if (event.which == 46 && event.ctrlKey) { // ctrl+del, remove field
 853                         deleteDatafield(event);
 854                         event_return = false;
 855
 856                     } else if (event.which == 46 && event.shiftKey && $(event.target).hasClass('marcsf')) { // shift+del, remove subfield
 857
 858                         var sf = event.data.scope.subfield[2] - 1;
 859                         if (sf == -1) sf = 0;
 860
 861                         event.data.scope.field.deleteExactSubfields(
 862                             event.data.scope.subfield
 863                         );
 864
 865                         if (!event.data.scope.field.subfields[sf]) {
 866                             $scope.current_event_target = 'r' + $scope.recordId +
 867                                                           'f' + event.data.scope.field.position +
 868                                                           'tag';
 869                         } else {
 870                             $scope.current_event_target = 'r' + $scope.recordId +
 871                                                           'f' + event.data.scope.field.position +
 872                                                           's' + sf + 'value';
 873                         }
 874
 875                         $scope.current_event_target_cursor_pos = 0;
 876                         $scope.current_event_target_cursor_pos_end = 0;
 877                         $scope.force_render = true;
 878
 879                         $timeout(function(){$scope.$digest()}).then(setCaret);
 880
 881                         event_return = false;
 882
 883                     } else if (event.keyCode == 38) {
 884                         if (event.ctrlKey) { // copy the field up
 885                             var index_field = event.data.scope.field.position;
 886
 887                             var field_obj;
 888                             if (event.data.scope.field.isControlfield()) {
 889                                 field_obj = new MARC21.Field({
 890                                     tag : event.data.scope.field.tag,
 891                                     data : event.data.scope.field.data
 892                                 });
 893                             } else {
 894                                 var sf_clone = [];
 895                                 for (var i in event.data.scope.field.subfields) {
 896                                     sf_clone.push(event.data.scope.field.subfields[i].slice());
 897                                 }
 898                                 field_obj = new MARC21.Field({
 899                                     tag : event.data.scope.field.tag,
 900                                     ind1 : event.data.scope.field.ind1,
 901                                     ind2 : event.data.scope.field.ind2,
 902                                     subfields : sf_clone
 903                                 });
 904                             }
 905
 906
 907                             event.data.scope.field.record.insertFieldsBefore(
 908                                 event.data.scope.field,
 909                                 field_obj
 910                             );
 911
 912                             $scope.current_event_target = 'r' + $scope.recordId +
 913                                                           'f' + index_field + 'tag';
 914
 915                             $scope.current_event_target_cursor_pos = 0;
 916                             $scope.current_event_target_cursor_pos_end = 3;
 917                             $scope.force_render = true;
 918
 919                             $timeout(function(){$scope.$digest()}).then(setCaret);
 920
 921                         } else { // jump to prev field
 922                             if (event.data.scope.field.position > 0) {
 923                                 $timeout(function(){
 924                                     $scope.current_event_target_cursor_pos = 0;
 925                                     $scope.current_event_target_cursor_pos_end = 0;
 926                                     $scope.current_event_target = 'r' + $scope.recordId +
 927                                                                   'f' + (event.data.scope.field.position - 1) +
 928                                                                   'tag';
 929                                 }).then(setCaret);
 930                             }
 931                         }
 932
 933                         event_return = false;
 934
 935                     } else if (event.keyCode == 40) { // down arrow...
 936                         if (event.ctrlKey) { // copy the field down
 937
 938                             var index_field = event.data.scope.field.position;
 939                             var new_field = index_field + 1;
 940
 941                             var field_obj;
 942                             if (event.data.scope.field.isControlfield()) {
 943                                 field_obj = new MARC21.Field({
 944                                     tag : event.data.scope.field.tag,
 945                                     data : event.data.scope.field.data
 946                                 });
 947                             } else {
 948                                 var sf_clone = [];
 949                                 for (var i in event.data.scope.field.subfields) {
 950                                     sf_clone.push(event.data.scope.field.subfields[i].slice());
 951                                 }
 952                                 field_obj = new MARC21.Field({
 953                                     tag : event.data.scope.field.tag,
 954                                     ind1 : event.data.scope.field.ind1,
 955                                     ind2 : event.data.scope.field.ind2,
 956                                     subfields : sf_clone
 957                                 });
 958                             }
 959
 960                             event.data.scope.field.record.insertFieldsAfter(
 961                                 event.data.scope.field,
 962                                 field_obj
 963                             );
 964
 965                             $scope.current_event_target = 'r' + $scope.recordId +
 966                                                           'f' + new_field + 'tag';
 967
 968                             $scope.current_event_target_cursor_pos = 0;
 969                             $scope.current_event_target_cursor_pos_end = 3;
 970                             $scope.force_render = true;
 971
 972                             $timeout(function(){$scope.$digest()}).then(setCaret);
 973
 974                         } else { // jump to next field
 975                             if (event.data.scope.field.record.fields[event.data.scope.field.position + 1]) {
 976                                 $timeout(function(){
 977                                     $scope.current_event_target_cursor_pos = 0;
 978                                     $scope.current_event_target_cursor_pos_end = 0;
 979                                     $scope.current_event_target = 'r' + $scope.recordId +
 980                                                                   'f' + (event.data.scope.field.position + 1) +
 981                                                                   'tag';
 982                                 }).then(setCaret);
 983                             }
 984                         }
 985
 986                         event_return = false;
 987
 988                     } else { // Assumes only marc editor elements have IDs that can trigger this event handler.
 989                         $scope.current_event_target = $(event.target).attr('id');
 990                         if ($scope.current_event_target) {
 991                             $scope.current_event_target_cursor_pos =
 992                                 event.target.selectionDirection=='backward' ?
 993                                     event.target.selectionStart :
 994                                     event.target.selectionEnd;
 995                         }
 996                     }
 997
 998                     return event_return;
 999                 };
1000
1001                 function setCaret() {
1002                     if ($scope.current_event_target) {
1003                         console.log("Putting caret in " + $scope.current_event_target);
1004                         if (!$scope.current_event_target_cursor_pos_end)
1005                             $scope.current_event_target_cursor_pos_end = $scope.current_event_target_cursor_pos
1006
1007                         var element = $('#'+$scope.current_event_target).get(0);
1008                         if (element) {
1009                             element.focus();
1010                             if (element.setSelectionRange) {
1011                                 element.setSelectionRange(
1012                                     $scope.current_event_target_cursor_pos,
1013                                     $scope.current_event_target_cursor_pos_end
1014                                 );
1015                             }
1016                             $scope.current_event_cursor_pos_end = null;
1017                             $scope.current_event_target = null;
1018                         }
1019                     }
1020                 }
1021
1022                 function loadRecord() {
1023                     return (function() {
1024                         var deferred = $q.defer();
1025                         if ($scope.recordId) {
1026                             egCore.pcrud.retrieve(
1027                                 $scope.record_type, $scope.recordId
1028                             ).then(function(rec) {
1029                                 deferred.resolve(rec);
1030                             });
1031                         } else {
1032                             if ($scope.recordType == 'bre') {
1033                                 var bre = new egCore.idl.bre();
1034                                 bre.marc($scope.marcXml);
1035                                 deferred.resolve(bre);
1036                             } else if ($scope.recordType == 'are') {
1037                                 var are = new egCore.idl.are();
1038                                 are.marc($scope.marcXml);
1039                                 deferred.resolve(are);
1040                             }
1041                             $scope.brandNewRecord = true;
1042                         }
1043                         return deferred.promise;
1044                     })().then(function(rec) {
1045                         $scope.in_redo = true;
1046                         $scope[$scope.record_type] = rec;
1047                         $scope.record = new MARC21.Record({ marcxml : $scope.Record().marc() });
1048                         $scope.calculated_record_type = $scope.record.recordType();
1049                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1050                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1051                         $scope.save_stack_depth = $scope.record_undo_stack.length;
1052                         $scope.flat_text_marc = $scope.record.toBreaker();
1053
1054                         if ($scope.record_type == 'bre') {
1055                             $scope.bib_source = $scope.Record().source();
1056                         }
1057
1058                     }).then(function(){
1059                         return egTagTable.fetchFFPosTable($scope.calculated_record_type)
1060                     }).then(function(){
1061                         return egTagTable.fetchFFValueTable($scope.calculated_record_type)
1062                     }).then(setCaret);
1063                 }
1064
1065                 $scope.$watch('record.toBreaker()', function (newVal, oldVal) {
1066                     if (!$scope.in_undo && !$scope.in_redo && oldVal != newVal) {
1067                         $scope.record_undo_stack.push({
1068                             breaker: oldVal,
1069                             target: $scope.current_event_target,
1070                             pos: $scope.current_event_target_cursor_pos
1071                         });
1072
1073                         if ($scope.force_render) {
1074                             $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1075                             $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1076                             $scope.force_render = false;
1077                         }
1078
1079                         $scope.flat_text_marc = newVal;
1080                     }
1081
1082                     if ($scope.record_undo_stack.length != $scope.save_stack_depth) {
1083                         $scope.dirtyFlag = true;
1084                     } else {
1085                         $scope.dirtyFlag = false;
1086                     }
1087
1088                     if ($scope.record_undo_stack.length > $scope.max_undo)
1089                         $scope.record_undo_stack.shift();
1090
1091                     console.log('undo stack is ' + $scope.record_undo_stack.length + ' deep');
1092                     $scope.in_redo = false;
1093                     $scope.in_undo = false;
1094                 });
1095
1096                 $scope.processUndo = function () {
1097                     if ($scope.record_undo_stack.length) {
1098                         $scope.in_undo = true;
1099
1100                         var undo_item = $scope.record_undo_stack.pop();
1101                         $scope.record_redo_stack.push(undo_item);
1102
1103                         $scope.record = new MARC21.Record({ marcbreaker : undo_item.breaker });
1104                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1105                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1106
1107                         $scope.current_event_target = undo_item.target;
1108                         $scope.current_event_target_cursor_pos = undo_item.pos;
1109                         console.log('Undo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
1110
1111                         $timeout(function(){$scope.$digest()}).then(setCaret);
1112                         return false;
1113                     }
1114
1115                     return true;
1116                 };
1117
1118                 $scope.processRedo = function () {
1119                     if ($scope.record_redo_stack.length) {
1120                         $scope.in_redo = true;
1121
1122                         var redo_item = $scope.record_redo_stack.pop();
1123                         $scope.record_undo_stack.push(redo_item);
1124
1125                         $scope.record = new MARC21.Record({ marcbreaker : redo_item.breaker });
1126                         $scope.controlfields = $scope.record.fields.filter(function(f){ return f.isControlfield() });
1127                         $scope.datafields = $scope.record.fields.filter(function(f){ return !f.isControlfield() });
1128
1129                         $scope.current_event_target = redo_item.target;
1130                         $scope.current_event_target_cursor_pos = redo_item.pos;
1131                         console.log('Redo targeting ' + $scope.current_event_target + ' position ' + $scope.current_event_target_cursor_pos);
1132
1133                         $timeout(function(){$scope.$digest()}).then(setCaret);
1134                         return false;
1135                     }
1136
1137                     return true;
1138                 };
1139
1140                 $scope.Record = function () {
1141                     return $scope[$scope.record_type];
1142                 };
1143
1144                 $scope.deleteRecord = function () {
1145                     $scope.Record().deleted(true);
1146                     return $scope.saveRecord();
1147                 };
1148
1149                 $scope.undeleteRecord = function () {
1150                     $scope.Record().deleted(false);
1151                     return $scope.saveRecord();
1152                 };
1153
1154                 $scope.validateHeadings = function () {
1155                     if ($scope.record_type != 'bre') return;
1156                     var chain = $q.when();
1157                     angular.forEach($scope.record.fields, function(f) {
1158                         if (!$scope.controlSet.bibFieldByTag(f.tag)) return;
1159                         // if heading already has a $0, assume it's good
1160                         if (f.subfield('0', true).length) {
1161                             f.heading_checked = true;
1162                             f.heading_valid = true;
1163                             return;
1164                         }
1165                         var auth_match = $scope.controlSet.bibToAuthorities(f);
1166                         chain = chain.then(function() {
1167                             var promise = egCore.net.request(
1168                                 'open-ils.search',
1169                                 'open-ils.search.authority.simple_heading.from_xml.batch.atomic',
1170                                 auth_match[0]
1171                             ).then(function (matches) {
1172                                 f.heading_valid = false;
1173                                 if (matches[0]) { // probably set
1174                                     for (var cset in matches[0]) {
1175                                         var arr = matches[0][cset];
1176                                         if (arr.length) {
1177                                             // protect against errant empty string values
1178                                             if (arr.length == 1 && arr[0] == '')
1179                                                 continue;
1180                                             f.heading_valid = true;
1181                                             break;
1182                                         }
1183                                     }
1184                                 }
1185                                 f.heading_checked = true;
1186                             });
1187                             return promise;
1188                         });
1189                     });
1190                 }
1191
1192                 processOnSaveCallbacks = function() {
1193                     var deferred = $q.defer();
1194                     if (typeof $scope.onSaveCallback !== 'undefined') {
1195                         var promise = deferred.promise;
1196
1197                         angular.forEach($scope.onSaveCallback, function (f) {
1198                             if (angular.isFunction(f)) promise = promise.then(f);
1199                         });
1200
1201                     }
1202                     return deferred.resolve($scope.recordId)
1203                 };
1204
1205                 $scope.saveRecord = function () {
1206                     if ($scope.inPlaceMode) {
1207                         $scope.marcXml = $scope.record.toXmlString();
1208                         return processOnSaveCallbacks();
1209                     }
1210                     $scope.mangle_005();
1211                     $scope.Record().editor(egCore.auth.user().id());
1212                     $scope.Record().edit_date('now');
1213                     $scope.record.pruneEmptyFieldsAndSubfields();
1214                     $scope.Record().marc($scope.record.toXmlString());
1215                     if ($scope.recordId) {
1216                         return egCore.pcrud.update(
1217                             $scope.Record()
1218                         ).then(function() {
1219                             if ($scope.enable_fast_add) {
1220                                 egCore.net.request(
1221                                     'open-ils.actor',
1222                                     'open-ils.actor.anon_cache.set_value',
1223                                     null, 'edit-these-copies', {
1224                                         record_id: $scope.recordId,
1225                                         raw: [{
1226                                             label : $scope.fast_item_callnumber,
1227                                             barcode : $scope.fast_item_barcode,
1228                                             fast_add : true
1229                                         }],
1230                                         hide_vols : false,
1231                                         hide_copies : false
1232                                     }
1233                                 ).then(function(key) {
1234                                     if (key) {
1235                                         var url = egCore.env.basePath + 'cat/volcopy/' + key;
1236                                         $timeout(function() { $window.open(url, '_blank') });
1237                                     } else {
1238                                         alert('Could not create anonymous cache key!');
1239                                     }
1240                                 });
1241                             }
1242                         }).then(loadRecord).then(processOnSaveCallbacks);
1243                     } else {
1244                         $scope.Record().creator(egCore.auth.user().id());
1245                         $scope.Record().create_date('now');
1246                         return egCore.pcrud.create(
1247                             $scope.Record()
1248                         ).then(function(bre) {
1249                             $scope.recordId = bre.id();
1250                             if ($scope.enable_fast_add) {
1251                                 egCore.net.request(
1252                                     'open-ils.actor',
1253                                     'open-ils.actor.anon_cache.set_value',
1254                                     null, 'edit-these-copies', {
1255                                         record_id: $scope.recordId,
1256                                         raw: [{
1257                                             label : $scope.fast_item_callnumber,
1258                                             barcode : $scope.fast_item_barcode,
1259                                         }],
1260                                         hide_vols : false,
1261                                         hide_copies : false
1262                                     }
1263                                 ).then(function(key) {
1264                                     if (key) {
1265                                         var url = egCore.env.basePath + 'cat/volcopy/' + key;
1266                                         $timeout(function() { $window.open(url, '_blank') });
1267                                     } else {
1268                                         alert('Could not create anonymous cache key!');
1269                                     }
1270                                 });
1271                             }
1272                         }).then(loadRecord).then(processOnSaveCallbacks);
1273                     }
1274
1275
1276                 };
1277
1278                 $scope.seeBreaker = function () {
1279                     alert($scope.record.toBreaker());
1280                 };
1281
1282                 $scope.$watch('recordId',
1283                     function(newVal, oldVal) {
1284                         if (newVal && newVal !== oldVal) {
1285                             loadRecord();
1286                         }
1287                     }
1288                 );
1289                 $scope.$watch('marcXml',
1290                     function(newVal, oldVal) {
1291                         if (newVal && newVal !== oldVal) {
1292                             loadRecord();
1293                         }
1294                     }
1295                 );
1296
1297                 var unregister = $scope.$watch(function() {
1298                     return egTagTable.initialized();
1299                 }, function(val) {
1300                     if (val) {
1301                         unregister();
1302                         if ($scope.recordId || $scope.marcXml) {
1303                             loadRecord();
1304                         }
1305                     }
1306                 });
1307
1308                 $scope.mangle_005 = function () {
1309                     var now = new Date();
1310                     var y = now.getUTCFullYear();
1311
1312                     var m = now.getUTCMonth() + 1;
1313                     if (m < 10) m = '0' + m;
1314
1315                     var d = now.getUTCDate();
1316                     if (d < 10) d = '0' + d;
1317
1318                     var H = now.getUTCHours();
1319                     if (H < 10) H = '0' + H;
1320
1321                     var M = now.getUTCMinutes();
1322                     if (M < 10) M = '0' + M;
1323
1324                     var S = now.getUTCSeconds();
1325                     if (S < 10) S = '0' + S;
1326
1327                     var stamp = '' + y + m + d + H + M + S + '.0';
1328                     var f = $scope.record.field('005',true)[0];
1329                     if (f) {
1330                         f.data = stamp;
1331                     } else {
1332                         $scope.record.insertOrderedFields(
1333                             new MARC21.Field({
1334                                 tag : '005',
1335                                 data: stamp
1336                             })
1337                         );
1338                     }
1339
1340                 }
1341
1342             }
1343         ]
1344     }
1345 })
1346
1347 .directive("egMarcEditBibsource", ['$timeout',function ($timeout) {
1348     return {
1349         restrict: 'E',
1350         replace: true,
1351         template: '<span class="nullable">'+
1352                     '<select class="form-control" ng-model="bib_source" ng-options="s.id() as s.source() for s in bib_sources">'+
1353                       '<option value="">Select a Source</option>'+
1354                     '</select>'+
1355                   '</span>',
1356         controller: ['$scope','egCore',
1357             function ($scope , egCore) {
1358
1359                 egCore.pcrud.retrieveAll('cbs', {}, {atomic : true})
1360                     .then(function(list) { $scope.bib_sources = list; });
1361
1362                 $scope.$watch('bib_source',
1363                     function(newVal, oldVal) {
1364                         if (newVal !== oldVal) {
1365                             $scope.bre.source(newVal);
1366                         }
1367                     }
1368                 );
1369
1370             }
1371         ]
1372     }
1373 }])
1374
1375 .directive("egMarcEditAuthorityLinker", function () {
1376     return {
1377         restrict: 'E',
1378         replace: true,
1379         templateUrl: './cat/share/t_authority_linker',
1380         scope : {
1381             bibField : '=',
1382             controlSet : '=',
1383             changed : '='
1384         },
1385         controller: ['$scope','$modal','egCore','egAuth',
1386             function ($scope , $modal,  egCore,  egAuth) {
1387
1388                 $scope.searchStr = '';
1389                 var cni = egCore.env.aous['cat.marc_control_number_identifier'] ||
1390                   'Set cat.marc_control_number_identifier in Library Settings';
1391
1392                 var axis_list = $scope.controlSet.bibFieldBrowseAxes($scope.bibField.tag);
1393                 $scope.axis = axis_list[0];
1394
1395                 $scope._controlled_sf_list = {};
1396                 $scope._controlled_auth_sf_list = {};
1397                 var found_acs = [];
1398                 angular.forEach($scope.controlSet.controlSetList(), function(acs_id) {
1399                     if ($scope.controlSet.controlSet(acs_id).control_map[$scope.bibField.tag])
1400                         found_acs.push(acs_id);
1401                 });
1402                 if (found_acs.length) {
1403                      angular.forEach($scope.controlSet.controlSet(found_acs[0]).control_map[$scope.bibField.tag],
1404                         function(value, sf_label) {
1405                             $scope._controlled_sf_list[ sf_label ] = 1;
1406                             angular.forEach($scope.controlSet.controlSet(found_acs[0]).control_map[$scope.bibField.tag][sf_label],
1407                                 function(auth_sf, auth_tag) {
1408                                     if (!$scope._controlled_auth_sf_list[auth_tag]) {
1409                                         $scope._controlled_auth_sf_list[auth_tag] = { };
1410                                     }
1411                                     $scope._controlled_auth_sf_list[auth_tag][auth_sf] = 1;
1412                                 }
1413                             );
1414                         }
1415                     )
1416                 }
1417
1418                 $scope.bibField.subfields.forEach(function (sf) {
1419                     if (sf[0] in $scope._controlled_sf_list) {
1420                         sf.selected = true;
1421                         sf.selectable = true;
1422                     } else {
1423                         sf.selectable = false;
1424                     }
1425                 });
1426                 $scope.summarizeField = function() {
1427                     var source_f = {
1428                         'tag': $scope.bibField.tag,
1429                         'ind1': $scope.bibField.ind1,
1430                         'ind2': $scope.bibField.ind2,
1431                         'subfields': []
1432                     };
1433                     $scope.bibField.subfields.forEach(function(sf) {
1434                         if (sf.selected) {
1435                             source_f.subfields.push([ sf[0], sf[1] ]);
1436                         }
1437                     });
1438                     return source_f;
1439                 }
1440                 $scope.getSearchString = function() {
1441                     var source_f = $scope.summarizeField();
1442                     var values = [];
1443                     angular.forEach(source_f.subfields, function(val) {
1444                         values.push(val[1]);
1445                     });
1446                     return values.join(' ');
1447                 }
1448                 $scope.searchStr = $scope.getSearchString();
1449                 $scope.$watch(function() {
1450                     var ct = 0;
1451                     angular.forEach($scope.bibField.subfields, function(sf) {
1452                         if (sf.selected) ct++
1453                         });
1454                     return ct;
1455                 },
1456                 function(newVal, oldVal) {
1457                     $scope.searchStr = $scope.getSearchString();
1458                 });
1459
1460                 $scope.updateSubfieldZero = function(value) {
1461                     $scope.changed = true;
1462                     $scope.bibField.deleteSubfield({ code : ['0'] });
1463                     $scope.bibField.subfields.push([
1464                         '0', '(' + cni + ')' + value
1465                     ]);
1466                 };
1467
1468                 $scope.applyHeading = function(headingField) {
1469                     // TODO: move the MARC21 rules for copying indicators
1470                     // out of here
1471                     if (headingField.tag == '130' && $scope.bibField.tag == '130') {
1472                         $scope.bibField.ind1 = headingField.ind2;
1473                     } else {
1474                         $scope.bibField.ind1 = headingField.ind1;
1475                     }
1476                     // deal with 4xx and 5xx
1477                     var authFallbackTag = '1' + headingField.tag.substr(1, 2);
1478                     var _valid_auth_sfs = (headingField.tag in $scope._controlled_auth_sf_list) ?
1479                                           $scope._controlled_auth_sf_list[headingField.tag] :
1480                                           (authFallbackTag in $scope._controlled_auth_sf_list) ?
1481                                           $scope._controlled_auth_sf_list[authFallbackTag] :
1482                                           [];
1483                     // save the $0 for later use
1484                     var sfZero = '';
1485                     if (headingField.subfield('0')) {
1486                         sfZero = headingField.subfield('0')[1];
1487                     }
1488                     // grab any bib subfields not under authority control
1489                     // TODO do something about uncontrolled subdivisions
1490                     var uncontrolledBibSf = [];
1491                     angular.forEach($scope.bibField.subfields, function(sf) {
1492                         if (!(sf[0] in $scope._controlled_sf_list) && (sf[0] != '0')) {
1493                             uncontrolledBibSf.push([ sf[0], sf[1] ]);
1494                         }
1495                     });
1496                     // grab the authority subfields
1497                     var authoritySf = [];
1498                     angular.forEach(headingField.subfields, function(sf) {
1499                         if (sf[0] in _valid_auth_sfs) {
1500                             authoritySf.push([ sf[0], sf[1] ]);
1501                         }
1502                     });
1503                     $scope.bibField.subfields.length = 0;
1504                     angular.forEach(authoritySf, function(sf) {
1505                         $scope.bibField.addSubfields(sf[0], sf[1]);
1506                     });
1507                     angular.forEach(uncontrolledBibSf, function(sf) {
1508                         $scope.bibField.addSubfields(sf[0], sf[1]);
1509                     });
1510                     if (sfZero) {
1511                         $scope.bibField.addSubfields('0', sfZero);
1512                     }
1513                     $scope.bibField.subfields.forEach(function (sf) {
1514                     if (sf[0] in $scope._controlled_sf_list) {
1515                             // intentionally not selecting any subfields
1516                             // after we've applied an authority heading
1517                             sf.selected = false;
1518                             sf.selectable = true;
1519                         } else {
1520                             sf.selectable = false;
1521                         }
1522                     });
1523                     $scope.changed = true;
1524                 }
1525
1526                 $scope.createAuthorityFromBib = function(spawn_editor) {
1527                     var source_f = $scope.summarizeField();
1528
1529                     var args = { authority_id : 0 };
1530                     var method = (spawn_editor) ?
1531                         'open-ils.cat.authority.record.create_from_bib.readonly' :
1532                         'open-ils.cat.authority.record.create_from_bib';
1533                     egCore.net.request(
1534                         'open-ils.cat',
1535                         method,
1536                         source_f,
1537                         cni,
1538                         egAuth.token()
1539                     ).then(function(newAuthority) {
1540                         if (spawn_editor) {
1541                             $modal.open({
1542                                 templateUrl: './cat/share/t_edit_new_authority',
1543                                 size: 'lg',
1544                                 controller:
1545                                     ['$scope', '$modalInstance', function($scope, $modalInstance) {
1546                                     $scope.focusMe = true;
1547                                     $scope.args = args;
1548                                     $scope.dirty_flag = false;
1549                                     $scope.marc_xml = newAuthority,
1550                                     $scope.ok = function(args) { $modalInstance.close(args) }
1551                                     $scope.cancel = function () { $modalInstance.dismiss() }
1552                                 }]
1553                             }).result.then(function (args) {
1554                                 if (!args || !args.authority_id) return;
1555                                 $scope.updateSubfieldZero(args.authority_id);
1556                             });
1557                         } else {
1558                             $scope.updateSubfieldZero(newAuthority.id());
1559                         }
1560                     });
1561                 }
1562
1563             }
1564         ]
1565     }
1566 })
1567
1568 .directive("egPhyscharWizard", function () {
1569     return {
1570         restrict: 'E',
1571         replace: true,
1572         templateUrl: './cat/share/t_physchar_wizard',
1573         scope : {
1574             field : '='
1575         },
1576         controller: ['$scope','$q','egTagTable',
1577             function ($scope , $q , egTagTable) {
1578
1579                 // $scope.step is the 1-based position in the list of
1580                 // subfields for the currently selected type.
1581                 // step==0 means we are currently selecting the type
1582                 $scope.step = 0;
1583
1584                 if (!$scope.field.data)
1585                     $scope.field.data = '';
1586
1587                 // currently selected subfield value selector option
1588                 $scope.selected_option = null;
1589
1590                 function current_ptype() {
1591                     return $scope.field.data.substr(0, 1);
1592                 }
1593
1594                 function current_subfield() {
1595                     return egTagTable.getPhysCharSubfieldMap(current_ptype())
1596                     .then(function(sf_list) {return sf_list[$scope.step-1]});
1597                 }
1598
1599                 $scope.values_for_step = [];
1600                 function set_values_for_step() {
1601                     var promise;
1602
1603                     if ($scope.step == 0) {
1604                         promise = egTagTable.getPhysCharTypeMap();
1605                     } else {
1606                         promise = current_subfield().then(
1607                             function(subfield) {
1608                                 return egTagTable
1609                                     .getPhysCharValueMap(subfield.id());
1610                             }
1611                         );
1612                     }
1613
1614                     return promise.then(function(list) {
1615                         $scope.values_for_step = list;
1616                         set_selected_option_from_field();
1617                         set_label_for_step();
1618                     });
1619                 }
1620
1621                 $scope.change_ptype = function(option) {
1622                     $scope.selected_option = option;
1623                     var new_val = option.ptype_key();
1624                     if (current_ptype() != new_val) {
1625                         $scope.field.data = new_val; // total reset
1626                     }
1627                 }
1628
1629                 $scope.change_option = function(option) {
1630                     $scope.selected_option = option;
1631                     var new_val = option.value();
1632                     get_step_slot().then(function(slot) {
1633                         var value = $scope.field.data;
1634                         while (value.length < (slot[0] + slot[1]))
1635                             value += ' ';
1636                         var before = value.substr(0, slot[0]);
1637                         var after = value.substr(slot[0] + slot[1]);
1638                         $scope.field.data =
1639                             before + new_val.substr(0, slot[1]) + after;
1640                     });
1641                 }
1642
1643                 function get_step_slot() {
1644                     if ($scope.step == 0) return $q.when([0, 1]);
1645                     return current_subfield().then(function(sf) {
1646                         return [sf.start_pos(), sf.length()]
1647                     });
1648                 }
1649
1650                 $scope.is_last_step = function() {
1651                     // This one is called w/ every digest, so avoid async
1652                     // calls.  Wait until we have loaded the current ptype
1653                     // subfields to determine if this is the last step.
1654                     return (
1655                         current_ptype() &&
1656                         egTagTable.phys_char_sf_map[current_ptype()] &&
1657                         egTagTable.phys_char_sf_map[current_ptype()].length
1658                             == $scope.step
1659                     );
1660                 }
1661
1662                 $scope.label_for_step = '';
1663                 function set_label_for_step() {
1664                     if ($scope.step > 0) {
1665                         current_subfield().then(function(sf) {
1666                             $scope.label_for_step = sf.label();
1667                         });
1668                     }
1669                 }
1670
1671                 $scope.next_step = function() {
1672                     $scope.step++;
1673                     set_values_for_step();
1674                 }
1675
1676                 $scope.prev_step = function() {
1677                     $scope.step--;
1678                     set_values_for_step();
1679                 }
1680
1681                 function set_selected_option_from_field() {
1682                     if ($scope.step == 0) {
1683                         $scope.selected_option = $scope.values_for_step
1684                         .filter(function(opt) {
1685                             return (opt.ptype_key() == current_ptype())})[0];
1686                     } else {
1687                         get_step_slot().then(function(slot) {
1688                             var val = String.prototype.substr.apply(
1689                                 $scope.field.data, slot);
1690                             if (val) {
1691                                 $scope.selected_option = $scope.values_for_step
1692                                 .filter(function(opt) {
1693                                     return (opt.value() == val)})[0];
1694                             } else {
1695                                 $scope.selected_option = null;
1696                             }
1697                         })
1698                     }
1699                 }
1700                 set_values_for_step();
1701             }
1702         ]
1703     }
1704 })
1705
1706
1707 .directive("egMarcEditAuthorityBrowser", function () {
1708     return {
1709         restrict: 'E',
1710         replace: true,
1711         templateUrl: './cat/share/t_authority_browser',
1712         scope : {
1713             searchString : '=',
1714             controlSet : '=',
1715             axis : '=',
1716             applyHeading : '&'
1717         },
1718         controller: ['$scope','$http',
1719             function ($scope , $http) {
1720
1721                 $scope.page = 0;
1722                 $scope.limit = 5;
1723                 $scope.main_headings = [];
1724
1725                 function getHeadingString(headingField) {
1726                     var heading = '';
1727                     angular.forEach(headingField.subfields, function (sf) {
1728                         if (['x', 'y', 'z'].indexOf(sf[0]) > -1) {
1729                             heading += ' --';
1730                         }
1731                         if (heading) {
1732                             heading += ' ';
1733                         }
1734                         heading += sf[1];
1735                     });
1736                     return heading;
1737                 }
1738
1739                 $scope.doBrowse = function() {
1740                     $scope.main_headings.length = 0;
1741                     if ($scope.searchString.length == 0) return;
1742                     var type = 'authority.'
1743                     var url = '/opac/extras/browse/marcxml/'
1744                             + 'authority.' + $scope.axis + '.refs'
1745                             + '/1' // OU - currently unscoped
1746                             + '/' + $scope.searchString
1747                             + '/' + $scope.page
1748                             + '/' + $scope.limit;
1749                     $http({
1750                         url : url,
1751                         method : 'GET',
1752                         transformResponse : function(data) {
1753                             // use a bit of jQuery to deal with the XML
1754                             var $xml = $( $.parseXML(data) );
1755                             var marc = [];
1756                             $xml.find('record').each(function() {
1757                                 var rec = new MARC21.Record();
1758                                 rec.fromXmlDocument($(this)[0].outerHTML);
1759                                 marc.push(rec);
1760                             });
1761                             return marc;
1762                         }
1763                     }).then(function(response) {
1764                         angular.forEach(response.data, function(rec) {
1765                             var authId = rec.subfield('901', 'c')[1];
1766                             var auth_org = '';
1767                             if (rec.field('003')) {
1768                                 auth_org = rec.field('003').data;
1769                             }
1770                             var headingField = rec.field('1..');
1771                             var seeFroms = rec.field('4..', true);
1772                             var seeAlsos = rec.field('5..', true);
1773
1774                             var main_heading = {
1775                                 authority_id : authId,
1776                                 heading : getHeadingString(headingField),
1777                                 seealso_headings : [ ],
1778                                 seefrom_headings : [ ],
1779                             };
1780
1781                             var sfZero = '';
1782                             if (auth_org) {
1783                                 sfZero = '(' + auth_org + ')';
1784                             }
1785                             sfZero += authId;
1786                             headingField.addSubfields('0', sfZero);
1787
1788                             main_heading['headingField'] = headingField;
1789                             angular.forEach(seeAlsos, function(headingField) {
1790                                 main_heading.seealso_headings.push({
1791                                     heading : getHeadingString(headingField),
1792                                     headingField : headingField
1793                                 });
1794                             });
1795                             angular.forEach(seeFroms, function(headingField) {
1796                                 main_heading.seefrom_headings.push({
1797                                     heading : getHeadingString(headingField),
1798                                     headingField : headingField
1799                                 });
1800                             });
1801                             $scope.main_headings.push(main_heading);
1802                         });
1803                     });
1804                 }
1805
1806                 $scope.$watch('searchString',
1807                     function(newVal, oldVal) {
1808                         if (newVal !== oldVal) {
1809                             $scope.doBrowse();
1810                         }
1811                     }
1812                 );
1813                 $scope.$watch('page',
1814                     function(newVal, oldVal) {
1815                         if (newVal !== oldVal) {
1816                             $scope.doBrowse();
1817                         }
1818                     }
1819                 );
1820
1821                 $scope.doBrowse();
1822             }
1823         ]
1824     }
1825 })
1826
1827 ;