Supports changing resolutions from options UI page.

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 152 matching lines @@
       var container = $('display-options-displays-view-host');
       container.onmousemove = this.onMouseMove_.bind(this);
       window.addEventListener('mouseup', this.endDragging_.bind(this), true);
       container.ontouchmove = this.onTouchMove_.bind(this);
       container.ontouchend = this.endDragging_.bind(this);
 
       $('display-options-set-primary').onclick = function() {
         chrome.send('setPrimary', [this.displays_[this.focusedIndex_].id]);
       }.bind(this);
       $('display-options-resolution-selection').onchange = function(ev) {
-        chrome.send('setUIScale', [this.displays_[this.focusedIndex_].id,
-                                   ev.target.value]);
+        var display = this.displays_[this.focusedIndex_];
+        var resolution = display.resolutions[ev.target.value];
+        if (resolution.scale) {
+          chrome.send('setUIScale', [display.id, resolution.scale]);
+        } else {
+          chrome.send('setResolution',
+                      [display.id, resolution.width, resolution.height]);
+        }
       }.bind(this);
       $('display-options-orientation-selection').onchange = function(ev) {
         chrome.send('setOrientation', [this.displays_[this.focusedIndex_].id,
                                        ev.target.value]);
       }.bind(this);
       $('selected-display-start-calibrating-overscan').onclick = function() {
         // Passes the target display ID. Do not specify it through URL hash,
         // we do not care back/forward.
         var displayOverscan = options.DisplayOverscan.getInstance();
         displayOverscan.setDisplayId(this.displays_[this.focusedIndex_].id);
@@ skipping 414 matching lines @@
           display.isInternal;
 
       var orientation = $('display-options-orientation-selection');
       orientation.disabled = false;
       var orientationOptions = orientation.getElementsByTagName('option');
       orientationOptions[display.orientation].selected = true;
 
       $('selected-display-name').textContent = display.name;
 
       var resolution = $('display-options-resolution-selection');
-      if (display.uiScales.length <= 1) {
+      if (display.resolutions.length <= 1) {
         var option = document.createElement('option');
         option.value = 'default';
         option.textContent = display.width + 'x' + display.height;
         option.selected = true;
         resolution.appendChild(option);
         resolution.disabled = true;
       } else {
-        for (var i = 0; i < display.uiScales.length; i++) {
+        for (var i = 0; i < display.resolutions.length; i++) {
           var option = document.createElement('option');
-          option.value = display.uiScales[i].scale;
-          option.textContent =
-              display.uiScales[i].width + 'x' + display.uiScales[i].height;
-          if (display.uiScales[i].scale == 1.0) {
+          option.value = i;
+          option.textContent = display.resolutions[i].width + 'x' +
+              display.resolutions[i].height;
+          if (display.resolutions[i].isBest) {
             option.textContent += ' ' +
                 loadTimeData.getString('annotateBest');
           }
-          option.selected = display.uiScales[i].selected;
+          option.selected = display.resolutions[i].selected;
           resolution.appendChild(option);
         }
-        resolution.disabled = !display.isInternal;
+        resolution.disabled = (display.resolutions.length <= 1);
       }
     },
 
     /**
      * Updates the description of the selected display section.
      * @private
      */
     updateSelectedDisplayDescription_: function() {
       var resolution = $('display-options-resolution-selection');
       resolution.textContent = '';
@@ skipping 222 matching lines @@
       mirroring, displays, layout, offset) {
     DisplayOptions.getInstance().onDisplayChanged_(
         mirroring, displays, layout, offset);
   };
 
   // Export
   return {
     DisplayOptions: DisplayOptions
   };
 });