root 2 years ago
parent
commit
09843f0b34
1 changed files with 37 additions and 28 deletions
  1. 37 28
      pdf.js/web/viewer.html

+ 37 - 28
pdf.js/web/viewer.html

@@ -55,7 +55,19 @@ See https://github.com/adobe-type-tools/cmap-resources
   <!--#else-->
   <!--#include viewer-snippet-minified.html-->
   <!--#endif-->
+  <script defer src="../node_modules/es-module-shims/dist/es-module-shims.js"></script>
+  <script type="importmap-shim">
+      {
+        "imports": {
+          "pdfjs/": "../src/",
+          "pdfjs-lib": "../src/pdf.js",
+          "pdfjs-web/": "./",
+          "pdfjs-fitCurve": "../build/dev-fitCurve/fit_curve.js"
+        }
+      }
+    </script>
 
+  <script src="viewer.js" type="module-shim"></script>
 </head>
 
 <body tabindex="1">
@@ -317,7 +329,8 @@ See https://github.com/adobe-type-tools/cmap-resources
                 <span data-l10n-id="findbar_label">Find</span>
               </button>
               <div class="splitToolbarButton hiddenSmallView">
-                <button class="toolbarButton" title="Previous Page" id="previous" tabindex="13" data-l10n-id="previous">
+                <button class="toolbarButton" title="Previous Page" id="previous" tabindex="13" data-l10n-id="previous"
+                  disabled="">
                   <span data-l10n-id="previous_label">Previous</span>
                 </button>
                 <div class="splitToolbarButtonSeparator"></div>
@@ -326,8 +339,8 @@ See https://github.com/adobe-type-tools/cmap-resources
                 </button>
               </div>
               <input type="number" id="pageNumber" class="toolbarField" title="Page" value="1" min="1" tabindex="15"
-                data-l10n-id="page" autocomplete="off">
-              <span id="numPages" class="toolbarLabel"></span>
+                data-l10n-id="page" autocomplete="off" max="35">
+              <span id="numPages" class="toolbarLabel">of 35</span>
             </div>
             <div id="toolbarViewerRight">
               <!--#if GENERIC-->
@@ -350,12 +363,12 @@ See https://github.com/adobe-type-tools/cmap-resources
               <div class="verticalToolbarSeparator hiddenMediumView"></div>
 
               <div id="editorModeButtons" class="splitToolbarButton toggled" role="radiogroup">
-                <button id="editorFreeText" class="toolbarButton" disabled="disabled" title="Text" role="radio"
-                  aria-checked="false" tabindex="34" data-l10n-id="editor_free_text2">
+                <button id="editorFreeText" class="toolbarButton" title="Text" role="radio" aria-checked="false"
+                  tabindex="34" data-l10n-id="editor_free_text2">
                   <span data-l10n-id="editor_free_text2_label">Text</span>
                 </button>
-                <button id="editorInk" class="toolbarButton" disabled="disabled" title="Draw" role="radio"
-                  aria-checked="false" tabindex="35" data-l10n-id="editor_ink2">
+                <button id="editorInk" class="toolbarButton" title="Draw" role="radio" aria-checked="false"
+                  tabindex="35" data-l10n-id="editor_ink2">
                   <span data-l10n-id="editor_ink2_label">Draw</span>
                 </button>
               </div>
@@ -387,27 +400,35 @@ See https://github.com/adobe-type-tools/cmap-resources
                   <option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Page Width
                   </option>
                   <option id="customScaleOption" title="" value="custom" disabled="disabled" hidden="true"></option>
-                  <option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>50%
+                  <option title="" value="0.5" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 50 }">50%
                   </option>
-                  <option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>75%
+                  <option title="" value="0.75" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 75 }">75%
                   </option>
-                  <option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>100%
+                  <option title="" value="1" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 100 }">100%
                   </option>
-                  <option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%
+                  <option title="" value="1.25" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 125 }">125%
                   </option>
-                  <option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%
+                  <option title="" value="1.5" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 150 }">150%
                   </option>
-                  <option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>200%
+                  <option title="" value="2" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 200 }">200%
                   </option>
-                  <option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>300%
+                  <option title="" value="3" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 300 }">300%
                   </option>
-                  <option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>400%
+                  <option title="" value="4" data-l10n-id="page_scale_percent"
+                    data-l10n-args="{ &quot;scale&quot;: 400 }">400%
                   </option>
                 </select>
               </span>
             </div>
           </div>
-          <div id="loadingBar">
+          <div id="loadingBar" class="hidden">
             <div class="progress">
               <div class="glimmer">
               </div>
@@ -528,18 +549,6 @@ See https://github.com/adobe-type-tools/cmap-resources
   <input type="file" id="fileInput" class="hidden">
   <!--#endif-->
 </body>
-<script defer src="../node_modules/es-module-shims/dist/es-module-shims.js"></script>
-<script type="importmap-shim">
-    {
-      "imports": {
-        "pdfjs/": "../src/",
-        "pdfjs-lib": "../src/pdf.js",
-        "pdfjs-web/": "./",
-        "pdfjs-fitCurve": "../build/dev-fitCurve/fit_curve.js"
-      }
-    }
-  </script>
 
-<script src="viewer.js" type="module-shim"></script>
 
 </html>