Only show start/stop mirroring button when there are multiple displays.

chrome/browser/resources/options/chromeos/display_options.js

 // Copyright (c) 2012 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.
 
 cr.define('options', function() {
   var OptionsPage = options.OptionsPage;
 
   // The scale ratio of the display rectangle to its original size.
   /** @const */ var VISUAL_SCALE = 1 / 10;
 
@@ skipping 817 matching lines @@
     /**
      * Updates the description of the selected display section.
      * @private
      */
     updateSelectedDisplayDescription_: function() {
       if (this.focusedIndex_ == null ||
           this.displays_[this.focusedIndex_] == null) {
         $('selected-display-data-container').hidden = true;
         $('display-configuration-arrow').hidden = true;
         $('display-options-set-primary').hidden = true;
+        $('display-options-toggle-mirroring').hidden = true;
         return;
       }
 
       $('selected-display-data-container').hidden = false;
       var display = this.displays_[this.focusedIndex_];
       var nameElement = $('selected-display-name');
       while (nameElement.childNodes.length > 0)
         nameElement.removeChild(nameElement.firstChild);
       nameElement.appendChild(document.createTextNode(display.name));
 
@@ skipping 18 matching lines @@
       arrow.hidden = false;
       // Adding 1 px to the position to fit the border line and the border in
       // arrow precisely.
       arrow.style.top = $('display-configurations').offsetTop -
           arrow.offsetHeight / 2 + 1 + 'px';
       arrow.style.left = display.div.offsetLeft + display.div.offsetWidth / 2 -
           arrow.offsetWidth / 2 + 'px';
 
       $('display-options-set-primary').hidden =
           this.displays_[this.focusedIndex_].isPrimary;
+      $('display-options-toggle-mirroring').hidden =
+          (this.displays_.length <= 1);
     },
 
     /**
      * Clears the drawing area for display rectangles.
      * @private
      */
     resetDisplaysView_: function() {
       var displaysViewHost = $('display-options-displays-view-host');
       displaysViewHost.removeChild(displaysViewHost.firstChild);
       this.displaysView_ = document.createElement('div');
@@ skipping 157 matching lines @@
 
     /**
      * Called when the display arrangement has changed.
      * @param {boolean} mirroring Whether current mode is mirroring or not.
      * @param {Array} displays The list of the display information.
      * @param {SecondaryDisplayLayout} layout The layout strategy.
      * @param {number} offset The offset of the secondary display.
      * @private
      */
     onDisplayChanged_: function(mirroring, displays, layout, offset) {
+      if (displays.length <= 1) {
+        OptionsPage.showDefaultPage();

[hshi1, 2013/01/10 18:59:24]

My bad. This is causing all the chrome://settings/xxx pages to be re-directed to
the main settings page when only one monitor is attached. CL was already
reverted. Need to re-consider this.

[Jun Mukai, 2013/01/10 19:04:37]

Oops, I missed that point too :(  Sorry for my bad proposal.
Let's separate the patch, first create a CL of toggle-mirroring button, which is
apparently safe.

+        return;
+      }
+
       this.mirroring_ = mirroring;
       this.layout_ = layout;
       this.offset_ = offset;
       this.dirty_ = false;
 
       $('display-options-toggle-mirroring').textContent =
           loadTimeData.getString(
               this.mirroring_ ? 'stopMirroring' : 'startMirroring');
 
       // Focus to the first display next to the primary one when |displays| list
@@ skipping 24 matching lines @@
       mirroring, displays, layout, offset) {
     DisplayOptions.getInstance().onDisplayChanged_(
         mirroring, displays, layout, offset);
   };
 
   // Export
   return {
     DisplayOptions: DisplayOptions
   };
 });