PDF: Delete non-material viewer

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.
 
 'use strict';
 
 /**
  * @return {number} Width of a scrollbar in pixels
  */
 function getScrollbarWidth() {
@@ skipping 113 matching lines @@
   this.browserApi_ = browserApi;
   this.loadState_ = LoadState.LOADING;
   this.parentWindow_ = null;
   this.parentOrigin_ = null;
   this.isFormFieldFocused_ = false;
 
   this.delayedScriptingMessages_ = [];
 
   this.isPrintPreview_ = this.browserApi_.getStreamInfo().originalUrl.indexOf(
                              'chrome://print') == 0;
-  this.isMaterial_ = location.pathname.substring(1) === 'index-material.html';
 
   // The sizer 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.
   this.sizer_ = $('sizer');
-  this.toolbar_ = $('toolbar');
-  if (!this.isMaterial_ || this.isPrintPreview_)
+  if (this.isPrintPreview_)
     this.pageIndicator_ = $('page-indicator');
-  this.progressBar_ = $('progress-bar');
   this.passwordScreen_ = $('password-screen');
   this.passwordScreen_.addEventListener('password-submitted',
                                         this.onPasswordSubmitted_.bind(this));
   this.errorScreen_ = $('error-screen');
   // Can only reload if we are in a normal tab.
   if (chrome.tabs && this.browserApi_.getStreamInfo().tabId != -1) {
     this.errorScreen_.reloadFn = function() {
       chrome.tabs.reload(this.browserApi_.getStreamInfo().tabId);
     }.bind(this);
   }
 
   // Create the viewport.
   var shortWindow = window.innerHeight < PDFViewer.TOOLBAR_WINDOW_MIN_HEIGHT;
-  var topToolbarHeight =
-      (this.isMaterial_ && !this.isPrintPreview_ && !shortWindow) ?
-      PDFViewer.MATERIAL_TOOLBAR_HEIGHT : 0;
+  var topToolbarHeight = (!this.isPrintPreview_ && !shortWindow) ?
+                             PDFViewer.MATERIAL_TOOLBAR_HEIGHT :
+                             0;
   this.viewport_ = new Viewport(window,
                                 this.sizer_,
                                 this.viewportChanged_.bind(this),
                                 this.beforeZoom_.bind(this),
                                 this.afterZoom_.bind(this),
                                 getScrollbarWidth(),
                                 this.browserApi_.getDefaultZoom(),
                                 topToolbarHeight);
 
   // Create the plugin object dynamically so we can set its src. The plugin
@@ skipping 19 matching lines @@
   this.plugin_.setAttribute('stream-url',
                             this.browserApi_.getStreamInfo().streamUrl);
   var headers = '';
   for (var header in this.browserApi_.getStreamInfo().responseHeaders) {
     headers += header + ': ' +
         this.browserApi_.getStreamInfo().responseHeaders[header] + '\n';
   }
   this.plugin_.setAttribute('headers', headers);
 
   var backgroundColor = PDFViewer.DARK_BACKGROUND_COLOR;
-  if (!this.isMaterial_)
-    backgroundColor = PDFViewer.LIGHT_BACKGROUND_COLOR;
   this.plugin_.setAttribute('background-color', backgroundColor);
   this.plugin_.setAttribute('top-toolbar-height', topToolbarHeight);
 
   if (!this.browserApi_.getStreamInfo().embedded)
     this.plugin_.setAttribute('full-frame', '');
   document.body.appendChild(this.plugin_);
 
   // Setup the button event listeners.
-  if (!this.isMaterial_) {
-    $('fit-to-width-button').addEventListener('click',
-        this.viewport_.fitToWidth.bind(this.viewport_));
-    $('fit-to-page-button').addEventListener('click',
-        this.viewport_.fitToPage.bind(this.viewport_));
-    $('zoom-in-button').addEventListener('click',
-        this.viewport_.zoomIn.bind(this.viewport_));
-    $('zoom-out-button').addEventListener('click',
-        this.viewport_.zoomOut.bind(this.viewport_));
-    $('save-button').addEventListener('click', this.save_.bind(this));
-    $('print-button').addEventListener('click', this.print_.bind(this));
+  this.zoomToolbar_ = $('zoom-toolbar');
+  this.zoomToolbar_.addEventListener('fit-to-width',
+      this.viewport_.fitToWidth.bind(this.viewport_));
+  this.zoomToolbar_.addEventListener('fit-to-page',
+      this.fitToPage_.bind(this));
+  this.zoomToolbar_.addEventListener('zoom-in',
+      this.viewport_.zoomIn.bind(this.viewport_));
+  this.zoomToolbar_.addEventListener('zoom-out',
+      this.viewport_.zoomOut.bind(this.viewport_));
+
+  if (!this.isPrintPreview_) {
+    this.materialToolbar_ = $('material-toolbar');
+    this.materialToolbar_.hidden = false;
+    this.materialToolbar_.addEventListener('save', this.save_.bind(this));
+    this.materialToolbar_.addEventListener('print', this.print_.bind(this));
+    this.materialToolbar_.addEventListener('rotate-right',
+        this.rotateClockwise_.bind(this));
+    // Must attach to mouseup on the plugin element, since it eats mousedown
+    // and click events.
+    this.plugin_.addEventListener('mouseup',
+        this.materialToolbar_.hideDropdowns.bind(this.materialToolbar_));
+
+    this.materialToolbar_.docTitle =
+        getFilenameFromURL(this.browserApi_.getStreamInfo().originalUrl);
   }
 
-  if (this.isMaterial_) {
-    this.zoomToolbar_ = $('zoom-toolbar');
-    this.zoomToolbar_.addEventListener('fit-to-width',
-        this.viewport_.fitToWidth.bind(this.viewport_));
-    this.zoomToolbar_.addEventListener('fit-to-page',
-        this.fitToPage_.bind(this));
-    this.zoomToolbar_.addEventListener('zoom-in',
-        this.viewport_.zoomIn.bind(this.viewport_));
-    this.zoomToolbar_.addEventListener('zoom-out',
-        this.viewport_.zoomOut.bind(this.viewport_));
+  document.body.addEventListener('change-page', function(e) {
+    this.viewport_.goToPage(e.detail.page);
+  }.bind(this));
 
-    if (!this.isPrintPreview_) {
-      this.materialToolbar_ = $('material-toolbar');
-      this.materialToolbar_.hidden = false;
-      this.materialToolbar_.addEventListener('save', this.save_.bind(this));
-      this.materialToolbar_.addEventListener('print', this.print_.bind(this));
-      this.materialToolbar_.addEventListener('rotate-right',
-          this.rotateClockwise_.bind(this));
-      // Must attach to mouseup on the plugin element, since it eats mousedown
-      // and click events.
-      this.plugin_.addEventListener('mouseup',
-          this.materialToolbar_.hideDropdowns.bind(this.materialToolbar_));
-
-      this.materialToolbar_.docTitle =
-          getFilenameFromURL(this.browserApi_.getStreamInfo().originalUrl);
-    }
-
-    document.body.addEventListener('change-page', function(e) {
-      this.viewport_.goToPage(e.detail.page);
-    }.bind(this));
-
-    this.toolbarManager_ =
-        new ToolbarManager(window, this.materialToolbar_, this.zoomToolbar_);
-  }
+  this.toolbarManager_ =
+      new ToolbarManager(window, this.materialToolbar_, this.zoomToolbar_);
 
   // Set up the ZoomManager.
   this.zoomManager_ = new ZoomManager(
       this.viewport_, this.browserApi_.setZoom.bind(this.browserApi_),
       this.browserApi_.getInitialZoom());
   this.browserApi_.addZoomEventListener(
       this.zoomManager_.onBrowserZoomChange.bind(this.zoomManager_));
 
   // Setup the keyboard event listener.
   document.addEventListener('keydown', this.handleKeyEvent_.bind(this));
@@ skipping 28 matching lines @@
    * @param {KeyboardEvent} e the event to handle.
    */
   handleKeyEvent_: function(e) {
     var position = this.viewport_.position;
     // Certain scroll events may be sent from outside of the extension.
     var fromScriptingAPI = e.fromScriptingAPI;
 
     if (shouldIgnoreKeyEvents(document.activeElement) || e.defaultPrevented)
       return;
 
-    if (this.isMaterial_)
-      this.toolbarManager_.hideToolbarsAfterTimeout(e);
+    this.toolbarManager_.hideToolbarsAfterTimeout(e);
 
     var pageUpHandler = function() {
       // Go to the previous page if we are fit-to-page.
       if (this.viewport_.fittingType == Viewport.FittingType.FIT_TO_PAGE) {
         this.viewport_.goToPage(this.viewport_.getMostVisiblePage() - 1);
         // Since we do the movement of the page.
         e.preventDefault();
       } else if (fromScriptingAPI) {
         position.y -= this.viewport.size.height;
         this.viewport.position = position;
       }
     }.bind(this);
     var pageDownHandler = function() {
       // Go to the next page if we are fit-to-page.
       if (this.viewport_.fittingType == Viewport.FittingType.FIT_TO_PAGE) {
         this.viewport_.goToPage(this.viewport_.getMostVisiblePage() + 1);
         // Since we do the movement of the page.
         e.preventDefault();
       } else if (fromScriptingAPI) {
         position.y += this.viewport.size.height;
         this.viewport.position = position;
       }
     }.bind(this);
 
     switch (e.keyCode) {
       case 9:  // Tab key.
         this.toolbarManager_.showToolbarsForKeyboardNavigation();
         return;
       case 27:  // Escape key.
-        if (this.isMaterial_ && !this.isPrintPreview_) {
+        if (!this.isPrintPreview_) {
           this.toolbarManager_.hideSingleToolbarLayer();
           return;
         }
         break;  // Ensure escape falls through to the print-preview handler.
       case 32:  // Space key.
         if (e.shiftKey)
           pageUpHandler();
         else
           pageDownHandler();
         return;
@@ skipping 48 matching lines @@
       case 65:  // a key.
         if (e.ctrlKey || e.metaKey) {
           this.plugin_.postMessage({
             type: 'selectAll'
           });
           // Since we do selection ourselves.
           e.preventDefault();
         }
         return;
       case 71: // g key.
-        if (this.isMaterial_ && this.materialToolbar_ &&
-            (e.ctrlKey || e.metaKey)) {
+        if (this.materialToolbar_ && (e.ctrlKey || e.metaKey)) {
           this.toolbarManager_.showToolbars();
           this.materialToolbar_.selectPageNumber();
           // To prevent the default "find text" behaviour in Chrome.
           e.preventDefault();
         }
         return;
       case 219:  // left bracket.
         if (e.ctrlKey)
           this.rotateCounterClockwise_();
         return;
       case 221:  // right bracket.
         if (e.ctrlKey)
           this.rotateClockwise_();
         return;
     }
 
     // Give print preview a chance to handle the key event.
     if (!fromScriptingAPI && this.isPrintPreview_) {
       this.sendScriptingMessage_({
         type: 'sendKeyEvent',
         keyEvent: SerializeKeyEvent(e)
       });
-    } else if (this.isMaterial_) {
+    } else {
       // Show toolbars as a fallback.
       if (!(e.shiftKey || e.ctrlKey || e.altKey))
         this.toolbarManager_.showToolbars();
     }
   },
 
   handleMouseEvent_: function(e) {
-    if (this.isMaterial_) {
-      if (e.type == 'mousemove')
-        this.toolbarManager_.handleMouseMove(e);
-      else if (e.type == 'mouseout')
-        this.toolbarManager_.hideToolbarsForMouseOut();
-    }
+    if (e.type == 'mousemove')
+      this.toolbarManager_.handleMouseMove(e);
+    else if (e.type == 'mouseout')
+      this.toolbarManager_.hideToolbarsForMouseOut();
   },
 
   /**
    * @private
    * Rotate the plugin clockwise.
    */
   rotateClockwise_: function() {
     this.plugin_.postMessage({
       type: 'rotateClockwise'
     });
@@ skipping 82 matching lines @@
       this.viewport_.setZoom(viewportPosition.zoom);
   },
 
   /**
    * @private
    * Update the loading progress of the document in response to a progress
    * message being received from the plugin.
    * @param {number} progress the progress as a percentage.
    */
   updateProgress_: function(progress) {
-    if (this.isMaterial_) {
-      if (this.materialToolbar_)
-        this.materialToolbar_.loadProgress = progress;
-    } else {
-      this.progressBar_.progress = progress;
-    }
+    if (this.materialToolbar_)
+      this.materialToolbar_.loadProgress = progress;
 
     if (progress == -1) {
       // Document load failed.
       this.errorScreen_.show();
       this.sizer_.style.display = 'none';
-      if (!this.isMaterial_)
-        this.toolbar_.style.visibility = 'hidden';
       if (this.passwordScreen_.active) {
         this.passwordScreen_.deny();
         this.passwordScreen_.active = false;
       }
       this.loadState_ = LoadState.FAILED;
       this.sendDocumentLoadedMessage_();
     } else if (progress == 100) {
       // Document load complete.
       if (this.lastViewportPosition_)
         this.viewport_.position = this.lastViewportPosition_;
       this.paramsParser_.getViewportFromUrlParams(
           this.browserApi_.getStreamInfo().originalUrl,
           this.handleURLParams_.bind(this));
       this.loadState_ = LoadState.SUCCESS;
       this.sendDocumentLoadedMessage_();
       while (this.delayedScriptingMessages_.length > 0)
         this.handleScriptingMessage(this.delayedScriptingMessages_.shift());
 
-      if (this.isMaterial_)
-        this.toolbarManager_.hideToolbarsAfterTimeout();
+      this.toolbarManager_.hideToolbarsAfterTimeout();
     }
   },
 
   /**
    * @private
    * Load a dictionary of translated strings into the UI. Used as a callback for
    * chrome.resourcesPrivate.
    * @param {Object} strings Dictionary of translated strings
    */
   handleStrings_: function(strings) {
-    if (this.isMaterial_) {
-      window.loadTimeData.data = strings;
-      i18nTemplate.process(document, loadTimeData);
-      this.zoomToolbar_.updateTooltips();
-    } else {
-      this.passwordScreen_.text = strings.passwordPrompt;
-      this.progressBar_.text = strings.pageLoading;
-      if (!this.isPrintPreview_)
-        this.progressBar_.style.visibility = 'visible';
-      this.errorScreen_.text = strings.pageLoadFailed;
-    }
+    window.loadTimeData.data = strings;
+    i18nTemplate.process(document, loadTimeData);
+    this.zoomToolbar_.updateTooltips();
   },
 
   /**
    * @private
    * An event handler for handling password-submitted events. These are fired
    * when an event is entered into the password screen.
    * @param {Object} event a password-submitted event.
    */
   onPasswordSubmitted_: function(event) {
     this.plugin_.postMessage({
@@ skipping 13 matching lines @@
         this.documentDimensions_ = message.data;
         this.viewport_.setDocumentDimensions(this.documentDimensions_);
         // If we received the document dimensions, the password was good so we
         // can dismiss the password screen.
         if (this.passwordScreen_.active)
           this.passwordScreen_.accept();
 
         if (this.pageIndicator_)
           this.pageIndicator_.initialFadeIn();
 
-        if (this.isMaterial_) {
-          if (this.materialToolbar_) {
-            this.materialToolbar_.docLength =
-                this.documentDimensions_.pageDimensions.length;
-          }
-        } else {
-          this.toolbar_.initialFadeIn();
+        if (this.materialToolbar_) {
+          this.materialToolbar_.docLength =
+              this.documentDimensions_.pageDimensions.length;
         }
         break;
       case 'email':
         var href = 'mailto:' + message.data.to + '?cc=' + message.data.cc +
             '&bcc=' + message.data.bcc + '&subject=' + message.data.subject +
             '&body=' + message.data.body;
         window.location.href = href;
         break;
       case 'getAccessibilityJSONReply':
         this.sendScriptingMessage_(message.data);
@@ skipping 34 matching lines @@
         chrome.mimeHandlerPrivate.abortStream();
         break;
       case 'metadata':
         if (message.data.title) {
           document.title = message.data.title;
         } else {
           document.title =
               getFilenameFromURL(this.browserApi_.getStreamInfo().originalUrl);
         }
         this.bookmarks_ = message.data.bookmarks;
-        if (this.isMaterial_ && this.materialToolbar_) {
+        if (this.materialToolbar_) {
           this.materialToolbar_.docTitle = document.title;
           this.materialToolbar_.bookmarks = this.bookmarks;
         }
         break;
       case 'setIsSelecting':
         this.viewportScroller_.setEnableScrolling(message.data.isSelecting);
         break;
       case 'getNamedDestinationReply':
         this.paramsParser_.onNamedDestinationReceived(
             message.data.pageNumber);
@@ skipping 33 matching lines @@
   },
 
   /**
    * @private
    * A callback that's called after the viewport changes.
    */
   viewportChanged_: function() {
     if (!this.documentDimensions_)
       return;
 
-    // Update the buttons selected.
-    if (!this.isMaterial_) {
-      $('fit-to-page-button').classList.remove('polymer-selected');
-      $('fit-to-width-button').classList.remove('polymer-selected');
-      if (this.viewport_.fittingType == Viewport.FittingType.FIT_TO_PAGE) {
-        $('fit-to-page-button').classList.add('polymer-selected');
-      } else if (this.viewport_.fittingType ==
-                 Viewport.FittingType.FIT_TO_WIDTH) {
-        $('fit-to-width-button').classList.add('polymer-selected');
-      }
-    }
-
     // Offset the toolbar position so that it doesn't move if scrollbars appear.
     var hasScrollbars = this.viewport_.documentHasScrollbars();
     var scrollbarWidth = this.viewport_.scrollbarWidth;
     var verticalScrollbarWidth = hasScrollbars.vertical ? scrollbarWidth : 0;
     var horizontalScrollbarWidth =
         hasScrollbars.horizontal ? scrollbarWidth : 0;
-    if (this.isMaterial_) {
-      // Shift the zoom toolbar to the left by half a scrollbar width. This
-      // gives a compromise: if there is no scrollbar visible then the toolbar
-      // will be half a scrollbar width further left than the spec but if there
-      // is a scrollbar visible it will be half a scrollbar width further right
-      // than the spec. In RTL layout, the zoom toolbar is on the left side, but
-      // the scrollbar is still on the right, so this is not necessary.
-      if (!isRTL()) {
-        this.zoomToolbar_.style.right = -verticalScrollbarWidth +
-            (scrollbarWidth / 2) + 'px';
-      }
-      // Having a horizontal scrollbar is much rarer so we don't offset the
-      // toolbar from the bottom any more than what the spec says. This means
-      // that when there is a scrollbar visible, it will be a full scrollbar
-      // width closer to the bottom of the screen than usual, but this is ok.
-      this.zoomToolbar_.style.bottom = -horizontalScrollbarWidth + 'px';
-    } else {
-      var toolbarRight = Math.max(PDFViewer.MIN_TOOLBAR_OFFSET, scrollbarWidth);
-      var toolbarBottom =
-          Math.max(PDFViewer.MIN_TOOLBAR_OFFSET, scrollbarWidth);
-      toolbarRight -= verticalScrollbarWidth;
-      toolbarBottom -= horizontalScrollbarWidth;
-      this.toolbar_.style.right = toolbarRight + 'px';
-      this.toolbar_.style.bottom = toolbarBottom + 'px';
-      // Hide the toolbar if it doesn't fit in the viewport.
-      if (this.toolbar_.offsetLeft < 0 || this.toolbar_.offsetTop < 0)
-        this.toolbar_.style.visibility = 'hidden';
-      else
-        this.toolbar_.style.visibility = 'visible';
+
+    // Shift the zoom toolbar to the left by half a scrollbar width. This
+    // gives a compromise: if there is no scrollbar visible then the toolbar
+    // will be half a scrollbar width further left than the spec but if there
+    // is a scrollbar visible it will be half a scrollbar width further right
+    // than the spec. In RTL layout, the zoom toolbar is on the left side, but
+    // the scrollbar is still on the right, so this is not necessary.
+    if (!isRTL()) {
+      this.zoomToolbar_.style.right = -verticalScrollbarWidth +
+          (scrollbarWidth / 2) + 'px';
     }
+    // Having a horizontal scrollbar is much rarer so we don't offset the
+    // toolbar from the bottom any more than what the spec says. This means
+    // that when there is a scrollbar visible, it will be a full scrollbar
+    // width closer to the bottom of the screen than usual, but this is ok.
+    this.zoomToolbar_.style.bottom = -horizontalScrollbarWidth + 'px';
 
     // Update the page indicator.
     var visiblePage = this.viewport_.getMostVisiblePage();
 
     if (this.materialToolbar_)
       this.materialToolbar_.pageNo = visiblePage + 1;
 
     // TODO(raymes): Give pageIndicator_ the same API as materialToolbar_.
     if (this.pageIndicator_) {
       this.pageIndicator_.index = visiblePage;
@@ skipping 139 matching lines @@
    * Each bookmark is an Object containing a:
    * - title
    * - page (optional)
    * - array of children (themselves bookmarks)
    * @type {Array} the top-level bookmarks of the PDF.
    */
   get bookmarks() {
     return this.bookmarks_;
   }
 };