browser/extensions/pdfjs/content/web/viewer.html

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:c8f4e60cad08
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 and license:
18 http://sourceforge.net/adobe/cmap/wiki/License/
19 -->
20 <html dir="ltr" mozdisallowselectionprint moznomarginboxes>
21 <head>
22 <meta charset="utf-8">
23 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
24 <title>PDF.js viewer</title>
25
26 <!-- This snippet is used in the Firefox extension (included from viewer.html) -->
27 <base href="resource://pdf.js/web/" />
28 <script type="text/javascript" src="l10n.js"></script>
29 <script type="text/javascript" src="../build/pdf.js"></script>
30
31
32 <link rel="stylesheet" href="viewer.css"/>
33
34
35
36
37
38
39 <script type="text/javascript" src="debugger.js"></script>
40 <script type="text/javascript" src="viewer.js"></script>
41
42 </head>
43
44 <body tabindex="1">
45 <div id="outerContainer" class="loadingInProgress">
46
47 <div id="sidebarContainer">
48 <div id="toolbarSidebar">
49 <div class="splitToolbarButton toggled">
50 <button id="viewThumbnail" class="toolbarButton group 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 group" title="Show Document Outline" tabindex="3" data-l10n-id="outline">
54 <span data-l10n-id="outline_label">Document Outline</span>
55 </button>
56 <button id="viewAttachments" class="toolbarButton group" 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> <!-- sidebarContainer -->
70
71 <div id="mainContainer">
72 <div class="findbar hidden doorHanger hiddenSmallView" id="findbar">
73 <label for="findInput" class="toolbarLabel" data-l10n-id="find_label">Find:</label>
74 <input id="findInput" class="toolbarField" tabindex="41">
75 <div class="splitToolbarButton">
76 <button class="toolbarButton findPrevious" title="" id="findPrevious" tabindex="42" data-l10n-id="find_previous">
77 <span data-l10n-id="find_previous_label">Previous</span>
78 </button>
79 <div class="splitToolbarButtonSeparator"></div>
80 <button class="toolbarButton findNext" title="" id="findNext" tabindex="43" data-l10n-id="find_next">
81 <span data-l10n-id="find_next_label">Next</span>
82 </button>
83 </div>
84 <input type="checkbox" id="findHighlightAll" class="toolbarField">
85 <label for="findHighlightAll" class="toolbarLabel" tabindex="44" data-l10n-id="find_highlight">Highlight all</label>
86 <input type="checkbox" id="findMatchCase" class="toolbarField">
87 <label for="findMatchCase" class="toolbarLabel" tabindex="45" data-l10n-id="find_match_case_label">Match case</label>
88 <span id="findMsg" class="toolbarLabel"></span>
89 </div> <!-- findbar -->
90
91 <div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight">
92 <div id="secondaryToolbarButtonContainer">
93 <button id="secondaryPresentationMode" class="secondaryToolbarButton presentationMode visibleLargeView" title="Switch to Presentation Mode" tabindex="19" data-l10n-id="presentation_mode">
94 <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
95 </button>
96
97 <button id="secondaryOpenFile" class="secondaryToolbarButton openFile visibleLargeView" title="Open File" tabindex="20" data-l10n-id="open_file">
98 <span data-l10n-id="open_file_label">Open</span>
99 </button>
100
101 <button id="secondaryPrint" class="secondaryToolbarButton print visibleMediumView" title="Print" tabindex="21" data-l10n-id="print">
102 <span data-l10n-id="print_label">Print</span>
103 </button>
104
105 <button id="secondaryDownload" class="secondaryToolbarButton download visibleMediumView" title="Download" tabindex="22" data-l10n-id="download">
106 <span data-l10n-id="download_label">Download</span>
107 </button>
108
109 <a href="#" id="secondaryViewBookmark" class="secondaryToolbarButton bookmark visibleSmallView" title="Current view (copy or open in new window)" tabindex="23" data-l10n-id="bookmark">
110 <span data-l10n-id="bookmark_label">Current View</span>
111 </a>
112
113 <div class="horizontalToolbarSeparator visibleLargeView"></div>
114
115 <button id="firstPage" class="secondaryToolbarButton firstPage" title="Go to First Page" tabindex="24" data-l10n-id="first_page">
116 <span data-l10n-id="first_page_label">Go to First Page</span>
117 </button>
118 <button id="lastPage" class="secondaryToolbarButton lastPage" title="Go to Last Page" tabindex="25" data-l10n-id="last_page">
119 <span data-l10n-id="last_page_label">Go to Last Page</span>
120 </button>
121
122 <div class="horizontalToolbarSeparator"></div>
123
124 <button id="pageRotateCw" class="secondaryToolbarButton rotateCw" title="Rotate Clockwise" tabindex="26" data-l10n-id="page_rotate_cw">
125 <span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span>
126 </button>
127 <button id="pageRotateCcw" class="secondaryToolbarButton rotateCcw" title="Rotate Counterclockwise" tabindex="27" data-l10n-id="page_rotate_ccw">
128 <span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwise</span>
129 </button>
130
131 <div class="horizontalToolbarSeparator"></div>
132
133 <button id="toggleHandTool" class="secondaryToolbarButton handTool" title="Enable hand tool" tabindex="28" data-l10n-id="hand_tool_enable">
134 <span data-l10n-id="hand_tool_enable_label">Enable hand tool</span>
135 </button>
136
137 <div class="horizontalToolbarSeparator"></div>
138
139 <button id="documentProperties" class="secondaryToolbarButton documentProperties" title="Document Properties…" tabindex="29" data-l10n-id="document_properties">
140 <span data-l10n-id="document_properties_label">Document Properties…</span>
141 </button>
142 </div>
143 </div> <!-- secondaryToolbar -->
144
145 <div class="toolbar">
146 <div id="toolbarContainer">
147 <div id="toolbarViewer">
148 <div id="toolbarViewerLeft">
149 <button id="sidebarToggle" class="toolbarButton" title="Toggle Sidebar" tabindex="5" data-l10n-id="toggle_sidebar">
150 <span data-l10n-id="toggle_sidebar_label">Toggle Sidebar</span>
151 </button>
152 <div class="toolbarButtonSpacer"></div>
153 <button id="viewFind" class="toolbarButton group hiddenSmallView" title="Find in Document" tabindex="6" data-l10n-id="findbar">
154 <span data-l10n-id="findbar_label">Find</span>
155 </button>
156 <div class="splitToolbarButton">
157 <button class="toolbarButton pageUp" title="Previous Page" id="previous" tabindex="7" data-l10n-id="previous">
158 <span data-l10n-id="previous_label">Previous</span>
159 </button>
160 <div class="splitToolbarButtonSeparator"></div>
161 <button class="toolbarButton pageDown" title="Next Page" id="next" tabindex="8" data-l10n-id="next">
162 <span data-l10n-id="next_label">Next</span>
163 </button>
164 </div>
165 <label id="pageNumberLabel" class="toolbarLabel" for="pageNumber" data-l10n-id="page_label">Page: </label>
166 <input type="number" id="pageNumber" class="toolbarField pageNumber" value="1" size="4" min="1" tabindex="9">
167 <span id="numPages" class="toolbarLabel"></span>
168 </div>
169 <div id="toolbarViewerRight">
170 <button id="presentationMode" class="toolbarButton presentationMode hiddenLargeView" title="Switch to Presentation Mode" tabindex="13" data-l10n-id="presentation_mode">
171 <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
172 </button>
173
174 <button id="openFile" class="toolbarButton openFile hiddenLargeView" title="Open File" tabindex="14" data-l10n-id="open_file">
175 <span data-l10n-id="open_file_label">Open</span>
176 </button>
177
178 <button id="print" class="toolbarButton print hiddenMediumView" title="Print" tabindex="15" data-l10n-id="print">
179 <span data-l10n-id="print_label">Print</span>
180 </button>
181
182 <button id="download" class="toolbarButton download hiddenMediumView" title="Download" tabindex="16" data-l10n-id="download">
183 <span data-l10n-id="download_label">Download</span>
184 </button>
185 <!-- <div class="toolbarButtonSpacer"></div> -->
186 <a href="#" id="viewBookmark" class="toolbarButton bookmark hiddenSmallView" title="Current view (copy or open in new window)" tabindex="17" data-l10n-id="bookmark">
187 <span data-l10n-id="bookmark_label">Current View</span>
188 </a>
189
190 <div class="verticalToolbarSeparator hiddenSmallView"></div>
191
192 <button id="secondaryToolbarToggle" class="toolbarButton" title="Tools" tabindex="18" data-l10n-id="tools">
193 <span data-l10n-id="tools_label">Tools</span>
194 </button>
195 </div>
196 <div class="outerCenter">
197 <div class="innerCenter" id="toolbarViewerMiddle">
198 <div class="splitToolbarButton">
199 <button id="zoomOut" class="toolbarButton zoomOut" title="Zoom Out" tabindex="10" data-l10n-id="zoom_out">
200 <span data-l10n-id="zoom_out_label">Zoom Out</span>
201 </button>
202 <div class="splitToolbarButtonSeparator"></div>
203 <button id="zoomIn" class="toolbarButton zoomIn" title="Zoom In" tabindex="11" data-l10n-id="zoom_in">
204 <span data-l10n-id="zoom_in_label">Zoom In</span>
205 </button>
206 </div>
207 <span id="scaleSelectContainer" class="dropdownToolbarButton">
208 <select id="scaleSelect" title="Zoom" tabindex="12" data-l10n-id="zoom">
209 <option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoom</option>
210 <option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual Size</option>
211 <option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">Fit Page</option>
212 <option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Full Width</option>
213 <option id="customScaleOption" title="" value="custom"></option>
214 <option title="" value="0.5">50%</option>
215 <option title="" value="0.75">75%</option>
216 <option title="" value="1">100%</option>
217 <option title="" value="1.25">125%</option>
218 <option title="" value="1.5">150%</option>
219 <option title="" value="2">200%</option>
220 </select>
221 </span>
222 </div>
223 </div>
224 </div>
225 <div id="loadingBar">
226 <div class="progress">
227 <div class="glimmer">
228 </div>
229 </div>
230 </div>
231 </div>
232 </div>
233
234 <menu type="context" id="viewerContextMenu">
235 <menuitem id="contextFirstPage" label="First Page"
236 data-l10n-id="first_page"></menuitem>
237 <menuitem id="contextLastPage" label="Last Page"
238 data-l10n-id="last_page"></menuitem>
239 <menuitem id="contextPageRotateCw" label="Rotate Clockwise"
240 data-l10n-id="page_rotate_cw"></menuitem>
241 <menuitem id="contextPageRotateCcw" label="Rotate Counter-Clockwise"
242 data-l10n-id="page_rotate_ccw"></menuitem>
243 </menu>
244
245 <div id="viewerContainer" tabindex="0">
246 <div id="viewer"></div>
247 </div>
248
249 <div id="errorWrapper" hidden='true'>
250 <div id="errorMessageLeft">
251 <span id="errorMessage"></span>
252 <button id="errorShowMore" data-l10n-id="error_more_info">
253 More Information
254 </button>
255 <button id="errorShowLess" data-l10n-id="error_less_info" hidden='true'>
256 Less Information
257 </button>
258 </div>
259 <div id="errorMessageRight">
260 <button id="errorClose" data-l10n-id="error_close">
261 Close
262 </button>
263 </div>
264 <div class="clearBoth"></div>
265 <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
266 </div>
267 </div> <!-- mainContainer -->
268
269 <div id="overlayContainer" class="hidden">
270 <div id="promptContainer" class="hidden">
271 <div id="passwordContainer" class="prompt doorHanger">
272 <div class="row">
273 <p id="passwordText" data-l10n-id="password_label">Enter the password to open this PDF file:</p>
274 </div>
275 <div class="row">
276 <input type="password" id="password" class="toolbarField" />
277 </div>
278 <div class="buttonRow">
279 <button id="passwordCancel" class="overlayButton"><span data-l10n-id="password_cancel">Cancel</span></button>
280 <button id="passwordSubmit" class="overlayButton"><span data-l10n-id="password_ok">OK</span></button>
281 </div>
282 </div>
283 </div>
284 <div id="documentPropertiesContainer" class="hidden">
285 <div class="doorHanger">
286 <div class="row">
287 <span data-l10n-id="document_properties_file_name">File name:</span> <p id="fileNameField">-</p>
288 </div>
289 <div class="row">
290 <span data-l10n-id="document_properties_file_size">File size:</span> <p id="fileSizeField">-</p>
291 </div>
292 <div class="separator"></div>
293 <div class="row">
294 <span data-l10n-id="document_properties_title">Title:</span> <p id="titleField">-</p>
295 </div>
296 <div class="row">
297 <span data-l10n-id="document_properties_author">Author:</span> <p id="authorField">-</p>
298 </div>
299 <div class="row">
300 <span data-l10n-id="document_properties_subject">Subject:</span> <p id="subjectField">-</p>
301 </div>
302 <div class="row">
303 <span data-l10n-id="document_properties_keywords">Keywords:</span> <p id="keywordsField">-</p>
304 </div>
305 <div class="row">
306 <span data-l10n-id="document_properties_creation_date">Creation Date:</span> <p id="creationDateField">-</p>
307 </div>
308 <div class="row">
309 <span data-l10n-id="document_properties_modification_date">Modification Date:</span> <p id="modificationDateField">-</p>
310 </div>
311 <div class="row">
312 <span data-l10n-id="document_properties_creator">Creator:</span> <p id="creatorField">-</p>
313 </div>
314 <div class="separator"></div>
315 <div class="row">
316 <span data-l10n-id="document_properties_producer">PDF Producer:</span> <p id="producerField">-</p>
317 </div>
318 <div class="row">
319 <span data-l10n-id="document_properties_version">PDF Version:</span> <p id="versionField">-</p>
320 </div>
321 <div class="row">
322 <span data-l10n-id="document_properties_page_count">Page Count:</span> <p id="pageCountField">-</p>
323 </div>
324 <div class="buttonRow">
325 <button id="documentPropertiesClose" class="overlayButton"><span data-l10n-id="document_properties_close">Close</span></button>
326 </div>
327 </div>
328 </div>
329 </div> <!-- overlayContainer -->
330
331 </div> <!-- outerContainer -->
332 <div id="printContainer"></div>
333 </body>
334 </html>
335

mercurial