Edition 340, May 2008 (2024)

'); pencilAnchor.append('Fix this text'); return pencilAnchor; } function getNewLineDivElement() { const lineDiv = $('

'); lineDiv.append(''); lineDiv.append(getLineActionsElement()); return lineDiv; } function getLineActionsElement() { const lineActions = $(''); const undoAnchor = $(''); const insertLineAnchor = $(''); const removeLineAnchor = $(''); lineActions.append(undoAnchor); lineActions.append(insertLineAnchor); lineActions.append(removeLineAnchor); return lineActions; } function setPageText() { if ($('#ocrview_box.edit-mode:visible').length) { return; //Never reload OCR text in edit mode } const pageIdx = br.currentIndex(); if (typeof window.textCorrection !== 'undefined' && window.textCorrection.currentPageNumber === pageIdx) { return; //No need to reload OCR text if still on the current page } var page = $('#pagediv' + pageIdx).data(); var tabIdx = 0; var wordIdx = 0; if (page != null && !jQuery.isEmptyObject(page)) { var results = traversePage(page, null, function() { return true; }); window.textCorrection.init("", work.children.page[pageIdx].pid, work.children.page[pageIdx].form); const ocrViewBox = $('.ocr-widget #ocrview_box'); ocrViewBox.text(""); var linesNode = {lines:[]}; getLineTemplate().appendTo(ocrViewBox); $.each(results, function(index) { var lineIdx = index; wordIdx = 0; var line = document.createElement('p'); $(line).attr('id', this.id); $(line).attr('b', this.boundbox); var lineNode = { idx: lineIdx, id: this.id, b: this.boundbox, ws:[]}; var wordId = ""; let lineText = ""; $.each(this.words, function(index) { wordId = this.id; const space = ""; tabIdx++; wordIdx++; const wordEntry = { idx: wordIdx, w: this.text, id: wordId, b: this.boundbox }; $(lineNode)[0].ws.push(wordEntry); const wordText = this.text.replace(//g, ">") + (this.hypen ? "-" : ""); const word = "" + wordText + ""; tabIdx++; wordIdx++; $(line).append(space); $(line).append(word); lineText += wordText.replace(/</g, "<").replace(/>/g, ">") + " "; }); $(linesNode)[0].lines.push(lineNode); const space = ""; $(line).append(space); const editableLine = getNewLineDivElement(); const inputElement = editableLine.find('input'); inputElement.val(lineText).attr('data-text', lineText); inputElement.addClass('edit-text').removeClass('new-text'); $(line).append(editableLine); $(line).append(getPencilAnchorElement()); $('.ocr-widget #ocrview_box').append(line); }); window.textCorrection.currentPageNumber = pageIdx; var pageId = work.children.page[pageIdx].id; var workPid = $('#pagediv' + pageIdx)[0].attributes['workpid'].value; $('.ocr-widget #ocrview_box').append("

"); } else { setTimeout(function() { setPageText(); }, 100); }; } function isId(id, element) { return (id == element.id); } function isIn(point, element) { var box = element.b; if (point == null || box == null) { return true; } points = box.split(','); var x1 = points[0]; var y1 = points[1]; var x2 = points[2]; var y2 = points[3]; return (point.x > x1 && point.x < x2) && (point.y > y1 && point.y < y2); } // Highlights the word on the bookreader and creates a box for marking where you clicked. function drawBox(box,index) { box.div = document.createElement('div'); $(box.div).prop('className', 'BookReaderSearchHilite'); box.l = box[0] box.t = box[1] box.r = box[2] box.b = box[3] br.styleHighliteBox1Up(box, index); return box.div; } //creates a Textbox for search editing. function drawEditBox(ocr) { var boxdiv = document.createElement('input'); $(boxdiv).prop('type', 'text'); $(boxdiv).prop('className', 'ocrEditLine'); $(boxdiv).css({ opacity: 1, 'bakground color': 'white', position: 'absolute', width: (ocr.points[2] - ocr.points[0]) / br.reduce + 'px', height: (ocr.points[3] - ocr.points[1]) / br.reduce + 'px', left: (ocr.points[0]) / br.reduce + 'px', top: (ocr.points[3]) / br.reduce + 'px' }); $(boxdiv).val(ocr.words); return boxdiv; } function traversePage(page, target, testFunction) { let results = []; const printRegion = { print: page.print }; //this traverses the regions of the page, only the print space $.each(printRegion, function() { results = results.concat(traverseZone(this, target, testFunction)); }); return results; } function traverseZone(zone, target, testFunction) { var results = []; $.each(zone, function(k, v) { if (k == 'zs') { // Zone $.each(v, function(zone) { results = results.concat(traverseZone(this, target, testFunction)); }); } else if (k == 'ps') { // Paragraph $.each(v, function(para) { var paraResult = traversePara(this, target, testFunction); if (paraResult != null) { $.each(paraResult, function(index) { results.push(this); }); }; }); } else if ($.isArray(zone)) { // Zone is an array so k is the index results = results.concat(traverseZone(v, target, testFunction)); } }); return results; } function traversePara(para, target, testFunction) { var newlineResult = []; if (para.ls != null) { $.each(para.ls, function(line) { if (this != null && testFunction(target, this)) { var line = []; // word level span var wordsResult = traverseWord(this, target, testFunction); line.words = wordsResult; line.points = this.b.split(','); line.boundbox = this.b; line.id = this.id; newlineResult.push(line); }; }); }; return newlineResult; } function traverseWord(line, target, testFunction) { var wordsResult = []; if (line.ws != null) { $.each(line.ws, function(word) { if (this != null && testFunction(target, this)) { // if (this != null) { var word = []; //iterate down to have each word wrapped in its own span if (this.id != null) { word.id = this.id; word.points = this.b.split(','); word.boundbox = this.b; } word.text = this.w; if (this.fw) { word.hypen = true; } wordsResult.push(word); }; }); }; return wordsResult; } $( document ).ready(function() { addOcrViewListeners(); $('#BookReader').on('loaded', function() { if (br.mode == br.constModeThumb || br.mode == br.constMode2up) { hidePageTextAndDisplayMessage(); attachEventToDisplayTextOnThumbnailClick(); } }); });

'); } } } } } function initialiseSlider(maxDownloadNumOfItems) { $(".printer #printer-slider").slider({ range: true, min: 1, max: maxDownloadNumOfItems, values: [1, maxDownloadNumOfItems], slide: function (event, ui) { updateSlider(ui.values[0], ui.values[1]); } }); } // Prototype UI interaction design script var uiDownload = { init: function () { var $downloadOption = $('input[name=downloadOption]') //check option onload uiDownload.checkedOption(); // bind change radio event $downloadOption.on('change', uiDownload.checkedOption); }, checkedOption: function (e) { var $downloadForm = $('#downloadForm'); var checkedValue = $downloadForm.find('input[name=downloadOption]:checked').val(); if (checkedValue == 'tif') { uiDownload.showOptionsTif(); uiDownload.disableOptionsNonTif(); } else { uiDownload.hideOptionsTif(); uiDownload.enableOptionsNonTif(); } }, showOptionsTif: function (e) { var $lOptions = $('.l-options'); $lOptions.removeClass('collapse-vertical'); uiDownload.disableOptionsNonTif(); }, hideOptionsTif: function (e) { var $lOptions = $('.l-options'); $lOptions.addClass('collapse-vertical'); uiDownload.enableOptionsNonTif(); }, enableOptionsNonTif: function (e) { $('#tab-download .l-include').show(); $('#selectItem').removeClass('disabled'); $('#selectCurrentPage').removeClass('disabled'); $('.btn-download').removeClass('disabled'); //$('#printer-slider').slider('enable'); }, disableOptionsNonTif: function (e) { $('#tab-download .l-include').hide(); $('#selectItem').addClass('disabled'); $('#selectCurrentPage').addClass('disabled'); $('.btn-download').addClass('disabled'); //$('#printer-slider').slider('disable'); } }; uiDownload.init();