Hookup the page-indicator and progress-bar elements in the PDF extension.

chrome/browser/resources/pdf/pdf.js

 // Copyright 2013 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 (function() {
 'use strict';
 
 <include src="../../../../ui/webui/resources/js/util.js"></include>
 <include src="viewport.js"></include>
 
 // The plugin element is sized to fill the entire window and is set to be fixed
 // positioning, acting as a viewport. The plugin renders into this viewport
 // according to the scroll position of the window.
 var plugin;
 
 // This element is placed behind the plugin element to cause scrollbars to be
 // displayed in the window. It is sized according to the document size of the
 // pdf and zoom level.
 var sizer;
 
 // The toolbar element.
 var viewerToolbar;
 
+// The page indicator element.
+var viewerPageIndicator;
+
+// The progress bar element.
+var viewerProgressBar;
+
 // The viewport object.
 var viewport;
 
+// The document dimensions.
+var documentDimensions;
+
 // Returns true if the fit-to-page button is enabled.
 function isFitToPageEnabled() {
   return $('fit-to-page-button').classList.contains('polymer-selected');
 }
 
+function updateProgress(progress) {
+  viewerProgressBar.progress = progress;
+  if (progress == -1) {
+    // Document load failed.
+    sizer.style.display = 'none';
+    viewerToolbar.style.visibility = 'hidden';
+  }
+}
+
 // Called when a message is received from the plugin.
 function handleMessage(message) {
   if (message.data.type == 'documentDimensions') {
-    viewport.setDocumentDimensions(message.data);
+    documentDimensions = message.data;
+    viewport.setDocumentDimensions(documentDimensions);
+    viewerToolbar.style.visibility = 'visible';
+    viewerPageIndicator.initialFadeIn();
+    viewerToolbar.initialFadeIn();
+  } else if (message.data.type == 'loadProgress') {
+    updateProgress(message.data['progress']);
   }
 }
 
 // Callback that's called when the viewport changes.
-function viewportChangedCallback(zoom, x, y, scrollbarWidth, hasScrollbars) {
+function viewportChangedCallback(zoom,
+                                 x,
+                                 y,
+                                 scrollbarWidth,
+                                 hasScrollbars,
+                                 page) {
   // Offset the toolbar position so that it doesn't move if scrollbars appear.
   var toolbarRight = hasScrollbars.y ? 0 : scrollbarWidth;
   var toolbarBottom = hasScrollbars.x ? 0 : scrollbarWidth;
   viewerToolbar.style.right = toolbarRight + 'px';
   viewerToolbar.style.bottom = toolbarBottom + 'px';
 
+  // Show or hide the page indicator.
+  if (documentDimensions.pageDimensions.length > 1 && hasScrollbars.y)
+    viewerPageIndicator.style.visibility = 'visible';
+  else
+    viewerPageIndicator.style.visibility = 'hidden';
+
+  // Update the most visible page.
+  viewerPageIndicator.text = page + 1;
+
   // Notify the plugin of the viewport change.
   plugin.postMessage({
     type: 'viewport',
     zoom: zoom,
     xOffset: x,
     yOffset: y
   });
 }
 
 function load() {
   sizer = $('sizer');
   viewerToolbar = $('toolbar');
+  viewerPageIndicator = $('page-indicator');
+  viewerProgressBar = $('progress-bar');
 
   // Create the viewport.
   viewport = new Viewport(window,
                           sizer,
                           isFitToPageEnabled,
                           viewportChangedCallback);
 
   // Create the plugin object dynamically so we can set its src.
   plugin = document.createElement('object');
   plugin.id = 'plugin';
@@ skipping 47 matching lines @@
           e.preventDefault();
         }
         return;
     }
   };
 }
 
 load();
 
 })();