Supports changing resolutions from options UI page.

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

Index: chrome/browser/resources/options/chromeos/display_options.js
diff --git a/chrome/browser/resources/options/chromeos/display_options.js b/chrome/browser/resources/options/chromeos/display_options.js
index 0d0124f8834379391745d3786225645e202baee0..7769fb06571241e48254ee2b23fd6d835ed51d0f 100644
--- a/chrome/browser/resources/options/chromeos/display_options.js
+++ b/chrome/browser/resources/options/chromeos/display_options.js
@@ -170,8 +170,14 @@ cr.define('options', 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,
@@ -606,7 +612,7 @@ cr.define('options', function() {
       $('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;
@@ -614,19 +620,19 @@ cr.define('options', function() {
         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);
       }
     },