[MD settings] change dropdown to accept array of objects rather than array of tuples

chrome/browser/resources/settings/appearance_page/appearance_fonts_page.js

 // Copyright 2015 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.
 
 /**
  * This is the absolute difference maintained between standard and
  * fixed-width font sizes. http://crbug.com/91922.
  * @const
  */
 var SIZE_DIFFERENCE_FIXED_STANDARD = 3;
@@ skipping 167 matching lines @@
   },
 
   /**
    * @param {!Array<{0: string, 1: (string|undefined), 2: (string|undefined)}>}
    *   fontList The font menu options.
    * @param {!Array<{0: string, 1: string}>} encodingList The encoding menu
    *   options.
    * @private
    */
   setFontsData_: function(fontList, encodingList) {
-    this.$.standardFont.menuOptions = fontList;
-    this.$.serifFont.menuOptions = fontList;
-    this.$.sansSerifFont.menuOptions = fontList;
-    this.$.fixedFont.menuOptions = fontList;
-    this.$.encoding.menuOptions = encodingList;
+    var fontMenuOptions = [];
+    for (var i = 0; i < fontList.length; ++i)
+      fontMenuOptions.push({value: fontList[i][0], name: fontList[i][1]});
+    this.$.standardFont.menuOptions = fontMenuOptions;
+    this.$.serifFont.menuOptions = fontMenuOptions;
+    this.$.sansSerifFont.menuOptions = fontMenuOptions;
+    this.$.fixedFont.menuOptions = fontMenuOptions;
+
+    var encodingMenuOptions = [];
+    for (var i = 0; i < encodingList.length; ++i) {
+      encodingMenuOptions.push({
+          value: encodingList[i][0], name: encodingList[i][1]});
+    }
+    this.$.encoding.menuOptions = encodingMenuOptions;
   },
 
   /**
    * @param {number} value The changed font size slider value.
    * @private
    */
   fontSizeChanged_: function(value) {
     this.defaultFontSize_ = value;
     if (!this.$.sizeSlider.dragging) {
       this.fontSizeIndex_ = this.fontSizeRange_.indexOf(value);
@@ skipping 15 matching lines @@
   /**
    * Creates an html style value.
    * @param {number} fontSize The font size to use.
    * @param {string} fontFamily The name of the font family use.
    * @private
    */
   computeStyle_: function(fontSize, fontFamily) {
     return 'font-size: ' + fontSize + "px; font-family: '" + fontFamily + "';";
   },
 });