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() {
 
 <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 gPlugin;
 
 // 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 gSizer;
 
 // The toolbar element.
 var gViewerToolbar;
 
+// The page indicator element.
+var gViewerPageIndicator;
+
+// The progress bar element.
+var gViewerProgressBar;
+
 // The viewport object.
 var gViewport;
 
 // Returns true if the fit-to-page button is enabled.
 function isFitToPageEnabled() {
-  return $('btn-ftp').classList.contains('polymer-selected');
+  return $('fit-to-page-button').classList.contains('polymer-selected');
 }
 
 // Called when a message is received from the plugin.
 function handleMessage(message) {
   if (message.data.type == 'documentDimensions') {
     gViewport.setDocumentDimensions(message.data);
+  } else if (message.data.type == 'loadProgress') {
+    gViewerProgressBar.progress = 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;
   gViewerToolbar.style.right = toolbarRight + 'px';
   gViewerToolbar.style.bottom = toolbarBottom + 'px';
 
+  // Update the most visible page.
+  gViewerPageIndicator.text = page + 1;
+
   // Notify the plugin of the viewport change.
   gPlugin.postMessage({
     type: 'viewport',
     zoom: zoom,
     xOffset: x,
     yOffset: y
   });
 }
 
 function load() {
@@ skipping 29 matching lines @@
   $('fit-to-width-button').addEventListener('click',
       function() { gViewport.fitToWidth(); });
   $('fit-to-page-button').addEventListener('click',
       function() { gViewport.fitToPage(); });
   $('zoom-in-button').addEventListener('click',
       function() { gViewport.zoomIn(); });
   $('zoom-out-button').addEventListener('click',
       function() { gViewport.zoomOut(); });
 
   gViewerToolbar = $('toolbar');
+  gViewerPageIndicator = $('page-indicator');
+  gViewerProgressBar = $('progress-bar');
 
   // Setup keyboard event listeners.
   document.onkeydown = function(e) {
     switch (e.keyCode) {
       case 37:  // Left arrow key.
         // Go to the previous page if there are no horizontal scrollbars.
         if (!gViewport.documentHasScrollbars().x) {
           gViewport.goToPage(gViewport.getMostVisiblePage() - 1);
           e.stopPropagation();
           return false;
@@ skipping 23 matching lines @@
           return false;
         }
         return true;
     }
   };
 }
 
 load();
 
 })();