dom-ui options: record user metrics for pref changes....

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.
 
 cr.define('options', function() {
 
   var Preferences = options.Preferences;
   /////////////////////////////////////////////////////////////////////////////
   // PrefCheckbox class:
 
@@ skipping 15 matching lines @@
       Preferences.getInstance().addEventListener(this.pref,
           function(event) {
             self.managed = event.value['managed']
             self.disabled = self.managed;
             self.checked = event.value['value'];
           });
 
       // Listen to user events.
       this.addEventListener('click',
           function(e) {
-            Preferences.setBooleanPref(self.pref, self.checked);
+            Preferences.setBooleanPref(self.pref, self.checked, self.metric);
           });
     }
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefCheckbox, 'pref', cr.PropertyKind.ATTR);
 
+  /**
+   * The user metric string.
+   * @type {string}
+   */
+  cr.defineProperty(PrefCheckbox, 'metric', 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,
 
@@ skipping 10 matching lines @@
             self.managed = event.value['managed']
             self.disabled = self.managed;
             self.checked = String(event.value['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');
+                  self.value == 'true', self.metric);
             } else {
               Preferences.setIntegerPref(self.pref,
-                  parseInt(self.value, 10));
+                  parseInt(self.value, 10), self.metric);
             }
           });
     },
 
     /**
      * Getter for preference name attribute.
      */
     get pref() {
       return this.getAttribute('pref');
     },
 
     /**
      * Setter for preference name attribute.
      */
     set pref(name) {
       this.setAttribute('pref', name);
     }
   };
 
+  /**
+   * The user metric string.
+   * @type {string}
+   */
+  cr.defineProperty(PrefRadio, 'metric', cr.PropertyKind.ATTR);
 
   /////////////////////////////////////////////////////////////////////////////
   // PrefNumeric class:
 
   // Define a constructor that uses an input element as its underlying element.
   var PrefNumeric = function() {};
   PrefNumeric.prototype = {
     // Set up the prototype chain
     __proto__: HTMLInputElement.prototype,
 
     /**
      * Initialization function for the cr.ui framework.
      */
     decorate: function() {
       var self = this;
 
       // Listen to pref changes.
       Preferences.getInstance().addEventListener(this.pref,
           function(event) {
             self.managed = event.value['managed']
             self.disabled = self.managed;
             self.value = event.value['value'];
           });
 
       // Listen to user events.
       this.addEventListener('change',
           function(e) {
-            Preferences.setIntegerPref(self.pref, self.value);
+            Preferences.setIntegerPref(self.pref, self.value, self.metric);
           });
     }
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefNumeric, 'pref', cr.PropertyKind.ATTR);
 
+  /**
+   * The user metric string.
+   * @type {string}
+   */
+  cr.defineProperty(PrefNumeric, 'metric', cr.PropertyKind.ATTR);
+
   /////////////////////////////////////////////////////////////////////////////
   // PrefNumber class:
 
   // Define a constructor that uses an input element as its underlying element.
   var PrefNumber = cr.ui.define('input');
 
   PrefNumber.prototype = {
     // Set up the prototype chain
     __proto__: PrefNumeric.prototype,
 
@@ skipping 54 matching lines @@
             // Item not found, select first item.
             self.selectedIndex = 0;
           });
 
       // Listen to user events.
       this.addEventListener('change',
           function(e) {
             switch(self.dataType) {
               case 'number':
                 Preferences.setIntegerPref(self.pref,
-                    self.options[self.selectedIndex].value);
+                    self.options[self.selectedIndex].value, self.metric);
                 break;
               case 'boolean':
                 Preferences.setBooleanValue(self.pref,
-                    self.options[self.selectedIndex].value);
+                    self.options[self.selectedIndex].value, self.metric);
                 break;
               case 'string':
                 Preferences.setStringPref(self.pref,
-                    self.options[self.selectedIndex].value);
+                    self.options[self.selectedIndex].value, self.metric);
                 break;
             }
           });
 
       // Initialize options.
       this.ownerDocument.addEventListener('DOMContentLoaded',
           function() {
             var values = self.getAttribute('data-values');
             if (values) {
               self.initializeValues(templateData[values]);
@@ skipping 17 matching lines @@
       }, this);
     }
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefSelect, 'pref', cr.PropertyKind.ATTR);
 
+  /**
+   * The user metric string.
+   * @type {string}
+   */
+  cr.defineProperty(PrefSelect, 'metric', cr.PropertyKind.ATTR);
+
   /////////////////////////////////////////////////////////////////////////////
   // PrefTextField class:
 
   // Define a constructor that uses an input element as its underlying element.
   var PrefTextField = cr.ui.define('input');
 
   PrefTextField.prototype = {
     // Set up the prototype chain
     __proto__: HTMLInputElement.prototype,
 
     /**
      * Initialization function for the cr.ui framework.
      */
     decorate: function() {
       var self = this;
 
       // Listen to pref changes.
       Preferences.getInstance().addEventListener(this.pref,
           function(event) {
             self.managed = event.value['managed']
             self.disabled = self.managed;
             self.value = event.value['value'];
           });
 
       // Listen to user events.
       this.addEventListener('change',
           function(e) {
-            Preferences.setStringPref(self.pref, self.value);
+            Preferences.setStringPref(self.pref, self.value, self.metric);
           });
 
       window.addEventListener('unload',
           function() {
             if (document.activeElement == self)
               self.blur();
           });
     }
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefTextField, 'pref', cr.PropertyKind.ATTR);
 
+  /**
+   * The user metric string.
+   * @type {string}
+   */
+  cr.defineProperty(PrefTextField, 'metric', cr.PropertyKind.ATTR);
+
   // Export
   return {
     PrefCheckbox: PrefCheckbox,
     PrefNumber: PrefNumber,
     PrefNumeric: PrefNumeric,
     PrefRadio: PrefRadio,
     PrefRange: PrefRange,
     PrefSelect: PrefSelect,
     PrefTextField: PrefTextField
   };
 
 });