akira
/
pdfjs-dist
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge pull request #8482 from timvandermeij/es6-thumbnails 

Convert the thumbnail view/viewer to ES6 syntax
Tim van der Meij 8 years ago committed by GitHub
parent
63b89c1100 733a58a315
commit
8654635b0b
2 changed files with 423 additions and 447 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 124
      web/pdf_thumbnail_view.js
  2. 124
      web/pdf_thumbnail_viewer.js

124
web/pdf_thumbnail_view.js
Unescape View File

@ -19,8 +19,9 @@ import {
import { getOutputScale, NullL10n } from './ui_utils'; import { getOutputScale, NullL10n } from './ui_utils';
import { RenderingStates } from './pdf_rendering_queue'; import { RenderingStates } from './pdf_rendering_queue';
var THUMBNAIL_WIDTH = 98; // px const MAX_NUM_SCALING_STEPS = 3;
var THUMBNAIL_CANVAS_BORDER_WIDTH = 1; // px const THUMBNAIL_CANVAS_BORDER_WIDTH = 1; // px
const THUMBNAIL_WIDTH = 98; // px
/** /**
* @typedef {Object} PDFThumbnailViewOptions * @typedef {Object} PDFThumbnailViewOptions
@ -31,7 +32,7 @@ var THUMBNAIL_CANVAS_BORDER_WIDTH = 1; // px
* @property {PDFRenderingQueue} renderingQueue - The rendering queue object. * @property {PDFRenderingQueue} renderingQueue - The rendering queue object.
* @property {boolean} disableCanvasToImageConversion - (optional) Don't convert * @property {boolean} disableCanvasToImageConversion - (optional) Don't convert
* the canvas thumbnails to images. This prevents `toDataURL` calls, * the canvas thumbnails to images. This prevents `toDataURL` calls,
* but increases the overall memory usage. The default value is false. * but increases the overall memory usage. The default value is `false`.
* @property {IL10n} l10n - Localization service. * @property {IL10n} l10n - Localization service.
*/ */
@ -77,23 +78,14 @@ const TempImageFactory = (function TempImageFactoryClosure() {
})(); })();
/** /**
* @class
* @implements {IRenderableView} * @implements {IRenderableView}
*/ */
var PDFThumbnailView = (function PDFThumbnailViewClosure() { class PDFThumbnailView {
/** /**
* @constructs PDFThumbnailView
* @param {PDFThumbnailViewOptions} options * @param {PDFThumbnailViewOptions} options
*/ */
function PDFThumbnailView(options) { constructor({ container, id, defaultViewport, linkService, renderingQueue,
var container = options.container; disableCanvasToImageConversion = false, l10n = NullL10n, }) {
var id = options.id;
var defaultViewport = options.defaultViewport;
var linkService = options.linkService;
var renderingQueue = options.renderingQueue;
var disableCanvasToImageConversion =
options.disableCanvasToImageConversion || false;
this.id = id; this.id = id;
this.renderingId = 'thumbnail' + id; this.renderingId = 'thumbnail' + id;
this.pageLabel = null; this.pageLabel = null;
@ -119,21 +111,21 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.canvasHeight = (this.canvasWidth / this.pageRatio) | 0; this.canvasHeight = (this.canvasWidth / this.pageRatio) | 0;
this.scale = this.canvasWidth / this.pageWidth; this.scale = this.canvasWidth / this.pageWidth;
this.l10n = options.l10n || NullL10n; this.l10n = l10n;
var anchor = document.createElement('a'); let anchor = document.createElement('a');
anchor.href = linkService.getAnchorUrl('#page=' + id); anchor.href = linkService.getAnchorUrl('#page=' + id);
this.l10n.get('thumb_page_title', { page: id, }, 'Page {{page}}'). this.l10n.get('thumb_page_title', { page: id, }, 'Page {{page}}').
then((msg) => { then((msg) => {
anchor.title = msg; anchor.title = msg;
}); });
anchor.onclick = function stopNavigation() { anchor.onclick = function() {
linkService.page = id; linkService.page = id;
return false; return false;
}; };
this.anchor = anchor; this.anchor = anchor;
var div = document.createElement('div'); let div = document.createElement('div');
div.className = 'thumbnail'; div.className = 'thumbnail';
div.setAttribute('data-page-number', this.id); div.setAttribute('data-page-number', this.id);
this.div = div; this.div = div;
@ -144,9 +136,9 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
div.classList.add('selected'); div.classList.add('selected');
} }
var ring = document.createElement('div'); let ring = document.createElement('div');
ring.className = 'thumbnailSelectionRing'; ring.className = 'thumbnailSelectionRing';
var borderAdjustment = 2 * THUMBNAIL_CANVAS_BORDER_WIDTH; let borderAdjustment = 2 * THUMBNAIL_CANVAS_BORDER_WIDTH;
ring.style.width = this.canvasWidth + borderAdjustment + 'px'; ring.style.width = this.canvasWidth + borderAdjustment + 'px';
ring.style.height = this.canvasHeight + borderAdjustment + 'px'; ring.style.height = this.canvasHeight + borderAdjustment + 'px';
this.ring = ring; this.ring = ring;
@ -156,16 +148,15 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
container.appendChild(anchor); container.appendChild(anchor);
} }
PDFThumbnailView.prototype = { setPdfPage(pdfPage) {
setPdfPage: function PDFThumbnailView_setPdfPage(pdfPage) {
this.pdfPage = pdfPage; this.pdfPage = pdfPage;
this.pdfPageRotate = pdfPage.rotate; this.pdfPageRotate = pdfPage.rotate;
var totalRotation = (this.rotation + this.pdfPageRotate) % 360; let totalRotation = (this.rotation + this.pdfPageRotate) % 360;
this.viewport = pdfPage.getViewport(1, totalRotation); this.viewport = pdfPage.getViewport(1, totalRotation);
this.reset(); this.reset();
}, }
reset: function PDFThumbnailView_reset() { reset() {
this.cancelRendering(); this.cancelRendering();
this.pageWidth = this.viewport.width; this.pageWidth = this.viewport.width;
@ -176,12 +167,12 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.scale = (this.canvasWidth / this.pageWidth); this.scale = (this.canvasWidth / this.pageWidth);
this.div.removeAttribute('data-loaded'); this.div.removeAttribute('data-loaded');
var ring = this.ring; let ring = this.ring;
var childNodes = ring.childNodes; let childNodes = ring.childNodes;
for (var i = childNodes.length - 1; i >= 0; i--) { for (let i = childNodes.length - 1; i >= 0; i--) {
ring.removeChild(childNodes[i]); ring.removeChild(childNodes[i]);
} }
var borderAdjustment = 2 * THUMBNAIL_CANVAS_BORDER_WIDTH; let borderAdjustment = 2 * THUMBNAIL_CANVAS_BORDER_WIDTH;
ring.style.width = this.canvasWidth + borderAdjustment + 'px'; ring.style.width = this.canvasWidth + borderAdjustment + 'px';
ring.style.height = this.canvasHeight + borderAdjustment + 'px'; ring.style.height = this.canvasHeight + borderAdjustment + 'px';
@ -196,35 +187,34 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.image.removeAttribute('src'); this.image.removeAttribute('src');
delete this.image; delete this.image;
} }
}, }
update: function PDFThumbnailView_update(rotation) { update(rotation) {
if (typeof rotation !== 'undefined') { if (typeof rotation !== 'undefined') {
this.rotation = rotation; this.rotation = rotation;
} }
var totalRotation = (this.rotation + this.pdfPageRotate) % 360; let totalRotation = (this.rotation + this.pdfPageRotate) % 360;
this.viewport = this.viewport.clone({ this.viewport = this.viewport.clone({
scale: 1, scale: 1,
rotation: totalRotation, rotation: totalRotation,
}); });
this.reset(); this.reset();
}, }
cancelRendering: function PDFThumbnailView_cancelRendering() { cancelRendering() {
if (this.renderTask) { if (this.renderTask) {
this.renderTask.cancel(); this.renderTask.cancel();
this.renderTask = null; this.renderTask = null;
} }
this.renderingState = RenderingStates.INITIAL; this.renderingState = RenderingStates.INITIAL;
this.resume = null; this.resume = null;
}, }
/** /**
* @private * @private
*/ */
_getPageDrawContext: _getPageDrawContext(noCtxScale = false) {
function PDFThumbnailView_getPageDrawContext(noCtxScale) { let canvas = document.createElement('canvas');
var canvas = document.createElement('canvas');
// Keep the no-thumbnail outline visible, i.e. `data-loaded === false`, // Keep the no-thumbnail outline visible, i.e. `data-loaded === false`,
// until rendering/image conversion is complete, to avoid display issues. // until rendering/image conversion is complete, to avoid display issues.
this.canvas = canvas; this.canvas = canvas;
@ -233,8 +223,8 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
PDFJSDev.test('MOZCENTRAL || FIREFOX || GENERIC')) { PDFJSDev.test('MOZCENTRAL || FIREFOX || GENERIC')) {
canvas.mozOpaque = true; canvas.mozOpaque = true;
} }
var ctx = canvas.getContext('2d', { alpha: false, }); let ctx = canvas.getContext('2d', { alpha: false, });
var outputScale = getOutputScale(ctx); let outputScale = getOutputScale(ctx);
canvas.width = (this.canvasWidth * outputScale.sx) | 0; canvas.width = (this.canvasWidth * outputScale.sx) | 0;
canvas.height = (this.canvasHeight * outputScale.sy) | 0; canvas.height = (this.canvasHeight * outputScale.sy) | 0;
@ -245,20 +235,20 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
ctx.scale(outputScale.sx, outputScale.sy); ctx.scale(outputScale.sx, outputScale.sy);
} }
return ctx; return ctx;
}, }
/** /**
* @private * @private
*/ */
_convertCanvasToImage: function PDFThumbnailView_convertCanvasToImage() { _convertCanvasToImage() {
if (!this.canvas) { if (!this.canvas) {
return; return;
} }
if (this.renderingState !== RenderingStates.FINISHED) { if (this.renderingState !== RenderingStates.FINISHED) {
return; return;
} }
var id = this.renderingId; let id = this.renderingId;
var className = 'thumbnailImage'; let className = 'thumbnailImage';
if (this.disableCanvasToImageConversion) { if (this.disableCanvasToImageConversion) {
this.canvas.id = id; this.canvas.id = id;
@ -272,7 +262,7 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.ring.appendChild(this.canvas); this.ring.appendChild(this.canvas);
return; return;
} }
var image = document.createElement('img'); let image = document.createElement('img');
image.id = id; image.id = id;
image.className = className; image.className = className;
this.l10n.get('thumb_page_canvas', { page: this.pageId, }, this.l10n.get('thumb_page_canvas', { page: this.pageId, },
@ -295,18 +285,16 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.canvas.width = 0; this.canvas.width = 0;
this.canvas.height = 0; this.canvas.height = 0;
delete this.canvas; delete this.canvas;
}, }
draw() { draw() {
if (this.renderingState !== RenderingStates.INITIAL) { if (this.renderingState !== RenderingStates.INITIAL) {
console.error('Must be in new state before drawing'); console.error('Must be in new state before drawing');
return Promise.resolve(undefined); return Promise.resolve(undefined);
} }
this.renderingState = RenderingStates.RUNNING; this.renderingState = RenderingStates.RUNNING;
let renderCapability = createPromiseCapability(); let renderCapability = createPromiseCapability();
let finishRenderTask = (error) => { let finishRenderTask = (error) => {
// The renderTask may have been replaced by a new one, so only remove // The renderTask may have been replaced by a new one, so only remove
// the reference to the renderTask if it matches the one that is // the reference to the renderTask if it matches the one that is
@ -359,13 +347,13 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
finishRenderTask(error); finishRenderTask(error);
}); });
return renderCapability.promise; return renderCapability.promise;
}, }
setImage: function PDFThumbnailView_setImage(pageView) { setImage(pageView) {
if (this.renderingState !== RenderingStates.INITIAL) { if (this.renderingState !== RenderingStates.INITIAL) {
return; return;
} }
var img = pageView.canvas; let img = pageView.canvas;
if (!img) { if (!img) {
return; return;
} }
@ -375,22 +363,21 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.renderingState = RenderingStates.FINISHED; this.renderingState = RenderingStates.FINISHED;
var ctx = this._getPageDrawContext(true); let ctx = this._getPageDrawContext(true);
var canvas = ctx.canvas; let canvas = ctx.canvas;
if (img.width <= 2 * canvas.width) { if (img.width <= 2 * canvas.width) {
ctx.drawImage(img, 0, 0, img.width, img.height, ctx.drawImage(img, 0, 0, img.width, img.height,
0, 0, canvas.width, canvas.height); 0, 0, canvas.width, canvas.height);
this._convertCanvasToImage(); this._convertCanvasToImage();
return; return;
} }
// drawImage does an awful job of rescaling the image, doing it gradually. // drawImage does an awful job of rescaling the image, doing it gradually.
var MAX_NUM_SCALING_STEPS = 3; let reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS;
var reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS; let reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS;
var reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS; let reducedImage = TempImageFactory.getCanvas(reducedWidth,
var reducedImage = TempImageFactory.getCanvas(reducedWidth,
reducedHeight); reducedHeight);
var reducedImageCtx = reducedImage.getContext('2d'); let reducedImageCtx = reducedImage.getContext('2d');
while (reducedWidth > img.width || reducedHeight > img.height) { while (reducedWidth > img.width || reducedHeight > img.height) {
reducedWidth >>= 1; reducedWidth >>= 1;
@ -408,16 +395,16 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
ctx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight, ctx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight,
0, 0, canvas.width, canvas.height); 0, 0, canvas.width, canvas.height);
this._convertCanvasToImage(); this._convertCanvasToImage();
}, }
get pageId() { get pageId() {
return (this.pageLabel !== null ? this.pageLabel : this.id); return (this.pageLabel !== null ? this.pageLabel : this.id);
}, }
/** /**
* @param {string|null} label * @param {string|null} label
*/ */
setPageLabel: function PDFThumbnailView_setPageLabel(label) { setPageLabel(label) {
this.pageLabel = (typeof label === 'string' ? label : null); this.pageLabel = (typeof label === 'string' ? label : null);
this.l10n.get('thumb_page_title', { page: this.pageId, }, this.l10n.get('thumb_page_title', { page: this.pageId, },
@ -437,15 +424,12 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() {
this.canvas.setAttribute('aria-label', ariaLabel); this.canvas.setAttribute('aria-label', ariaLabel);
} }
}); });
}, }
};
PDFThumbnailView.cleanup = function() { static cleanup() {
TempImageFactory.destroyCanvas(); TempImageFactory.destroyCanvas();
}; }
}
return PDFThumbnailView;
})();
export { export {
PDFThumbnailView, PDFThumbnailView,

124
web/pdf_thumbnail_viewer.js
Unescape View File

@ -18,7 +18,7 @@ import {
} from './ui_utils'; } from './ui_utils';
import { PDFThumbnailView } from './pdf_thumbnail_view'; import { PDFThumbnailView } from './pdf_thumbnail_view';
var THUMBNAIL_SCROLL_MARGIN = -19; const THUMBNAIL_SCROLL_MARGIN = -19;
/** /**
* @typedef {Object} PDFThumbnailViewerOptions * @typedef {Object} PDFThumbnailViewerOptions
@ -30,99 +30,95 @@ var THUMBNAIL_SCROLL_MARGIN = -19;
*/ */
/** /**
* Simple viewer control to display thumbnails for pages. * Viewer control to display thumbnails for pages in a PDF document.
* @class *
* @implements {IRenderableView} * @implements {IRenderableView}
*/ */
var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() { class PDFThumbnailViewer {
/** /**
* @constructs PDFThumbnailViewer
* @param {PDFThumbnailViewerOptions} options * @param {PDFThumbnailViewerOptions} options
*/ */
function PDFThumbnailViewer(options) { constructor({ container, linkService, renderingQueue, l10n = NullL10n, }) {
this.container = options.container; this.container = container;
this.renderingQueue = options.renderingQueue; this.linkService = linkService;
this.linkService = options.linkService; this.renderingQueue = renderingQueue;
this.l10n = options.l10n || NullL10n; this.l10n = l10n;
this.scroll = watchScroll(this.container, this._scrollUpdated.bind(this)); this.scroll = watchScroll(this.container, this._scrollUpdated.bind(this));
this._resetView(); this._resetView();
} }
PDFThumbnailViewer.prototype = {
/** /**
* @private * @private
*/ */
_scrollUpdated: function PDFThumbnailViewer_scrollUpdated() { _scrollUpdated() {
this.renderingQueue.renderHighestPriority(); this.renderingQueue.renderHighestPriority();
}, }
getThumbnail: function PDFThumbnailViewer_getThumbnail(index) { getThumbnail(index) {
return this.thumbnails[index]; return this._thumbnails[index];
}, }
/** /**
* @private * @private
*/ */
_getVisibleThumbs: function PDFThumbnailViewer_getVisibleThumbs() { _getVisibleThumbs() {
return getVisibleElements(this.container, this.thumbnails); return getVisibleElements(this.container, this._thumbnails);
}, }
scrollThumbnailIntoView: scrollThumbnailIntoView(page) {
function PDFThumbnailViewer_scrollThumbnailIntoView(page) { let selected = document.querySelector('.thumbnail.selected');
var selected = document.querySelector('.thumbnail.selected');
if (selected) { if (selected) {
selected.classList.remove('selected'); selected.classList.remove('selected');
} }
var thumbnail = document.querySelector( let thumbnail = document.querySelector(
'div.thumbnail[data-page-number="' + page + '"]'); 'div.thumbnail[data-page-number="' + page + '"]');
if (thumbnail) { if (thumbnail) {
thumbnail.classList.add('selected'); thumbnail.classList.add('selected');
} }
var visibleThumbs = this._getVisibleThumbs(); let visibleThumbs = this._getVisibleThumbs();
var numVisibleThumbs = visibleThumbs.views.length; let numVisibleThumbs = visibleThumbs.views.length;
// If the thumbnail isn't currently visible, scroll it into view. // If the thumbnail isn't currently visible, scroll it into view.
if (numVisibleThumbs > 0) { if (numVisibleThumbs > 0) {
var first = visibleThumbs.first.id; let first = visibleThumbs.first.id;
// Account for only one thumbnail being visible. // Account for only one thumbnail being visible.
var last = (numVisibleThumbs > 1 ? visibleThumbs.last.id : first); let last = (numVisibleThumbs > 1 ? visibleThumbs.last.id : first);
if (page <= first || page >= last) { if (page <= first || page >= last) {
scrollIntoView(thumbnail, { top: THUMBNAIL_SCROLL_MARGIN, }); scrollIntoView(thumbnail, { top: THUMBNAIL_SCROLL_MARGIN, });
} }
} }
}, }
get pagesRotation() { get pagesRotation() {
return this._pagesRotation; return this._pagesRotation;
}, }
set pagesRotation(rotation) { set pagesRotation(rotation) {
this._pagesRotation = rotation; this._pagesRotation = rotation;
for (var i = 0, l = this.thumbnails.length; i < l; i++) { for (let i = 0, l = this._thumbnails.length; i < l; i++) {
var thumb = this.thumbnails[i]; this._thumbnails[i].update(rotation);
thumb.update(rotation); }
} }
},
cleanup: function PDFThumbnailViewer_cleanup() { cleanup() {
PDFThumbnailView.cleanup(); PDFThumbnailView.cleanup();
}, }
/** /**
* @private * @private
*/ */
_resetView: function PDFThumbnailViewer_resetView() { _resetView() {
this.thumbnails = []; this._thumbnails = [];
this._pageLabels = null; this._pageLabels = null;
this._pagesRotation = 0; this._pagesRotation = 0;
this._pagesRequests = []; this._pagesRequests = [];
// Remove the thumbnails from the DOM. // Remove the thumbnails from the DOM.
this.container.textContent = ''; this.container.textContent = '';
}, }
setDocument: function PDFThumbnailViewer_setDocument(pdfDocument) { setDocument(pdfDocument) {
if (this.pdfDocument) { if (this.pdfDocument) {
this._cancelRendering(); this._cancelRendering();
this._resetView(); this._resetView();
@ -134,10 +130,10 @@ var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() {
} }
return pdfDocument.getPage(1).then((firstPage) => { return pdfDocument.getPage(1).then((firstPage) => {
var pagesCount = pdfDocument.numPages; let pagesCount = pdfDocument.numPages;
var viewport = firstPage.getViewport(1.0); let viewport = firstPage.getViewport(1.0);
for (let pageNum = 1; pageNum <= pagesCount; ++pageNum) { for (let pageNum = 1; pageNum <= pagesCount; ++pageNum) {
var thumbnail = new PDFThumbnailView({ let thumbnail = new PDFThumbnailView({
container: this.container, container: this.container,
id: pageNum, id: pageNum,
defaultViewport: viewport.clone(), defaultViewport: viewport.clone(),
@ -146,26 +142,26 @@ var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() {
disableCanvasToImageConversion: false, disableCanvasToImageConversion: false,
l10n: this.l10n, l10n: this.l10n,
}); });
this.thumbnails.push(thumbnail); this._thumbnails.push(thumbnail);
} }
}); });
}, }
/** /**
* @private * @private
*/ */
_cancelRendering: function PDFThumbnailViewer_cancelRendering() { _cancelRendering() {
for (var i = 0, ii = this.thumbnails.length; i < ii; i++) { for (let i = 0, ii = this._thumbnails.length; i < ii; i++) {
if (this.thumbnails[i]) { if (this._thumbnails[i]) {
this.thumbnails[i].cancelRendering(); this._thumbnails[i].cancelRendering();
}
} }
} }
},
/** /**
* @param {Array|null} labels * @param {Array|null} labels
*/ */
setPageLabels: function PDFThumbnailViewer_setPageLabels(labels) { setPageLabels(labels) {
if (!this.pdfDocument) { if (!this.pdfDocument) {
return; return;
} }
@ -179,12 +175,11 @@ var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() {
this._pageLabels = labels; this._pageLabels = labels;
} }
// Update all the `PDFThumbnailView` instances. // Update all the `PDFThumbnailView` instances.
for (var i = 0, ii = this.thumbnails.length; i < ii; i++) { for (let i = 0, ii = this._thumbnails.length; i < ii; i++) {
var thumbnailView = this.thumbnails[i]; let label = this._pageLabels && this._pageLabels[i];
var label = this._pageLabels && this._pageLabels[i]; this._thumbnails[i].setPageLabel(label);
thumbnailView.setPageLabel(label); }
} }
},
/** /**
* @param {PDFThumbnailView} thumbView * @param {PDFThumbnailView} thumbView
@ -195,23 +190,23 @@ var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() {
if (thumbView.pdfPage) { if (thumbView.pdfPage) {
return Promise.resolve(thumbView.pdfPage); return Promise.resolve(thumbView.pdfPage);
} }
var pageNumber = thumbView.id; let pageNumber = thumbView.id;
if (this._pagesRequests[pageNumber]) { if (this._pagesRequests[pageNumber]) {
return this._pagesRequests[pageNumber]; return this._pagesRequests[pageNumber];
} }
var promise = this.pdfDocument.getPage(pageNumber).then((pdfPage) => { let promise = this.pdfDocument.getPage(pageNumber).then((pdfPage) => {
thumbView.setPdfPage(pdfPage); thumbView.setPdfPage(pdfPage);
this._pagesRequests[pageNumber] = null; this._pagesRequests[pageNumber] = null;
return pdfPage; return pdfPage;
}); });
this._pagesRequests[pageNumber] = promise; this._pagesRequests[pageNumber] = promise;
return promise; return promise;
}, }
forceRendering() { forceRendering() {
var visibleThumbs = this._getVisibleThumbs(); let visibleThumbs = this._getVisibleThumbs();
var thumbView = this.renderingQueue.getHighestPriority(visibleThumbs, let thumbView = this.renderingQueue.getHighestPriority(visibleThumbs,
this.thumbnails, this._thumbnails,
this.scroll.down); this.scroll.down);
if (thumbView) { if (thumbView) {
this._ensurePdfPageLoaded(thumbView).then(() => { this._ensurePdfPageLoaded(thumbView).then(() => {
@ -220,11 +215,8 @@ var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() {
return true; return true;
} }
return false; return false;
}, }
}; }
return PDFThumbnailViewer;
})();
export { export {
PDFThumbnailViewer, PDFThumbnailViewer,

Write Preview
Loading…
Cancel
Save