Make the personal stuff page viewable.

chrome/browser/resources/options/pref_ui.js

 // Copyright (c) 2010 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.
 
 ///////////////////////////////////////////////////////////////////////////////
 // PrefCheckbox class:
 
 // Define a constructor that uses an input element as its underlying element.
 var PrefCheckbox = cr.ui.define('input');
 
@@ skipping 23 matching lines @@
   }
 };
 
 /**
  * The preference name.
  * @type {string}
  */
 cr.defineProperty(PrefCheckbox, 'pref', cr.PropertyKind.ATTR);
 
 ///////////////////////////////////////////////////////////////////////////////
+// PrefRadio class:
+
+// Define a constructor that uses an input element as its underlying element.
+var PrefRadio = cr.ui.define('input');
+
+PrefRadio.prototype = {
+  // Set up the prototype chain
+  __proto__: HTMLInputElement.prototype,
+
+  /**
+   * Initialization function for the cr.ui framework.
+   */
+  decorate: function() {
+    this.type = 'radio';
+    var self = this;
+
+    // Listen to pref changes.
+    Preferences.getInstance().addEventListener(this.pref,
+        function(event) {
+          self.checked = String(event.value) == self.value;
+        });
+
+    // Listen to user events.
+    this.addEventListener('change',
+        function(e) {
+          if(self.value == 'true' || self.value == 'false') {
+            Preferences.setBooleanPref(self.pref,
+                self.value == 'true');
+          }else {
+            Preferences.setIntegerPref(self.pref,
+                parseInt(self.value, 10));
+          }
+        });
+  },
+
+  /**
+   * Getter for preference name attribute.
+   */
+  get pref() {
+    return this.getAttribute('pref');
+  },
+
+  /**
+   * Setter for preference name attribute.
+   */
+  set pref(name) {
+    this.setAttribute('pref', name);
+  }
+};
+
+
+///////////////////////////////////////////////////////////////////////////////
 // PrefRange class:
 
 // Define a constructor that uses an input element as its underlying element.
 var PrefRange = cr.ui.define('input');
 
 PrefRange.prototype = {
   // Set up the prototype chain
   __proto__: HTMLInputElement.prototype,
 
   /**
@@ skipping 71 matching lines @@
       this.appendChild(new Option(values[1], values[0]));
     }, this);
   }
 };
 
 /**
  * The preference name.
  * @type {string}
  */
 cr.defineProperty(PrefSelect, 'pref', cr.PropertyKind.ATTR);