| 1 |
<!DOCTYPE html> |
| 2 |
<!-- |
| 3 |
Copyright 2012 Mozilla Foundation |
| 4 |
|
| 5 |
Licensed under the Apache License, Version 2.0 (the "License"); |
| 6 |
you may not use this file except in compliance with the License. |
| 7 |
You may obtain a copy of the License at |
| 8 |
|
| 9 |
http://www.apache.org/licenses/LICENSE-2.0 |
| 10 |
|
| 11 |
Unless required by applicable law or agreed to in writing, software |
| 12 |
distributed under the License is distributed on an "AS IS" BASIS, |
| 13 |
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 14 |
See the License for the specific language governing permissions and |
| 15 |
limitations under the License. |
| 16 |
|
| 17 |
Adobe CMap resources are covered by their own copyright but the same license: |
| 18 |
|
| 19 |
Copyright 1990-2015 Adobe Systems Incorporated. |
| 20 |
|
| 21 |
See https://github.com/adobe-type-tools/cmap-resources |
| 22 |
--> |
| 23 |
<html dir="ltr" mozdisallowselectionprint moznomarginboxes> |
| 24 |
<head> |
| 25 |
<meta charset="utf-8"> |
| 26 |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| 27 |
<meta name="google" content="notranslate"> |
| 28 |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 29 |
<title>PDF.js viewer</title> |
| 30 |
|
| 31 |
|
| 32 |
<link rel="stylesheet" href="viewer.css"> |
| 33 |
|
| 34 |
|
| 35 |
|
| 36 |
<!-- This snippet is used in production (included from viewer.html) --> |
| 37 |
<link rel="resource" type="application/l10n" href="locale/locale.properties"> |
| 38 |
<script src="../build/pdf.js"></script> |
| 39 |
|
| 40 |
|
| 41 |
<script src="viewer.js"></script> |
| 42 |
|
| 43 |
</head> |
| 44 |
|
| 45 |
<body tabindex="1" class="loadingInProgress"> |
| 46 |
<div id="outerContainer"> |
| 47 |
|
| 48 |
<div id="sidebarContainer"> |
| 49 |
<div id="toolbarSidebar"> |
| 50 |
<div class="splitToolbarButton toggled"> |
| 51 |
<button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" tabindex="2" data-l10n-id="thumbs"> |
| 52 |
<span data-l10n-id="thumbs_label">Thumbnails</span> |
| 53 |
</button> |
| 54 |
<button id="viewOutline" class="toolbarButton" title="Show Document Outline (double-click to expand/collapse all items)" tabindex="3" data-l10n-id="document_outline"> |
| 55 |
<span data-l10n-id="document_outline_label">Document Outline</span> |
| 56 |
</button> |
| 57 |
<button id="viewAttachments" class="toolbarButton" title="Show Attachments" tabindex="4" data-l10n-id="attachments"> |
| 58 |
<span data-l10n-id="attachments_label">Attachments</span> |
| 59 |
</button> |
| 60 |
</div> |
| 61 |
</div> |
| 62 |
<div id="sidebarContent"> |
| 63 |
<div id="thumbnailView"> |
| 64 |
</div> |
| 65 |
<div id="outlineView" class="hidden"> |
| 66 |
</div> |
| 67 |
<div id="attachmentsView" class="hidden"> |
| 68 |
</div> |
| 69 |
</div> |
| 70 |
</div> <!-- sidebarContainer --> |
| 71 |
|
| 72 |
<div id="mainContainer"> |
| 73 |
<div class="findbar hidden doorHanger" id="findbar"> |
| 74 |
<div id="findbarInputContainer"> |
| 75 |
<input id="findInput" class="toolbarField" title="Find" placeholder="Find in document…" tabindex="91" data-l10n-id="find_input"> |
| 76 |
<div class="splitToolbarButton"> |
| 77 |
<button id="findPrevious" class="toolbarButton findPrevious" title="Find the previous occurrence of the phrase" tabindex="92" data-l10n-id="find_previous"> |
| 78 |
<span data-l10n-id="find_previous_label">Previous</span> |
| 79 |
</button> |
| 80 |
<div class="splitToolbarButtonSeparator"></div> |
| 81 |
<button id="findNext" class="toolbarButton findNext" title="Find the next occurrence of the phrase" tabindex="93" data-l10n-id="find_next"> |
| 82 |
<span data-l10n-id="find_next_label">Next</span> |
| 83 |
</button> |
| 84 |
</div> |
| 85 |
</div> |
| 86 |
|
| 87 |
<div id="findbarOptionsContainer"> |
| 88 |
<input type="checkbox" id="findHighlightAll" class="toolbarField" tabindex="94"> |
| 89 |
<label for="findHighlightAll" class="toolbarLabel" data-l10n-id="find_highlight">Highlight all</label> |
| 90 |
<input type="checkbox" id="findMatchCase" class="toolbarField" tabindex="95"> |
| 91 |
<label for="findMatchCase" class="toolbarLabel" data-l10n-id="find_match_case_label">Match case</label> |
| 92 |
<span id="findResultsCount" class="toolbarLabel hidden"></span> |
| 93 |
</div> |
| 94 |
|
| 95 |
<div id="findbarMessageContainer"> |
| 96 |
<span id="findMsg" class="toolbarLabel"></span> |
| 97 |
</div> |
| 98 |
</div> <!-- findbar --> |
| 99 |
|
| 100 |
<div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight"> |
| 101 |
<div id="secondaryToolbarButtonContainer"> |
| 102 |
<button id="secondaryPresentationMode" class="secondaryToolbarButton presentationMode visibleLargeView" title="Switch to Presentation Mode" tabindex="51" data-l10n-id="presentation_mode"> |
| 103 |
<span data-l10n-id="presentation_mode_label">Presentation Mode</span> |
| 104 |
</button> |
| 105 |
|
| 106 |
<button id="secondaryOpenFile" class="secondaryToolbarButton openFile visibleLargeView" title="Open File" tabindex="52" data-l10n-id="open_file"> |
| 107 |
<span data-l10n-id="open_file_label">Open</span> |
| 108 |
</button> |
| 109 |
|
| 110 |
<button id="secondaryPrint" class="secondaryToolbarButton print visibleMediumView" title="Print" tabindex="53" data-l10n-id="print"> |
| 111 |
<span data-l10n-id="print_label">Print</span> |
| 112 |
</button> |
| 113 |
|
| 114 |
<button id="secondaryDownload" class="secondaryToolbarButton download visibleMediumView" title="Download" tabindex="54" data-l10n-id="download"> |
| 115 |
<span data-l10n-id="download_label">Download</span> |
| 116 |
</button> |
| 117 |
|
| 118 |
<a href="#" id="secondaryViewBookmark" class="secondaryToolbarButton bookmark visibleSmallView" title="Current view (copy or open in new window)" tabindex="55" data-l10n-id="bookmark"> |
| 119 |
<span data-l10n-id="bookmark_label">Current View</span> |
| 120 |
</a> |
| 121 |
|
| 122 |
<div class="horizontalToolbarSeparator visibleLargeView"></div> |
| 123 |
|
| 124 |
<button id="firstPage" class="secondaryToolbarButton firstPage" title="Go to First Page" tabindex="56" data-l10n-id="first_page"> |
| 125 |
<span data-l10n-id="first_page_label">Go to First Page</span> |
| 126 |
</button> |
| 127 |
<button id="lastPage" class="secondaryToolbarButton lastPage" title="Go to Last Page" tabindex="57" data-l10n-id="last_page"> |
| 128 |
<span data-l10n-id="last_page_label">Go to Last Page</span> |
| 129 |
</button> |
| 130 |
|
| 131 |
<div class="horizontalToolbarSeparator"></div> |
| 132 |
|
| 133 |
<button id="pageRotateCw" class="secondaryToolbarButton rotateCw" title="Rotate Clockwise" tabindex="58" data-l10n-id="page_rotate_cw"> |
| 134 |
<span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span> |
| 135 |
</button> |
| 136 |
<button id="pageRotateCcw" class="secondaryToolbarButton rotateCcw" title="Rotate Counterclockwise" tabindex="59" data-l10n-id="page_rotate_ccw"> |
| 137 |
<span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwise</span> |
| 138 |
</button> |
| 139 |
|
| 140 |
<div class="horizontalToolbarSeparator"></div> |
| 141 |
|
| 142 |
<button id="cursorSelectTool" class="secondaryToolbarButton selectTool toggled" title="Enable Text Selection Tool" tabindex="60" data-l10n-id="cursor_text_select_tool"> |
| 143 |
<span data-l10n-id="cursor_text_select_tool_label">Text Selection Tool</span> |
| 144 |
</button> |
| 145 |
<button id="cursorHandTool" class="secondaryToolbarButton handTool" title="Enable Hand Tool" tabindex="61" data-l10n-id="cursor_hand_tool"> |
| 146 |
<span data-l10n-id="cursor_hand_tool_label">Hand Tool</span> |
| 147 |
</button> |
| 148 |
|
| 149 |
<div class="horizontalToolbarSeparator"></div> |
| 150 |
|
| 151 |
<button id="documentProperties" class="secondaryToolbarButton documentProperties" title="Document Properties…" tabindex="62" data-l10n-id="document_properties"> |
| 152 |
<span data-l10n-id="document_properties_label">Document Properties…</span> |
| 153 |
</button> |
| 154 |
</div> |
| 155 |
</div> <!-- secondaryToolbar --> |
| 156 |
|
| 157 |
<div class="toolbar"> |
| 158 |
<div id="toolbarContainer"> |
| 159 |
<div id="toolbarViewer"> |
| 160 |
<div id="toolbarViewerLeft"> |
| 161 |
<button id="sidebarToggle" class="toolbarButton" title="Toggle Sidebar" tabindex="11" data-l10n-id="toggle_sidebar"> |
| 162 |
<span data-l10n-id="toggle_sidebar_label">Toggle Sidebar</span> |
| 163 |
</button> |
| 164 |
<div class="toolbarButtonSpacer"></div> |
| 165 |
<button id="viewFind" class="toolbarButton" title="Find in Document" tabindex="12" data-l10n-id="findbar"> |
| 166 |
<span data-l10n-id="findbar_label">Find</span> |
| 167 |
</button> |
| 168 |
<div class="splitToolbarButton hiddenSmallView"> |
| 169 |
<button class="toolbarButton pageUp" title="Previous Page" id="previous" tabindex="13" data-l10n-id="previous"> |
| 170 |
<span data-l10n-id="previous_label">Previous</span> |
| 171 |
</button> |
| 172 |
<div class="splitToolbarButtonSeparator"></div> |
| 173 |
<button class="toolbarButton pageDown" title="Next Page" id="next" tabindex="14" data-l10n-id="next"> |
| 174 |
<span data-l10n-id="next_label">Next</span> |
| 175 |
</button> |
| 176 |
</div> |
| 177 |
<input type="number" id="pageNumber" class="toolbarField pageNumber" title="Page" value="1" size="4" min="1" tabindex="15" data-l10n-id="page"> |
| 178 |
<span id="numPages" class="toolbarLabel"></span> |
| 179 |
</div> |
| 180 |
<div id="toolbarViewerRight"> |
| 181 |
<button id="presentationMode" class="toolbarButton presentationMode hiddenLargeView" title="Switch to Presentation Mode" tabindex="31" data-l10n-id="presentation_mode"> |
| 182 |
<span data-l10n-id="presentation_mode_label">Presentation Mode</span> |
| 183 |
</button> |
| 184 |
|
| 185 |
<button id="openFile" class="toolbarButton openFile hiddenLargeView" title="Open File" tabindex="32" data-l10n-id="open_file"> |
| 186 |
<span data-l10n-id="open_file_label">Open</span> |
| 187 |
</button> |
| 188 |
|
| 189 |
<button id="print" class="toolbarButton print hiddenMediumView" title="Print" tabindex="33" data-l10n-id="print"> |
| 190 |
<span data-l10n-id="print_label">Print</span> |
| 191 |
</button> |
| 192 |
|
| 193 |
<button id="download" class="toolbarButton download hiddenMediumView" title="Download" tabindex="34" data-l10n-id="download"> |
| 194 |
<span data-l10n-id="download_label">Download</span> |
| 195 |
</button> |
| 196 |
<a href="#" id="viewBookmark" class="toolbarButton bookmark hiddenSmallView" title="Current view (copy or open in new window)" tabindex="35" data-l10n-id="bookmark"> |
| 197 |
<span data-l10n-id="bookmark_label">Current View</span> |
| 198 |
</a> |
| 199 |
|
| 200 |
<div class="verticalToolbarSeparator hiddenSmallView"></div> |
| 201 |
|
| 202 |
<button id="secondaryToolbarToggle" class="toolbarButton" title="Tools" tabindex="36" data-l10n-id="tools"> |
| 203 |
<span data-l10n-id="tools_label">Tools</span> |
| 204 |
</button> |
| 205 |
</div> |
| 206 |
<div id="toolbarViewerMiddle"> |
| 207 |
<div class="splitToolbarButton"> |
| 208 |
<button id="zoomOut" class="toolbarButton zoomOut" title="Zoom Out" tabindex="21" data-l10n-id="zoom_out"> |
| 209 |
<span data-l10n-id="zoom_out_label">Zoom Out</span> |
| 210 |
</button> |
| 211 |
<div class="splitToolbarButtonSeparator"></div> |
| 212 |
<button id="zoomIn" class="toolbarButton zoomIn" title="Zoom In" tabindex="22" data-l10n-id="zoom_in"> |
| 213 |
<span data-l10n-id="zoom_in_label">Zoom In</span> |
| 214 |
</button> |
| 215 |
</div> |
| 216 |
<span id="scaleSelectContainer" class="dropdownToolbarButton"> |
| 217 |
<select id="scaleSelect" title="Zoom" tabindex="23" data-l10n-id="zoom"> |
| 218 |
<option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoom</option> |
| 219 |
<option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual Size</option> |
| 220 |
<option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">Page Fit</option> |
| 221 |
<option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Page Width</option> |
| 222 |
<option id="customScaleOption" title="" value="custom" disabled="disabled" hidden="true"></option> |
| 223 |
<option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>50%</option> |
| 224 |
<option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>75%</option> |
| 225 |
<option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>100%</option> |
| 226 |
<option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%</option> |
| 227 |
<option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%</option> |
| 228 |
<option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>200%</option> |
| 229 |
<option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>300%</option> |
| 230 |
<option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>400%</option> |
| 231 |
</select> |
| 232 |
</span> |
| 233 |
</div> |
| 234 |
</div> |
| 235 |
<div id="loadingBar"> |
| 236 |
<div class="progress"> |
| 237 |
<div class="glimmer"> |
| 238 |
</div> |
| 239 |
</div> |
| 240 |
</div> |
| 241 |
</div> |
| 242 |
</div> |
| 243 |
|
| 244 |
<menu type="context" id="viewerContextMenu"> |
| 245 |
<menuitem id="contextFirstPage" label="First Page" |
| 246 |
data-l10n-id="first_page"></menuitem> |
| 247 |
<menuitem id="contextLastPage" label="Last Page" |
| 248 |
data-l10n-id="last_page"></menuitem> |
| 249 |
<menuitem id="contextPageRotateCw" label="Rotate Clockwise" |
| 250 |
data-l10n-id="page_rotate_cw"></menuitem> |
| 251 |
<menuitem id="contextPageRotateCcw" label="Rotate Counter-Clockwise" |
| 252 |
data-l10n-id="page_rotate_ccw"></menuitem> |
| 253 |
</menu> |
| 254 |
|
| 255 |
<div id="viewerContainer" tabindex="0"> |
| 256 |
<div id="viewer" class="pdfViewer"></div> |
| 257 |
</div> |
| 258 |
|
| 259 |
<div id="errorWrapper" hidden='true'> |
| 260 |
<div id="errorMessageLeft"> |
| 261 |
<span id="errorMessage"></span> |
| 262 |
<button id="errorShowMore" data-l10n-id="error_more_info"> |
| 263 |
More Information |
| 264 |
</button> |
| 265 |
<button id="errorShowLess" data-l10n-id="error_less_info" hidden='true'> |
| 266 |
Less Information |
| 267 |
</button> |
| 268 |
</div> |
| 269 |
<div id="errorMessageRight"> |
| 270 |
<button id="errorClose" data-l10n-id="error_close"> |
| 271 |
Close |
| 272 |
</button> |
| 273 |
</div> |
| 274 |
<div class="clearBoth"></div> |
| 275 |
<textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea> |
| 276 |
</div> |
| 277 |
</div> <!-- mainContainer --> |
| 278 |
|
| 279 |
<div id="overlayContainer" class="hidden"> |
| 280 |
<div id="passwordOverlay" class="container hidden"> |
| 281 |
<div class="dialog"> |
| 282 |
<div class="row"> |
| 283 |
<p id="passwordText" data-l10n-id="password_label">Enter the password to open this PDF file:</p> |
| 284 |
</div> |
| 285 |
<div class="row"> |
| 286 |
<input type="password" id="password" class="toolbarField"> |
| 287 |
</div> |
| 288 |
<div class="buttonRow"> |
| 289 |
<button id="passwordCancel" class="overlayButton"><span data-l10n-id="password_cancel">Cancel</span></button> |
| 290 |
<button id="passwordSubmit" class="overlayButton"><span data-l10n-id="password_ok">OK</span></button> |
| 291 |
</div> |
| 292 |
</div> |
| 293 |
</div> |
| 294 |
<div id="documentPropertiesOverlay" class="container hidden"> |
| 295 |
<div class="dialog"> |
| 296 |
<div class="row"> |
| 297 |
<span data-l10n-id="document_properties_file_name">File name:</span> <p id="fileNameField">-</p> |
| 298 |
</div> |
| 299 |
<div class="row"> |
| 300 |
<span data-l10n-id="document_properties_file_size">File size:</span> <p id="fileSizeField">-</p> |
| 301 |
</div> |
| 302 |
<div class="separator"></div> |
| 303 |
<div class="row"> |
| 304 |
<span data-l10n-id="document_properties_title">Title:</span> <p id="titleField">-</p> |
| 305 |
</div> |
| 306 |
<div class="row"> |
| 307 |
<span data-l10n-id="document_properties_author">Author:</span> <p id="authorField">-</p> |
| 308 |
</div> |
| 309 |
<div class="row"> |
| 310 |
<span data-l10n-id="document_properties_subject">Subject:</span> <p id="subjectField">-</p> |
| 311 |
</div> |
| 312 |
<div class="row"> |
| 313 |
<span data-l10n-id="document_properties_keywords">Keywords:</span> <p id="keywordsField">-</p> |
| 314 |
</div> |
| 315 |
<div class="row"> |
| 316 |
<span data-l10n-id="document_properties_creation_date">Creation Date:</span> <p id="creationDateField">-</p> |
| 317 |
</div> |
| 318 |
<div class="row"> |
| 319 |
<span data-l10n-id="document_properties_modification_date">Modification Date:</span> <p id="modificationDateField">-</p> |
| 320 |
</div> |
| 321 |
<div class="row"> |
| 322 |
<span data-l10n-id="document_properties_creator">Creator:</span> <p id="creatorField">-</p> |
| 323 |
</div> |
| 324 |
<div class="separator"></div> |
| 325 |
<div class="row"> |
| 326 |
<span data-l10n-id="document_properties_producer">PDF Producer:</span> <p id="producerField">-</p> |
| 327 |
</div> |
| 328 |
<div class="row"> |
| 329 |
<span data-l10n-id="document_properties_version">PDF Version:</span> <p id="versionField">-</p> |
| 330 |
</div> |
| 331 |
<div class="row"> |
| 332 |
<span data-l10n-id="document_properties_page_count">Page Count:</span> <p id="pageCountField">-</p> |
| 333 |
</div> |
| 334 |
<div class="buttonRow"> |
| 335 |
<button id="documentPropertiesClose" class="overlayButton"><span data-l10n-id="document_properties_close">Close</span></button> |
| 336 |
</div> |
| 337 |
</div> |
| 338 |
</div> |
| 339 |
<div id="printServiceOverlay" class="container hidden"> |
| 340 |
<div class="dialog"> |
| 341 |
<div class="row"> |
| 342 |
<span data-l10n-id="print_progress_message">Preparing document for printing…</span> |
| 343 |
</div> |
| 344 |
<div class="row"> |
| 345 |
<progress value="0" max="100"></progress> |
| 346 |
<span data-l10n-id="print_progress_percent" data-l10n-args='{ "progress": 0 }' class="relative-progress">0%</span> |
| 347 |
</div> |
| 348 |
<div class="buttonRow"> |
| 349 |
<button id="printCancel" class="overlayButton"><span data-l10n-id="print_progress_close">Cancel</span></button> |
| 350 |
</div> |
| 351 |
</div> |
| 352 |
</div> |
| 353 |
</div> <!-- overlayContainer --> |
| 354 |
|
| 355 |
</div> <!-- outerContainer --> |
| 356 |
<div id="printContainer"></div> |
| 357 |
</body> |
| 358 |
</html> |
| 359 |
|
| 360 |
|
