mirror of
https://github.com/mozilla/pdf.js.git
synced 2026-08-01 11:57:20 +02:00
b4d028132b
The chrome is now authored against Firefox design-token names with the shipped value as a fallback `var(--fx-token, <literal>)` so colors, borders and radii follow Firefox instead of having to be re-synced by hand. In MOZCENTRAL viewer.css imports chrome://global/skin/design-system/tokens-brand.css, gated on the new pdfjs.enableNova pref (default false, read straight from CSS via -moz-pref()). With the pref off the sheet isn't applied, every fallback resolves, and the viewer renders as before, as it also does in the GENERIC and components builds, which never see the chrome sheet. Consuming a token means never declaring its name in an unlayered rule, which would shadow Firefox's for the whole subtree; --focus-outline, --border-color and --text-color/--button-border-color are therefore renamed to --editor-selection-outline, --signature-border-color and --views-*. In forced colors each state reads a matching background/foreground/border triple so it can't collapse to a single system color. The dialog button styling also moves out of `.dialog .mainContainer button` into a shared .primaryButton/.secondaryButton primitive (buttons.css, imported from pdf_viewer.css so the components build gets it too). The password, document-properties, print and undo-bar buttons use it in place of .dialogButton, and the custom radio appearance gives way to native controls tinted with accent-color.
1331 lines
71 KiB
HTML
1331 lines
71 KiB
HTML
<!doctype html>
|
|
<!--
|
|
Copyright 2012 Mozilla Foundation
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|
|
Adobe CMap resources are covered by their own copyright but the same license:
|
|
|
|
Copyright 1990-2015 Adobe Systems Incorporated.
|
|
|
|
See https://github.com/adobe-type-tools/cmap-resources
|
|
-->
|
|
<html dir="ltr" mozdisallowselectionprint>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
<!--#if GENERIC || CHROME-->
|
|
<meta name="google" content="notranslate" />
|
|
<!--#endif-->
|
|
<title>PDF.js viewer</title>
|
|
|
|
<!--#if MOZCENTRAL-->
|
|
<!--<link rel="icon" type="image/svg+xml" href="chrome://global/skin/icons/pdf.svg" />-->
|
|
<!--<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; script-src resource: 'wasm-unsafe-eval'; worker-src resource:; style-src resource: chrome:; img-src resource: blob: data:; media-src blob:; font-src resource:; connect-src resource:; base-uri 'none'; form-action 'none';"
|
|
/>-->
|
|
<!--#elif TESTING-->
|
|
<!--<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; script-src 'self' 'wasm-unsafe-eval' 'unsafe-eval'; worker-src 'self' blob:; style-src 'self'; img-src 'self' blob: data:; media-src blob:; font-src 'self' data:; connect-src * blob: data:; base-uri 'self'; form-action 'none';"
|
|
/>-->
|
|
<!--#elif CHROME-->
|
|
<!--<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; script-src 'self' 'wasm-unsafe-eval'; worker-src 'self' blob:; style-src 'self'; img-src 'self' blob: data:; media-src blob:; font-src 'self' data:; connect-src * file: chrome-extension: blob: data: filesystem: drive:; base-uri 'self'; form-action 'none';"
|
|
/>-->
|
|
<!--#else-->
|
|
<!--<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; script-src 'self' 'wasm-unsafe-eval'; worker-src 'self' blob:; style-src 'self'; img-src 'self' blob: data:; media-src blob:; font-src 'self' data:; connect-src * blob: data:; base-uri 'none'; form-action 'none';"
|
|
/>-->
|
|
<!--#endif-->
|
|
|
|
<!--#if MOZCENTRAL-->
|
|
<!--#include viewer-snippet-firefox-extension.html-->
|
|
<!--#elif CHROME-->
|
|
<!--#include viewer-snippet-chrome-extension.html-->
|
|
<!--#else-->
|
|
<!--#include viewer-snippet.html-->
|
|
<!--#endif-->
|
|
|
|
<!--#if MOZCENTRAL-->
|
|
<!--<link rel="stylesheet" href="resource://pdf.js/web/viewer.css">-->
|
|
<!--<link rel="localization" href="toolkit/pdfviewer/viewer.ftl"/>-->
|
|
<!--#else-->
|
|
<link rel="stylesheet" href="viewer.css" />
|
|
<!--#endif-->
|
|
|
|
<!--#if MOZCENTRAL-->
|
|
<!--<script src="resource://pdf.js/web/viewer.mjs" type="module"></script>-->
|
|
|
|
<!--<script src="resource://pdf.js/pdfFeaturesNotification.mjs" type="module"></script>-->
|
|
<!--#elif !MOZCENTRAL-->
|
|
<!--<script src="viewer.mjs" type="module"></script>-->
|
|
<!--#elif /* Development mode. */-->
|
|
<link rel="resource" type="application/l10n" href="locale/locale.json" />
|
|
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"pdfjs/": "../src/",
|
|
"pdfjs-lib": "../src/pdf.js",
|
|
"pdfjs-web/": "./",
|
|
|
|
"fluent-bundle": "../node_modules/@fluent/bundle/esm/index.js",
|
|
"fluent-dom": "../node_modules/@fluent/dom/esm/index.js",
|
|
"cached-iterable": "../node_modules/cached-iterable/src/index.mjs",
|
|
|
|
"display-binary_data_factory": "../src/display/binary_data_factory.js",
|
|
"display-network_stream": "../src/display/network_stream.js",
|
|
"display-node_utils": "../src/display/stubs.js",
|
|
|
|
"web-alt_text_manager": "./alt_text_manager.js",
|
|
"web-annotation_editor_params": "./annotation_editor_params.js",
|
|
"web-download_manager": "./download_manager.js",
|
|
"web-external_services": "./genericcom.js",
|
|
"web-new_alt_text_manager": "./new_alt_text_manager.js",
|
|
"web-null_l10n": "./genericl10n.js",
|
|
"web-pdf_attachment_viewer": "./pdf_attachment_viewer.js",
|
|
"web-pdf_cursor_tools": "./pdf_cursor_tools.js",
|
|
"web-pdf_document_properties": "./pdf_document_properties.js",
|
|
"web-pdf_find_bar": "./pdf_find_bar.js",
|
|
"web-pdf_layer_viewer": "./pdf_layer_viewer.js",
|
|
"web-pdf_outline_viewer": "./pdf_outline_viewer.js",
|
|
"web-pdf_presentation_mode": "./pdf_presentation_mode.js",
|
|
"web-pdf_thumbnail_viewer": "./pdf_thumbnail_viewer.js",
|
|
"web-preferences": "./genericcom.js",
|
|
"web-print_service": "./pdf_print_service.js",
|
|
"web-secondary_toolbar": "./secondary_toolbar.js",
|
|
"web-signature_manager": "./signature_manager.js",
|
|
"web-digital_signature_properties_manager": "./digital_signature_properties_manager.js",
|
|
"web-toolbar": "./toolbar.js",
|
|
"web-views_manager": "./views_manager.js"
|
|
}
|
|
}
|
|
</script>
|
|
<script src="viewer.js" type="module"></script>
|
|
<!--#endif-->
|
|
</head>
|
|
|
|
<body tabindex="0">
|
|
<div id="outerContainer">
|
|
<span id="viewer-alert" class="visuallyHidden" role="alert"></span>
|
|
|
|
<div id="mainContainer">
|
|
<div class="toolbar">
|
|
<div id="toolbarContainer">
|
|
<div id="toolbarViewer" class="toolbarHorizontalGroup">
|
|
<div id="toolbarViewerLeft" class="toolbarHorizontalGroup">
|
|
<button
|
|
id="viewsManagerToggleButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-toggle-views-manager-button1"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="viewsManager"
|
|
>
|
|
<span data-l10n-id="pdfjs-toggle-views-manager-button1-label"></span>
|
|
</button>
|
|
<div
|
|
id="viewsManager"
|
|
class="menuContainer sidebar"
|
|
hidden="true"
|
|
role="dialog"
|
|
aria-describedby="viewsManagerHeaderLabel"
|
|
data-l10n-id="pdfjs-views-manager-sidebar"
|
|
>
|
|
<div id="viewsManagerHeader">
|
|
<div id="viewsManagerTitle">
|
|
<div id="viewsManagerSelector">
|
|
<button
|
|
class="toolbarButton viewsManagerButton hasPopupMenu"
|
|
type="button"
|
|
id="viewsManagerSelectorButton"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-views-manager-view-selector-button"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-controls="viewsManagerSelectorOptions"
|
|
>
|
|
<span data-l10n-id="pdfjs-views-manager-view-selector-button-label"></span>
|
|
</button>
|
|
<menu id="viewsManagerSelectorOptions" role="listbox" class="popupMenu withMark">
|
|
<button id="thumbnailsViewMenu" role="option" type="button" tabindex="-1">
|
|
<span data-l10n-id="pdfjs-views-manager-pages-option-label"></span>
|
|
</button>
|
|
<button id="outlinesViewMenu" role="option" type="button" tabindex="-1">
|
|
<span data-l10n-id="pdfjs-views-manager-outlines-option-label"></span>
|
|
</button>
|
|
<button id="attachmentsViewMenu" role="option" type="button" tabindex="-1">
|
|
<span data-l10n-id="pdfjs-views-manager-attachments-option-label"></span>
|
|
</button>
|
|
<button id="layersViewMenu" role="option" type="button" tabindex="-1">
|
|
<span data-l10n-id="pdfjs-views-manager-layers-option-label"></span>
|
|
</button>
|
|
</menu>
|
|
</div>
|
|
<span id="viewsManagerHeaderLabel" class="viewsManagerLabel" role="heading" aria-level="2"></span>
|
|
<button
|
|
id="viewsManagerAddFileButton"
|
|
class="toolbarButton viewsManagerButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-views-manager-add-file-button"
|
|
hidden="true"
|
|
>
|
|
<span data-l10n-id="pdfjs-views-manager-add-file-button-label"></span>
|
|
<input id="viewsManagerAddFilePicker" type="file" accept="application/pdf,image/*" multiple />
|
|
</button>
|
|
<button
|
|
id="viewsManagerCurrentOutlineButton"
|
|
class="toolbarButton viewsManagerButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-current-outline-item-button"
|
|
hidden="true"
|
|
>
|
|
<span data-l10n-id="pdfjs-current-outline-item-button-label"></span>
|
|
</button>
|
|
</div>
|
|
<div id="viewsManagerStatus">
|
|
<div id="viewsManagerStatusAction">
|
|
<span id="viewsManagerStatusActionLabelContainer" class="viewsManagerStatusLabel">
|
|
<button
|
|
id="viewsManagerStatusActionDeselectButton"
|
|
class="hidden"
|
|
type="button"
|
|
tabindex="0"
|
|
role="checkbox"
|
|
aria-checked="true"
|
|
aria-labelledby="viewsManagerStatusActionLabel"
|
|
></button>
|
|
<span
|
|
id="viewsManagerStatusActionLabel"
|
|
class="viewsManagerStatusLabel"
|
|
data-l10n-id="pdfjs-views-manager-pages-status-none-action-label"
|
|
></span>
|
|
</span>
|
|
<div id="actionSelector">
|
|
<button
|
|
id="viewsManagerStatusActionButton"
|
|
class="viewsManagerButton hasPopupMenu"
|
|
type="button"
|
|
tabindex="0"
|
|
aria-haspopup="menu"
|
|
aria-controls="viewsManagerStatusActionOptions"
|
|
aria-expanded="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-views-manager-pages-status-action-button-label"></span>
|
|
</button>
|
|
<menu id="viewsManagerStatusActionOptions" class="popupMenu">
|
|
<button id="viewsManagerStatusActionCopy" class="noIcon" role="menuitem" type="button" tabindex="-1" disabled>
|
|
<span data-l10n-id="pdfjs-views-manager-pages-status-copy-button-label"></span>
|
|
</button>
|
|
<button id="viewsManagerStatusActionCut" class="noIcon" role="menuitem" type="button" tabindex="-1" disabled>
|
|
<span data-l10n-id="pdfjs-views-manager-pages-status-cut-button-label"></span>
|
|
</button>
|
|
<button id="viewsManagerStatusActionDelete" class="noIcon" role="menuitem" type="button" tabindex="-1" disabled>
|
|
<span data-l10n-id="pdfjs-views-manager-pages-status-delete-button-label"></span>
|
|
</button>
|
|
<button id="viewsManagerStatusActionExport" class="noIcon" role="menuitem" type="button" tabindex="-1" disabled>
|
|
<span data-l10n-id="pdfjs-views-manager-pages-status-export-selected-button-label"></span>
|
|
</button>
|
|
</menu>
|
|
</div>
|
|
</div>
|
|
<div id="viewsManagerStatusUndo" class="hidden">
|
|
<span id="viewsManagerStatusUndoLabel" class="viewsManagerStatusLabel"></span>
|
|
<div>
|
|
<button id="viewsManagerStatusUndoButton" class="viewsManagerButton" type="button" tabindex="0">
|
|
<span data-l10n-id="pdfjs-views-manager-status-undo-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="viewsManagerStatusUndoCloseButton"
|
|
class="toolbarButton viewsManagerButton viewsCloseButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-views-manager-status-close-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-views-manager-status-close-button-label"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="viewsManagerStatusWarning" class="hidden">
|
|
<span id="viewsManagerStatusWarningLabel" class="viewsManagerStatusLabel"></span>
|
|
<button
|
|
id="viewsManagerStatusWarningCloseButton"
|
|
class="toolbarButton viewsManagerButton viewsCloseButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-views-manager-status-close-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-views-manager-status-close-button-label"></span>
|
|
</button>
|
|
</div>
|
|
<div id="viewsManagerStatusWaiting" class="hidden">
|
|
<span id="viewsManagerStatusWaitingLabel" class="viewsManagerStatusLabel"></span>
|
|
<button
|
|
id="viewsManagerStatusWaitingCloseButton"
|
|
class="toolbarButton viewsManagerButton viewsCloseButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-views-manager-status-close-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-views-manager-status-close-button-label"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="viewsManagerContent" tabindex="-1">
|
|
<div id="thumbnailsView" class="thumbnailsView hidden" tabindex="-1"></div>
|
|
<div id="outlinesView" class="treeView hidden"></div>
|
|
<div id="attachmentsView" class="hidden"></div>
|
|
<div id="layersView" class="treeView hidden"></div>
|
|
</div>
|
|
<div
|
|
id="viewsManagerResizer"
|
|
class="sidebarResizer"
|
|
role="separator"
|
|
aria-controls="viewsManager"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-views-manager-sidebar-resizer"
|
|
></div>
|
|
</div>
|
|
<!-- sidebarContainer -->
|
|
|
|
<div class="toolbarButtonSpacer"></div>
|
|
<div class="toolbarButtonWithContainer">
|
|
<button
|
|
id="viewFindButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-findbar-button"
|
|
aria-expanded="false"
|
|
aria-controls="findbar"
|
|
>
|
|
<span data-l10n-id="pdfjs-findbar-button-label"></span>
|
|
</button>
|
|
<div class="hidden doorHanger toolbarHorizontalGroup" id="findbar">
|
|
<div id="findInputContainer" class="toolbarHorizontalGroup">
|
|
<span class="loadingInput end toolbarHorizontalGroup">
|
|
<input id="findInput" class="toolbarField" tabindex="0" data-l10n-id="pdfjs-find-input" aria-invalid="false" />
|
|
</span>
|
|
<div class="toolbarHorizontalGroup">
|
|
<button id="findPreviousButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-find-previous-button">
|
|
<span data-l10n-id="pdfjs-find-previous-button-label"></span>
|
|
</button>
|
|
<div class="splitToolbarButtonSeparator"></div>
|
|
<button id="findNextButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-find-next-button">
|
|
<span data-l10n-id="pdfjs-find-next-button-label"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="findbarOptionsOneContainer" class="toolbarHorizontalGroup">
|
|
<div class="toggleButton toolbarLabel">
|
|
<input type="checkbox" id="findHighlightAll" tabindex="0" />
|
|
<label for="findHighlightAll" data-l10n-id="pdfjs-find-highlight-checkbox"></label>
|
|
</div>
|
|
<div class="toggleButton toolbarLabel">
|
|
<input type="checkbox" id="findMatchCase" tabindex="0" />
|
|
<label for="findMatchCase" data-l10n-id="pdfjs-find-match-case-checkbox-label"></label>
|
|
</div>
|
|
</div>
|
|
<div id="findbarOptionsTwoContainer" class="toolbarHorizontalGroup">
|
|
<div class="toggleButton toolbarLabel">
|
|
<input type="checkbox" id="findMatchDiacritics" tabindex="0" />
|
|
<label for="findMatchDiacritics" data-l10n-id="pdfjs-find-match-diacritics-checkbox-label"></label>
|
|
</div>
|
|
<div class="toggleButton toolbarLabel">
|
|
<input type="checkbox" id="findEntireWord" tabindex="0" />
|
|
<label for="findEntireWord" data-l10n-id="pdfjs-find-entire-word-checkbox-label"></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="findbarMessageContainer" class="toolbarHorizontalGroup" aria-live="polite">
|
|
<span id="findResultsCount" class="toolbarLabel"></span>
|
|
<span id="findMsg" class="toolbarLabel"></span>
|
|
</div>
|
|
</div>
|
|
<!-- findbar -->
|
|
</div>
|
|
<div class="toolbarHorizontalGroup hiddenSmallView">
|
|
<button class="toolbarButton" type="button" id="previous" tabindex="0" data-l10n-id="pdfjs-previous-button">
|
|
<span data-l10n-id="pdfjs-previous-button-label"></span>
|
|
</button>
|
|
<div class="splitToolbarButtonSeparator"></div>
|
|
<button class="toolbarButton" type="button" id="next" tabindex="0" data-l10n-id="pdfjs-next-button">
|
|
<span data-l10n-id="pdfjs-next-button-label"></span>
|
|
</button>
|
|
</div>
|
|
<div class="toolbarHorizontalGroup">
|
|
<span class="loadingInput start toolbarHorizontalGroup">
|
|
<input
|
|
type="number"
|
|
id="pageNumber"
|
|
class="toolbarField"
|
|
value="1"
|
|
min="1"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-page-input"
|
|
autocomplete="off"
|
|
/>
|
|
</span>
|
|
<span id="numPages" class="toolbarLabel"></span>
|
|
</div>
|
|
</div>
|
|
<div id="toolbarViewerMiddle" class="toolbarHorizontalGroup">
|
|
<div class="toolbarHorizontalGroup">
|
|
<button id="zoomOutButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-zoom-out-button">
|
|
<span data-l10n-id="pdfjs-zoom-out-button-label"></span>
|
|
</button>
|
|
<div class="splitToolbarButtonSeparator"></div>
|
|
<button id="zoomInButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-zoom-in-button">
|
|
<span data-l10n-id="pdfjs-zoom-in-button-label"></span>
|
|
</button>
|
|
</div>
|
|
<span id="scaleSelectContainer" class="dropdownToolbarButton">
|
|
<select id="scaleSelect" tabindex="0" data-l10n-id="pdfjs-zoom-select">
|
|
<option id="pageAutoOption" value="auto" selected="selected" data-l10n-id="pdfjs-page-scale-auto"></option>
|
|
<option id="pageActualOption" value="page-actual" data-l10n-id="pdfjs-page-scale-actual"></option>
|
|
<option id="pageFitOption" value="page-fit" data-l10n-id="pdfjs-page-scale-fit"></option>
|
|
<option id="pageWidthOption" value="page-width" data-l10n-id="pdfjs-page-scale-width"></option>
|
|
<option
|
|
id="customScaleOption"
|
|
value="custom"
|
|
disabled="disabled"
|
|
hidden="true"
|
|
data-l10n-id="pdfjs-page-scale-percent"
|
|
data-l10n-args='{ "scale": 0 }'
|
|
></option>
|
|
<option value="0.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 50 }'></option>
|
|
<option value="0.75" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 75 }'></option>
|
|
<option value="1" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 100 }'></option>
|
|
<option value="1.25" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 125 }'></option>
|
|
<option value="1.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 150 }'></option>
|
|
<option value="2" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 200 }'></option>
|
|
<option value="3" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 300 }'></option>
|
|
<option value="4" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 400 }'></option>
|
|
</select>
|
|
</span>
|
|
</div>
|
|
<div id="toolbarViewerRight" class="toolbarHorizontalGroup">
|
|
<div id="editorModeButtons" class="toolbarHorizontalGroup">
|
|
<div id="signatureProperties" class="toolbarButtonWithContainer" hidden="true">
|
|
<button
|
|
id="signaturePropertiesButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
tabindex="0"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="signaturePropertiesPanel"
|
|
data-l10n-id="pdfjs-digital-signature-properties-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-digital-signature-properties-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden doorHangerRight" id="signaturePropertiesPanel" role="region">
|
|
<div id="signaturePropertiesContainer" class="signaturePropertiesContainer">
|
|
<div id="signaturePropertiesBanner" class="sigBanner" hidden="true" role="status"></div>
|
|
<ul id="signaturePropertiesList" class="signaturePropertiesList" tabindex="-1"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="signaturePropertiesSeparator" class="verticalToolbarSeparator" hidden="true"></div>
|
|
<div id="editorComment" class="toolbarButtonWithContainer" hidden="true">
|
|
<button
|
|
id="editorCommentButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
tabindex="0"
|
|
disabled="disabled"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="editorCommentParamsToolbar"
|
|
data-l10n-id="pdfjs-editor-comment-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-comment-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden menu" id="editorCommentParamsToolbar">
|
|
<div id="editorCommentsSidebar" class="menuContainer comment sidebar" role="landmark" aria-labelledby="editorCommentsSidebarHeader">
|
|
<div id="editorCommentsSidebarResizer" class="sidebarResizer" role="separator" aria-controls="editorCommentsSidebar" tabindex="0"></div>
|
|
<div id="editorCommentsSidebarHeader" role="heading" aria-level="2">
|
|
<span class="commentCount">
|
|
<span id="editorCommentsSidebarTitle" data-l10n-id="pdfjs-editor-comments-sidebar-title" data-l10n-args='{ "count": 0 }'></span>
|
|
<span id="editorCommentsSidebarCount"></span>
|
|
</span>
|
|
<button id="editorCommentsSidebarCloseButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-comments-sidebar-close-button">
|
|
<span data-l10n-id="pdfjs-editor-comments-sidebar-close-button-label"></span>
|
|
</button>
|
|
</div>
|
|
<div id="editorCommentsSidebarListContainer" tabindex="-1">
|
|
<ul id="editorCommentsSidebarList"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="editorSignature" class="toolbarButtonWithContainer" hidden="true">
|
|
<button
|
|
id="editorSignatureButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
tabindex="0"
|
|
disabled="disabled"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="editorSignatureParamsToolbar"
|
|
data-l10n-id="pdfjs-editor-signature-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-signature-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden doorHangerRight menu" id="editorSignatureParamsToolbar">
|
|
<div id="addSignatureDoorHanger" class="menuContainer" role="region" data-l10n-id="pdfjs-editor-add-signature-container">
|
|
<button
|
|
id="editorSignatureAddSignature"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-editor-signature-add-signature-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-signature-add-signature-button-label" class="editorParamsLabel"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="editorHighlight" class="toolbarButtonWithContainer">
|
|
<button
|
|
id="editorHighlightButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
disabled="disabled"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="editorHighlightParamsToolbar"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-editor-highlight-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-highlight-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden doorHangerRight" id="editorHighlightParamsToolbar">
|
|
<div id="highlightParamsToolbarContainer" class="editorParamsToolbarContainer">
|
|
<div id="editorHighlightColorPicker" class="colorPicker">
|
|
<span id="highlightColorPickerLabel" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-colorpicker-label"></span>
|
|
</div>
|
|
<div id="editorHighlightThickness">
|
|
<label
|
|
for="editorFreeHighlightThickness"
|
|
class="editorParamsLabel"
|
|
data-l10n-id="pdfjs-editor-free-highlight-thickness-input"
|
|
></label>
|
|
<div class="thicknessPicker">
|
|
<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"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div id="editorHighlightVisibility">
|
|
<div class="divider"></div>
|
|
<div class="toggler">
|
|
<label for="editorHighlightShowAll" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-show-all-button-label"></label>
|
|
<button
|
|
id="editorHighlightShowAll"
|
|
class="toggle-button"
|
|
type="button"
|
|
data-l10n-id="pdfjs-editor-highlight-show-all-button"
|
|
aria-pressed="true"
|
|
tabindex="0"
|
|
></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="editorFreeText" class="toolbarButtonWithContainer">
|
|
<button
|
|
id="editorFreeTextButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
disabled="disabled"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="editorFreeTextParamsToolbar"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-editor-free-text-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-free-text-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden doorHangerRight" id="editorFreeTextParamsToolbar">
|
|
<div class="editorParamsToolbarContainer">
|
|
<div class="editorParamsSetter">
|
|
<label for="editorFreeTextColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-color-input"></label>
|
|
<input type="color" id="editorFreeTextColor" class="editorParamsColor" tabindex="0" />
|
|
</div>
|
|
<div class="editorParamsSetter">
|
|
<label for="editorFreeTextFontSize" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-size-input"></label>
|
|
<input type="range" id="editorFreeTextFontSize" class="editorParamsSlider" value="10" min="5" max="100" step="1" tabindex="0" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="editorInk" class="toolbarButtonWithContainer">
|
|
<button
|
|
id="editorInkButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
disabled="disabled"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="editorInkParamsToolbar"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-editor-ink-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-ink-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden doorHangerRight" id="editorInkParamsToolbar">
|
|
<div class="editorParamsToolbarContainer">
|
|
<div class="editorParamsSetter">
|
|
<label for="editorInkColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-color-input"></label>
|
|
<input type="color" id="editorInkColor" class="editorParamsColor" tabindex="0" />
|
|
</div>
|
|
<div class="editorParamsSetter">
|
|
<label for="editorInkThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-thickness-input"></label>
|
|
<input type="range" id="editorInkThickness" class="editorParamsSlider" value="1" min="1" max="20" step="1" tabindex="0" />
|
|
</div>
|
|
<div class="editorParamsSetter">
|
|
<label for="editorInkOpacity" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-opacity-input"></label>
|
|
<input type="range" id="editorInkOpacity" class="editorParamsSlider" value="1" min="0.05" max="1" step="0.05" tabindex="0" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="editorStamp" class="toolbarButtonWithContainer">
|
|
<button
|
|
id="editorStampButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
disabled="disabled"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="editorStampParamsToolbar"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-editor-stamp-button"
|
|
>
|
|
<span data-l10n-id="pdfjs-editor-stamp-button-label"></span>
|
|
</button>
|
|
<div class="editorParamsToolbar hidden doorHangerRight menu" id="editorStampParamsToolbar">
|
|
<div class="menuContainer">
|
|
<button
|
|
id="editorStampAddImage"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-editor-stamp-add-image-button"
|
|
>
|
|
<span class="editorParamsLabel" data-l10n-id="pdfjs-editor-stamp-add-image-button-label"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="editorModeSeparator" class="verticalToolbarSeparator"></div>
|
|
|
|
<div class="toolbarHorizontalGroup hiddenMediumView">
|
|
<button id="printButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-print-button">
|
|
<span data-l10n-id="pdfjs-print-button-label"></span>
|
|
</button>
|
|
|
|
<button id="downloadButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-save-button">
|
|
<span data-l10n-id="pdfjs-save-button-label"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="verticalToolbarSeparator hiddenMediumView"></div>
|
|
|
|
<div id="secondaryToolbarToggle" class="toolbarButtonWithContainer">
|
|
<button
|
|
id="secondaryToolbarToggleButton"
|
|
class="toolbarButton"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-tools-button"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-controls="secondaryToolbar"
|
|
>
|
|
<span data-l10n-id="pdfjs-tools-button-label"></span>
|
|
</button>
|
|
<div id="secondaryToolbar" class="hidden doorHangerRight menu">
|
|
<div id="secondaryToolbarButtonContainer" class="menuContainer">
|
|
<!--#if GENERIC-->
|
|
<button id="secondaryOpenFile" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-open-file-button">
|
|
<span data-l10n-id="pdfjs-open-file-button-label"></span>
|
|
</button>
|
|
<!--#endif-->
|
|
|
|
<div class="visibleMediumView">
|
|
<button id="secondaryPrint" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-print-button">
|
|
<span data-l10n-id="pdfjs-print-button-label"></span>
|
|
</button>
|
|
|
|
<button id="secondaryDownload" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-save-button">
|
|
<span data-l10n-id="pdfjs-save-button-label"></span>
|
|
</button>
|
|
|
|
<!--#if !GENERIC-->
|
|
<!-- <div class="horizontalToolbarSeparator"></div>-->
|
|
<!--#endif-->
|
|
</div>
|
|
|
|
<!--#if GENERIC-->
|
|
<div class="horizontalToolbarSeparator"></div>
|
|
<!--#endif-->
|
|
|
|
<button id="presentationMode" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-presentation-mode-button">
|
|
<span data-l10n-id="pdfjs-presentation-mode-button-label"></span>
|
|
</button>
|
|
|
|
<a href="#" id="viewBookmark" class="toolbarButton labeled" tabindex="0" data-l10n-id="pdfjs-bookmark-button">
|
|
<span data-l10n-id="pdfjs-bookmark-button-label"></span>
|
|
</a>
|
|
|
|
<div id="viewBookmarkSeparator" class="horizontalToolbarSeparator"></div>
|
|
|
|
<button id="firstPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-first-page-button">
|
|
<span data-l10n-id="pdfjs-first-page-button-label"></span>
|
|
</button>
|
|
<button id="lastPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-last-page-button">
|
|
<span data-l10n-id="pdfjs-last-page-button-label"></span>
|
|
</button>
|
|
|
|
<div class="horizontalToolbarSeparator"></div>
|
|
|
|
<button id="pageRotateCw" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-page-rotate-cw-button">
|
|
<span data-l10n-id="pdfjs-page-rotate-cw-button-label"></span>
|
|
</button>
|
|
<button id="pageRotateCcw" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-page-rotate-ccw-button">
|
|
<span data-l10n-id="pdfjs-page-rotate-ccw-button-label"></span>
|
|
</button>
|
|
|
|
<div class="horizontalToolbarSeparator"></div>
|
|
|
|
<div id="cursorToolButtons" role="radiogroup">
|
|
<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"
|
|
>
|
|
<span data-l10n-id="pdfjs-cursor-text-select-tool-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="cursorHandTool"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-cursor-hand-tool-button"
|
|
role="radio"
|
|
aria-checked="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-cursor-hand-tool-button-label"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="horizontalToolbarSeparator"></div>
|
|
|
|
<div id="scrollModeButtons" role="radiogroup">
|
|
<button
|
|
id="scrollPage"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-scroll-page-button"
|
|
role="radio"
|
|
aria-checked="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-scroll-page-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="scrollVertical"
|
|
class="toolbarButton labeled toggled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-scroll-vertical-button"
|
|
role="radio"
|
|
aria-checked="true"
|
|
>
|
|
<span data-l10n-id="pdfjs-scroll-vertical-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="scrollHorizontal"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-scroll-horizontal-button"
|
|
role="radio"
|
|
aria-checked="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-scroll-horizontal-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="scrollWrapped"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-scroll-wrapped-button"
|
|
role="radio"
|
|
aria-checked="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-scroll-wrapped-button-label"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="horizontalToolbarSeparator"></div>
|
|
|
|
<div id="spreadModeButtons" role="radiogroup">
|
|
<button
|
|
id="spreadNone"
|
|
class="toolbarButton labeled toggled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-spread-none-button"
|
|
role="radio"
|
|
aria-checked="true"
|
|
>
|
|
<span data-l10n-id="pdfjs-spread-none-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="spreadOdd"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-spread-odd-button"
|
|
role="radio"
|
|
aria-checked="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-spread-odd-button-label"></span>
|
|
</button>
|
|
<button
|
|
id="spreadEven"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-spread-even-button"
|
|
role="radio"
|
|
aria-checked="false"
|
|
>
|
|
<span data-l10n-id="pdfjs-spread-even-button-label"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div id="imageAltTextSettingsSeparator" class="horizontalToolbarSeparator hidden"></div>
|
|
<button
|
|
id="imageAltTextSettings"
|
|
type="button"
|
|
class="toolbarButton labeled hidden"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-image-alt-text-settings-button"
|
|
aria-controls="altTextSettingsDialog"
|
|
>
|
|
<span data-l10n-id="pdfjs-image-alt-text-settings-button-label"></span>
|
|
</button>
|
|
|
|
<div class="horizontalToolbarSeparator"></div>
|
|
|
|
<button
|
|
id="documentProperties"
|
|
class="toolbarButton labeled"
|
|
type="button"
|
|
tabindex="0"
|
|
data-l10n-id="pdfjs-document-properties-button"
|
|
aria-controls="documentPropertiesDialog"
|
|
>
|
|
<span data-l10n-id="pdfjs-document-properties-button-label"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- secondaryToolbar -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="loadingBar">
|
|
<div class="progress">
|
|
<div class="glimmer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--#if MOZCENTRAL-->
|
|
<!--<pdf-features-notification id="pdfFeaturesNotification" data-focus-target="#viewerContainer" hidden></pdf-features-notification>-->
|
|
<!--#endif-->
|
|
|
|
<div id="viewerContainer" tabindex="0">
|
|
<div id="viewer" class="pdfViewer"></div>
|
|
</div>
|
|
</div>
|
|
<!-- mainContainer -->
|
|
|
|
<div id="dialogContainer">
|
|
<dialog id="passwordDialog">
|
|
<div class="row">
|
|
<label for="password" id="passwordText" data-l10n-id="pdfjs-password-label"></label>
|
|
</div>
|
|
<div class="row">
|
|
<input type="password" id="password" class="toolbarField" />
|
|
</div>
|
|
<div class="buttonRow">
|
|
<button id="passwordCancel" class="secondaryButton" type="button"><span data-l10n-id="pdfjs-password-cancel-button"></span></button>
|
|
<button id="passwordSubmit" class="primaryButton" type="button"><span data-l10n-id="pdfjs-password-ok-button"></span></button>
|
|
</div>
|
|
</dialog>
|
|
<dialog id="documentPropertiesDialog">
|
|
<div class="row">
|
|
<span id="fileNameLabel" data-l10n-id="pdfjs-document-properties-file-name"></span>
|
|
<p id="fileNameField" aria-labelledby="fileNameLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="fileSizeLabel" data-l10n-id="pdfjs-document-properties-file-size"></span>
|
|
<p id="fileSizeField" aria-labelledby="fileSizeLabel">-</p>
|
|
</div>
|
|
<div class="separator"></div>
|
|
<div class="row">
|
|
<span id="titleLabel" data-l10n-id="pdfjs-document-properties-title"></span>
|
|
<p id="titleField" aria-labelledby="titleLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="authorLabel" data-l10n-id="pdfjs-document-properties-author"></span>
|
|
<p id="authorField" aria-labelledby="authorLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="subjectLabel" data-l10n-id="pdfjs-document-properties-subject"></span>
|
|
<p id="subjectField" aria-labelledby="subjectLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="keywordsLabel" data-l10n-id="pdfjs-document-properties-keywords"></span>
|
|
<p id="keywordsField" aria-labelledby="keywordsLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="creationDateLabel" data-l10n-id="pdfjs-document-properties-creation-date"></span>
|
|
<p id="creationDateField" aria-labelledby="creationDateLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="modificationDateLabel" data-l10n-id="pdfjs-document-properties-modification-date"></span>
|
|
<p id="modificationDateField" aria-labelledby="modificationDateLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="creatorLabel" data-l10n-id="pdfjs-document-properties-creator"></span>
|
|
<p id="creatorField" aria-labelledby="creatorLabel">-</p>
|
|
</div>
|
|
<div class="separator"></div>
|
|
<div class="row">
|
|
<span id="producerLabel" data-l10n-id="pdfjs-document-properties-producer"></span>
|
|
<p id="producerField" aria-labelledby="producerLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="versionLabel" data-l10n-id="pdfjs-document-properties-version"></span>
|
|
<p id="versionField" aria-labelledby="versionLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="pageCountLabel" data-l10n-id="pdfjs-document-properties-page-count"></span>
|
|
<p id="pageCountField" aria-labelledby="pageCountLabel">-</p>
|
|
</div>
|
|
<div class="row">
|
|
<span id="pageSizeLabel" data-l10n-id="pdfjs-document-properties-page-size"></span>
|
|
<p id="pageSizeField" aria-labelledby="pageSizeLabel">-</p>
|
|
</div>
|
|
<div class="separator"></div>
|
|
<div class="row">
|
|
<span id="linearizedLabel" data-l10n-id="pdfjs-document-properties-linearized"></span>
|
|
<p id="linearizedField" aria-labelledby="linearizedLabel">-</p>
|
|
</div>
|
|
<div class="buttonRow">
|
|
<button id="documentPropertiesClose" class="secondaryButton" type="button">
|
|
<span data-l10n-id="pdfjs-document-properties-close-button"></span>
|
|
</button>
|
|
</div>
|
|
</dialog>
|
|
<dialog class="dialog altText" id="altTextDialog" aria-labelledby="dialogLabel" aria-describedby="dialogDescription">
|
|
<div id="altTextContainer" class="mainContainer">
|
|
<div id="overallDescription">
|
|
<span id="dialogLabel" data-l10n-id="pdfjs-editor-alt-text-dialog-label" class="title"></span>
|
|
<span id="dialogDescription" data-l10n-id="pdfjs-editor-alt-text-dialog-description"></span>
|
|
</div>
|
|
<div id="addDescription">
|
|
<div class="radio">
|
|
<div class="radioButton">
|
|
<input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" aria-describedby="descriptionAreaLabel" checked />
|
|
<label for="descriptionButton" data-l10n-id="pdfjs-editor-alt-text-add-description-label"></label>
|
|
</div>
|
|
<div class="radioLabel">
|
|
<span id="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-add-description-description"></span>
|
|
</div>
|
|
</div>
|
|
<div class="descriptionArea">
|
|
<textarea id="descriptionTextarea" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-textarea" tabindex="0"></textarea>
|
|
</div>
|
|
</div>
|
|
<div id="markAsDecorative">
|
|
<div class="radio">
|
|
<div class="radioButton">
|
|
<input type="radio" id="decorativeButton" name="altTextOption" aria-describedby="decorativeLabel" />
|
|
<label for="decorativeButton" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-label"></label>
|
|
</div>
|
|
<div class="radioLabel">
|
|
<span id="decorativeLabel" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-description"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="buttons">
|
|
<button id="altTextCancel" class="secondaryButton" type="button" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-cancel-button"></span>
|
|
</button>
|
|
<button id="altTextSave" class="primaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button"></span></button>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
<dialog class="dialog newAltText" id="newAltTextDialog" aria-labelledby="newAltTextTitle" aria-describedby="newAltTextDescription" tabindex="0">
|
|
<div id="newAltTextContainer" class="mainContainer">
|
|
<div class="title">
|
|
<span id="newAltTextTitle" data-l10n-id="pdfjs-editor-new-alt-text-dialog-edit-label" role="sectionhead" tabindex="0"></span>
|
|
</div>
|
|
<div id="mainContent">
|
|
<div id="descriptionAndSettings">
|
|
<div id="descriptionInstruction">
|
|
<div id="newAltTextDescriptionContainer">
|
|
<div class="altTextSpinner" role="status" aria-live="polite"></div>
|
|
<textarea
|
|
id="newAltTextDescriptionTextarea"
|
|
aria-labelledby="descriptionAreaLabel"
|
|
data-l10n-id="pdfjs-editor-new-alt-text-textarea"
|
|
tabindex="0"
|
|
></textarea>
|
|
</div>
|
|
<span id="newAltTextDescription" role="note" data-l10n-id="pdfjs-editor-new-alt-text-description"></span>
|
|
<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>
|
|
</div>
|
|
<div id="newAltTextCreateAutomatically" class="toggler">
|
|
<button id="newAltTextCreateAutomaticallyButton" class="toggle-button" type="button" aria-pressed="true" tabindex="0"></button>
|
|
<label
|
|
for="newAltTextCreateAutomaticallyButton"
|
|
class="togglerLabel"
|
|
data-l10n-id="pdfjs-editor-new-alt-text-create-automatically-button-label"
|
|
></label>
|
|
</div>
|
|
<div id="newAltTextDownloadModel" class="hidden">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<div id="newAltTextImagePreview"></div>
|
|
</div>
|
|
<div id="newAltTextError" class="messageBar">
|
|
<div>
|
|
<div>
|
|
<span class="title" data-l10n-id="pdfjs-editor-new-alt-text-error-title"></span>
|
|
<span class="description" data-l10n-id="pdfjs-editor-new-alt-text-error-description"></span>
|
|
</div>
|
|
<button id="newAltTextCloseButton" class="closeButton" type="button" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-new-alt-text-error-close-button"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="newAltTextButtons" class="dialogButtonsGroup">
|
|
<button id="newAltTextCancel" type="button" class="secondaryButton hidden" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-cancel-button"></span>
|
|
</button>
|
|
<button id="newAltTextNotNow" type="button" class="secondaryButton" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-new-alt-text-not-now-button"></span>
|
|
</button>
|
|
<button id="newAltTextSave" type="button" class="primaryButton" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-save-button"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog class="dialog" id="altTextSettingsDialog" aria-labelledby="altTextSettingsTitle">
|
|
<div id="altTextSettingsContainer" class="mainContainer">
|
|
<div class="title">
|
|
<span id="altTextSettingsTitle" data-l10n-id="pdfjs-editor-alt-text-settings-dialog-label" role="sectionhead" tabindex="0" class="title"></span>
|
|
</div>
|
|
<div id="automaticAltText">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-settings-automatic-title"></span>
|
|
<div id="automaticSettings">
|
|
<div id="createModelSetting">
|
|
<div class="toggler">
|
|
<button id="createModelButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button>
|
|
<label for="createModelButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-create-model-button-label"></label>
|
|
</div>
|
|
<div id="createModelDescription" class="description">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dialogSeparator"></div>
|
|
<div id="altTextEditor">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-settings-editor-title"></span>
|
|
<div id="showAltTextEditor">
|
|
<div class="toggler">
|
|
<button id="showAltTextDialogButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button>
|
|
<label for="showAltTextDialogButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-button-label"></label>
|
|
</div>
|
|
<div id="showAltTextDialogDescription" class="description">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-description"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="buttons" class="dialogButtonsGroup">
|
|
<button id="altTextSettingsCloseButton" type="button" class="primaryButton" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-alt-text-settings-close-button"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog class="dialog signatureDialog" id="addSignatureDialog" aria-labelledby="addSignatureDialogLabel">
|
|
<span id="addSignatureDialogLabel" data-l10n-id="pdfjs-editor-add-signature-dialog-label"></span>
|
|
<div id="addSignatureContainer" class="mainContainer">
|
|
<div class="title">
|
|
<span role="sectionhead" data-l10n-id="pdfjs-editor-add-signature-dialog-title" tabindex="0"></span>
|
|
</div>
|
|
<div role="tablist" id="addSignatureOptions">
|
|
<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>
|
|
<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>
|
|
<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>
|
|
</div>
|
|
<div id="addSignatureActionContainer" data-selected="type">
|
|
<div id="addSignatureTypeContainer" role="tabpanel" aria-labelledby="addSignatureTypeButton">
|
|
<input id="addSignatureTypeInput" type="text" data-l10n-id="pdfjs-editor-add-signature-type-input" tabindex="0" />
|
|
</div>
|
|
<div id="addSignatureDrawContainer" role="tabpanel" aria-labelledby="addSignatureDrawButton" tabindex="-1">
|
|
<svg id="addSignatureDraw" xmlns="http://www.w3.org/2000/svg" aria-labelledby="addSignatureDrawPlaceholder"></svg>
|
|
<span id="addSignatureDrawPlaceholder" data-l10n-id="pdfjs-editor-add-signature-draw-placeholder"></span>
|
|
<div id="thickness">
|
|
<div>
|
|
<label for="addSignatureDrawThickness" data-l10n-id="pdfjs-editor-add-signature-draw-thickness-range-label"></label>
|
|
<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"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="addSignatureImageContainer" role="tabpanel" aria-labelledby="addSignatureImageButton" tabindex="-1">
|
|
<svg id="addSignatureImage" xmlns="http://www.w3.org/2000/svg" aria-labelledby="addSignatureImagePlaceholder"></svg>
|
|
<div id="addSignatureImagePlaceholder">
|
|
<span data-l10n-id="pdfjs-editor-add-signature-image-placeholder"></span>
|
|
<label id="addSignatureImageBrowse" for="addSignatureFilePicker" tabindex="0">
|
|
<a data-l10n-id="pdfjs-editor-add-signature-image-browse-link"></a>
|
|
</label>
|
|
<input id="addSignatureFilePicker" type="file" />
|
|
</div>
|
|
</div>
|
|
<div id="addSignatureControls">
|
|
<div id="horizontalContainer">
|
|
<div id="addSignatureDescriptionContainer">
|
|
<label for="addSignatureDescInput" data-l10n-id="pdfjs-editor-add-signature-description-label"></label>
|
|
<span id="addSignatureDescription" class="inputWithClearButton">
|
|
<input id="addSignatureDescInput" type="text" data-l10n-id="pdfjs-editor-add-signature-description-input" tabindex="0" />
|
|
<button class="clearInputButton" type="button" tabindex="0" aria-hidden="true"></button>
|
|
</span>
|
|
</div>
|
|
<button id="clearSignatureButton" class="secondaryButton" 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>
|
|
</div>
|
|
<div id="addSignatureSaveContainer">
|
|
<input type="checkbox" id="addSignatureSaveCheckbox" />
|
|
<label for="addSignatureSaveCheckbox" data-l10n-id="pdfjs-editor-add-signature-save-checkbox"></label>
|
|
<span></span>
|
|
<span id="addSignatureSaveWarning" data-l10n-id="pdfjs-editor-add-signature-save-warning-message"></span>
|
|
</div>
|
|
</div>
|
|
<div id="addSignatureError" hidden="true" class="messageBar">
|
|
<div>
|
|
<div>
|
|
<span id="addSignatureErrorTitle" class="title" data-l10n-id="pdfjs-editor-add-signature-image-upload-error-title"></span>
|
|
<span id="addSignatureErrorDescription" class="description" data-l10n-id="pdfjs-editor-add-signature-image-upload-error-description"></span>
|
|
</div>
|
|
<button id="addSignatureErrorCloseButton" class="closeButton" type="button" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-add-signature-error-close-button"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="dialogButtonsGroup">
|
|
<button id="addSignatureCancelButton" type="button" class="secondaryButton" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-add-signature-cancel-button"></span>
|
|
</button>
|
|
<button id="addSignatureAddButton" type="button" class="primaryButton" disabled tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-add-signature-add-button"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog class="dialog signatureDialog" id="editSignatureDescriptionDialog" aria-labelledby="editSignatureDescriptionTitle">
|
|
<div class="mainContainer">
|
|
<div class="title">
|
|
<span id="editSignatureDescriptionTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-signature-dialog-title" tabindex="0"></span>
|
|
</div>
|
|
<div id="editSignatureDescriptionAndView">
|
|
<div id="editSignatureDescriptionContainer">
|
|
<label for="editSignatureDescInput" data-l10n-id="pdfjs-editor-add-signature-description-label"></label>
|
|
<span id="editSignatureDescription" class="inputWithClearButton">
|
|
<input id="editSignatureDescInput" type="text" data-l10n-id="pdfjs-editor-add-signature-description-input" tabindex="0" />
|
|
<button class="clearInputButton" type="button" tabindex="0" aria-hidden="true"></button>
|
|
</span>
|
|
</div>
|
|
<svg id="editSignatureView" xmlns="http://www.w3.org/2000/svg"></svg>
|
|
</div>
|
|
<div class="dialogButtonsGroup">
|
|
<button id="editSignatureCancelButton" type="button" class="secondaryButton" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-add-signature-cancel-button"></span>
|
|
</button>
|
|
<button id="editSignatureUpdateButton" type="button" class="primaryButton" disabled tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-edit-signature-update-button"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog class="dialog commentManager" id="commentManagerDialog" aria-labelledby="commentManagerTitle">
|
|
<div class="mainContainer">
|
|
<div class="title" id="commentManagerToolbar">
|
|
<span id="commentManagerTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-comment-dialog-title-when-adding"></span>
|
|
</div>
|
|
<textarea id="commentManagerTextInput" data-l10n-id="pdfjs-editor-edit-comment-dialog-text-input" tabindex="0"></textarea>
|
|
<div class="dialogButtonsGroup">
|
|
<button id="commentManagerCancelButton" type="button" class="secondaryButton" tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-edit-comment-dialog-cancel-button"></span>
|
|
</button>
|
|
<button id="commentManagerSaveButton" type="button" class="primaryButton" disabled tabindex="0">
|
|
<span data-l10n-id="pdfjs-editor-edit-comment-dialog-save-button-when-adding"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<!--#if !MOZCENTRAL-->
|
|
<dialog id="printServiceDialog">
|
|
<div class="row">
|
|
<span data-l10n-id="pdfjs-print-progress-message"></span>
|
|
</div>
|
|
<div class="row">
|
|
<progress value="0" max="100"></progress>
|
|
<span data-l10n-id="pdfjs-print-progress-percent" data-l10n-args='{ "progress": 0 }' class="relative-progress">0%</span>
|
|
</div>
|
|
<div class="buttonRow">
|
|
<button id="printCancel" class="secondaryButton" type="button"><span data-l10n-id="pdfjs-print-progress-close-button"></span></button>
|
|
</div>
|
|
</dialog>
|
|
<!--#endif-->
|
|
<!--#if CHROME-->
|
|
<!--#include viewer-snippet-chrome-overlays.html-->
|
|
<!--#endif-->
|
|
</div>
|
|
<!-- dialogContainer -->
|
|
|
|
<div id="editorUndoBar" class="messageBar" role="status" aria-labelledby="editorUndoBarMessage" tabindex="-1" hidden>
|
|
<div>
|
|
<div>
|
|
<span id="editorUndoBarMessage" class="description"></span>
|
|
</div>
|
|
<button id="editorUndoBarUndoButton" class="secondaryButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-undo-bar-undo-button">
|
|
<span data-l10n-id="pdfjs-editor-undo-bar-undo-button-label"></span>
|
|
</button>
|
|
<button id="editorUndoBarCloseButton" class="closeButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-undo-bar-close-button">
|
|
<span data-l10n-id="pdfjs-editor-undo-bar-close-button-label"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- editorUndoBar -->
|
|
</div>
|
|
<!-- outerContainer -->
|
|
<div id="printContainer"></div>
|
|
</body>
|
|
</html>
|