Gallery: Random fixes for the Viewport class.

ui/file_manager/gallery/js/slide_mode.js

 // Copyright 2014 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';
 
 /**
  * Slide mode displays a single image and has a set of controls to navigate
  * between the images and to edit an image.
  *
@@ skipping 376 matching lines @@
   return this.selectionModel_.selectedIndex;
 };
 
 /**
  * @return {Rect} Screen rectangle of the selected image.
  */
 SlideMode.prototype.getSelectedImageRect = function() {
   if (this.getSelectedIndex() < 0)
     return null;
   else
-    return this.viewport_.getScreenClipped();
+    return this.viewport_.getImageBoundsOnScreen();
 };
 
 /**
  * @return {Gallery.Item} Selected item.
  */
 SlideMode.prototype.getSelectedItem = function() {
   return this.getItem(this.getSelectedIndex());
 };
 
 /**
@@ skipping 474 matching lines @@
   }
 
   return true;
 };
 
 /**
  * Resize handler.
  * @private
  */
 SlideMode.prototype.onResize_ = function() {
-  this.viewport_.sizeByFrameAndFit(this.container_);
-  this.viewport_.update();
+  this.viewport_.setScreenSize(
+      this.container_.clientWidth, this.container_.clientHeight);
   this.editor_.getBuffer().draw();
 };
 
 /**
  * Update thumbnails.
  */
 SlideMode.prototype.updateThumbnails = function() {
   this.ribbon_.reset();
   if (this.active_)
     this.ribbon_.redraw();
@@ skipping 136 matching lines @@
 };
 
 /**
  * Start the slideshow.
  * @param {number=} opt_interval First interval in ms.
  * @param {Event=} opt_event Event.
  */
 SlideMode.prototype.startSlideshow = function(opt_interval, opt_event) {
   // Reset zoom.
   this.viewport_.setZoomIndex(0);
-  this.imageView_.draw();
+  this.imageView_.applyViewportChange();
 
   // Set the attribute early to prevent the toolbar from flashing when
   // the slideshow is being started from the mosaic view.
   this.container_.setAttribute('slideshow', 'playing');
 
   if (this.active_) {
     this.stopEditing_();
   } else {
     // We are in the Mosaic mode. Toggle the mode but remember to return.
     this.leaveAfterSlideshow_ = true;
@@ skipping 134 matching lines @@
     return;
   }
 
   this.stopSlideshow_();
 
   ImageUtil.setAttribute(this.container_, 'editing', !this.isEditing());
 
   if (this.isEditing()) { // isEditing has just been flipped to a new value.
     // Reset zoom.
     this.viewport_.setZoomIndex(0);
-    this.imageView_.draw();
+    this.imageView_.applyViewportChange();
     if (this.context_.readonlyDirName) {
       this.editor_.getPrompt().showAt(
           'top', 'GALLERY_READONLY_WARNING', 0, this.context_.readonlyDirName);
     }
   } else {
     this.editor_.getPrompt().hide();
     this.editor_.leaveModeGently();
   }
 };
 
@@ skipping 76 matching lines @@
       done = true;
     }
   }.bind(this);
 };
 
 /**
  * If the user touched the image and moved the finger more than SWIPE_THRESHOLD
  * horizontally it's considered as a swipe gesture (change the current image).
  */
 SwipeOverlay.SWIPE_THRESHOLD = 100;