Make the workspace cycler animation parameters editable via chrome://gesture

chrome/browser/resources/gesture_config.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.
 
 // Redefine '$' here rather than including 'cr.js', since this is
 // the only function needed.  This allows this file to be loaded
 // in a browser directly for layout and some testing purposes.
 var $ = function(id) { return document.getElementById(id); };
 
 /**
@@ skipping 121 matching lines @@
     chrome.send('resetPreferenceValue', [this.prefix + prefName]);
   }
 };
 
 /**
  * Returns a GeneralConfig for configuring gestures.* preferences.
  * @return {object} A GeneralConfig object.
  */
 function GestureConfig() {
   /** The title of the section for the gesture preferences. **/
-  /** @const */ var GESTURE_TITLE = 'Gesture Properties';
+  /** @const */ var GESTURE_TITLE = 'Gesture Configuration';
 
   /** Common prefix of gesture preferences. **/
   /** @const */ var GESTURE_PREFIX = 'gesture.';
 
   /** List of fields used to dynamically build form. **/
   var GESTURE_FIELDS = [
     {
       key: 'fling_max_cancel_to_down_time_in_ms',
       label: 'Maximum Cancel to Down Time for Tap Suppression',
       units: 'milliseconds',
@@ skipping 125 matching lines @@
   ];
 
   return new GeneralConfig(GESTURE_TITLE, GESTURE_PREFIX, GESTURE_FIELDS);
 }
 
 /**
  * Returns a GeneralConfig for configuring overscroll.* preferences.
  * @return {object} A GeneralConfig object.
  */
 function OverscrollConfig() {
-  /** @const */ var OVERSCROLL_TITLE = 'Overscroll Properties';
+  /** @const */ var OVERSCROLL_TITLE = 'Overscroll Configuration';
 
   /** @const */ var OVERSCROLL_PREFIX = 'overscroll.';
 
   var OVERSCROLL_FIELDS = [
     {
       key: 'horizontal_threshold_complete',
       label: 'Complete when overscrolled (horizontal)',
       units: '%'
     },
     {
@@ skipping 17 matching lines @@
       units: 'pixels'
     },
   ];
 
   return new GeneralConfig(OVERSCROLL_TITLE,
                            OVERSCROLL_PREFIX,
                            OVERSCROLL_FIELDS);
 }
 
 /**
+ * Returns a GeneralConfig for configuring workspace_cycler.* preferences.
+ * @return {object} A GeneralConfig object.
+ */
+function WorkspaceCyclerConfig() {
+  /** @const */ var WORKSPACE_CYCLER_TITLE = 'Workspace Cycler Configuration';
+
+  /** @const */ var WORKSPACE_CYCLER_PREFIX = 'workspace_cycler.';
+
+  var WORKSPACE_CYCLER_FIELDS = [
+    {
+      key: 'selected_scale',
+      label: 'Scale of the selected workspace',
+      units: '%'
+    },
+    {
+      key: 'min_scale',
+      label: 'Minimum workspace scale (scale of deepest workspace)',
+      units: '%'
+    },
+    {
+      key: 'max_scale',
+      label: 'Maximimum workspace scale (scale of shallowest workspace)',
+      units: '%'
+    },
+    {
+      key: 'min_brightness',
+      label: 'Minimum workspace brightness (deepest & shallowest workspace)',
+      units: '%'
+    },
+    {
+      key: 'background_opacity',
+      label: 'Desktop background opacity when cycling through workspaces',
+      units: '%'
+    },
+    {
+      key: 'distance_to_initiate_cycling',
+      label: 'Vertical distance to scroll to initiate cycling',
+      units: 'pixels'
+    },
+    {
+      key: 'scroll_distance_to_cycle_to_next_workspace',
+      label: 'Vertical distance to scroll to cycle to the next workspace',
+      units: 'pixels'
+    },
+    { key: 'cycler_step_animation_duration_ratio',
+      label: 'Cycler step animation duration ratio',
+      units: 'ms / pixels vertical scroll'
+    },
+    { key: 'start_cycler_animation_duration',
+      label: 'Duration of the animations to start cycling',
+      units: 'ms'
+    },
+    { key: 'stop_cycler_animation_duration',
+      label: 'Duration of the animations to stop cycling',
+      units: 'ms'
+    }
+  ];
+
+  return new GeneralConfig(WORKSPACE_CYCLER_TITLE,
+                           WORKSPACE_CYCLER_PREFIX,
+                           WORKSPACE_CYCLER_FIELDS);
+}
+
+/**
  * Returns a GeneralConfig for configuring flingcurve.* preferences.
  * @return {object} A GeneralConfig object.
  */
 function FlingConfig() {
-  var FLING_PREFIX = 'flingcurve.';
+  /** @const */ var FLING_TITLE = 'Fling Configuration';
+
+  /** @const */ var FLING_PREFIX = 'flingcurve.';
 
   var FLING_FIELDS = [
     {
       key: 'touchscreen_alpha',
       label: 'Touchscreen fling deacceleration coefficients',
       units: 'alpha'
     },
     {
       key: 'touchscreen_beta',
       label: '',
@@ skipping 14 matching lines @@
       label: '',
       units: 'beta'
     },
     {
       key: 'touchpad_gamma',
       label: '',
       units: 'gamma'
     },
   ];
 
-  return new GeneralConfig(FLING_PREFIX, FLING_FIELDS);
+  return new GeneralConfig(FLING_TITLE, FLING_PREFIX, FLING_FIELDS);
 }
 
 
 /**
  * WebUI instance for configuring gesture.* and overscroll.* preference values
  * used by Chrome's gesture recognition system.
  */
 var gesture_config = (function() {
 
   /**
    * Build and initialize the gesture configuration form.
    */
   function initialize() {
     var g = GestureConfig();
     g.buildAll();
 
     var o = OverscrollConfig();
     o.buildAll();
 
     var f = FlingConfig();
     f.buildAll();
 
+    var c = WorkspaceCyclerConfig();
+    c.buildAll();
+
     $('reset-button').onclick = function() {
       g.onReset();
       o.onReset();
       f.onReset();
     };
   }
 
   /**
    * Handle callback from call to getPreferenceValue.
    * @param {string} prefName The name of the requested preference value.
    * @param {value} value The current value associated with prefName.
    */
   function getPreferenceValueResult(prefName, value) {
     prefName = prefName.substring(prefName.indexOf('.') + 1);
     $(prefName).value = value;
   }
 
   return {
     initialize: initialize,
     getPreferenceValueResult: getPreferenceValueResult
   };
 })();
 
 document.addEventListener('DOMContentLoaded', gesture_config.initialize);