|
|
|
/* Copyright 2017 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.
|
|
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
|
value: true
|
|
|
|
});
|
|
|
|
exports.PDFOutlineViewer = undefined;
|
|
|
|
|
|
|
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
|
|
|
|
|
|
var _pdf = require('../pdf');
|
|
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
|
|
var DEFAULT_TITLE = '\u2013';
|
|
|
|
|
|
|
|
var PDFOutlineViewer = function () {
|
|
|
|
function PDFOutlineViewer(options) {
|
|
|
|
_classCallCheck(this, PDFOutlineViewer);
|
|
|
|
|
|
|
|
this.outline = null;
|
|
|
|
this.lastToggleIsShow = true;
|
|
|
|
this.container = options.container;
|
|
|
|
this.linkService = options.linkService;
|
|
|
|
this.eventBus = options.eventBus;
|
|
|
|
}
|
|
|
|
|
|
|
|
_createClass(PDFOutlineViewer, [{
|
|
|
|
key: 'reset',
|
|
|
|
value: function reset() {
|
|
|
|
this.outline = null;
|
|
|
|
this.lastToggleIsShow = true;
|
|
|
|
this.container.textContent = '';
|
|
|
|
this.container.classList.remove('outlineWithDeepNesting');
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: '_dispatchEvent',
|
|
|
|
value: function _dispatchEvent(outlineCount) {
|
|
|
|
this.eventBus.dispatch('outlineloaded', {
|
|
|
|
source: this,
|
|
|
|
outlineCount: outlineCount
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: '_bindLink',
|
|
|
|
value: function _bindLink(element, item) {
|
|
|
|
var _this = this;
|
|
|
|
|
|
|
|
if (item.url) {
|
|
|
|
(0, _pdf.addLinkAttributes)(element, {
|
|
|
|
url: item.url,
|
|
|
|
target: item.newWindow ? _pdf.PDFJS.LinkTarget.BLANK : undefined
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var destination = item.dest;
|
|
|
|
element.href = this.linkService.getDestinationHash(destination);
|
|
|
|
element.onclick = function () {
|
|
|
|
if (destination) {
|
|
|
|
_this.linkService.navigateTo(destination);
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: '_setStyles',
|
|
|
|
value: function _setStyles(element, item) {
|
|
|
|
var styleStr = '';
|
|
|
|
if (item.bold) {
|
|
|
|
styleStr += 'font-weight: bold;';
|
|
|
|
}
|
|
|
|
if (item.italic) {
|
|
|
|
styleStr += 'font-style: italic;';
|
|
|
|
}
|
|
|
|
if (styleStr) {
|
|
|
|
element.setAttribute('style', styleStr);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: '_addToggleButton',
|
|
|
|
value: function _addToggleButton(div) {
|
|
|
|
var _this2 = this;
|
|
|
|
|
|
|
|
var toggler = document.createElement('div');
|
|
|
|
toggler.className = 'outlineItemToggler';
|
|
|
|
toggler.onclick = function (evt) {
|
|
|
|
evt.stopPropagation();
|
|
|
|
toggler.classList.toggle('outlineItemsHidden');
|
|
|
|
if (evt.shiftKey) {
|
|
|
|
var shouldShowAll = !toggler.classList.contains('outlineItemsHidden');
|
|
|
|
_this2._toggleOutlineItem(div, shouldShowAll);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
div.insertBefore(toggler, div.firstChild);
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: '_toggleOutlineItem',
|
|
|
|
value: function _toggleOutlineItem(root, show) {
|
|
|
|
this.lastToggleIsShow = show;
|
|
|
|
var togglers = root.querySelectorAll('.outlineItemToggler');
|
|
|
|
for (var i = 0, ii = togglers.length; i < ii; ++i) {
|
|
|
|
togglers[i].classList[show ? 'remove' : 'add']('outlineItemsHidden');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: 'toggleOutlineTree',
|
|
|
|
value: function toggleOutlineTree() {
|
|
|
|
if (!this.outline) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
this._toggleOutlineItem(this.container, !this.lastToggleIsShow);
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
key: 'render',
|
|
|
|
value: function render() {
|
|
|
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
|
|
|
|
|
|
var outline = params.outline || null;
|
|
|
|
var outlineCount = 0;
|
|
|
|
if (this.outline) {
|
|
|
|
this.reset();
|
|
|
|
}
|
|
|
|
this.outline = outline;
|
|
|
|
if (!outline) {
|
|
|
|
this._dispatchEvent(outlineCount);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var fragment = document.createDocumentFragment();
|
|
|
|
var queue = [{
|
|
|
|
parent: fragment,
|
|
|
|
items: this.outline
|
|
|
|
}];
|
|
|
|
var hasAnyNesting = false;
|
|
|
|
while (queue.length > 0) {
|
|
|
|
var levelData = queue.shift();
|
|
|
|
for (var i = 0, len = levelData.items.length; i < len; i++) {
|
|
|
|
var item = levelData.items[i];
|
|
|
|
var div = document.createElement('div');
|
|
|
|
div.className = 'outlineItem';
|
|
|
|
var element = document.createElement('a');
|
|
|
|
this._bindLink(element, item);
|
|
|
|
this._setStyles(element, item);
|
|
|
|
element.textContent = (0, _pdf.removeNullCharacters)(item.title) || DEFAULT_TITLE;
|
|
|
|
div.appendChild(element);
|
|
|
|
if (item.items.length > 0) {
|
|
|
|
hasAnyNesting = true;
|
|
|
|
this._addToggleButton(div);
|
|
|
|
var itemsDiv = document.createElement('div');
|
|
|
|
itemsDiv.className = 'outlineItems';
|
|
|
|
div.appendChild(itemsDiv);
|
|
|
|
queue.push({
|
|
|
|
parent: itemsDiv,
|
|
|
|
items: item.items
|
|
|
|
});
|
|
|
|
}
|
|
|
|
levelData.parent.appendChild(div);
|
|
|
|
outlineCount++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (hasAnyNesting) {
|
|
|
|
this.container.classList.add('outlineWithDeepNesting');
|
|
|
|
}
|
|
|
|
this.container.appendChild(fragment);
|
|
|
|
this._dispatchEvent(outlineCount);
|
|
|
|
}
|
|
|
|
}]);
|
|
|
|
|
|
|
|
return PDFOutlineViewer;
|
|
|
|
}();
|
|
|
|
|
|
|
|
exports.PDFOutlineViewer = PDFOutlineViewer;
|