pdf_outline_viewer.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /* Copyright 2017 Mozilla Foundation
  2. *
  3. * Licensed under the Apache License, Version 2.0 (the "License");
  4. * you may not use this file except in compliance with the License.
  5. * You may obtain a copy of the License at
  6. *
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software
  10. * distributed under the License is distributed on an "AS IS" BASIS,
  11. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. * See the License for the specific language governing permissions and
  13. * limitations under the License.
  14. */
  15. 'use strict';
  16. Object.defineProperty(exports, "__esModule", {
  17. value: true
  18. });
  19. exports.PDFOutlineViewer = undefined;
  20. var _pdfjs = require('pdfjs-web/pdfjs');
  21. var DEFAULT_TITLE = '\u2013';
  22. var PDFOutlineViewer = function PDFOutlineViewerClosure() {
  23. function PDFOutlineViewer(options) {
  24. this.outline = null;
  25. this.lastToggleIsShow = true;
  26. this.container = options.container;
  27. this.linkService = options.linkService;
  28. this.eventBus = options.eventBus;
  29. }
  30. PDFOutlineViewer.prototype = {
  31. reset: function PDFOutlineViewer_reset() {
  32. this.outline = null;
  33. this.lastToggleIsShow = true;
  34. this.container.textContent = '';
  35. this.container.classList.remove('outlineWithDeepNesting');
  36. },
  37. _dispatchEvent: function PDFOutlineViewer_dispatchEvent(outlineCount) {
  38. this.eventBus.dispatch('outlineloaded', {
  39. source: this,
  40. outlineCount: outlineCount
  41. });
  42. },
  43. _bindLink: function PDFOutlineViewer_bindLink(element, item) {
  44. if (item.url) {
  45. (0, _pdfjs.addLinkAttributes)(element, {
  46. url: item.url,
  47. target: item.newWindow ? _pdfjs.PDFJS.LinkTarget.BLANK : undefined
  48. });
  49. return;
  50. }
  51. var self = this,
  52. destination = item.dest;
  53. element.href = self.linkService.getDestinationHash(destination);
  54. element.onclick = function () {
  55. if (destination) {
  56. self.linkService.navigateTo(destination);
  57. }
  58. return false;
  59. };
  60. },
  61. _setStyles: function PDFOutlineViewer_setStyles(element, item) {
  62. var styleStr = '';
  63. if (item.bold) {
  64. styleStr += 'font-weight: bold;';
  65. }
  66. if (item.italic) {
  67. styleStr += 'font-style: italic;';
  68. }
  69. if (styleStr) {
  70. element.setAttribute('style', styleStr);
  71. }
  72. },
  73. _addToggleButton: function PDFOutlineViewer_addToggleButton(div) {
  74. var toggler = document.createElement('div');
  75. toggler.className = 'outlineItemToggler';
  76. toggler.onclick = function (event) {
  77. event.stopPropagation();
  78. toggler.classList.toggle('outlineItemsHidden');
  79. if (event.shiftKey) {
  80. var shouldShowAll = !toggler.classList.contains('outlineItemsHidden');
  81. this._toggleOutlineItem(div, shouldShowAll);
  82. }
  83. }.bind(this);
  84. div.insertBefore(toggler, div.firstChild);
  85. },
  86. _toggleOutlineItem: function PDFOutlineViewer_toggleOutlineItem(root, show) {
  87. this.lastToggleIsShow = show;
  88. var togglers = root.querySelectorAll('.outlineItemToggler');
  89. for (var i = 0, ii = togglers.length; i < ii; ++i) {
  90. togglers[i].classList[show ? 'remove' : 'add']('outlineItemsHidden');
  91. }
  92. },
  93. toggleOutlineTree: function PDFOutlineViewer_toggleOutlineTree() {
  94. if (!this.outline) {
  95. return;
  96. }
  97. this._toggleOutlineItem(this.container, !this.lastToggleIsShow);
  98. },
  99. render: function PDFOutlineViewer_render(params) {
  100. var outline = params && params.outline || null;
  101. var outlineCount = 0;
  102. if (this.outline) {
  103. this.reset();
  104. }
  105. this.outline = outline;
  106. if (!outline) {
  107. this._dispatchEvent(outlineCount);
  108. return;
  109. }
  110. var fragment = document.createDocumentFragment();
  111. var queue = [{
  112. parent: fragment,
  113. items: this.outline
  114. }];
  115. var hasAnyNesting = false;
  116. while (queue.length > 0) {
  117. var levelData = queue.shift();
  118. for (var i = 0, len = levelData.items.length; i < len; i++) {
  119. var item = levelData.items[i];
  120. var div = document.createElement('div');
  121. div.className = 'outlineItem';
  122. var element = document.createElement('a');
  123. this._bindLink(element, item);
  124. this._setStyles(element, item);
  125. element.textContent = (0, _pdfjs.removeNullCharacters)(item.title) || DEFAULT_TITLE;
  126. div.appendChild(element);
  127. if (item.items.length > 0) {
  128. hasAnyNesting = true;
  129. this._addToggleButton(div);
  130. var itemsDiv = document.createElement('div');
  131. itemsDiv.className = 'outlineItems';
  132. div.appendChild(itemsDiv);
  133. queue.push({
  134. parent: itemsDiv,
  135. items: item.items
  136. });
  137. }
  138. levelData.parent.appendChild(div);
  139. outlineCount++;
  140. }
  141. }
  142. if (hasAnyNesting) {
  143. this.container.classList.add('outlineWithDeepNesting');
  144. }
  145. this.container.appendChild(fragment);
  146. this._dispatchEvent(outlineCount);
  147. }
  148. };
  149. return PDFOutlineViewer;
  150. }();
  151. exports.PDFOutlineViewer = PDFOutlineViewer;