/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ /* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ /* Copyright 2012 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* globals scrollIntoView, HandTool, PDFViewerApplication */ 'use strict'; var DELAY_BEFORE_HIDING_CONTROLS = 3000; // in ms var SELECTOR = 'presentationControls'; var DELAY_BEFORE_RESETTING_SWITCH_IN_PROGRESS = 1000; // in ms var PresentationMode = { active: false, args: null, contextMenuOpen: false, //#if (GENERIC || CHROME) prevCoords: { x: null, y: null }, //#endif initialize: function presentationModeInitialize(options) { this.container = options.container; this.secondaryToolbar = options.secondaryToolbar; this.viewer = this.container.firstElementChild; this.firstPage = options.firstPage; this.lastPage = options.lastPage; this.pageRotateCw = options.pageRotateCw; this.pageRotateCcw = options.pageRotateCcw; this.firstPage.addEventListener('click', function() { this.contextMenuOpen = false; this.secondaryToolbar.firstPageClick(); }.bind(this)); this.lastPage.addEventListener('click', function() { this.contextMenuOpen = false; this.secondaryToolbar.lastPageClick(); }.bind(this)); this.pageRotateCw.addEventListener('click', function() { this.contextMenuOpen = false; this.secondaryToolbar.pageRotateCwClick(); }.bind(this)); this.pageRotateCcw.addEventListener('click', function() { this.contextMenuOpen = false; this.secondaryToolbar.pageRotateCcwClick(); }.bind(this)); }, get isFullscreen() { return (document.fullscreenElement || document.mozFullScreen || document.webkitIsFullScreen || document.msFullscreenElement); }, /** * Initialize a timeout that is used to specify switchInProgress when the * browser transitions to fullscreen mode. Since resize events are triggered * multiple times during the switch to fullscreen mode, this is necessary in * order to prevent the page from being scrolled partially, or completely, * out of view when Presentation Mode is enabled. * Note: This is only an issue at certain zoom levels, e.g. 'page-width'. */ _setSwitchInProgress: function presentationMode_setSwitchInProgress() { if (this.switchInProgress) { clearTimeout(this.switchInProgress); } this.switchInProgress = setTimeout(function switchInProgressTimeout() { delete this.switchInProgress; this._notifyStateChange(); }.bind(this), DELAY_BEFORE_RESETTING_SWITCH_IN_PROGRESS); }, _resetSwitchInProgress: function presentationMode_resetSwitchInProgress() { if (this.switchInProgress) { clearTimeout(this.switchInProgress); delete this.switchInProgress; } }, request: function presentationModeRequest() { if (!PDFViewerApplication.supportsFullscreen || this.isFullscreen || !this.viewer.hasChildNodes()) { return false; } this._setSwitchInProgress(); this._notifyStateChange(); if (this.container.requestFullscreen) { this.container.requestFullscreen(); } else if (this.container.mozRequestFullScreen) { this.container.mozRequestFullScreen(); } else if (this.container.webkitRequestFullScreen) { this.container.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } else if (this.container.msRequestFullscreen) { this.container.msRequestFullscreen(); } else { return false; } this.args = { page: PDFViewerApplication.page, previousScale: PDFViewerApplication.currentScaleValue }; return true; }, _notifyStateChange: function presentationModeNotifyStateChange() { var event = document.createEvent('CustomEvent'); event.initCustomEvent('presentationmodechanged', true, true, { active: PresentationMode.active, switchInProgress: !!PresentationMode.switchInProgress }); window.dispatchEvent(event); }, enter: function presentationModeEnter() { this.active = true; this._resetSwitchInProgress(); this._notifyStateChange(); // Ensure that the correct page is scrolled into view when entering // Presentation Mode, by waiting until fullscreen mode in enabled. // Note: This is only necessary in non-Mozilla browsers. setTimeout(function enterPresentationModeTimeout() { PDFViewerApplication.page = this.args.page; PDFViewerApplication.setScale('page-fit', true); }.bind(this), 0); window.addEventListener('mousemove', this.mouseMove, false); window.addEventListener('mousedown', this.mouseDown, false); window.addEventListener('contextmenu', this.contextMenu, false); this.showControls(); HandTool.enterPresentationMode(); this.contextMenuOpen = false; this.container.setAttribute('contextmenu', 'viewerContextMenu'); // Text selection is disabled in Presentation Mode, thus it's not possible // for the user to deselect text that is selected (e.g. with "Select all") // when entering Presentation Mode, hence we remove any active selection. window.getSelection().removeAllRanges(); }, exit: function presentationModeExit() { var page = PDFViewerApplication.page; // Ensure that the correct page is scrolled into view when exiting // Presentation Mode, by waiting until fullscreen mode is disabled. // Note: This is only necessary in non-Mozilla browsers. setTimeout(function exitPresentationModeTimeout() { this.active = false; this._notifyStateChange(); PDFViewerApplication.setScale(this.args.previousScale, true); PDFViewerApplication.page = page; this.args = null; }.bind(this), 0); window.removeEventListener('mousemove', this.mouseMove, false); window.removeEventListener('mousedown', this.mouseDown, false); window.removeEventListener('contextmenu', this.contextMenu, false); this.hideControls(); PDFViewerApplication.clearMouseScrollState(); HandTool.exitPresentationMode(); this.container.removeAttribute('contextmenu'); this.contextMenuOpen = false; // Ensure that the thumbnail of the current page is visible // when exiting presentation mode. scrollIntoView(document.getElementById('thumbnailContainer' + page)); }, showControls: function presentationModeShowControls() { if (this.controlsTimeout) { clearTimeout(this.controlsTimeout); } else { this.container.classList.add(SELECTOR); } this.controlsTimeout = setTimeout(function hideControlsTimeout() { this.container.classList.remove(SELECTOR); delete this.controlsTimeout; }.bind(this), DELAY_BEFORE_HIDING_CONTROLS); }, hideControls: function presentationModeHideControls() { if (!this.controlsTimeout) { return; } this.container.classList.remove(SELECTOR); clearTimeout(this.controlsTimeout); delete this.controlsTimeout; }, mouseMove: function presentationModeMouseMove(evt) { //#if (GENERIC || CHROME) // Workaround for a bug in WebKit browsers that causes the 'mousemove' event // to be fired when the cursor is changed. For details, see: // http://code.google.com/p/chromium/issues/detail?id=103041. var currCoords = { x: evt.clientX, y: evt.clientY }; var prevCoords = PresentationMode.prevCoords; PresentationMode.prevCoords = currCoords; if (currCoords.x === prevCoords.x && currCoords.y === prevCoords.y) { return; } //#endif PresentationMode.showControls(); }, mouseDown: function presentationModeMouseDown(evt) { var self = PresentationMode; if (self.contextMenuOpen) { self.contextMenuOpen = false; evt.preventDefault(); return; } if (evt.button === 0) { // Enable clicking of links in presentation mode. Please note: // Only links pointing to destinations in the current PDF document work. var isInternalLink = (evt.target.href && evt.target.classList.contains('internalLink')); if (!isInternalLink) { // Unless an internal link was clicked, advance one page. evt.preventDefault(); PDFViewerApplication.page += (evt.shiftKey ? -1 : 1); } } }, contextMenu: function presentationModeContextMenu(evt) { PresentationMode.contextMenuOpen = true; } }; (function presentationModeClosure() { function presentationModeChange(e) { if (PresentationMode.isFullscreen) { PresentationMode.enter(); } else { PresentationMode.exit(); } } window.addEventListener('fullscreenchange', presentationModeChange, false); window.addEventListener('mozfullscreenchange', presentationModeChange, false); window.addEventListener('webkitfullscreenchange', presentationModeChange, false); window.addEventListener('MSFullscreenChange', presentationModeChange, false); })();