LP#1787479: Custom label printing toolbox
[working/Evergreen.git] / Open-ILS / web / js / ui / default / staff / cat / printlabels / app.js
1 /**
2  * Vol/Copy Editor
3  */
4
5 angular.module('egPrintLabels',
6     ['ngRoute', 'ui.bootstrap', 'egCoreMod', 'egUiMod', 'egGridMod'])
7
8 .config(function ($routeProvider, $locationProvider, $compileProvider) {
9     $locationProvider.html5Mode(true);
10     $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|mailto|blob):/); // grid export
11
12     var resolver = {
13         delay: ['egStartup', function (egStartup) { return egStartup.go(); }]
14     };
15
16     $routeProvider.when('/cat/printlabels/:dataKey', {
17         templateUrl: './cat/printlabels/t_view',
18         controller: 'LabelCtrl',
19         resolve: resolver
20     });
21
22 })
23
24 .factory('itemSvc',
25        ['egCore',
26 function (egCore) {
27
28     var service = {
29         copies: [], // copy barcode search results
30         index: 0 // search grid index
31     };
32
33     service.flesh = {
34         flesh: 3,
35         flesh_fields: {
36             acp: ['call_number', 'location', 'status', 'location', 'floating', 'circ_modifier', 'age_protect'],
37             acn: ['record', 'prefix', 'suffix'],
38             bre: ['simple_record', 'creator', 'editor']
39         },
40         select: {
41             // avoid fleshing MARC on the bre
42             // note: don't add simple_record.. not sure why
43             bre: ['id', 'tcn_value', 'creator', 'editor'],
44         }
45     }
46
47     // resolved with the last received copy
48     service.fetch = function (barcode, id, noListDupes) {
49         var promise;
50
51         if (barcode) {
52             promise = egCore.pcrud.search('acp',
53                 { barcode: barcode, deleted: 'f' }, service.flesh);
54         } else {
55             promise = egCore.pcrud.retrieve('acp', id, service.flesh);
56         }
57
58         var lastRes;
59         return promise.then(
60             function () { return lastRes },
61             null, // error
62
63             // notify reads the stream of copies, one at a time.
64             function (copy) {
65
66                 var flatCopy;
67                 if (noListDupes) {
68                     // use the existing copy if possible
69                     flatCopy = service.copies.filter(
70                         function (c) { return c.id == copy.id() })[0];
71                 }
72
73                 if (!flatCopy) {
74                     flatCopy = egCore.idl.toHash(copy, true);
75                     flatCopy.index = service.index++;
76                     service.copies.unshift(flatCopy);
77                 }
78
79                 return lastRes = {
80                     copy: copy,
81                     index: flatCopy.index
82                 }
83             }
84         );
85     }
86
87     return service;
88 }])
89
90 /**
91  * Label controller!
92  */
93 .controller('LabelCtrl',
94        ['$scope', '$q', '$window', '$routeParams', '$location', '$timeout', 'egCore', 'egNet', 'ngToast', 'itemSvc', 'labelOutputRowsFilter',
95 function ($scope, $q, $window, $routeParams, $location, $timeout, egCore, egNet, ngToast, itemSvc, labelOutputRowsFilter) {
96
97     var dataKey = $routeParams.dataKey;
98     console.debug('dataKey: ' + dataKey);
99
100     $scope.print = {
101         template_name: 'item_label',
102         template_output: '',
103         template_context: 'default'
104     };
105
106     var toolbox_settings = {
107         feed_option: {
108             options: [
109                 { label: "Continuous", value: "continuous" },
110                 { label: "Sheet", value: "sheet" },
111             ],
112             selected: "continuous"
113         },
114         label_set: {
115             margin_between: 0,
116             size: 1
117         },
118         mode: {
119             options: [
120                 { label: "Label 1 Only", value: "spine-only" },
121                 { label: "Labels 1 & 2", value: "spine-pocket" }
122             ],
123             selected: "spine-pocket"
124         },
125         page: {
126             column_class: ["spine"],
127             dimensions: {
128                 columns: 2,
129                 rows: 1
130             },
131             label: {
132                 gap: {
133                     size: 0
134                 },
135                 set: {
136                     size: 2
137                 }
138             },
139             margins: {
140                 top: { size: 0, label: "Top" },
141                 left: { size: 0, label: "Left" },
142             },
143             space_between_labels: {
144                 horizontal: { size: 0, label: "Horizontal" },
145                 vertical: { size: 0, label: "Vertical" }
146             },
147             start_position: {
148                 column: 1,
149                 row: 1
150             }
151         }
152     };
153
154     if (dataKey && dataKey.length > 0) {
155
156         egNet.request(
157             'open-ils.actor',
158             'open-ils.actor.anon_cache.get_value',
159             dataKey, 'print-labels-these-copies'
160         ).then(function (data) {
161
162             if (data) {
163
164                 $scope.preview_scope = {
165                     'copies': []
166                     , 'settings': {}
167                     , 'toolbox_settings': toolbox_settings
168                     , 'get_cn_for': function (copy) {
169                         var key = $scope.rendered_cn_key_by_copy_id[copy.id];
170                         if (key) {
171                             var manual_cn = $scope.rendered_call_number_set[key];
172                             if (manual_cn && manual_cn.value) {
173                                 return manual_cn.value;
174                             } else {
175                                 return '..';
176                             }
177                         } else {
178                             return '...';
179                         }
180                     }
181                     , 'get_bib_for': function (copy) {
182                         return $scope.record_details[copy['call_number.record.id']];
183                     }
184                     , 'get_cn_prefix': function (copy) {
185                         return copy['call_number.prefix.label'];
186                     }
187                     , 'get_cn_suffix': function (copy) {
188                         return copy['call_number.suffix.label'];
189                     }
190                     , 'get_location_prefix': function (copy) {
191                         return copy['location.label_prefix'];
192                     }
193                     , 'get_location_suffix': function (copy) {
194                         return copy['location.label_suffix'];
195                     }
196                     , 'get_cn_and_location_prefix': function (copy, separator) {
197                         var acpl_prefix = copy['location.label_prefix'] || '';
198                         var cn_prefix = copy['call_number.prefix.label'] || '';
199                         var prefix = acpl_prefix + ' ' + cn_prefix;
200                         prefix = prefix.trim();
201                         if (separator && prefix != '') { prefix += separator; }
202                         return prefix;
203                     }
204                     , 'get_cn_and_location_suffix': function (copy, separator) {
205                         var acpl_suffix = copy['location.label_suffix'] || '';
206                         var cn_suffix = copy['call_number.suffix.label'] || '';
207                         var suffix = cn_suffix + ' ' + acpl_suffix;
208                         suffix = suffix.trim();
209                         if (separator && suffix != '') { suffix = separator + suffix; }
210                         return suffix;
211                     }
212                     , 'valid_print_label_start_column': function () {
213                         return !angular.isNumber(toolbox_settings.page.dimensions.columns) || !angular.isNumber(toolbox_settings.page.start_position.column) ? false : (toolbox_settings.page.start_position.column <= toolbox_settings.page.dimensions.columns);
214                     }
215                     , 'valid_print_label_start_row': function () {
216                         return !angular.isNumber(toolbox_settings.page.dimensions.rows) || !angular.isNumber(toolbox_settings.page.start_position.row) ? false : (toolbox_settings.page.start_position.row <= toolbox_settings.page.dimensions.rows);
217                     }
218                 };
219                 $scope.record_details = {};
220                 $scope.org_unit_settings = {};
221
222                 var promises = [];
223                 $scope.org_unit_setting_list = [
224                      'webstaff.cat.label.font.family'
225                     , 'webstaff.cat.label.font.size'
226                     , 'webstaff.cat.label.font.weight'
227                     , 'webstaff.cat.label.inline_css'
228                     , 'webstaff.cat.label.left_label.height'
229                     , 'webstaff.cat.label.left_label.left_margin'
230                     , 'webstaff.cat.label.left_label.width'
231                     , 'webstaff.cat.label.right_label.height'
232                     , 'webstaff.cat.label.right_label.left_margin'
233                     , 'webstaff.cat.label.right_label.width'
234                     , 'webstaff.cat.label.call_number_wrap_filter_height'
235                     , 'webstaff.cat.label.call_number_wrap_filter_width'
236                 ];
237
238                 promises.push(
239                     egCore.pcrud.search('coust', { name: $scope.org_unit_setting_list }).then(
240                          null
241                         , null
242                         , function (yaous) {
243                             $scope.org_unit_settings[yaous.name()] = egCore.idl.toHash(yaous, true);
244                         }
245                     )
246                 );
247
248                 promises.push(
249                     egCore.org.settings($scope.org_unit_setting_list).then(function (res) {
250                         $scope.preview_scope.settings = res;
251                         egCore.hatch.getItem('cat.printlabels.last_settings').then(function (last_settings) {
252                             if (last_settings) {
253                                 for (s in last_settings) {
254                                     $scope.preview_scope.settings[s] = last_settings[s];
255                                 }
256                             }
257                         });
258                     })
259                 );
260
261                 angular.forEach(data.copies, function (copy) {
262                     promises.push(
263                         itemSvc.fetch(null, copy).then(function (res) {
264                             var flat_copy = egCore.idl.toHash(res.copy, true);
265                             $scope.preview_scope.copies.push(flat_copy);
266                             $scope.record_details[flat_copy['call_number.record.id']] = 1;
267                         })
268                     )
269                 });
270
271                 $q.all(promises).then(function () {
272
273                     var promises2 = [];
274                     angular.forEach($scope.record_details, function (el, k, obj) {
275                         promises2.push(
276                             egNet.request(
277                                 'open-ils.search',
278                                 'open-ils.search.biblio.record.mods_slim.retrieve.authoritative',
279                                 k
280                             ).then(function (data) {
281                                 obj[k] = egCore.idl.toHash(data, true);
282                             })
283                         );
284                     });
285
286                     $q.all(promises2).then(function () {
287                         // today, staff, current_location, etc.
288                         egCore.print.fleshPrintScope($scope.preview_scope);
289                         $scope.template_changed(); // load the default
290                         $scope.rebuild_cn_set();
291                     });
292
293                 });
294             } else {
295                 ngToast.danger(egCore.strings.KEY_EXPIRED);
296             }
297
298         });
299
300     }
301
302     $scope.fetchTemplates = function (set_default) {
303         return egCore.hatch.getItem('cat.printlabels.templates').then(function (t) {
304             if (t) {
305                 $scope.templates = t;
306                 $scope.template_name_list = Object.keys(t);
307                 if (set_default) {
308                     egCore.hatch.getItem('cat.printlabels.default_template').then(function (d) {
309                         if ($scope.template_name_list.indexOf(d, 0) > -1) {
310                             $scope.template_name = d;
311                         }
312                     });
313                 }
314             }
315         });
316     }
317     $scope.fetchTemplates(true);
318
319     $scope.applyTemplate = function (n) {
320         $scope.print.cn_template_content = $scope.templates[n].cn_content;
321         $scope.print.template_content = $scope.templates[n].content;
322         $scope.print.template_context = $scope.templates[n].context;
323         for (var s in $scope.templates[n].settings) {
324             $scope.preview_scope.settings[s] = $scope.templates[n].settings[s];
325         }
326         if ($scope.templates[n].toolbox_settings) {
327             $scope.preview_scope.toolbox_settings = $scope.templates[n].toolbox_settings;
328             $scope.create_print_label_table();
329         }
330         egCore.hatch.setItem('cat.printlabels.default_template', n);
331         $scope.save_locally();
332     }
333
334     $scope.deleteTemplate = function (n) {
335         if (n) {
336             delete $scope.templates[n]
337             $scope.template_name_list = Object.keys($scope.templates);
338             $scope.template_name = '';
339             egCore.hatch.setItem('cat.printlabels.templates', $scope.templates);
340             $scope.fetchTemplates();
341             ngToast.create(egCore.strings.PRINT_LABEL_TEMPLATE_SUCCESS_DELETE);
342             egCore.hatch.getItem('cat.printlabels.default_template').then(function (d) {
343                 if (d && d == n) {
344                     egCore.hatch.removeItem('cat.printlabels.default_template');
345                 }
346             });
347         }
348     }
349
350     $scope.saveTemplate = function (n) {
351         if (n) {
352
353             $scope.templates[n] = {
354                 content: $scope.print.template_content
355                 , context: $scope.print.template_context
356                 , cn_content: $scope.print.cn_template_content
357                 , settings: $scope.preview_scope.settings
358                 , toolbox_settings: $scope.preview_scope.toolbox_settings
359             };
360             $scope.template_name_list = Object.keys($scope.templates);
361
362             egCore.hatch.setItem('cat.printlabels.templates', $scope.templates);
363             $scope.fetchTemplates();
364
365             $scope.dirty = false;
366         } else {
367             // save all templates, as we might do after an import
368             egCore.hatch.setItem('cat.printlabels.templates', $scope.templates);
369             $scope.fetchTemplates();
370         }
371         ngToast.create(egCore.strings.PRINT_LABEL_TEMPLATE_SUCCESS_SAVE);
372     }
373
374     $scope.templates = {};
375     $scope.imported_templates = { data: '' };
376     $scope.template_name = '';
377     $scope.template_name_list = [];
378
379     $scope.print_labels = function () {
380         return egCore.print.print({
381             context: $scope.print.template_context,
382             template: $scope.print.template_name,
383             scope: $scope.preview_scope,
384         });
385     }
386
387     $scope.template_changed = function () {
388         $scope.print.load_failed = false;
389         egCore.print.getPrintTemplate('item_label')
390         .then(
391             function (html) {
392                 $scope.print.template_content = html;
393             },
394             function () {
395                 $scope.print.template_content = '';
396                 $scope.print.load_failed = true;
397             }
398         );
399         egCore.print.getPrintTemplateContext('item_label')
400         .then(function (template_context) {
401             $scope.print.template_context = template_context;
402         });
403         egCore.print.getPrintTemplate('item_label_cn')
404         .then(
405             function (html) {
406                 $scope.print.cn_template_content = html;
407             },
408             function () {
409                 $scope.print.cn_template_content = '';
410                 $scope.print.load_failed = true;
411             }
412         );
413         egCore.hatch.getItem('cat.printlabels.last_settings').then(function (s) {
414             if (s) {
415                 $scope.preview_scope.settings = s;
416             }
417         });
418     }
419
420     $scope.reset_to_default = function () {
421         egCore.print.removePrintTemplate(
422             'item_label'
423         );
424         egCore.print.removePrintTemplateContext(
425             'item_label'
426         );
427         egCore.print.removePrintTemplate(
428             'item_label_cn'
429         );
430         egCore.hatch.removeItem('cat.printlabels.last_settings');
431         for (s in $scope.preview_scope.settings) {
432             $scope.preview_scope.settings[s] = undefined;
433         }
434         $scope.preview_scope.settings = {};
435         egCore.org.settings($scope.org_unit_setting_list).then(function (res) {
436             $scope.preview_scope.settings = res;
437         });
438
439         $scope.template_changed();
440     }
441
442     $scope.save_locally = function () {
443         egCore.print.storePrintTemplate(
444             'item_label',
445             $scope.print.template_content
446         );
447         egCore.print.storePrintTemplateContext(
448             'item_label',
449             $scope.print.template_context
450         );
451         egCore.print.storePrintTemplate(
452             'item_label_cn',
453             $scope.print.cn_template_content
454         );
455         egCore.hatch.setItem('cat.printlabels.last_settings', $scope.preview_scope.settings);
456     }
457
458     $scope.imported_print_templates = { data: '' };
459     $scope.$watch('imported_templates.data', function (newVal, oldVal) {
460         if (newVal && newVal != oldVal) {
461             try {
462                 var data = JSON.parse(newVal);
463                 angular.forEach(data, function (el, k) {
464                     $scope.templates[k] = {
465                         content: el.content
466                         , context: el.context
467                         , cn_content: el.cn_content
468                         , settings: el.settings
469                         , toolbox_settings: el.toolbox_settings
470                     };
471                 });
472                 $scope.saveTemplate();
473                 $scope.template_changed(); // refresh
474                 ngToast.create(egCore.strings.PRINT_TEMPLATES_SUCCESS_IMPORT);
475             } catch (E) {
476                 ngToast.warning(egCore.strings.PRINT_TEMPLATES_FAIL_IMPORT);
477             }
478         }
479     });
480
481     $scope.rendered_call_number_set = {};
482     $scope.rendered_cn_key_by_copy_id = {};
483     $scope.rebuild_cn_set = function () {
484         $timeout(function () {
485             $scope.rendered_call_number_set = {};
486             $scope.rendered_cn_key_by_copy_id = {};
487             for (var i = 0; i < $scope.preview_scope.copies.length; i++) {
488                 var copy = $scope.preview_scope.copies[i];
489                 var rendered_cn = document.getElementById('cn_for_copy_' + copy.id);
490                 if (rendered_cn && rendered_cn.textContent) {
491                     var key = rendered_cn.textContent;
492                     if (typeof $scope.rendered_call_number_set[key] == 'undefined') {
493                         $scope.rendered_call_number_set[key] = {
494                             value: key
495                         };
496                     }
497                     $scope.rendered_cn_key_by_copy_id[copy.id] = key;
498                 }
499             }
500             $scope.preview_scope.tickle = Date() + ' ' + Math.random();
501         });
502     }
503
504     $scope.create_print_label_table = function () {
505         if ($scope.print_label_form.$valid && $scope.print.template_content && $scope.preview_scope) {
506             $scope.preview_scope.label_output_copies = labelOutputRowsFilter($scope.preview_scope.copies, $scope.preview_scope.toolbox_settings);
507             var html = $scope.print.template_content;
508             var d = new Date(); //Added to table ID with 'eg_plt_' to cause $complie on $scope.print.template_content to fire due to template content change.
509             var table = "<table id=\"eg_plt_" + d.getTime().toString() + "_{{$index}}\" eg-print-label-table style=\"border-collapse: collapse; border: 0 solid transparent; border-spacing: 0; margin: {{$index === 0 ?toolbox_settings.page.margins.top.size : 0}} 0 0 0;\" class=\"custom-label-table{{$index % toolbox_settings.page.dimensions.rows === 0 && $index > 0 && toolbox_settings.feed_option.selected === 'sheet' ? ' page-break' : ''}}\" ng-init=\"parentIndex = $index\" ng-repeat=\"row in label_output_copies\">\n";
510             table += "<tr>\n";
511             table += "<td style=\"border: 0 solid transparent; padding: {{parentIndex % toolbox_settings.page.dimensions.rows === 0 && toolbox_settings.feed_option.selected === 'sheet' && parentIndex > 0 ? toolbox_settings.page.space_between_labels.vertical.size : parentIndex > 0 ? toolbox_settings.page.space_between_labels.vertical.size : 0}} 0 0 {{$index === 0 ? toolbox_settings.page.margins.left.size : col.styl ? col.styl : toolbox_settings.page.space_between_labels.horizontal.size}};\" ng-repeat=\"col in row.columns\">\n";
512             table += "<pre class=\"{{col.cls}}\" style=\"border: none; margin-bottom: 0; margin-top: 0; overflow: hidden;\" ng-if=\"col.cls === 'spine'\">\n";
513             table += "{{col.c ? get_cn_for(col.c) : ''}}";
514             table += "</pre>\n";
515             table += "<pre class=\"{{col.cls}}{{parentIndex % toolbox_settings.page.dimensions.rows === 0 && parentIndex > 0 && toolbox_settings.feed_option.selected === 'sheet' ? ' page-break' : ''}}\" style=\"border: none;  margin-bottom: 0; margin-top: 0; overflow: hidden;\" ng-if=\"col.cls === 'pocket'\">\n";
516             table += "{{col.c ? col.c.barcode : ''}}\n";
517             table += "{{col.c ? col.c['call_number.label'] : ''}}\n";
518             table += "{{col.c ? get_bib_for(col.c).author : ''}}\n";
519             table += "{{col.c ? (get_bib_for(col.c).title | wrap:28:'once':'  ') : ''}}\n";
520             table += "</pre>\n";
521             table += "</td>\n"
522             table += "</tr>\n";
523             table += "</table>";
524             var comments = html.match(/\<\!\-\-(?:(?!\-\-\>)(?:.|\s))*\-\-\>\s*/g);
525             html = html.replace(/\<\!\-\-(?:(?!\-\-\>)(?:.|\s))*\-\-\>\s*/g, "");
526             var style = html.match(/\<style[^\>]*\>(?:(?!\<\/style\>)(?:.|\s))*\<\/style\>\s*/gi);
527             var output = (style ? style.join("\n") : "") + (comments ? comments.join("\n") : "") + table;
528             output = output.replace(/\n+/, "\n");
529             $scope.print.template_content = output;
530         }
531     }
532
533     $scope.redraw_label_table = function () {
534         var d = new Date(); //Added to table ID with 'eg_plt_' to cause $complie on $scope.print.template_content to fire due to template content change.
535         var table = "<table id=\"eg_plt_" + d.getTime().toString() + "\"\></table>\n";
536         $scope.print.template_content += table;
537         $scope.create_print_label_table();
538     }
539
540     $scope.$watch('preview_scope.toolbox_settings.page.dimensions.columns',
541         function (newVal, oldVal) {
542             if (newVal && newVal != oldVal && $scope.preview_scope) {
543                 $scope.redraw_label_table();
544             }
545         }
546     );
547
548     $scope.$watch('print.cn_template_content', function (newVal, oldVal) {
549         if (newVal && newVal != oldVal) {
550             $scope.rebuild_cn_set();
551         }
552     });
553
554     $scope.$watch("preview_scope.settings['webstaff.cat.label.call_number_wrap_filter_height']", function (newVal, oldVal) {
555         if (newVal && newVal != oldVal) {
556             $scope.rebuild_cn_set();
557         }
558     });
559
560     $scope.$watch("preview_scope.settings['webstaff.cat.label.call_number_wrap_filter_width']", function (newVal, oldVal) {
561         if (newVal && newVal != oldVal) {
562             $scope.rebuild_cn_set();
563         }
564     });
565
566     $scope.$watchGroup(['preview_scope.toolbox_settings.page.margins.top.size', 'preview_scope.toolbox_settings.page.margins.left.size', 'preview_scope.toolbox_settings.page.dimensions.rows', 'preview_scope.toolbox_settings.page.space_between_labels.horizontal.size', 'preview_scope.toolbox_settings.page.space_between_labels.vertical.size', 'preview_scope.toolbox_settings.page.start_position.row', 'preview_scope.toolbox_settings.page.start_position.column', 'preview_scope.toolbox_settings.page.label.gap.size'], function (newVal, oldVal) {
567         if (newVal && newVal != oldVal && $scope.preview_scope.label_output_copies) {
568             $scope.redraw_label_table();
569         }
570     });
571
572     $scope.$watch("preview_scope.toolbox_settings.mode.selected", function (newVal, oldVal) {
573         if (newVal && newVal != oldVal) {
574             var ts_p = $scope.preview_scope.toolbox_settings.page;
575             if (ts_p.label.set.size === 1) {
576                 if (newVal === "spine-pocket") {
577                     ts_p.column_class = ["spine", "pocket"];
578                     ts_p.label.set.size = 2;
579                 } else {
580                     ts_p.column_class = ["spine"];
581                 }
582             } else {
583                 if (newVal === "spine-only") {
584                     for (var i = 0; i < ts_p.label.set.size; i++) {
585                         ts_p.column_class[i] = "spine";
586                     }
587                 } else {
588                     ts_p.label.set.size === 2 ? ts_p.column_class = ["spine", "pocket"] : false;
589                 }
590             }
591             $scope.redraw_label_table();
592         }
593     });
594
595     $scope.$watch("preview_scope.toolbox_settings.page.label.set.size", function (newVal, oldVal) {
596         if (newVal && newVal != oldVal) {
597             var ts_p = $scope.preview_scope.toolbox_settings.page;
598             if (angular.isNumber(newVal)) {
599                 while (ts_p.column_class.length > ts_p.label.set.size) {
600                     ts_p.column_class.splice((ts_p.column_class.length - 1), 1);
601                 }
602                 while (ts_p.column_class.length < ts_p.label.set.size) {
603                     ts_p.column_class.push("spine");
604                 }
605             }
606             $scope.redraw_label_table();
607         }
608     });
609
610     $scope.current_tab = 'call_numbers';
611     $scope.set_tab = function (tab) {
612         $scope.current_tab = tab;
613     }
614
615 }])
616
617 .directive("egPrintLabelColumnBounds", function () {
618     return {
619         link: function (scope, element, attr, ctrl) {
620             function withinBounds(v) {
621                 scope.$watch("preview_scope.toolbox_settings.page.dimensions.columns", function (newVal, oldVal) {
622                     ctrl.$setValidity("egWithinPrintColumnBounds", scope.preview_scope.valid_print_label_start_column())
623                 });
624                 return v;
625             }
626             ctrl.$parsers.push(withinBounds);
627             ctrl.$formatters.push(withinBounds);
628         },
629         require: "ngModel"
630     }
631 })
632
633 .directive("egPrintLabelRowBounds", function () {
634     return {
635         link: function (scope, element, attr, ctrl) {
636             function withinBounds(v) {
637                 scope.$watch("preview_scope.toolbox_settings.page.dimensions.rows", function (newVal, oldVal) {
638                     ctrl.$setValidity("egWithinPrintRowBounds", scope.preview_scope.valid_print_label_start_row());
639                 });
640                 return v;
641             }
642             ctrl.$parsers.push(withinBounds);
643             ctrl.$formatters.push(withinBounds);
644         },
645         require: "ngModel"
646     }
647 })
648
649 .directive("egPrintLabelValidCss", function () {
650     return {
651         require: "ngModel",
652         link: function (scope, element, attr, ctrl) {
653             function floatValidation(v) {
654                 ctrl.$setValidity("isFloat", v.toString().match(/^\-*(?:^0$|(?:\d+)(?:\.\d{1,})*([a-z]{2}))$/) ? true : false);
655                 return v;
656             }
657             ctrl.$parsers.push(floatValidation);
658         }
659     }
660 })
661
662 .directive("egPrintLabelValidInt", function () {
663     return {
664         require: "ngModel",
665         link: function (scope, element, attr, ctrl) {
666             function intValidation(v) {
667                 ctrl.$setValidity("isInteger", v.toString().match(/^\d+$/));
668                 return v;
669             }
670             ctrl.$parsers.push(intValidation);
671         }
672     }
673 })
674
675 .directive('egPrintTemplateOutput', ['$compile', function ($compile) {
676     return function (scope, element, attrs) {
677         scope.$watch(
678             function (scope) {
679                 return scope.$eval(attrs.content);
680             },
681             function (value) {
682                 // create an isolate scope and copy the print context
683                 // data into the new scope.
684                 // TODO: see also print security concerns in egHatch
685                 var result = element.html(value);
686                 var context = scope.$eval(attrs.context);
687                 var print_scope = scope.$new(true);
688                 angular.forEach(context, function (val, key) {
689                     print_scope[key] = val;
690                 })
691                 $compile(element.contents())(print_scope);
692             }
693         );
694     };
695 }])
696
697 .filter('cn_wrap', function () {
698     return function (input, w, h, wrap_type) {
699         var names;
700         var prefix = input[0];
701         var callnum = input[1];
702         var suffix = input[2];
703
704         if (!w) { w = 8; }
705         if (!h) { h = 9; }
706
707         /* handle spine labels differently if using LC */
708         if (wrap_type == 'lc' || wrap_type == 3) {
709             /* Establish a pattern where every return value should be isolated on its own line 
710                on the spine label: subclass letters, subclass numbers, cutter numbers, trailing stuff (date) */
711             var patt1 = /^([A-Z]{1,3})\s*(\d+(?:\.\d+)?)\s*(\.[A-Z]\d*)\s*([A-Z]\d*)?\s*(\d\d\d\d(?:-\d\d\d\d)?)?\s*(.*)$/i;
712             var result = callnum.match(patt1);
713             if (result) {
714                 callnum = result.slice(1).join('\t');
715             } else {
716                 callnum = callnum.split(/\s+/).join('\t');
717             }
718
719             /* If result is null, leave callnum alone. Can't parse this malformed call num */
720         } else {
721             callnum = callnum.split(/\s+/).join('\t');
722         }
723
724         if (prefix) {
725             callnum = prefix + '\t' + callnum;
726         }
727         if (suffix) {
728             callnum += '\t' + suffix;
729         }
730
731         /* At this point, the call number pieces are separated by tab characters.  This allows
732         *  some space-containing constructs like "v. 1" to appear on one line
733         */
734         callnum = callnum.replace(/\t\t/g, '\t');  /* Squeeze out empties */
735         names = callnum.split('\t');
736         var j = 0; var tb = [];
737         while (j < h) {
738
739             /* spine */
740             if (j < w) {
741
742                 var name = names.shift();
743                 if (name) {
744                     name = String(name);
745
746                     /* if the name is greater than the label width... */
747                     if (name.length > w) {
748                         /* then try to split it on periods */
749                         var sname = name.split(/\./);
750                         if (sname.length > 1) {
751                             /* if we can, then put the periods back in on each splitted element */
752                             if (name.match(/^\./)) sname[0] = '.' + sname[0];
753                             for (var k = 1; k < sname.length; k++) sname[k] = '.' + sname[k];
754                             /* and put all but the first one back into the names array */
755                             names = sname.slice(1).concat(names);
756                             /* if the name fragment is still greater than the label width... */
757                             if (sname[0].length > w) {
758                                 /* then just truncate and throw the rest back into the names array */
759                                 tb[j] = sname[0].substr(0, w);
760                                 names = [sname[0].substr(w)].concat(names);
761                             } else {
762                                 /* otherwise we're set */
763                                 tb[j] = sname[0];
764                             }
765                         } else {
766                             /* if we can't split on periods, then just truncate and throw the rest back into the names array */
767                             tb[j] = name.substr(0, w);
768                             names = [name.substr(w)].concat(names);
769                         }
770                     } else {
771                         /* otherwise we're set */
772                         tb[j] = name;
773                     }
774                 }
775             }
776             j++;
777         }
778         return tb.join('\n');
779     }
780 })
781
782 .filter("columnRowRange", function () {
783     return function (i) {
784         var res = [];
785         for (var j = 0; j < i; j++) {
786             res.push(j);
787         }
788         return res;
789     }
790 })
791
792 //Accepts $scope.preview_scope.copies and $scope.preview_scope.toolbox_settings as its parameters.
793 .filter("labelOutputRows", function () {
794     return function (copies, settings) {
795         var cols = [], rows = [];
796         for (var j = 0; j < (settings.page.start_position.row - 1) ; j++) {
797             cols = [];
798             for (var k = 0; k < settings.page.dimensions.columns; k++) {
799                 cols.push({ c: null, index: k, cls: getPrintLabelOutputClass(k, settings), styl: getPrintLabelStyle(k, settings) });
800             }
801             rows.push({ columns: cols });
802         }
803         cols = [];
804         for (var j = 0; j < (settings.page.start_position.column - 1) ; j++) {
805             cols.push({ c: null, index: j, cls: getPrintLabelOutputClass(j, settings), styl: getPrintLabelStyle(j, settings) });
806         }
807         var m = cols.length;
808         for (var j = 0; j < copies.length; j++) {
809             for (var n = 0; n < settings.page.label.set.size; n++) {
810                 if (m < settings.page.dimensions.columns) {
811                     cols.push({ c: copies[j], index: cols.length, cls: getPrintLabelOutputClass(m, settings), styl: getPrintLabelStyle(m, settings) });
812                     m += 1;
813                 }
814                 if (m === settings.page.dimensions.columns) {
815                     m = 0;
816                     rows.push({ columns: cols });
817                     cols = [];
818                     n = settings.page.label.set.size;
819                 }
820             }
821         }
822         cols.length > 0 ? rows.push({ columns: cols }) : false;
823         if (rows.length > 0) {
824             while ((rows[(rows.length - 1)].columns.length) < settings.page.dimensions.columns) {
825                 rows[(rows.length - 1)].columns.push({ c: null, index: rows[(rows.length - 1)].columns.length, cls: getPrintLabelOutputClass(rows[(rows.length - 1)].columns.length, settings), styl: getPrintLabelStyle(rows[(rows.length - 1)].columns.length, settings) });
826             }
827         }
828         return rows;
829     }
830 })
831
832 .filter('wrap', function () {
833     return function (input, w, wrap_type, indent) {
834         var output;
835
836         if (!w) return input;
837         if (!indent) indent = '';
838
839         function wrap_on_space(
840                 text,
841                 length,
842                 wrap_just_once,
843                 if_cant_wrap_then_truncate,
844                 idx
845         ) {
846             if (idx > 10) {
847                 console.log('possible infinite recursion, aborting');
848                 return '';
849             }
850             if (String(text).length <= length) {
851                 return text;
852             } else {
853                 var truncated_text = String(text).substr(0, length);
854                 var pivot_pos = truncated_text.lastIndexOf(' ');
855                 var left_chunk = text.substr(0, pivot_pos).replace(/\s*$/, '');
856                 var right_chunk = String(text).substr(pivot_pos + 1);
857
858                 var wrapped_line;
859                 if (left_chunk.length == 0) {
860                     if (if_cant_wrap_then_truncate) {
861                         wrapped_line = truncated_text;
862                     } else {
863                         wrapped_line = text;
864                     }
865                 } else {
866                     wrapped_line =
867                         left_chunk + '\n'
868                         + indent + (
869                             wrap_just_once
870                             ? right_chunk
871                             : (
872                                 right_chunk.length > length
873                                 ? wrap_on_space(
874                                     right_chunk,
875                                     length,
876                                     false,
877                                     if_cant_wrap_then_truncate,
878                                     idx + 1)
879                                 : right_chunk
880                             )
881                         )
882                     ;
883                 }
884                 return wrapped_line;
885             }
886         }
887
888         switch (wrap_type) {
889             case 'once':
890                 output = wrap_on_space(input, w, true, false, 0);
891                 break;
892             default:
893                 output = wrap_on_space(input, w, false, false, 0);
894                 break;
895         }
896
897         return output;
898     }
899 });
900
901 function getPrintLabelOutputClass(index, settings) {
902     return settings.page.column_class[index % settings.page.label.set.size];
903 }
904
905 function getPrintLabelStyle(index, settings) {
906     return index > 0 && (index % settings.page.label.set.size === 0) ? settings.page.label.gap.size : "";
907 }