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