| @@ -1,5 +1,5 @@ | ||
| 1 | -<!DOCTYPE html> | |
| 1 | +<!DOCTYPE html> | |
| 2 | 2 | <!-- |
| 3 | 3 | Copyright 2012 Mozilla Foundation |
| 4 | 4 | |
| 5 | 5 | Licensed under the Apache License, Version 2.0 (the "License"); |
| @@ -19,376 +19,897 @@ | ||
| 19 | 19 | Copyright 1990-2015 Adobe Systems Incorporated. |
| 20 | 20 | |
| 21 | 21 | See https://github.com/adobe-type-tools/cmap-resources |
| 22 | 22 | --> |
| 23 | -<html dir="ltr" mozdisallowselectionprint> | |
| 24 | - <head> | |
| 23 | +<script> | |
| 24 | + const originalFetch = window.fetch; | |
| 25 | + window.fetch = function (input, init = {}) { | |
| 26 | + const url = input instanceof Request ? input.url : input.toString(); | |
| 27 | + const returnDefault = url.includes('.json') || url.includes('.ftl'); | |
| 28 | + if (returnDefault) { | |
| 29 | + return originalFetch(input, init); | |
| 30 | + } | |
| 31 | + const req = {...init}; | |
| 32 | + req.headers = new Headers(req.headers || {}); | |
| 33 | + req.headers.set('X-E2PDF-REQUEST', 'true'); | |
| 34 | + return originalFetch(input, req) | |
| 35 | + .then(resp => { | |
| 36 | + if (resp.ok) { | |
| 37 | + return resp; | |
| 38 | + } else { | |
| 39 | + var errorMessage = 'Something went wrong!'; | |
| 40 | + return resp.json().then((json) => { | |
| 41 | + if (json && json.redirect_url) { | |
| 42 | + errorMessage = json.redirect_error_message; | |
| 43 | + throw new Error(errorMessage); | |
| 44 | + } else { | |
| 45 | + if (json && json.error) { | |
| 46 | + errorMessage = json.error; | |
| 47 | + } | |
| 48 | + throw new Error(errorMessage); | |
| 49 | + } | |
| 50 | + }).catch(() => { | |
| 51 | + throw new Error(errorMessage); | |
| 52 | + }); | |
| 53 | + } | |
| 54 | + }).catch((error) => { | |
| 55 | + document.getElementById('e2pdfViewerLoadError').innerHTML = error.message || 'Something went wrong!'; | |
| 56 | + document.documentElement.classList.add('e2pdf-viewer-error'); | |
| 57 | + }); | |
| 58 | + }; | |
| 59 | + document.addEventListener('DOMContentLoaded', () => { | |
| 60 | + if (window.MutationObserver) { | |
| 61 | + new MutationObserver((mutationsList, observer) => { | |
| 62 | + for (var mutation of mutationsList) { | |
| 63 | + observer.disconnect(); | |
| 64 | + var html = document.getElementsByTagName('html')[0]; | |
| 65 | + html.classList ? html.classList.add('e2pdf-pages-loaded') : html.className += ' e2pdf-pages-loaded'; | |
| 66 | + } | |
| 67 | + }).observe(document.getElementById('viewer'), {attributes: false, childList: true, characterData: false}); | |
| 68 | + } else { | |
| 69 | + setTimeout(function () { | |
| 70 | + var html = document.getElementsByTagName('html')[0]; | |
| 71 | + html.classList ? html.classList.add('e2pdf-pages-loaded') : html.className += ' e2pdf-pages-loaded'; | |
| 72 | + }, 3000); | |
| 73 | + } | |
| 74 | + }); | |
| 75 | + (function (w) { | |
| 76 | + w.URLSearchParams = w.URLSearchParams || function (searchString) { | |
| 77 | + var self = this; | |
| 78 | + self.searchString = searchString; | |
| 79 | + self.get = function (name) { | |
| 80 | + let results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(self.searchString); | |
| 81 | + if (results == null) { | |
| 82 | + return null; | |
| 83 | + } else { | |
| 84 | + return decodeURIComponent(results[1]) || 0; | |
| 85 | + } | |
| 86 | + }; | |
| 87 | + }; | |
| 88 | + })(window); | |
| 89 | + var classes = []; | |
| 90 | + try { | |
| 91 | + let classList = []; | |
| 92 | + if (window.frameElement && window.frameElement.classList) { | |
| 93 | + classList = Array.from(window.frameElement.classList); | |
| 94 | + } else { | |
| 95 | + var urlParams = new URLSearchParams(window.location.search); | |
| 96 | + if (urlParams.get('class') != null) { | |
| 97 | + classList = urlParams.get('class').split(';'); | |
| 98 | + } | |
| 99 | + } | |
| 100 | + if (classList.includes("e2pdf-responsive")) { | |
| 101 | + classes.push('e2pdf-responsive'); | |
| 102 | + } | |
| 103 | + if (classList.includes("e2pdf-responsive-page")) { | |
| 104 | + classes.push('e2pdf-responsive-page'); | |
| 105 | + } | |
| 106 | + if (classList.includes("e2pdf-hide-toolbar")) { | |
| 107 | + classes.push('e2pdf-hide-toolbar'); | |
| 108 | + } | |
| 109 | + if (classList.includes("e2pdf-hide-secondary-toolbar")) { | |
| 110 | + classes.push('e2pdf-hide-secondary-toolbar'); | |
| 111 | + } | |
| 112 | + if (classList.includes("e2pdf-hide-left-toolbar")) { | |
| 113 | + classes.push('e2pdf-hide-left-toolbar'); | |
| 114 | + } | |
| 115 | + if (classList.includes("e2pdf-hide-middle-toolbar")) { | |
| 116 | + classes.push('e2pdf-hide-middle-toolbar'); | |
| 117 | + } | |
| 118 | + if (classList.includes("e2pdf-hide-right-toolbar")) { | |
| 119 | + classes.push('e2pdf-hide-right-toolbar'); | |
| 120 | + } | |
| 121 | + if (classList.includes("e2pdf-hide-sidebar")) { | |
| 122 | + classes.push('e2pdf-hide-sidebar'); | |
| 123 | + } | |
| 124 | + if (classList.includes("e2pdf-hide-search")) { | |
| 125 | + classes.push('e2pdf-hide-search'); | |
| 126 | + } | |
| 127 | + if (classList.includes("e2pdf-hide-pageupdown")) { | |
| 128 | + classes.push('e2pdf-hide-pageupdown'); | |
| 129 | + } | |
| 130 | + if (classList.includes("e2pdf-hide-pagenumber")) { | |
| 131 | + classes.push('e2pdf-hide-pagenumber'); | |
| 132 | + } | |
| 133 | + if (classList.includes("e2pdf-hide-zoom")) { | |
| 134 | + classes.push('e2pdf-hide-zoom'); | |
| 135 | + } | |
| 136 | + if (classList.includes("e2pdf-hide-scale")) { | |
| 137 | + classes.push('e2pdf-hide-scale'); | |
| 138 | + } | |
| 139 | + if (classList.includes("e2pdf-hide-presentation")) { | |
| 140 | + classes.push('e2pdf-hide-presentation'); | |
| 141 | + } | |
| 142 | + if (classList.includes("e2pdf-hide-openfile")) { | |
| 143 | + classes.push('e2pdf-hide-openfile'); | |
| 144 | + } | |
| 145 | + if (classList.includes("e2pdf-hide-print")) { | |
| 146 | + classes.push('e2pdf-hide-print'); | |
| 147 | + } | |
| 148 | + if (classList.includes("e2pdf-hide-download")) { | |
| 149 | + classes.push('e2pdf-hide-download'); | |
| 150 | + } | |
| 151 | + if (classList.includes("e2pdf-hide-bookmark")) { | |
| 152 | + classes.push('e2pdf-hide-bookmark'); | |
| 153 | + } | |
| 154 | + if (classList.includes("e2pdf-hide-firstlastpage")) { | |
| 155 | + classes.push('e2pdf-hide-firstlastpage'); | |
| 156 | + } | |
| 157 | + if (classList.includes("e2pdf-hide-rotate")) { | |
| 158 | + classes.push('e2pdf-hide-rotate'); | |
| 159 | + } | |
| 160 | + if (classList.includes("e2pdf-hide-cursor")) { | |
| 161 | + classes.push('e2pdf-hide-cursor'); | |
| 162 | + } | |
| 163 | + if (classList.includes("e2pdf-hide-scroll")) { | |
| 164 | + classes.push('e2pdf-hide-scroll'); | |
| 165 | + } | |
| 166 | + if (classList.includes("e2pdf-hide-spread")) { | |
| 167 | + classes.push('e2pdf-hide-spread'); | |
| 168 | + } | |
| 169 | + if (classList.includes("e2pdf-hide-properties")) { | |
| 170 | + classes.push('e2pdf-hide-properties'); | |
| 171 | + } | |
| 172 | + if (classList.includes("e2pdf-hide-background")) { | |
| 173 | + classes.push('e2pdf-hide-background'); | |
| 174 | + } | |
| 175 | + if (classList.includes("e2pdf-hide-loader")) { | |
| 176 | + classes.push('e2pdf-hide-loader'); | |
| 177 | + } | |
| 178 | + if (classList.includes("e2pdf-hide-freetext")) { | |
| 179 | + classes.push('e2pdf-hide-freetext'); | |
| 180 | + } | |
| 181 | + if (classList.includes("e2pdf-hide-ink")) { | |
| 182 | + classes.push('e2pdf-hide-ink'); | |
| 183 | + } | |
| 184 | + if (classList.includes("e2pdf-hide-stamp")) { | |
| 185 | + classes.push('e2pdf-hide-stamp'); | |
| 186 | + } | |
| 187 | + if (classList.includes("e2pdf-hide-highlight")) { | |
| 188 | + classes.push('e2pdf-hide-highlight'); | |
| 189 | + } | |
| 190 | + if (classList.includes("e2pdf-hide-editor")) { | |
| 191 | + classes.push('e2pdf-hide-editor'); | |
| 192 | + } | |
| 193 | + if (classList.includes("e2pdf-dark-theme")) { | |
| 194 | + classes.push('e2pdf-dark-theme'); | |
| 195 | + } | |
| 196 | + if (classList.includes("e2pdf-preview")) { | |
| 197 | + classes.push('e2pdf-preview'); | |
| 198 | + } | |
| 199 | + } catch (e) { | |
| 200 | + } | |
| 201 | + document.write('<html dir="ltr" class="' + classes.join(' ') + '" mozdisallowselectionprint>'); | |
| 202 | +</script> | |
| 203 | +<head> | |
| 25 | 204 | <meta charset="utf-8"> |
| 26 | 205 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| 27 | 206 | <meta name="google" content="notranslate"> |
| 28 | - <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 29 | - <title>PDF.js viewer</title> | |
| 207 | + <meta name="robots" content="noindex, nofollow" /> | |
| 208 | + <title>PDF</title> | |
| 209 | + <!-- This snippet is used in production (included from viewer.html) --> | |
| 210 | + <link rel="resource" type="application/l10n" href="locale/locale.json"> | |
| 211 | + <script src="../build/pdf.js?v=1.29.11" type="module"></script> | |
| 212 | + <link rel="stylesheet" href="viewer.css?v=1.29.11"> | |
| 213 | + <link rel="stylesheet" href="../../../../../uploads/e2pdf/viewer/style.css?v=1.29.11"> | |
| 214 | + <script src="viewer.js?v=1.29.11" type="module"></script> | |
| 215 | +</head> | |
| 216 | +<body tabindex="0"> | |
| 217 | + <div id="outerContainer"> | |
| 30 | 218 | |
| 219 | + <div id="sidebarContainer"> | |
| 220 | + <div id="toolbarSidebar" class="toolbarHorizontalGroup"> | |
| 221 | + <div id="toolbarSidebarLeft"> | |
| 222 | + <div id="sidebarViewButtons" class="toolbarHorizontalGroup toggled" role="radiogroup"> | |
| 223 | + <button id="viewThumbnail" class="toolbarButton toggled" type="button" tabindex="0" data-l10n-id="pdfjs-thumbs-button" role="radio" aria-checked="true" aria-controls="thumbnailView"> | |
| 224 | + <span data-l10n-id="pdfjs-thumbs-button-label"></span> | |
| 225 | + </button> | |
| 226 | + <button id="viewOutline" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-document-outline-button" role="radio" aria-checked="false" aria-controls="outlineView"> | |
| 227 | + <span data-l10n-id="pdfjs-document-outline-button-label"></span> | |
| 228 | + </button> | |
| 229 | + <button id="viewAttachments" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-attachments-button" role="radio" aria-checked="false" aria-controls="attachmentsView"> | |
| 230 | + <span data-l10n-id="pdfjs-attachments-button-label"></span> | |
| 231 | + </button> | |
| 232 | + <button id="viewLayers" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-layers-button" role="radio" aria-checked="false" aria-controls="layersView"> | |
| 233 | + <span data-l10n-id="pdfjs-layers-button-label"></span> | |
| 234 | + </button> | |
| 235 | + </div> | |
| 236 | + </div> | |
| 31 | 237 | |
| 32 | - <link rel="stylesheet" href="viewer.css"> | |
| 238 | + <div id="toolbarSidebarRight"> | |
| 239 | + <div id="outlineOptionsContainer" class="toolbarHorizontalGroup"> | |
| 240 | + <div class="verticalToolbarSeparator"></div> | |
| 33 | 241 | |
| 242 | + <button id="currentOutlineItem" class="toolbarButton" type="button" disabled="disabled" tabindex="0" data-l10n-id="pdfjs-current-outline-item-button"> | |
| 243 | + <span data-l10n-id="pdfjs-current-outline-item-button-label"></span> | |
| 244 | + </button> | |
| 245 | + </div> | |
| 246 | + </div> | |
| 247 | + </div> | |
| 248 | + <div id="sidebarContent"> | |
| 249 | + <div id="thumbnailView"> | |
| 250 | + </div> | |
| 251 | + <div id="outlineView" class="hidden"> | |
| 252 | + </div> | |
| 253 | + <div id="attachmentsView" class="hidden"> | |
| 254 | + </div> | |
| 255 | + <div id="layersView" class="hidden"> | |
| 256 | + </div> | |
| 257 | + </div> | |
| 258 | + <div id="sidebarResizer"></div> | |
| 259 | + </div> <!-- sidebarContainer --> | |
| 34 | 260 | |
| 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> | |
| 261 | + <div id="mainContainer"> | |
| 262 | + <div class="toolbar"> | |
| 263 | + <div id="toolbarContainer"> | |
| 264 | + <div id="toolbarViewer" class="toolbarHorizontalGroup"> | |
| 265 | + <div id="toolbarViewerLeft" class="toolbarHorizontalGroup"> | |
| 266 | + <button id="sidebarToggleButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-toggle-sidebar-button" aria-expanded="false" aria-haspopup="true" aria-controls="sidebarContainer"> | |
| 267 | + <span data-l10n-id="pdfjs-toggle-sidebar-button-label"></span> | |
| 268 | + </button> | |
| 269 | + <div class="toolbarButtonSpacer"></div> | |
| 270 | + <div class="toolbarButtonWithContainer"> | |
| 271 | + <button id="viewFindButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-findbar-button" aria-expanded="false" aria-controls="findbar"> | |
| 272 | + <span data-l10n-id="pdfjs-findbar-button-label"></span> | |
| 273 | + </button> | |
| 274 | + <div class="hidden doorHanger toolbarHorizontalGroup" id="findbar"> | |
| 275 | + <div id="findInputContainer" class="toolbarHorizontalGroup"> | |
| 276 | + <span class="loadingInput end toolbarHorizontalGroup"> | |
| 277 | + <input id="findInput" class="toolbarField" tabindex="0" data-l10n-id="pdfjs-find-input" aria-invalid="false"> | |
| 278 | + </span> | |
| 279 | + <div class="toolbarHorizontalGroup"> | |
| 280 | + <button id="findPreviousButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-find-previous-button"> | |
| 281 | + <span data-l10n-id="pdfjs-find-previous-button-label"></span> | |
| 282 | + </button> | |
| 283 | + <div class="splitToolbarButtonSeparator"></div> | |
| 284 | + <button id="findNextButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-find-next-button"> | |
| 285 | + <span data-l10n-id="pdfjs-find-next-button-label"></span> | |
| 286 | + </button> | |
| 287 | + </div> | |
| 288 | + </div> | |
| 38 | 289 | |
| 290 | + <div id="findbarOptionsOneContainer" class="toolbarHorizontalGroup"> | |
| 291 | + <div class="toggleButton toolbarLabel"> | |
| 292 | + <input type="checkbox" id="findHighlightAll" tabindex="0" /> | |
| 293 | + <label for="findHighlightAll" data-l10n-id="pdfjs-find-highlight-checkbox"></label> | |
| 294 | + </div> | |
| 295 | + <div class="toggleButton toolbarLabel"> | |
| 296 | + <input type="checkbox" id="findMatchCase" tabindex="0" /> | |
| 297 | + <label for="findMatchCase" data-l10n-id="pdfjs-find-match-case-checkbox-label"></label> | |
| 298 | + </div> | |
| 299 | + </div> | |
| 300 | + <div id="findbarOptionsTwoContainer" class="toolbarHorizontalGroup"> | |
| 301 | + <div class="toggleButton toolbarLabel"> | |
| 302 | + <input type="checkbox" id="findMatchDiacritics" tabindex="0" /> | |
| 303 | + <label for="findMatchDiacritics" data-l10n-id="pdfjs-find-match-diacritics-checkbox-label"></label> | |
| 304 | + </div> | |
| 305 | + <div class="toggleButton toolbarLabel"> | |
| 306 | + <input type="checkbox" id="findEntireWord" tabindex="0" /> | |
| 307 | + <label for="findEntireWord" data-l10n-id="pdfjs-find-entire-word-checkbox-label"></label> | |
| 308 | + </div> | |
| 309 | + </div> | |
| 39 | 310 | |
| 40 | - <script src="viewer.js"></script> | |
| 311 | + <div id="findbarMessageContainer" class="toolbarHorizontalGroup" aria-live="polite"> | |
| 312 | + <span id="findResultsCount" class="toolbarLabel"></span> | |
| 313 | + <span id="findMsg" class="toolbarLabel"></span> | |
| 314 | + </div> | |
| 315 | + </div> <!-- findbar --> | |
| 316 | + </div> | |
| 317 | + <div class="toolbarHorizontalGroup hiddenSmallView"> | |
| 318 | + <button class="toolbarButton" type="button" id="previous" tabindex="0" data-l10n-id="pdfjs-previous-button"> | |
| 319 | + <span data-l10n-id="pdfjs-previous-button-label"></span> | |
| 320 | + </button> | |
| 321 | + <div class="splitToolbarButtonSeparator"></div> | |
| 322 | + <button class="toolbarButton" type="button" id="next" tabindex="0" data-l10n-id="pdfjs-next-button"> | |
| 323 | + <span data-l10n-id="pdfjs-next-button-label"></span> | |
| 324 | + </button> | |
| 325 | + </div> | |
| 326 | + <div class="toolbarHorizontalGroup"> | |
| 327 | + <span class="loadingInput start toolbarHorizontalGroup"> | |
| 328 | + <input type="number" id="pageNumber" class="toolbarField" value="1" min="1" tabindex="0" data-l10n-id="pdfjs-page-input" autocomplete="off"> | |
| 329 | + </span> | |
| 330 | + <span id="numPages" class="toolbarLabel"></span> | |
| 331 | + </div> | |
| 332 | + </div> | |
| 333 | + <div id="toolbarViewerMiddle" class="toolbarHorizontalGroup"> | |
| 334 | + <div class="toolbarHorizontalGroup"> | |
| 335 | + <button id="zoomOutButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-zoom-out-button"> | |
| 336 | + <span data-l10n-id="pdfjs-zoom-out-button-label"></span> | |
| 337 | + </button> | |
| 338 | + <div class="splitToolbarButtonSeparator"></div> | |
| 339 | + <button id="zoomInButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-zoom-in-button"> | |
| 340 | + <span data-l10n-id="pdfjs-zoom-in-button-label"></span> | |
| 341 | + </button> | |
| 342 | + </div> | |
| 343 | + <span id="scaleSelectContainer" class="dropdownToolbarButton"> | |
| 344 | + <select id="scaleSelect" tabindex="0" data-l10n-id="pdfjs-zoom-select"> | |
| 345 | + <option id="pageAutoOption" value="auto" selected="selected" data-l10n-id="pdfjs-page-scale-auto"></option> | |
| 346 | + <option id="pageActualOption" value="page-actual" data-l10n-id="pdfjs-page-scale-actual"></option> | |
| 347 | + <option id="pageFitOption" value="page-fit" data-l10n-id="pdfjs-page-scale-fit"></option> | |
| 348 | + <option id="pageWidthOption" value="page-width" data-l10n-id="pdfjs-page-scale-width"></option> | |
| 349 | + <option id="customScaleOption" value="custom" disabled="disabled" hidden="true" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 0 }'></option> | |
| 350 | + <option value="0.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 50 }'></option> | |
| 351 | + <option value="0.75" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 75 }'></option> | |
| 352 | + <option value="1" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 100 }'></option> | |
| 353 | + <option value="1.25" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 125 }'></option> | |
| 354 | + <option value="1.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 150 }'></option> | |
| 355 | + <option value="2" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 200 }'></option> | |
| 356 | + <option value="3" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 300 }'></option> | |
| 357 | + <option value="4" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 400 }'></option> | |
| 358 | + </select> | |
| 359 | + </span> | |
| 360 | + </div> | |
| 361 | + <div id="toolbarViewerRight" class="toolbarHorizontalGroup"> | |
| 362 | + <div id="editorModeButtons" class="toolbarHorizontalGroup" role="radiogroup"> | |
| 363 | + <div id="editorSignature" class="toolbarButtonWithContainer" hidden="true"> | |
| 364 | + <button id="editorSignatureButton" class="toolbarButton" type="button" tabindex="0" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorSignatureParamsToolbar" data-l10n-id="pdfjs-editor-signature-button"> | |
| 365 | + <span data-l10n-id="pdfjs-editor-signature-button-label"></span> | |
| 366 | + </button> | |
| 367 | + <div class="editorParamsToolbar hidden doorHangerRight menu" id="editorSignatureParamsToolbar"> | |
| 368 | + <div id="addSignatureDoorHanger" class="menuContainer" role="region" data-l10n-id="pdfjs-editor-add-signature-container"> | |
| 369 | + <button id="editorSignatureAddSignature" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-editor-signature-add-signature-button"> | |
| 370 | + <span data-l10n-id="pdfjs-editor-signature-add-signature-button-label" class="editorParamsLabel"></span> | |
| 371 | + </button> | |
| 372 | + </div> | |
| 373 | + </div> | |
| 374 | + </div> | |
| 375 | + <div id="editorHighlight" class="toolbarButtonWithContainer"> | |
| 376 | + <button id="editorHighlightButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorHighlightParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-highlight-button"> | |
| 377 | + <span data-l10n-id="pdfjs-editor-highlight-button-label"></span> | |
| 378 | + </button> | |
| 379 | + <div class="editorParamsToolbar hidden doorHangerRight" id="editorHighlightParamsToolbar"> | |
| 380 | + <div id="highlightParamsToolbarContainer" class="editorParamsToolbarContainer"> | |
| 381 | + <div id="editorHighlightColorPicker" class="colorPicker"> | |
| 382 | + <span id="highlightColorPickerLabel" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-colorpicker-label"></span> | |
| 383 | + </div> | |
| 384 | + <div id="editorHighlightThickness"> | |
| 385 | + <label for="editorFreeHighlightThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-highlight-thickness-input"></label> | |
| 386 | + <div class="thicknessPicker"> | |
| 387 | + <input type="range" id="editorFreeHighlightThickness" class="editorParamsSlider" data-l10n-id="pdfjs-editor-free-highlight-thickness-title" value="12" min="8" max="24" step="1" tabindex="0"> | |
| 388 | + </div> | |
| 389 | + </div> | |
| 390 | + <div id="editorHighlightVisibility"> | |
| 391 | + <div class="divider"></div> | |
| 392 | + <div class="toggler"> | |
| 393 | + <label for="editorHighlightShowAll" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-show-all-button-label"></label> | |
| 394 | + <button id="editorHighlightShowAll" class="toggle-button" type="button" data-l10n-id="pdfjs-editor-highlight-show-all-button" aria-pressed="true" tabindex="0"></button> | |
| 395 | + </div> | |
| 396 | + </div> | |
| 397 | + </div> | |
| 398 | + </div> | |
| 399 | + </div> | |
| 400 | + <div id="editorFreeText" class="toolbarButtonWithContainer"> | |
| 401 | + <button id="editorFreeTextButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorFreeTextParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-free-text-button"> | |
| 402 | + <span data-l10n-id="pdfjs-editor-free-text-button-label"></span> | |
| 403 | + </button> | |
| 404 | + <div class="editorParamsToolbar hidden doorHangerRight" id="editorFreeTextParamsToolbar"> | |
| 405 | + <div class="editorParamsToolbarContainer"> | |
| 406 | + <div class="editorParamsSetter"> | |
| 407 | + <label for="editorFreeTextColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-color-input"></label> | |
| 408 | + <input type="color" id="editorFreeTextColor" class="editorParamsColor" tabindex="0"> | |
| 409 | + </div> | |
| 410 | + <div class="editorParamsSetter"> | |
| 411 | + <label for="editorFreeTextFontSize" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-size-input"></label> | |
| 412 | + <input type="range" id="editorFreeTextFontSize" class="editorParamsSlider" value="10" min="5" max="100" step="1" tabindex="0"> | |
| 413 | + </div> | |
| 414 | + </div> | |
| 415 | + </div> | |
| 416 | + </div> | |
| 417 | + <div id="editorInk" class="toolbarButtonWithContainer"> | |
| 418 | + <button id="editorInkButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorInkParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-ink-button"> | |
| 419 | + <span data-l10n-id="pdfjs-editor-ink-button-label"></span> | |
| 420 | + </button> | |
| 421 | + <div class="editorParamsToolbar hidden doorHangerRight" id="editorInkParamsToolbar"> | |
| 422 | + <div class="editorParamsToolbarContainer"> | |
| 423 | + <div class="editorParamsSetter"> | |
| 424 | + <label for="editorInkColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-color-input"></label> | |
| 425 | + <input type="color" id="editorInkColor" class="editorParamsColor" tabindex="0"> | |
| 426 | + </div> | |
| 427 | + <div class="editorParamsSetter"> | |
| 428 | + <label for="editorInkThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-thickness-input"></label> | |
| 429 | + <input type="range" id="editorInkThickness" class="editorParamsSlider" value="1" min="1" max="20" step="1" tabindex="0"> | |
| 430 | + </div> | |
| 431 | + <div class="editorParamsSetter"> | |
| 432 | + <label for="editorInkOpacity" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-opacity-input"></label> | |
| 433 | + <input type="range" id="editorInkOpacity" class="editorParamsSlider" value="1" min="0.05" max="1" step="0.05" tabindex="0"> | |
| 434 | + </div> | |
| 435 | + </div> | |
| 436 | + </div> | |
| 437 | + </div> | |
| 438 | + <div id="editorStamp" class="toolbarButtonWithContainer"> | |
| 439 | + <button id="editorStampButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorStampParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-stamp-button"> | |
| 440 | + <span data-l10n-id="pdfjs-editor-stamp-button-label"></span> | |
| 441 | + </button> | |
| 442 | + <div class="editorParamsToolbar hidden doorHangerRight menu" id="editorStampParamsToolbar"> | |
| 443 | + <div class="menuContainer"> | |
| 444 | + <button id="editorStampAddImage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-editor-stamp-add-image-button"> | |
| 445 | + <span class="editorParamsLabel" data-l10n-id="pdfjs-editor-stamp-add-image-button-label"></span> | |
| 446 | + </button> | |
| 447 | + </div> | |
| 448 | + </div> | |
| 449 | + </div> | |
| 450 | + </div> | |
| 41 | 451 | |
| 42 | - </head> | |
| 452 | + <div id="editorModeSeparator" class="verticalToolbarSeparator"></div> | |
| 43 | 453 | |
| 44 | - <body tabindex="1" class="loadingInProgress"> | |
| 45 | - <div id="outerContainer"> | |
| 454 | + <div class="toolbarHorizontalGroup hiddenMediumView"> | |
| 455 | + <button id="printButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-print-button"> | |
| 456 | + <span data-l10n-id="pdfjs-print-button-label"></span> | |
| 457 | + </button> | |
| 46 | 458 | |
| 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 --> | |
| 459 | + <button id="downloadButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-save-button"> | |
| 460 | + <span data-l10n-id="pdfjs-save-button-label"></span> | |
| 461 | + </button> | |
| 462 | + </div> | |
| 71 | 463 | |
| 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> | |
| 464 | + <div class="verticalToolbarSeparator hiddenMediumView"></div> | |
| 86 | 465 | |
| 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> | |
| 466 | + <div id="secondaryToolbarToggle" class="toolbarButtonWithContainer"> | |
| 467 | + <button id="secondaryToolbarToggleButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-tools-button" aria-expanded="false" aria-haspopup="true" aria-controls="secondaryToolbar"> | |
| 468 | + <span data-l10n-id="pdfjs-tools-button-label"></span> | |
| 469 | + </button> | |
| 470 | + <div id="secondaryToolbar" class="hidden doorHangerRight menu"> | |
| 471 | + <div id="secondaryToolbarButtonContainer" class="menuContainer"> | |
| 472 | + <button id="secondaryOpenFile" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-open-file-button"> | |
| 473 | + <span data-l10n-id="pdfjs-open-file-button-label"></span> | |
| 474 | + </button> | |
| 98 | 475 | |
| 99 | - <div id="findbarMessageContainer"> | |
| 100 | - <span id="findMsg" class="toolbarLabel"></span> | |
| 101 | - </div> | |
| 102 | - </div> <!-- findbar --> | |
| 476 | + <div class="visibleMediumView"> | |
| 477 | + <button id="secondaryPrint" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-print-button"> | |
| 478 | + <span data-l10n-id="pdfjs-print-button-label"></span> | |
| 479 | + </button> | |
| 103 | 480 | |
| 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> | |
| 481 | + <button id="secondaryDownload" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-save-button"> | |
| 482 | + <span data-l10n-id="pdfjs-save-button-label"></span> | |
| 483 | + </button> | |
| 109 | 484 | |
| 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> | |
| 485 | + </div> | |
| 113 | 486 | |
| 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> | |
| 487 | + <div class="horizontalToolbarSeparator"></div> | |
| 117 | 488 | |
| 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> | |
| 489 | + <button id="presentationMode" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-presentation-mode-button"> | |
| 490 | + <span data-l10n-id="pdfjs-presentation-mode-button-label"></span> | |
| 491 | + </button> | |
| 121 | 492 | |
| 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> | |
| 493 | + <a href="#" id="viewBookmark" class="toolbarButton labeled" tabindex="0" data-l10n-id="pdfjs-bookmark-button"> | |
| 494 | + <span data-l10n-id="pdfjs-bookmark-button-label"></span> | |
| 495 | + </a> | |
| 125 | 496 | |
| 126 | - <div class="horizontalToolbarSeparator visibleLargeView"></div> | |
| 497 | + <div id="viewBookmarkSeparator" class="horizontalToolbarSeparator"></div> | |
| 127 | 498 | |
| 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> | |
| 499 | + <button id="firstPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-first-page-button"> | |
| 500 | + <span data-l10n-id="pdfjs-first-page-button-label"></span> | |
| 501 | + </button> | |
| 502 | + <button id="lastPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-last-page-button"> | |
| 503 | + <span data-l10n-id="pdfjs-last-page-button-label"></span> | |
| 504 | + </button> | |
| 134 | 505 | |
| 135 | - <div class="horizontalToolbarSeparator"></div> | |
| 506 | + <div class="horizontalToolbarSeparator"></div> | |
| 136 | 507 | |
| 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> | |
| 508 | + <button id="pageRotateCw" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-page-rotate-cw-button"> | |
| 509 | + <span data-l10n-id="pdfjs-page-rotate-cw-button-label"></span> | |
| 510 | + </button> | |
| 511 | + <button id="pageRotateCcw" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-page-rotate-ccw-button"> | |
| 512 | + <span data-l10n-id="pdfjs-page-rotate-ccw-button-label"></span> | |
| 513 | + </button> | |
| 143 | 514 | |
| 144 | - <div class="horizontalToolbarSeparator"></div> | |
| 515 | + <div class="horizontalToolbarSeparator"></div> | |
| 145 | 516 | |
| 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> | |
| 517 | + <div id="cursorToolButtons" role="radiogroup"> | |
| 518 | + <button id="cursorSelectTool" class="toolbarButton labeled toggled" type="button" tabindex="0" data-l10n-id="pdfjs-cursor-text-select-tool-button" role="radio" aria-checked="true"> | |
| 519 | + <span data-l10n-id="pdfjs-cursor-text-select-tool-button-label"></span> | |
| 520 | + </button> | |
| 521 | + <button id="cursorHandTool" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-cursor-hand-tool-button" role="radio" aria-checked="false"> | |
| 522 | + <span data-l10n-id="pdfjs-cursor-hand-tool-button-label"></span> | |
| 523 | + </button> | |
| 524 | + </div> | |
| 152 | 525 | |
| 153 | - <div class="horizontalToolbarSeparator"></div> | |
| 526 | + <div class="horizontalToolbarSeparator"></div> | |
| 154 | 527 | |
| 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> | |
| 528 | + <div id="scrollModeButtons" role="radiogroup"> | |
| 529 | + <button id="scrollPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-page-button" role="radio" aria-checked="false"> | |
| 530 | + <span data-l10n-id="pdfjs-scroll-page-button-label"></span> | |
| 531 | + </button> | |
| 532 | + <button id="scrollVertical" class="toolbarButton labeled toggled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-vertical-button" role="radio" aria-checked="true"> | |
| 533 | + <span data-l10n-id="pdfjs-scroll-vertical-button-label"></span> | |
| 534 | + </button> | |
| 535 | + <button id="scrollHorizontal" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-horizontal-button" role="radio" aria-checked="false"> | |
| 536 | + <span data-l10n-id="pdfjs-scroll-horizontal-button-label"></span> | |
| 537 | + </button> | |
| 538 | + <button id="scrollWrapped" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-wrapped-button" role="radio" aria-checked="false"> | |
| 539 | + <span data-l10n-id="pdfjs-scroll-wrapped-button-label"></span> | |
| 540 | + </button> | |
| 541 | + </div> | |
| 164 | 542 | |
| 165 | - <div class="horizontalToolbarSeparator scrollModeButtons"></div> | |
| 543 | + <div class="horizontalToolbarSeparator"></div> | |
| 166 | 544 | |
| 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> | |
| 545 | + <div id="spreadModeButtons" role="radiogroup"> | |
| 546 | + <button id="spreadNone" class="toolbarButton labeled toggled" type="button" tabindex="0" data-l10n-id="pdfjs-spread-none-button" role="radio" aria-checked="true"> | |
| 547 | + <span data-l10n-id="pdfjs-spread-none-button-label"></span> | |
| 548 | + </button> | |
| 549 | + <button id="spreadOdd" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-spread-odd-button" role="radio" aria-checked="false"> | |
| 550 | + <span data-l10n-id="pdfjs-spread-odd-button-label"></span> | |
| 551 | + </button> | |
| 552 | + <button id="spreadEven" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-spread-even-button" role="radio" aria-checked="false"> | |
| 553 | + <span data-l10n-id="pdfjs-spread-even-button-label"></span> | |
| 554 | + </button> | |
| 555 | + </div> | |
| 176 | 556 | |
| 177 | - <div class="horizontalToolbarSeparator spreadModeButtons"></div> | |
| 557 | + <div id="imageAltTextSettingsSeparator" class="horizontalToolbarSeparator hidden"></div> | |
| 558 | + <button id="imageAltTextSettings" type="button" class="toolbarButton labeled hidden" tabindex="0" data-l10n-id="pdfjs-image-alt-text-settings-button" aria-controls="altTextSettingsDialog"> | |
| 559 | + <span data-l10n-id="pdfjs-image-alt-text-settings-button-label"></span> | |
| 560 | + </button> | |
| 178 | 561 | |
| 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 --> | |
| 562 | + <div class="horizontalToolbarSeparator"></div> | |
| 184 | 563 | |
| 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> | |
| 564 | + <button id="documentProperties" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-document-properties-button" aria-controls="documentPropertiesDialog"> | |
| 565 | + <span data-l10n-id="pdfjs-document-properties-button-label"></span> | |
| 566 | + </button> | |
| 567 | + </div> | |
| 568 | + </div> <!-- secondaryToolbar --> | |
| 569 | + </div> | |
| 570 | + </div> | |
| 571 | + </div> | |
| 572 | + <div id="loadingBar"> | |
| 573 | + <div class="progress"> | |
| 574 | + <div class="glimmer"> | |
| 575 | + </div> | |
| 576 | + </div> | |
| 577 | + </div> | |
| 204 | 578 | </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> | |
| 579 | + </div> | |
| 212 | 580 | |
| 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> | |
| 581 | + <div id="viewerContainer" tabindex="0"> | |
| 582 | + <div id="viewer" class="pdfViewer"></div> | |
| 583 | + </div> | |
| 584 | + <div id="e2pdfViewerLoader"><div class="e2pdf-viewer-loader-icon"></div><div class="e2pdf-viewer-loader-text"></div></div> | |
| 585 | + <div id="e2pdfViewerLoadError"></div> | |
| 586 | + </div> <!-- mainContainer --> | |
| 216 | 587 | |
| 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> | |
| 588 | + <div id="dialogContainer"> | |
| 589 | + <dialog id="passwordDialog"> | |
| 590 | + <div class="row"> | |
| 591 | + <label for="password" id="passwordText" data-l10n-id="pdfjs-password-label"></label> | |
| 592 | + </div> | |
| 593 | + <div class="row"> | |
| 594 | + <input type="password" id="password" class="toolbarField"> | |
| 595 | + </div> | |
| 596 | + <div class="buttonRow"> | |
| 597 | + <button id="passwordCancel" class="dialogButton" type="button"><span data-l10n-id="pdfjs-password-cancel-button"></span></button> | |
| 598 | + <button id="passwordSubmit" class="dialogButton" type="button"><span data-l10n-id="pdfjs-password-ok-button"></span></button> | |
| 599 | + </div> | |
| 600 | + </dialog> | |
| 601 | + <dialog id="documentPropertiesDialog"> | |
| 602 | + <div class="row"> | |
| 603 | + <span id="fileNameLabel" data-l10n-id="pdfjs-document-properties-file-name"></span> | |
| 604 | + <p id="fileNameField" aria-labelledby="fileNameLabel">-</p> | |
| 605 | + </div> | |
| 606 | + <div class="row"> | |
| 607 | + <span id="fileSizeLabel" data-l10n-id="pdfjs-document-properties-file-size"></span> | |
| 608 | + <p id="fileSizeField" aria-labelledby="fileSizeLabel">-</p> | |
| 609 | + </div> | |
| 610 | + <div class="separator"></div> | |
| 611 | + <div class="row"> | |
| 612 | + <span id="titleLabel" data-l10n-id="pdfjs-document-properties-title"></span> | |
| 613 | + <p id="titleField" aria-labelledby="titleLabel">-</p> | |
| 614 | + </div> | |
| 615 | + <div class="row"> | |
| 616 | + <span id="authorLabel" data-l10n-id="pdfjs-document-properties-author"></span> | |
| 617 | + <p id="authorField" aria-labelledby="authorLabel">-</p> | |
| 618 | + </div> | |
| 619 | + <div class="row"> | |
| 620 | + <span id="subjectLabel" data-l10n-id="pdfjs-document-properties-subject"></span> | |
| 621 | + <p id="subjectField" aria-labelledby="subjectLabel">-</p> | |
| 622 | + </div> | |
| 623 | + <div class="row"> | |
| 624 | + <span id="keywordsLabel" data-l10n-id="pdfjs-document-properties-keywords"></span> | |
| 625 | + <p id="keywordsField" aria-labelledby="keywordsLabel">-</p> | |
| 626 | + </div> | |
| 627 | + <div class="row"> | |
| 628 | + <span id="creationDateLabel" data-l10n-id="pdfjs-document-properties-creation-date"></span> | |
| 629 | + <p id="creationDateField" aria-labelledby="creationDateLabel">-</p> | |
| 630 | + </div> | |
| 631 | + <div class="row"> | |
| 632 | + <span id="modificationDateLabel" data-l10n-id="pdfjs-document-properties-modification-date"></span> | |
| 633 | + <p id="modificationDateField" aria-labelledby="modificationDateLabel">-</p> | |
| 634 | + </div> | |
| 635 | + <div class="row"> | |
| 636 | + <span id="creatorLabel" data-l10n-id="pdfjs-document-properties-creator"></span> | |
| 637 | + <p id="creatorField" aria-labelledby="creatorLabel">-</p> | |
| 638 | + </div> | |
| 639 | + <div class="separator"></div> | |
| 640 | + <div class="row"> | |
| 641 | + <span id="producerLabel" data-l10n-id="pdfjs-document-properties-producer"></span> | |
| 642 | + <p id="producerField" aria-labelledby="producerLabel">-</p> | |
| 643 | + </div> | |
| 644 | + <div class="row"> | |
| 645 | + <span id="versionLabel" data-l10n-id="pdfjs-document-properties-version"></span> | |
| 646 | + <p id="versionField" aria-labelledby="versionLabel">-</p> | |
| 647 | + </div> | |
| 648 | + <div class="row"> | |
| 649 | + <span id="pageCountLabel" data-l10n-id="pdfjs-document-properties-page-count"></span> | |
| 650 | + <p id="pageCountField" aria-labelledby="pageCountLabel">-</p> | |
| 651 | + </div> | |
| 652 | + <div class="row"> | |
| 653 | + <span id="pageSizeLabel" data-l10n-id="pdfjs-document-properties-page-size"></span> | |
| 654 | + <p id="pageSizeField" aria-labelledby="pageSizeLabel">-</p> | |
| 655 | + </div> | |
| 656 | + <div class="separator"></div> | |
| 657 | + <div class="row"> | |
| 658 | + <span id="linearizedLabel" data-l10n-id="pdfjs-document-properties-linearized"></span> | |
| 659 | + <p id="linearizedField" aria-labelledby="linearizedLabel">-</p> | |
| 660 | + </div> | |
| 661 | + <div class="buttonRow"> | |
| 662 | + <button id="documentPropertiesClose" class="dialogButton" type="button"><span data-l10n-id="pdfjs-document-properties-close-button"></span></button> | |
| 663 | + </div> | |
| 664 | + </dialog> | |
| 665 | + <dialog class="dialog altText" id="altTextDialog" aria-labelledby="dialogLabel" aria-describedby="dialogDescription"> | |
| 666 | + <div id="altTextContainer" class="mainContainer"> | |
| 667 | + <div id="overallDescription"> | |
| 668 | + <span id="dialogLabel" data-l10n-id="pdfjs-editor-alt-text-dialog-label" class="title"></span> | |
| 669 | + <span id="dialogDescription" data-l10n-id="pdfjs-editor-alt-text-dialog-description"></span> | |
| 670 | + </div> | |
| 671 | + <div id="addDescription"> | |
| 672 | + <div class="radio"> | |
| 673 | + <div class="radioButton"> | |
| 674 | + <input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" aria-describedby="descriptionAreaLabel" checked> | |
| 675 | + <label for="descriptionButton" data-l10n-id="pdfjs-editor-alt-text-add-description-label"></label> | |
| 676 | + </div> | |
| 677 | + <div class="radioLabel"> | |
| 678 | + <span id="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-add-description-description"></span> | |
| 679 | + </div> | |
| 680 | + </div> | |
| 681 | + <div class="descriptionArea"> | |
| 682 | + <textarea id="descriptionTextarea" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-textarea" tabindex="0"></textarea> | |
| 683 | + </div> | |
| 684 | + </div> | |
| 685 | + <div id="markAsDecorative"> | |
| 686 | + <div class="radio"> | |
| 687 | + <div class="radioButton"> | |
| 688 | + <input type="radio" id="decorativeButton" name="altTextOption" aria-describedby="decorativeLabel"> | |
| 689 | + <label for="decorativeButton" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-label"></label> | |
| 690 | + </div> | |
| 691 | + <div class="radioLabel"> | |
| 692 | + <span id="decorativeLabel" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-description"></span> | |
| 693 | + </div> | |
| 694 | + </div> | |
| 695 | + </div> | |
| 696 | + <div id="buttons"> | |
| 697 | + <button id="altTextCancel" class="secondaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-cancel-button"></span></button> | |
| 698 | + <button id="altTextSave" class="primaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button"></span></button> | |
| 699 | + </div> | |
| 700 | + </div> | |
| 701 | + </dialog> | |
| 702 | + <dialog class="dialog newAltText" id="newAltTextDialog" aria-labelledby="newAltTextTitle" aria-describedby="newAltTextDescription" tabindex="0"> | |
| 703 | + <div id="newAltTextContainer" class="mainContainer"> | |
| 704 | + <div class="title"> | |
| 705 | + <span id="newAltTextTitle" data-l10n-id="pdfjs-editor-new-alt-text-dialog-edit-label" role="sectionhead" tabindex="0"></span> | |
| 706 | + </div> | |
| 707 | + <div id="mainContent"> | |
| 708 | + <div id="descriptionAndSettings"> | |
| 709 | + <div id="descriptionInstruction"> | |
| 710 | + <div id="newAltTextDescriptionContainer"> | |
| 711 | + <div class="altTextSpinner" role="status" aria-live="polite"></div> | |
| 712 | + <textarea id="newAltTextDescriptionTextarea" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-new-alt-text-textarea" tabindex="0"></textarea> | |
| 713 | + </div> | |
| 714 | + <span id="newAltTextDescription" role="note" data-l10n-id="pdfjs-editor-new-alt-text-description"></span> | |
| 715 | + <div id="newAltTextDisclaimer" role="note"><div><span data-l10n-id="pdfjs-editor-new-alt-text-disclaimer1"></span> <a href="https://support.mozilla.org/en-US/kb/pdf-alt-text" target="_blank" rel="noopener noreferrer" id="newAltTextLearnMore" data-l10n-id="pdfjs-editor-new-alt-text-disclaimer-learn-more-url" tabindex="0"></a></div></div> | |
| 716 | + </div> | |
| 717 | + <div id="newAltTextCreateAutomatically" class="toggler"> | |
| 718 | + <button id="newAltTextCreateAutomaticallyButton" class="toggle-button" type="button" aria-pressed="true" tabindex="0"></button> | |
| 719 | + <label for="newAltTextCreateAutomaticallyButton" class="togglerLabel" data-l10n-id="pdfjs-editor-new-alt-text-create-automatically-button-label"></label> | |
| 720 | + </div> | |
| 721 | + <div id="newAltTextDownloadModel" class="hidden"> | |
| 722 | + <span id="newAltTextDownloadModelDescription" data-l10n-id="pdfjs-editor-new-alt-text-ai-model-downloading-progress" aria-valuemin="0" data-l10n-args='{ "totalSize": 0, "downloadedSize": 0 }'></span> | |
| 723 | + </div> | |
| 724 | + </div> | |
| 725 | + <div id="newAltTextImagePreview"></div> | |
| 726 | + </div> | |
| 727 | + <div id="newAltTextError" class="messageBar"> | |
| 728 | + <div> | |
| 729 | + <div> | |
| 730 | + <span class="title" data-l10n-id="pdfjs-editor-new-alt-text-error-title"></span> | |
| 731 | + <span class="description" data-l10n-id="pdfjs-editor-new-alt-text-error-description"></span> | |
| 732 | + </div> | |
| 733 | + <button id="newAltTextCloseButton" class="closeButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-new-alt-text-error-close-button"></span></button> | |
| 734 | + </div> | |
| 735 | + </div> | |
| 736 | + <div id="newAltTextButtons" class="dialogButtonsGroup"> | |
| 737 | + <button id="newAltTextCancel" type="button" class="secondaryButton hidden" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-cancel-button"></span></button> | |
| 738 | + <button id="newAltTextNotNow" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-new-alt-text-not-now-button"></span></button> | |
| 739 | + <button id="newAltTextSave" type="button" class="primaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button"></span></button> | |
| 740 | + </div> | |
| 741 | + </div> | |
| 742 | + </dialog> | |
| 220 | 743 | |
| 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> | |
| 744 | + <dialog class="dialog" id="altTextSettingsDialog" aria-labelledby="altTextSettingsTitle"> | |
| 745 | + <div id="altTextSettingsContainer" class="mainContainer"> | |
| 746 | + <div class="title"> | |
| 747 | + <span id="altTextSettingsTitle" data-l10n-id="pdfjs-editor-alt-text-settings-dialog-label" role="sectionhead" tabindex="0" class="title"></span> | |
| 748 | + </div> | |
| 749 | + <div id="automaticAltText"> | |
| 750 | + <span data-l10n-id="pdfjs-editor-alt-text-settings-automatic-title"></span> | |
| 751 | + <div id="automaticSettings"> | |
| 752 | + <div id="createModelSetting"> | |
| 753 | + <div class="toggler"> | |
| 754 | + <button id="createModelButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button> | |
| 755 | + <label for="createModelButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-create-model-button-label"></label> | |
| 756 | + </div> | |
| 757 | + <div id="createModelDescription" class="description"> | |
| 758 | + <span data-l10n-id="pdfjs-editor-alt-text-settings-create-model-description"></span> <a href="https://support.mozilla.org/en-US/kb/pdf-alt-text" target="_blank" rel="noopener noreferrer" id="altTextSettingsLearnMore" data-l10n-id="pdfjs-editor-new-alt-text-disclaimer-learn-more-url" tabindex="0"></a> | |
| 759 | + </div> | |
| 760 | + </div> | |
| 761 | + <div id="aiModelSettings"> | |
| 762 | + <div> | |
| 763 | + <span data-l10n-id="pdfjs-editor-alt-text-settings-download-model-label" data-l10n-args='{ "totalSize": 180 }'></span> | |
| 764 | + <div id="aiModelDescription" class="description"> | |
| 765 | + <span data-l10n-id="pdfjs-editor-alt-text-settings-ai-model-description"></span> | |
| 766 | + </div> | |
| 767 | + </div> | |
| 768 | + <button id="deleteModelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-delete-model-button"></span></button> | |
| 769 | + <button id="downloadModelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-download-model-button"></span></button> | |
| 770 | + </div> | |
| 771 | + </div> | |
| 772 | + </div> | |
| 773 | + <div class="dialogSeparator"></div> | |
| 774 | + <div id="altTextEditor"> | |
| 775 | + <span data-l10n-id="pdfjs-editor-alt-text-settings-editor-title"></span> | |
| 776 | + <div id="showAltTextEditor"> | |
| 777 | + <div class="toggler"> | |
| 778 | + <button id="showAltTextDialogButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button> | |
| 779 | + <label for="showAltTextDialogButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-button-label"></label> | |
| 780 | + </div> | |
| 781 | + <div id="showAltTextDialogDescription" class="description"> | |
| 782 | + <span data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-description"></span> | |
| 783 | + </div> | |
| 784 | + </div> | |
| 785 | + </div> | |
| 786 | + <div id="buttons" class="dialogButtonsGroup"> | |
| 787 | + <button id="altTextSettingsCloseButton" type="button" class="primaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-close-button"></span></button> | |
| 788 | + </div> | |
| 789 | + </div> | |
| 790 | + </dialog> | |
| 227 | 791 | |
| 228 | - <div class="verticalToolbarSeparator hiddenSmallView"></div> | |
| 792 | + <dialog class="dialog signatureDialog" id="addSignatureDialog" aria-labelledby="addSignatureDialogLabel"> | |
| 793 | + <span id="addSignatureDialogLabel" data-l10n-id="pdfjs-editor-add-signature-dialog-label"></span> | |
| 794 | + <div id="addSignatureContainer" class="mainContainer"> | |
| 795 | + <div class="title"> | |
| 796 | + <span role="sectionhead" data-l10n-id="pdfjs-editor-add-signature-dialog-title" tabindex="0"></span> | |
| 797 | + </div> | |
| 798 | + <div role="tablist" id="addSignatureOptions"> | |
| 799 | + <button id="addSignatureTypeButton" type="button" role="tab" aria-selected="true" aria-controls="addSignatureTypeContainer" data-l10n-id="pdfjs-editor-add-signature-type-button" tabindex="0"></button> | |
| 800 | + <button id="addSignatureDrawButton" type="button" role="tab" aria-selected="false" aria-controls="addSignatureDrawContainer" data-l10n-id="pdfjs-editor-add-signature-draw-button" tabindex="0"></button> | |
| 801 | + <button id="addSignatureImageButton" type="button" role="tab" aria-selected="false" aria-controls="addSignatureImageContainer" data-l10n-id="pdfjs-editor-add-signature-image-button" tabindex="-1"></button> | |
| 802 | + </div> | |
| 803 | + <div id="addSignatureActionContainer" data-selected="type"> | |
| 804 | + <div id="addSignatureTypeContainer" role="tabpanel" aria-labelledby="addSignatureTypeContainer"> | |
| 805 | + <input id="addSignatureTypeInput" type="text" data-l10n-id="pdfjs-editor-add-signature-type-input" tabindex="0"></input> | |
| 806 | + </div> | |
| 807 | + <div id="addSignatureDrawContainer" role="tabpanel" aria-labelledby="addSignatureDrawButton" tabindex="-1"> | |
| 808 | + <svg id="addSignatureDraw" xmlns="http://www.w3.org/2000/svg" aria-labelledby="addSignatureDrawPlaceholder"></svg> | |
| 809 | + <span id="addSignatureDrawPlaceholder" data-l10n-id="pdfjs-editor-add-signature-draw-placeholder"></span> | |
| 810 | + <div id="thickness"> | |
| 811 | + <div> | |
| 812 | + <label for="addSignatureDrawThickness" data-l10n-id="pdfjs-editor-add-signature-draw-thickness-range-label"></label> | |
| 813 | + <input type="range" id="addSignatureDrawThickness" min="1" max="5" step="1" value="1" data-l10n-id="pdfjs-editor-add-signature-draw-thickness-range" data-l10n-args='{ "thickness": 1 }' tabindex="0"> | |
| 814 | + </div> | |
| 815 | + </div> | |
| 816 | + </div> | |
| 817 | + <div id="addSignatureImageContainer" role="tabpanel" aria-labelledby="addSignatureImageButton" tabindex="-1"> | |
| 818 | + <svg id="addSignatureImage" xmlns="http://www.w3.org/2000/svg" aria-labelledby="addSignatureImagePlaceholder"></svg> | |
| 819 | + <div id="addSignatureImagePlaceholder"> | |
| 820 | + <span data-l10n-id="pdfjs-editor-add-signature-image-placeholder"></span> | |
| 821 | + <label id="addSignatureImageBrowse" for="addSignatureFilePicker" tabindex="0"> | |
| 822 | + <a data-l10n-id="pdfjs-editor-add-signature-image-browse-link"></a> | |
| 823 | + </label> | |
| 824 | + <input id="addSignatureFilePicker" type="file"></input> | |
| 825 | + </div> | |
| 826 | + </div> | |
| 827 | + <div id="addSignatureControls"> | |
| 828 | + <div id="horizontalContainer"> | |
| 829 | + <div id="addSignatureDescriptionContainer"> | |
| 830 | + <label for="addSignatureDescInput" data-l10n-id="pdfjs-editor-add-signature-description-label"></label> | |
| 831 | + <span id="addSignatureDescription" class="inputWithClearButton"> | |
| 832 | + <input id="addSignatureDescInput" type="text" data-l10n-id="pdfjs-editor-add-signature-description-input" tabindex="0"></input> | |
| 833 | + <button class="clearInputButton" type="button" tabindex="0" aria-hidden="true"></button> | |
| 834 | + </span> | |
| 835 | + </div> | |
| 836 | + <button id="clearSignatureButton" type="button" data-l10n-id="pdfjs-editor-add-signature-clear-button" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-clear-button-label"></span></button> | |
| 837 | + </div> | |
| 838 | + <div id="addSignatureSaveContainer"> | |
| 839 | + <input type="checkbox" id="addSignatureSaveCheckbox" checked="true"></input> | |
| 840 | + <label for="addSignatureSaveCheckbox" data-l10n-id="pdfjs-editor-add-signature-save-checkbox"></label> | |
| 841 | + <span></span> | |
| 842 | + <span id="addSignatureSaveWarning" data-l10n-id="pdfjs-editor-add-signature-save-warning-message"></span> | |
| 843 | + </div> | |
| 844 | + </div> | |
| 845 | + <div id="addSignatureError" hidden="true" class="messageBar"> | |
| 846 | + <div> | |
| 847 | + <div> | |
| 848 | + <span class="title" data-l10n-id="pdfjs-editor-add-signature-image-upload-error-title"></span> | |
| 849 | + <span class="description" data-l10n-id="pdfjs-editor-add-signature-image-upload-error-description"></span> | |
| 850 | + </div> | |
| 851 | + <button id="addSignatureErrorCloseButton" class="closeButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-error-close-button"></span></button> | |
| 852 | + </div> | |
| 853 | + </div> | |
| 854 | + <div class="dialogButtonsGroup"> | |
| 855 | + <button id="addSignatureCancelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-cancel-button"></span></button> | |
| 856 | + <button id="addSignatureAddButton" type="button" class="primaryButton" disabled tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-add-button"></span></button> | |
| 857 | + </div> | |
| 858 | + </div> | |
| 859 | + </div> | |
| 860 | + </dialog> | |
| 229 | 861 | |
| 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> | |
| 862 | + <dialog class="dialog signatureDialog" id="editSignatureDescriptionDialog" aria-labelledby="editSignatureDescriptionTitle"> | |
| 863 | + <div id="editSignatureDescriptionContainer" class="mainContainer"> | |
| 864 | + <div class="title"> | |
| 865 | + <span id="editSignatureDescriptionTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-signature-dialog-title" tabindex="0"></span> | |
| 866 | + </div> | |
| 867 | + <div id="editSignatureDescriptionAndView"> | |
| 868 | + <div id="editSignatureDescriptionContainer"> | |
| 869 | + <label for="editSignatureDescInput" data-l10n-id="pdfjs-editor-add-signature-description-label"></label> | |
| 870 | + <span id="editSignatureDescription" class="inputWithClearButton"> | |
| 871 | + <input id="editSignatureDescInput" type="text" data-l10n-id="pdfjs-editor-add-signature-description-input" tabindex="0"></input> | |
| 872 | + <button class="clearInputButton" type="button" tabindex="0" aria-hidden="true"></button> | |
| 873 | + </span> | |
| 874 | + </div> | |
| 875 | + <svg id="editSignatureView" xmlns="http://www.w3.org/2000/svg"></svg> | |
| 876 | + </div> | |
| 877 | + <div class="dialogButtonsGroup"> | |
| 878 | + <button id="editSignatureCancelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-cancel-button"></span></button> | |
| 879 | + <button id="editSignatureUpdateButton" type="button" class="primaryButton" disabled tabindex="0"><span data-l10n-id="pdfjs-editor-edit-signature-update-button"></span></button> | |
| 880 | + </div> | |
| 243 | 881 | </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"> | |
| 882 | + </dialog> | |
| 883 | + | |
| 884 | + <dialog id="printServiceDialog" style="min-width: 200px;"> | |
| 885 | + <div class="row"> | |
| 886 | + <span data-l10n-id="pdfjs-print-progress-message"></span> | |
| 266 | 887 | </div> |
| 267 | - </div> | |
| 268 | - </div> | |
| 269 | - </div> | |
| 270 | - </div> | |
| 888 | + <div class="row"> | |
| 889 | + <progress value="0" max="100"></progress> | |
| 890 | + <span data-l10n-id="pdfjs-print-progress-percent" data-l10n-args='{ "progress": 0 }' class="relative-progress">0%</span> | |
| 891 | + </div> | |
| 892 | + <div class="buttonRow"> | |
| 893 | + <button id="printCancel" class="dialogButton" type="button"><span data-l10n-id="pdfjs-print-progress-close-button"></span></button> | |
| 894 | + </div> | |
| 895 | + </dialog> | |
| 896 | + </div> <!-- dialogContainer --> | |
| 271 | 897 | |
| 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> | |
| 898 | + <div id="editorUndoBar" class="messageBar" role="status" aria-labelledby="editorUndoBarMessage" tabindex="-1" hidden> | |
| 899 | + <div> | |
| 900 | + <div> | |
| 901 | + <span id="editorUndoBarMessage" class="description"></span> | |
| 902 | + </div> | |
| 903 | + <button id="editorUndoBarUndoButton" class="undoButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-undo-bar-undo-button"> | |
| 904 | + <span data-l10n-id="pdfjs-editor-undo-bar-undo-button-label"></span> | |
| 905 | + </button> | |
| 906 | + <button id="editorUndoBarCloseButton" class="closeButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-undo-bar-close-button"> | |
| 907 | + <span data-l10n-id="pdfjs-editor-undo-bar-close-button-label"></span> | |
| 908 | + </button> | |
| 312 | 909 | </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 --> | |
| 910 | + </div> <!-- editorUndoBar --> | |
| 389 | 911 | |
| 390 | 912 | </div> <!-- outerContainer --> |
| 391 | 913 | <div id="printContainer"></div> |
| 392 | - </body> | |
| 914 | +</body> | |
| 393 | 915 | </html> |
| 394 | - | |
