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

Moves all document.getElementById lookups into viewer.js

Yury Delendik 9 years ago
parent
d5c000850a
commit
b6c74f2056
9 changed files with 233 additions and 165 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. 248
      web/app.js
  2. 4
      web/chromecom.js
  3. 3
      web/debugger.js
  4. 11
      web/overlay_manager.js
  5. 5
      web/password_prompt.js
  6. 4
      web/pdf_document_properties.js
  7. 3
      web/pdf_page_view.js
  8. 3
      web/secondary_toolbar.js
  9. 117
      web/viewer.js

248
web/app.js
Unescape View File

@ -127,6 +127,7 @@ var PDFViewerApplication = {
initialDestination: null, initialDestination: null,
initialized: false, initialized: false,
fellback: false, fellback: false,
appConfig: null,
pdfDocument: null, pdfDocument: null,
pdfLoadingTask: null, pdfLoadingTask: null,
printing: false, printing: false,
@ -163,8 +164,9 @@ var PDFViewerApplication = {
url: '', url: '',
// called once when the document is loaded // called once when the document is loaded
initialize: function pdfViewInitialize() { initialize: function pdfViewInitialize(appConfig) {
configure(pdfjsLib.PDFJS); configure(pdfjsLib.PDFJS);
this.appConfig = appConfig;
var pdfRenderingQueue = new PDFRenderingQueue(); var pdfRenderingQueue = new PDFRenderingQueue();
pdfRenderingQueue.onIdle = this.cleanup.bind(this); pdfRenderingQueue.onIdle = this.cleanup.bind(this);
@ -173,8 +175,8 @@ var PDFViewerApplication = {
var pdfLinkService = new PDFLinkService(); var pdfLinkService = new PDFLinkService();
this.pdfLinkService = pdfLinkService; this.pdfLinkService = pdfLinkService;
var container = document.getElementById('viewerContainer'); var container = appConfig.mainContainer;
var viewer = document.getElementById('viewer'); var viewer = appConfig.viewerContainer;
this.pdfViewer = new PDFViewer({ this.pdfViewer = new PDFViewer({
container: container, container: container,
viewer: viewer, viewer: viewer,
@ -185,7 +187,7 @@ var PDFViewerApplication = {
pdfRenderingQueue.setViewer(this.pdfViewer); pdfRenderingQueue.setViewer(this.pdfViewer);
pdfLinkService.setViewer(this.pdfViewer); pdfLinkService.setViewer(this.pdfViewer);
var thumbnailContainer = document.getElementById('thumbnailView'); var thumbnailContainer = appConfig.sidebar.thumbnailView;
this.pdfThumbnailViewer = new PDFThumbnailViewer({ this.pdfThumbnailViewer = new PDFThumbnailViewer({
container: thumbnailContainer, container: thumbnailContainer,
renderingQueue: pdfRenderingQueue, renderingQueue: pdfRenderingQueue,
@ -207,19 +209,10 @@ var PDFViewerApplication = {
}); });
this.pdfViewer.setFindController(this.findController); this.pdfViewer.setFindController(this.findController);
this.findBar = new PDFFindBar({ // FIXME better PDFFindBar constructor parameters
bar: document.getElementById('findbar'), var findBarConfig = Object.create(appConfig.findBar);
toggleButton: document.getElementById('viewFind'), findBarConfig.findController = this.findController;
findField: document.getElementById('findInput'), this.findBar = new PDFFindBar(findBarConfig);
highlightAllCheckbox: document.getElementById('findHighlightAll'),
caseSensitiveCheckbox: document.getElementById('findMatchCase'),
findMsg: document.getElementById('findMsg'),
findResultsCount: document.getElementById('findResultsCount'),
findStatusIcon: document.getElementById('findStatusIcon'),
findPreviousButton: document.getElementById('findPrevious'),
findNextButton: document.getElementById('findNext'),
findController: this.findController
});
this.findController.setFindBar(this.findBar); this.findController.setFindBar(this.findBar);
@ -227,43 +220,13 @@ var PDFViewerApplication = {
this.handTool = new HandTool({ this.handTool = new HandTool({
container: container, container: container,
toggleHandTool: document.getElementById('toggleHandTool') toggleHandTool: appConfig.secondaryToolbar.toggleHandTool
}); });
this.pdfDocumentProperties = new PDFDocumentProperties({ this.pdfDocumentProperties =
overlayName: 'documentPropertiesOverlay', new PDFDocumentProperties(appConfig.documentProperties);
closeButton: document.getElementById('documentPropertiesClose'),
fields: {
'fileName': document.getElementById('fileNameField'),
'fileSize': document.getElementById('fileSizeField'),
'title': document.getElementById('titleField'),
'author': document.getElementById('authorField'),
'subject': document.getElementById('subjectField'),
'keywords': document.getElementById('keywordsField'),
'creationDate': document.getElementById('creationDateField'),
'modificationDate': document.getElementById('modificationDateField'),
'creator': document.getElementById('creatorField'),
'producer': document.getElementById('producerField'),
'version': document.getElementById('versionField'),
'pageCount': document.getElementById('pageCountField')
}
});
SecondaryToolbar.initialize({ SecondaryToolbar.initialize(appConfig.secondaryToolbar);
toolbar: document.getElementById('secondaryToolbar'),
toggleButton: document.getElementById('secondaryToolbarToggle'),
presentationModeButton:
document.getElementById('secondaryPresentationMode'),
openFile: document.getElementById('secondaryOpenFile'),
print: document.getElementById('secondaryPrint'),
download: document.getElementById('secondaryDownload'),
viewBookmark: document.getElementById('secondaryViewBookmark'),
firstPage: document.getElementById('firstPage'),
lastPage: document.getElementById('lastPage'),
pageRotateCw: document.getElementById('pageRotateCw'),
pageRotateCcw: document.getElementById('pageRotateCcw'),
documentPropertiesButton: document.getElementById('documentProperties')
});
this.secondaryToolbar = SecondaryToolbar; this.secondaryToolbar = SecondaryToolbar;
if (this.supportsFullscreen) { if (this.supportsFullscreen) {
@ -273,53 +236,36 @@ var PDFViewerApplication = {
viewer: viewer, viewer: viewer,
pdfViewer: this.pdfViewer, pdfViewer: this.pdfViewer,
contextMenuItems: [ contextMenuItems: [
{ element: document.getElementById('contextFirstPage'), { element: appConfig.fullscreen.contextFirstPage,
handler: toolbar.firstPageClick.bind(toolbar) }, handler: toolbar.firstPageClick.bind(toolbar) },
{ element: document.getElementById('contextLastPage'), { element: appConfig.fullscreen.contextLastPage,
handler: toolbar.lastPageClick.bind(toolbar) }, handler: toolbar.lastPageClick.bind(toolbar) },
{ element: document.getElementById('contextPageRotateCw'), { element: appConfig.fullscreen.contextPageRotateCw,
handler: toolbar.pageRotateCwClick.bind(toolbar) }, handler: toolbar.pageRotateCwClick.bind(toolbar) },
{ element: document.getElementById('contextPageRotateCcw'), { element: appConfig.fullscreen.contextPageRotateCcw,
handler: toolbar.pageRotateCcwClick.bind(toolbar) } handler: toolbar.pageRotateCcwClick.bind(toolbar) }
] ]
}); });
} }
this.passwordPrompt = new PasswordPrompt({ this.passwordPrompt = new PasswordPrompt(appConfig.passwordOverlay);
overlayName: 'passwordOverlay',
label: document.getElementById('passwordText'),
input: document.getElementById('password'),
submitButton: document.getElementById('passwordSubmit'),
cancelButton: document.getElementById('passwordCancel')
});
this.pdfOutlineViewer = new PDFOutlineViewer({ this.pdfOutlineViewer = new PDFOutlineViewer({
container: document.getElementById('outlineView'), container: appConfig.sidebar.outlineView,
linkService: pdfLinkService, linkService: pdfLinkService,
}); });
this.pdfAttachmentViewer = new PDFAttachmentViewer({ this.pdfAttachmentViewer = new PDFAttachmentViewer({
container: document.getElementById('attachmentsView'), container: appConfig.sidebar.attachmentsView,
downloadManager: new DownloadManager(), downloadManager: new DownloadManager(),
}); });
this.pdfSidebar = new PDFSidebar({ // FIXME better PDFSidebar constructor parameters
pdfViewer: this.pdfViewer, var sidebarConfig = Object.create(appConfig.sidebar);
pdfThumbnailViewer: this.pdfThumbnailViewer, sidebarConfig.pdfViewer = this.pdfViewer;
pdfOutlineViewer: this.pdfOutlineViewer, sidebarConfig.pdfThumbnailViewer = this.pdfThumbnailViewer;
// Divs (and sidebar button) sidebarConfig.pdfOutlineViewer = this.pdfOutlineViewer;
mainContainer: document.getElementById('mainContainer'), this.pdfSidebar = new PDFSidebar(sidebarConfig);
outerContainer: document.getElementById('outerContainer'),
toggleButton: document.getElementById('sidebarToggle'),
// Buttons
thumbnailButton: document.getElementById('viewThumbnail'),
outlineButton: document.getElementById('viewOutline'),
attachmentsButton: document.getElementById('viewAttachments'),
// Views
thumbnailView: document.getElementById('thumbnailView'),
outlineView: document.getElementById('outlineView'),
attachmentsView: document.getElementById('attachmentsView'),
});
this.pdfSidebar.onToggled = this.forceRendering.bind(this); this.pdfSidebar.onToggled = this.forceRendering.bind(this);
var self = this; var self = this;
@ -390,8 +336,8 @@ var PDFViewerApplication = {
}); });
}, },
run: function pdfViewRun() { run: function pdfViewRun(config) {
this.initialize().then(webViewerInitialized); this.initialize(config).then(webViewerInitialized);
}, },
zoomIn: function pdfViewZoomIn(ticks) { zoomIn: function pdfViewZoomIn(ticks) {
@ -592,7 +538,7 @@ var PDFViewerApplication = {
* destruction is completed. * destruction is completed.
*/ */
close: function pdfViewClose() { close: function pdfViewClose() {
var errorWrapper = document.getElementById('errorWrapper'); var errorWrapper = this.appConfig.errorWrapper.container;
errorWrapper.setAttribute('hidden', 'true'); errorWrapper.setAttribute('hidden', 'true');
if (!this.pdfLoadingTask) { if (!this.pdfLoadingTask) {
@ -826,20 +772,21 @@ var PDFViewerApplication = {
} }
//#if !(FIREFOX || MOZCENTRAL) //#if !(FIREFOX || MOZCENTRAL)
var errorWrapper = document.getElementById('errorWrapper'); var errorWrapperConfig = this.appConfig.errorWrapper;
var errorWrapper = errorWrapperConfig.container;
errorWrapper.removeAttribute('hidden'); errorWrapper.removeAttribute('hidden');
var errorMessage = document.getElementById('errorMessage'); var errorMessage = errorWrapperConfig.errorMessage;
errorMessage.textContent = message; errorMessage.textContent = message;
var closeButton = document.getElementById('errorClose'); var closeButton = errorWrapperConfig.closeButton;
closeButton.onclick = function() { closeButton.onclick = function() {
errorWrapper.setAttribute('hidden', 'true'); errorWrapper.setAttribute('hidden', 'true');
}; };
var errorMoreInfo = document.getElementById('errorMoreInfo'); var errorMoreInfo = errorWrapperConfig.errorMoreInfo;
var moreInfoButton = document.getElementById('errorShowMore'); var moreInfoButton = errorWrapperConfig.moreInfoButton;
var lessInfoButton = document.getElementById('errorShowLess'); var lessInfoButton = errorWrapperConfig.lessInfoButton;
moreInfoButton.onclick = function() { moreInfoButton.onclick = function() {
errorMoreInfo.removeAttribute('hidden'); errorMoreInfo.removeAttribute('hidden');
moreInfoButton.setAttribute('hidden', 'true'); moreInfoButton.setAttribute('hidden', 'true');
@ -906,9 +853,10 @@ var PDFViewerApplication = {
}); });
var pagesCount = pdfDocument.numPages; var pagesCount = pdfDocument.numPages;
document.getElementById('numPages').textContent = var toolbarConfig = this.appConfig.toolbar;
toolbarConfig.numPages.textContent =
mozL10n.get('page_of', {pageCount: pagesCount}, 'of {{pageCount}}'); mozL10n.get('page_of', {pageCount: pagesCount}, 'of {{pageCount}}');
document.getElementById('pageNumber').max = pagesCount; toolbarConfig.pageNumber.max = pagesCount;
var id = this.documentFingerprint = pdfDocument.fingerprint; var id = this.documentFingerprint = pdfDocument.fingerprint;
var store = this.store = new ViewHistory(id); var store = this.store = new ViewHistory(id);
@ -942,7 +890,7 @@ var PDFViewerApplication = {
window.dispatchEvent(event); window.dispatchEvent(event);
}); });
self.loadingBar.setWidth(document.getElementById('viewer')); self.loadingBar.setWidth(self.appConfig.viewerContainer);
if (!pdfjsLib.PDFJS.disableHistory && !self.isViewerEmbedded) { if (!pdfjsLib.PDFJS.disableHistory && !self.isViewerEmbedded) {
// The browsing history is only enabled when the viewer is standalone, // The browsing history is only enabled when the viewer is standalone,
@ -1126,8 +1074,7 @@ var PDFViewerApplication = {
// When opening a new file, when one is already loaded in the viewer, // When opening a new file, when one is already loaded in the viewer,
// ensure that the 'pageNumber' element displays the correct value. // ensure that the 'pageNumber' element displays the correct value.
document.getElementById('pageNumber').value = this.appConfig.toolbar.pageNumber.value = this.pdfViewer.currentPageNumber;
this.pdfViewer.currentPageNumber;
this.pdfSidebar.setInitialView(this.preferenceSidebarViewOnLoad || this.pdfSidebar.setInitialView(this.preferenceSidebarViewOnLoad ||
(sidebarView | 0)); (sidebarView | 0));
@ -1199,6 +1146,7 @@ var PDFViewerApplication = {
this.printing = true; this.printing = true;
this.forceRendering(); this.forceRendering();
var printContainer = this.appConfig.printContainer;
var body = document.querySelector('body'); var body = document.querySelector('body');
body.setAttribute('data-mozPrintCallback', true); body.setAttribute('data-mozPrintCallback', true);
@ -1227,7 +1175,7 @@ var PDFViewerApplication = {
body.appendChild(this.pageStyleSheet); body.appendChild(this.pageStyleSheet);
for (i = 0, ii = this.pagesCount; i < ii; ++i) { for (i = 0, ii = this.pagesCount; i < ii; ++i) {
this.pdfViewer.getPageView(i).beforePrint(); this.pdfViewer.getPageView(i).beforePrint(printContainer);
} }
//#if !PRODUCTION //#if !PRODUCTION
@ -1256,7 +1204,7 @@ var PDFViewerApplication = {
}, },
afterPrint: function pdfViewSetupAfterPrint() { afterPrint: function pdfViewSetupAfterPrint() {
var div = document.getElementById('printContainer'); var div = this.appConfig.printContainer;
while (div.hasChildNodes()) { while (div.hasChildNodes()) {
div.removeChild(div.lastChild); div.removeChild(div.lastChild);
} }
@ -1344,23 +1292,25 @@ function webViewerInitialized() {
//var file = DEFAULT_URL; //var file = DEFAULT_URL;
//#endif //#endif
var appConfig = PDFViewerApplication.appConfig;
//#if GENERIC //#if GENERIC
var fileInput = document.createElement('input'); var fileInput = document.createElement('input');
fileInput.id = 'fileInput'; fileInput.id = appConfig.openFileInputName;
fileInput.className = 'fileInput'; fileInput.className = 'fileInput';
fileInput.setAttribute('type', 'file'); fileInput.setAttribute('type', 'file');
fileInput.oncontextmenu = noContextMenuHandler; fileInput.oncontextmenu = noContextMenuHandler;
document.body.appendChild(fileInput); document.body.appendChild(fileInput);
if (!window.File || !window.FileReader || !window.FileList || !window.Blob) { if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
document.getElementById('openFile').setAttribute('hidden', 'true'); appConfig.toolbar.openFile.setAttribute('hidden', 'true');
document.getElementById('secondaryOpenFile').setAttribute('hidden', 'true'); appConfig.secondaryToolbar.openFile.setAttribute('hidden', 'true');
} else { } else {
document.getElementById('fileInput').value = null; fileInput.value = null;
} }
//#else //#else
//document.getElementById('openFile').setAttribute('hidden', 'true'); //appConfig.toolbar.openFile.setAttribute('hidden', 'true');
//document.getElementById('secondaryOpenFile').setAttribute('hidden', 'true'); //appConfig.secondaryToolbar.openFile.setAttribute('hidden', 'true');
//#endif //#endif
var PDFJS = pdfjsLib.PDFJS; var PDFJS = pdfjsLib.PDFJS;
@ -1424,7 +1374,7 @@ function webViewerInitialized() {
case 'visible': case 'visible':
case 'shadow': case 'shadow':
case 'hover': case 'hover':
var viewer = document.getElementById('viewer'); var viewer = appConfig.viewerContainer;
viewer.classList.add('textLayer-' + hashParams['textlayer']); viewer.classList.add('textLayer-' + hashParams['textlayer']);
break; break;
} }
@ -1434,7 +1384,7 @@ function webViewerInitialized() {
var pdfBug = hashParams['pdfbug']; var pdfBug = hashParams['pdfbug'];
var enabled = pdfBug.split(','); var enabled = pdfBug.split(',');
PDFBug.enable(enabled); PDFBug.enable(enabled);
PDFBug.init(pdfjsLib); PDFBug.init(pdfjsLib, appConfig.mainContainer);
} }
} }
@ -1450,24 +1400,23 @@ function webViewerInitialized() {
//#endif //#endif
if (!PDFViewerApplication.supportsPrinting) { if (!PDFViewerApplication.supportsPrinting) {
document.getElementById('print').classList.add('hidden'); appConfig.toolbar.print.classList.add('hidden');
document.getElementById('secondaryPrint').classList.add('hidden'); appConfig.secondaryToolbar.print.classList.add('hidden');
} }
if (!PDFViewerApplication.supportsFullscreen) { if (!PDFViewerApplication.supportsFullscreen) {
document.getElementById('presentationMode').classList.add('hidden'); appConfig.toolbar.presentationModeButton.classList.add('hidden');
document.getElementById('secondaryPresentationMode'). appConfig.secondaryToolbar.presentationModeButton.classList.add('hidden');
classList.add('hidden');
} }
if (PDFViewerApplication.supportsIntegratedFind) { if (PDFViewerApplication.supportsIntegratedFind) {
document.getElementById('viewFind').classList.add('hidden'); appConfig.toolbar.viewFind.classList.add('hidden');
} }
// Suppress context menus for some controls // Suppress context menus for some controls
document.getElementById('scaleSelect').oncontextmenu = noContextMenuHandler; appConfig.toolbar.scaleSelect.oncontextmenu = noContextMenuHandler;
document.getElementById('mainContainer').addEventListener('transitionend', appConfig.sidebar.mainContainer.addEventListener('transitionend',
function(e) { function(e) {
if (e.target === /* mainContainer */ this) { if (e.target === /* mainContainer */ this) {
var event = document.createEvent('UIEvents'); var event = document.createEvent('UIEvents');
@ -1476,36 +1425,36 @@ function webViewerInitialized() {
} }
}, true); }, true);
document.getElementById('sidebarToggle').addEventListener('click', appConfig.sidebar.toggleButton.addEventListener('click',
function() { function() {
PDFViewerApplication.pdfSidebar.toggle(); PDFViewerApplication.pdfSidebar.toggle();
}); });
document.getElementById('previous').addEventListener('click', appConfig.toolbar.previous.addEventListener('click',
function() { function() {
PDFViewerApplication.page--; PDFViewerApplication.page--;
}); });
document.getElementById('next').addEventListener('click', appConfig.toolbar.next.addEventListener('click',
function() { function() {
PDFViewerApplication.page++; PDFViewerApplication.page++;
}); });
document.getElementById('zoomIn').addEventListener('click', appConfig.toolbar.zoomIn.addEventListener('click',
function() { function() {
PDFViewerApplication.zoomIn(); PDFViewerApplication.zoomIn();
}); });
document.getElementById('zoomOut').addEventListener('click', appConfig.toolbar.zoomOut.addEventListener('click',
function() { function() {
PDFViewerApplication.zoomOut(); PDFViewerApplication.zoomOut();
}); });
document.getElementById('pageNumber').addEventListener('click', function() { appConfig.toolbar.pageNumber.addEventListener('click', function() {
this.select(); this.select();
}); });
document.getElementById('pageNumber').addEventListener('change', function() { appConfig.toolbar.pageNumber.addEventListener('change', function() {
// Handle the user inputting a floating point number. // Handle the user inputting a floating point number.
PDFViewerApplication.page = (this.value | 0); PDFViewerApplication.page = (this.value | 0);
@ -1514,23 +1463,23 @@ function webViewerInitialized() {
} }
}); });
document.getElementById('scaleSelect').addEventListener('change', function() { appConfig.toolbar.scaleSelect.addEventListener('change', function() {
if (this.value === 'custom') { if (this.value === 'custom') {
return; return;
} }
PDFViewerApplication.pdfViewer.currentScaleValue = this.value; PDFViewerApplication.pdfViewer.currentScaleValue = this.value;
}); });
document.getElementById('presentationMode').addEventListener('click', appConfig.toolbar.presentationModeButton.addEventListener('click',
SecondaryToolbar.presentationModeClick.bind(SecondaryToolbar)); SecondaryToolbar.presentationModeClick.bind(SecondaryToolbar));
document.getElementById('openFile').addEventListener('click', appConfig.toolbar.openFile.addEventListener('click',
SecondaryToolbar.openFileClick.bind(SecondaryToolbar)); SecondaryToolbar.openFileClick.bind(SecondaryToolbar));
document.getElementById('print').addEventListener('click', appConfig.toolbar.print.addEventListener('click',
SecondaryToolbar.printClick.bind(SecondaryToolbar)); SecondaryToolbar.printClick.bind(SecondaryToolbar));
document.getElementById('download').addEventListener('click', appConfig.toolbar.download.addEventListener('click',
SecondaryToolbar.downloadClick.bind(SecondaryToolbar)); SecondaryToolbar.downloadClick.bind(SecondaryToolbar));
//#if (FIREFOX || MOZCENTRAL) //#if (FIREFOX || MOZCENTRAL)
@ -1595,7 +1544,7 @@ document.addEventListener('pagerendered', function (e) {
// If the page is still visible when it has finished rendering, // If the page is still visible when it has finished rendering,
// ensure that the page number input loading indicator is hidden. // ensure that the page number input loading indicator is hidden.
if (pageNumber === PDFViewerApplication.page) { if (pageNumber === PDFViewerApplication.page) {
var pageNumberInput = document.getElementById('pageNumber'); var pageNumberInput = PDFViewerApplication.appConfig.toolbar.pageNumber;
pageNumberInput.classList.remove(PAGE_NUMBER_LOADING_INDICATOR); pageNumberInput.classList.remove(PAGE_NUMBER_LOADING_INDICATOR);
} }
@ -1676,7 +1625,7 @@ document.addEventListener('namedaction', function (e) {
var action = e.detail.action; var action = e.detail.action;
switch (action) { switch (action) {
case 'GoToPage': case 'GoToPage':
document.getElementById('pageNumber').focus(); PDFViewerApplication.appConfig.toolbar.pageNumber.focus();
break; break;
case 'Find': case 'Find':
@ -1731,15 +1680,15 @@ window.addEventListener('updateviewarea', function (evt) {
} }
var href = var href =
PDFViewerApplication.pdfLinkService.getAnchorUrl(location.pdfOpenParams); PDFViewerApplication.pdfLinkService.getAnchorUrl(location.pdfOpenParams);
document.getElementById('viewBookmark').href = href; PDFViewerApplication.appConfig.toolbar.viewBookmark.href = href;
document.getElementById('secondaryViewBookmark').href = href; PDFViewerApplication.appConfig.secondaryToolbar.viewBookmark.href = href;
// Update the current bookmark in the browsing history. // Update the current bookmark in the browsing history.
PDFViewerApplication.pdfHistory.updateCurrentBookmark(location.pdfOpenParams, PDFViewerApplication.pdfHistory.updateCurrentBookmark(location.pdfOpenParams,
location.pageNumber); location.pageNumber);
// Show/hide the loading indicator in the page number input element. // Show/hide the loading indicator in the page number input element.
var pageNumberInput = document.getElementById('pageNumber'); var pageNumberInput = PDFViewerApplication.appConfig.toolbar.pageNumber;
var currentPage = var currentPage =
PDFViewerApplication.pdfViewer.getPageView(PDFViewerApplication.page - 1); PDFViewerApplication.pdfViewer.getPageView(PDFViewerApplication.page - 1);
@ -1768,7 +1717,7 @@ window.addEventListener('resize', function webViewerResize(evt) {
} }
// Set the 'max-height' CSS property of the secondary toolbar. // Set the 'max-height' CSS property of the secondary toolbar.
SecondaryToolbar.setMaxHeight(document.getElementById('viewerContainer')); SecondaryToolbar.setMaxHeight(PDFViewerApplication.appConfig.mainContainer);
}); });
window.addEventListener('hashchange', function webViewerHashchange(evt) { window.addEventListener('hashchange', function webViewerHashchange(evt) {
@ -1810,16 +1759,16 @@ window.addEventListener('change', function webViewerChange(evt) {
PDFViewerApplication.setTitleUsingUrl(file.name); PDFViewerApplication.setTitleUsingUrl(file.name);
// URL does not reflect proper document location - hiding some icons. // URL does not reflect proper document location - hiding some icons.
document.getElementById('viewBookmark').setAttribute('hidden', 'true'); var appConfig = PDFViewerApplication.appConfig;
document.getElementById('secondaryViewBookmark'). appConfig.toolbar.viewBookmark.setAttribute('hidden', 'true');
setAttribute('hidden', 'true'); appConfig.secondaryToolbar.viewBookmark.setAttribute('hidden', 'true');
document.getElementById('download').setAttribute('hidden', 'true'); appConfig.toolbar.download.setAttribute('hidden', 'true');
document.getElementById('secondaryDownload').setAttribute('hidden', 'true'); appConfig.secondaryToolbar.download.setAttribute('hidden', 'true');
}, true); }, true);
//#endif //#endif
function selectScaleOption(value) { function selectScaleOption(value) {
var options = document.getElementById('scaleSelect').options; var options = PDFViewerApplication.appConfig.toolbar.scaleSelect.options;
var predefinedValueFound = false; var predefinedValueFound = false;
for (var i = 0, ii = options.length; i < ii; i++) { for (var i = 0, ii = options.length; i < ii; i++) {
var option = options[i]; var option = options[i];
@ -1840,12 +1789,12 @@ window.addEventListener('localized', function localized(evt) {
// Adjust the width of the zoom box to fit the content. // Adjust the width of the zoom box to fit the content.
// Note: If the window is narrow enough that the zoom box is not visible, // Note: If the window is narrow enough that the zoom box is not visible,
// we temporarily show it to be able to adjust its width. // we temporarily show it to be able to adjust its width.
var container = document.getElementById('scaleSelectContainer'); var container = PDFViewerApplication.appConfig.toolbar.scaleSelectContainer;
if (container.clientWidth === 0) { if (container.clientWidth === 0) {
container.setAttribute('style', 'display: inherit;'); container.setAttribute('style', 'display: inherit;');
} }
if (container.clientWidth > 0) { if (container.clientWidth > 0) {
var select = document.getElementById('scaleSelect'); var select = PDFViewerApplication.appConfig.toolbar.scaleSelect;
select.setAttribute('style', 'min-width: inherit;'); select.setAttribute('style', 'min-width: inherit;');
var width = select.clientWidth + SCALE_SELECT_CONTAINER_PADDING; var width = select.clientWidth + SCALE_SELECT_CONTAINER_PADDING;
select.setAttribute('style', 'min-width: ' + select.setAttribute('style', 'min-width: ' +
@ -1855,19 +1804,20 @@ window.addEventListener('localized', function localized(evt) {
} }
// Set the 'max-height' CSS property of the secondary toolbar. // Set the 'max-height' CSS property of the secondary toolbar.
SecondaryToolbar.setMaxHeight(document.getElementById('viewerContainer')); SecondaryToolbar.setMaxHeight(PDFViewerApplication.appConfig.mainContainer);
}); });
}, true); }, true);
window.addEventListener('scalechange', function scalechange(evt) { window.addEventListener('scalechange', function scalechange(evt) {
document.getElementById('zoomOut').disabled = (evt.scale === MIN_SCALE); var appConfig = PDFViewerApplication.appConfig;
document.getElementById('zoomIn').disabled = (evt.scale === MAX_SCALE); appConfig.toolbar.zoomOut.disabled = (evt.scale === MIN_SCALE);
appConfig.toolbar.zoomIn.disabled = (evt.scale === MAX_SCALE);
// Update the 'scaleSelect' DOM element. // Update the 'scaleSelect' DOM element.
var predefinedValueFound = selectScaleOption(evt.presetValue || var predefinedValueFound = selectScaleOption(evt.presetValue ||
'' + evt.scale); '' + evt.scale);
if (!predefinedValueFound) { if (!predefinedValueFound) {
var customScaleOption = document.getElementById('customScaleOption'); var customScaleOption = appConfig.toolbar.customScaleOption;
var customScale = Math.round(evt.scale * 10000) / 100; var customScale = Math.round(evt.scale * 10000) / 100;
customScaleOption.textContent = customScaleOption.textContent =
mozL10n.get('page_scale_percent', { scale: customScale }, '{{scale}}%'); mozL10n.get('page_scale_percent', { scale: customScale }, '{{scale}}%');
@ -1882,7 +1832,7 @@ window.addEventListener('scalechange', function scalechange(evt) {
window.addEventListener('pagechange', function pagechange(evt) { window.addEventListener('pagechange', function pagechange(evt) {
var page = evt.pageNumber; var page = evt.pageNumber;
if (evt.previousPageNumber !== page) { if (evt.previousPageNumber !== page) {
document.getElementById('pageNumber').value = page; PDFViewerApplication.appConfig.toolbar.pageNumber.value = page;
if (PDFViewerApplication.pdfSidebar.isThumbnailViewVisible) { if (PDFViewerApplication.pdfSidebar.isThumbnailViewVisible) {
PDFViewerApplication.pdfThumbnailViewer.scrollThumbnailIntoView(page); PDFViewerApplication.pdfThumbnailViewer.scrollThumbnailIntoView(page);
@ -1890,11 +1840,11 @@ window.addEventListener('pagechange', function pagechange(evt) {
} }
var numPages = PDFViewerApplication.pagesCount; var numPages = PDFViewerApplication.pagesCount;
document.getElementById('previous').disabled = (page <= 1); PDFViewerApplication.appConfig.toolbar.previous.disabled = (page <= 1);
document.getElementById('next').disabled = (page >= numPages); PDFViewerApplication.appConfig.toolbar.next.disabled = (page >= numPages);
document.getElementById('firstPage').disabled = (page <= 1); PDFViewerApplication.appConfig.toolbar.firstPage.disabled = (page <= 1);
document.getElementById('lastPage').disabled = (page >= numPages); PDFViewerApplication.appConfig.toolbar.lastPage.disabled = (page >= numPages);
// we need to update stats // we need to update stats
if (pdfjsLib.PDFJS.pdfBug && Stats.enabled) { if (pdfjsLib.PDFJS.pdfBug && Stats.enabled) {
@ -2049,7 +1999,7 @@ window.addEventListener('keydown', function keydown(evt) {
break; break;
case 71: // g case 71: // g
// focuses input#pageNumber field // focuses input#pageNumber field
document.getElementById('pageNumber').select(); PDFViewerApplication.appConfig.toolbar.pageNumber.select();
handled = true; handled = true;
break; break;
} }

4
web/chromecom.js
Unescape View File

@ -212,7 +212,9 @@
} }
if (!chromeFileAccessOverlayPromise) { if (!chromeFileAccessOverlayPromise) {
chromeFileAccessOverlayPromise = OverlayManager.register( chromeFileAccessOverlayPromise = OverlayManager.register(
'chromeFileAccessOverlay', onCloseOverlay, true); 'chromeFileAccessOverlay',
document.getElementById('chromeFileAccessOverlay'),
onCloseOverlay, true);
} }
chromeFileAccessOverlayPromise.then(function() { chromeFileAccessOverlayPromise.then(function() {
var iconPath = chrome.runtime.getManifest().icons[48]; var iconPath = chrome.runtime.getManifest().icons[48];

3
web/debugger.js
Unescape View File

@ -531,7 +531,7 @@ var PDFBug = (function PDFBugClosure() {
}); });
} }
}, },
init: function init(pdfjsLib) { init: function init(pdfjsLib, container) {
/* /*
* Basic Layout: * Basic Layout:
* PDFBug * PDFBug
@ -552,7 +552,6 @@ var PDFBug = (function PDFBugClosure() {
panels.setAttribute('class', 'panels'); panels.setAttribute('class', 'panels');
ui.appendChild(panels); ui.appendChild(panels);
var container = document.getElementById('viewerContainer');
container.appendChild(ui); container.appendChild(ui);
container.style.right = panelWidth + 'px'; container.style.right = panelWidth + 'px';

11
web/overlay_manager.js
Unescape View File

@ -30,8 +30,8 @@ var OverlayManager = {
active: null, active: null,
/** /**
* @param {string} name The name of the overlay that is registered. This must * @param {string} name The name of the overlay that is registered.
* be equal to the ID of the overlay's DOM element. * @param {HTMLDivElement} element The overlay's DOM element.
* @param {function} callerCloseMethod (optional) The method that, if present, * @param {function} callerCloseMethod (optional) The method that, if present,
* will call OverlayManager.close from the Object * will call OverlayManager.close from the Object
* registering the overlay. Access to this method is * registering the overlay. Access to this method is
@ -42,12 +42,11 @@ var OverlayManager = {
* @returns {Promise} A promise that is resolved when the overlay has been * @returns {Promise} A promise that is resolved when the overlay has been
* registered. * registered.
*/ */
register: function overlayManagerRegister(name, register: function overlayManagerRegister(name, element,
callerCloseMethod, canForceClose) { callerCloseMethod, canForceClose) {
return new Promise(function (resolve) { return new Promise(function (resolve) {
var element, container; var container;
if (!name || !(element = document.getElementById(name)) || if (!name || !element || !(container = element.parentNode)) {
!(container = element.parentNode)) {
throw new Error('Not enough parameters.'); throw new Error('Not enough parameters.');
} else if (this.overlays[name]) { } else if (this.overlays[name]) {
throw new Error('The overlay is already registered.'); throw new Error('The overlay is already registered.');

5
web/password_prompt.js
Unescape View File

@ -35,6 +35,7 @@ var OverlayManager = overlayManager.OverlayManager;
/** /**
* @typedef {Object} PasswordPromptOptions * @typedef {Object} PasswordPromptOptions
* @property {string} overlayName - Name of the overlay for the overlay manager. * @property {string} overlayName - Name of the overlay for the overlay manager.
* @property {HTMLDivElement} container - Div container for the overlay.
* @property {HTMLParagraphElement} label - Label containing instructions for * @property {HTMLParagraphElement} label - Label containing instructions for
* entering the password. * entering the password.
* @property {HTMLInputElement} input - Input field for entering the password. * @property {HTMLInputElement} input - Input field for entering the password.
@ -54,6 +55,7 @@ var PasswordPrompt = (function PasswordPromptClosure() {
*/ */
function PasswordPrompt(options) { function PasswordPrompt(options) {
this.overlayName = options.overlayName; this.overlayName = options.overlayName;
this.container = options.container;
this.label = options.label; this.label = options.label;
this.input = options.input; this.input = options.input;
this.submitButton = options.submitButton; this.submitButton = options.submitButton;
@ -71,7 +73,8 @@ var PasswordPrompt = (function PasswordPromptClosure() {
} }
}.bind(this)); }.bind(this));
OverlayManager.register(this.overlayName, this.close.bind(this), true); OverlayManager.register(this.overlayName, this.container,
this.close.bind(this), true);
} }
PasswordPrompt.prototype = { PasswordPrompt.prototype = {

4
web/pdf_document_properties.js
Unescape View File

@ -49,6 +49,7 @@ var PDFDocumentProperties = (function PDFDocumentPropertiesClosure() {
function PDFDocumentProperties(options) { function PDFDocumentProperties(options) {
this.fields = options.fields; this.fields = options.fields;
this.overlayName = options.overlayName; this.overlayName = options.overlayName;
this.container = options.container;
this.rawFileSize = 0; this.rawFileSize = 0;
this.url = null; this.url = null;
@ -63,7 +64,8 @@ var PDFDocumentProperties = (function PDFDocumentPropertiesClosure() {
this.resolveDataAvailable = resolve; this.resolveDataAvailable = resolve;
}.bind(this)); }.bind(this));
OverlayManager.register(this.overlayName, this.close.bind(this)); OverlayManager.register(this.overlayName, this.container,
this.close.bind(this));
} }
PDFDocumentProperties.prototype = { PDFDocumentProperties.prototype = {

3
web/pdf_page_view.js
Unescape View File

@ -526,7 +526,7 @@ var PDFPageView = (function PDFPageViewClosure() {
return promise; return promise;
}, },
beforePrint: function PDFPageView_beforePrint() { beforePrint: function PDFPageView_beforePrint(printContainer) {
var CustomStyle = pdfjsLib.CustomStyle; var CustomStyle = pdfjsLib.CustomStyle;
var pdfPage = this.pdfPage; var pdfPage = this.pdfPage;
@ -548,7 +548,6 @@ var PDFPageView = (function PDFPageViewClosure() {
CustomStyle.setProp('transform' , canvas, cssScale); CustomStyle.setProp('transform' , canvas, cssScale);
CustomStyle.setProp('transformOrigin' , canvas, '0% 0%'); CustomStyle.setProp('transformOrigin' , canvas, '0% 0%');
var printContainer = document.getElementById('printContainer');
var canvasWrapper = document.createElement('div'); var canvasWrapper = document.createElement('div');
canvasWrapper.appendChild(canvas); canvasWrapper.appendChild(canvas);
printContainer.appendChild(canvasWrapper); printContainer.appendChild(canvasWrapper);

3
web/secondary_toolbar.js
Unescape View File

@ -88,7 +88,8 @@ var SecondaryToolbar = {
}, },
openFileClick: function secondaryToolbarOpenFileClick(evt) { openFileClick: function secondaryToolbarOpenFileClick(evt) {
document.getElementById('fileInput').click(); var openFileInputName = PDFViewerApplication.appConfig.openFileInputName;
document.getElementById(openFileInputName).click();
this.close(); this.close();
}, },

117
web/viewer.js
Unescape View File

@ -50,16 +50,129 @@ var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf';
//})(); //})();
//#endif //#endif
function getViewerConfiguration() {
return {
appContainer: document.body,
mainContainer: document.getElementById('viewerContainer'),
viewerContainer: document.getElementById('viewer'),
toolbar: {
numPages: document.getElementById('numPages'),
pageNumber: document.getElementById('pageNumber'),
scaleSelectContainer: document.getElementById('scaleSelectContainer'),
scaleSelect: document.getElementById('scaleSelect'),
customScaleOption: document.getElementById('customScaleOption'),
previous: document.getElementById('previous'),
next: document.getElementById('next'),
firstPage: document.getElementById('firstPage'),
lastPage: document.getElementById('lastPage'),
zoomIn: document.getElementById('zoomIn'),
zoomOut: document.getElementById('zoomOut'),
viewFind: document.getElementById('viewFind'),
openFile: document.getElementById('openFile'),
print: document.getElementById('print'),
presentationModeButton: document.getElementById('presentationMode'),
download: document.getElementById('download'),
viewBookmark: document.getElementById('viewBookmark'),
},
secondaryToolbar: {
toolbar: document.getElementById('secondaryToolbar'),
toggleButton: document.getElementById('secondaryToolbarToggle'),
presentationModeButton:
document.getElementById('secondaryPresentationMode'),
openFile: document.getElementById('secondaryOpenFile'),
print: document.getElementById('secondaryPrint'),
download: document.getElementById('secondaryDownload'),
viewBookmark: document.getElementById('secondaryViewBookmark'),
firstPage: document.getElementById('firstPage'),
lastPage: document.getElementById('lastPage'),
pageRotateCw: document.getElementById('pageRotateCw'),
pageRotateCcw: document.getElementById('pageRotateCcw'),
documentPropertiesButton: document.getElementById('documentProperties'),
toggleHandTool: document.getElementById('toggleHandTool'),
},
fullscreen: {
contextFirstPage: document.getElementById('contextFirstPage'),
contextLastPage: document.getElementById('contextLastPage'),
contextPageRotateCw: document.getElementById('contextPageRotateCw'),
contextPageRotateCcw: document.getElementById('contextPageRotateCcw'),
},
sidebar: {
// Divs (and sidebar button)
mainContainer: document.getElementById('mainContainer'),
outerContainer: document.getElementById('outerContainer'),
toggleButton: document.getElementById('sidebarToggle'),
// Buttons
thumbnailButton: document.getElementById('viewThumbnail'),
outlineButton: document.getElementById('viewOutline'),
attachmentsButton: document.getElementById('viewAttachments'),
// Views
thumbnailView: document.getElementById('thumbnailView'),
outlineView: document.getElementById('outlineView'),
attachmentsView: document.getElementById('attachmentsView'),
},
findBar: {
bar: document.getElementById('findbar'),
toggleButton: document.getElementById('viewFind'),
findField: document.getElementById('findInput'),
highlightAllCheckbox: document.getElementById('findHighlightAll'),
caseSensitiveCheckbox: document.getElementById('findMatchCase'),
findMsg: document.getElementById('findMsg'),
findResultsCount: document.getElementById('findResultsCount'),
findStatusIcon: document.getElementById('findStatusIcon'),
findPreviousButton: document.getElementById('findPrevious'),
findNextButton: document.getElementById('findNext')
},
passwordOverlay: {
overlayName: 'passwordOverlay',
container: document.getElementById('passwordOverlay'),
label: document.getElementById('passwordText'),
input: document.getElementById('password'),
submitButton: document.getElementById('passwordSubmit'),
cancelButton: document.getElementById('passwordCancel')
},
documentProperties: {
overlayName: 'documentPropertiesOverlay',
container: document.getElementById('documentPropertiesOverlay'),
closeButton: document.getElementById('documentPropertiesClose'),
fields: {
'fileName': document.getElementById('fileNameField'),
'fileSize': document.getElementById('fileSizeField'),
'title': document.getElementById('titleField'),
'author': document.getElementById('authorField'),
'subject': document.getElementById('subjectField'),
'keywords': document.getElementById('keywordsField'),
'creationDate': document.getElementById('creationDateField'),
'modificationDate': document.getElementById('modificationDateField'),
'creator': document.getElementById('creatorField'),
'producer': document.getElementById('producerField'),
'version': document.getElementById('versionField'),
'pageCount': document.getElementById('pageCountField')
}
},
errorWrapper: {
container: document.getElementById('errorWrapper'),
errorMessage: document.getElementById('errorMessage'),
closeButton: document.getElementById('errorClose'),
errorMoreInfo: document.getElementById('errorMoreInfo'),
moreInfoButton: document.getElementById('errorShowMore'),
lessInfoButton: document.getElementById('errorShowLess'),
},
printContainer: document.getElementById('printContainer'),
openFileInputName: 'fileInput',
};
}
function webViewerLoad() { function webViewerLoad() {
var config = getViewerConfiguration();
//#if !PRODUCTION //#if !PRODUCTION
require.config({paths: {'pdfjs': '../src', 'pdfjs-web': '.'}}); require.config({paths: {'pdfjs': '../src', 'pdfjs-web': '.'}});
require(['pdfjs-web/app'], function (web) { require(['pdfjs-web/app'], function (web) {
window.PDFViewerApplication = web.PDFViewerApplication; window.PDFViewerApplication = web.PDFViewerApplication;
web.PDFViewerApplication.run(); web.PDFViewerApplication.run(config);
}); });
//#else //#else
//window.PDFViewerApplication = pdfjsWebLibs.pdfjsWebApp.PDFViewerApplication; //window.PDFViewerApplication = pdfjsWebLibs.pdfjsWebApp.PDFViewerApplication;
//pdfjsWebLibs.pdfjsWebApp.PDFViewerApplication.run(); //pdfjsWebLibs.pdfjsWebApp.PDFViewerApplication.run(config);
//#endif //#endif
} }

Write Preview
Loading…
Cancel
Save