[uber page] Migrate all elements in the 'System' (cros) page to new locations.

chrome/browser/resources/options2/browser_options.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.
 
 cr.define('options', function() {
   const OptionsPage = options.OptionsPage;
   const ArrayDataModel = cr.ui.ArrayDataModel;
+  var RepeatingButton = cr.ui.RepeatingButton;
 
   //
   // BrowserOptions class
   // Encapsulated handling of browser options page.
   //
   function BrowserOptions() {
     OptionsPage.call(this, 'browser',
                      templateData.browserPageTabTitle,
                      'browserPage');
   }
@@ skipping 51 matching lines @@
       $('change-home-page').onclick = function(event) {
         OptionsPage.navigateToPage('homePageOverlay');
       };
       $('themes-gallery').onclick = function(event) {
         window.open(localStrings.getString('themesGalleryURL'));
       };
       $('themes-reset').onclick = function(event) {
         chrome.send('themesReset');
       };
 
+      // Device section (ChromeOS only).
+      if (cr.isChromeOS) {
+        $('keyboard-settings-button').onclick = function(event) {
+          OptionsPage.navigateToPage('keyboard-overlay');
+        };
+        $('pointer-settings-button').onclick = function(event) {
+          OptionsPage.navigateToPage('pointer-overlay');
+        };
+        this.initBrightnessButton_('brightness-decrease-button',
+            'decreaseScreenBrightness');
+        this.initBrightnessButton_('brightness-increase-button',
+            'increaseScreenBrightness');
+      }
+
       // Search section.
       $('defaultSearchManageEnginesButton').onclick = function(event) {
         OptionsPage.navigateToPage('searchEngines');
         chrome.send('coreOptionsUserMetricsAction',
             ['Options_ManageSearchEngines']);
       };
       $('defaultSearchEngine').onchange = this.setDefaultSearchEngine_;
       $('instantEnabledCheckbox').customChangeHandler = function(event) {
         if (this.checked) {
           if (self.instantConfirmDialogShown_)
@@ skipping 94 matching lines @@
       }
 
       // Under the hood section.
       $('advancedOptionsButton').onclick = function(event) {
         OptionsPage.navigateToPage('advanced');
         chrome.send('coreOptionsUserMetricsAction',
             ['Options_OpenUnderTheHood']);
       };
     },
 
+    /**
+     * Initializes a button for controlling screen brightness.
+     * @param {string} id Button ID.
+     * @param {string} callback Name of the callback function.
+     */
+    initBrightnessButton_: function(id, callback) {
+      var button = $(id);
+      cr.ui.decorate(button, RepeatingButton);
+      button.repeatInterval = 300;
+      button.addEventListener(RepeatingButton.Event.BUTTON_HELD, function(e) {
+        chrome.send(callback);
+      });
+    },
+
     setSyncEnabled_: function(enabled) {
       this.syncEnabled = enabled;
     },
 
-    setAutoLoginVisible_ : function(visible) {
+    setAutoLoginVisible_: function(visible) {
       $('enable-auto-login-checkbox').hidden = !visible;
     },
 
     setSyncSetupCompleted_: function(completed) {
       this.syncSetupCompleted = completed;
       $('customize-sync').hidden = !completed;
     },
 
     setSyncStatus_: function(status) {
       var statusSet = status != '';
@@ skipping 295 matching lines @@
     },
 
     /**
      * (Re)loads IMG element with current user account picture.
      */
     updateAccountPicture_: function() {
       $('account-picture').src =
           'chrome://userimage/' + this.username_ +
           '?id=' + (new Date()).getTime();
     },
+
+    /**
+     * Displays the touchpad controls section when we detect a touchpad, hides
+       it otherwise.

[James Hawkins, 2012/01/17 16:23:39]

@private, @param. Same for the method below it.

[csilv, 2012/01/17 17:58:49]

Done.

+     */
+    showTouchpadControls_: function() {

[James Hawkins, 2012/01/17 16:23:39]

Missing a |show| parameter here.

[csilv, 2012/01/17 17:58:49]

Done.

+      $('touchpad-controls').hidden = !show;
+    },
+
+    /**
+     * Displays the mouse controls section when we detect a mouse, hides it
+     * otherwise.
+     */
+    showMouseControls_: function(show) {
+      $('mouse-controls').hidden = !show;
+    },
   };
 
   //Forward public APIs to private implementations.
   [
     'getStartStopSyncButton',
     'hideSyncSection',
     'setAutoLoginVisible',
     'setCustomizeSyncButtonEnabled',
     'setGtkThemeButtonEnabled',
     'setInstantFieldTrialStatus',
     'setProfilesInfo',
     'setProfilesSectionVisible',
     'setStartStopButtonEnabled',
     'setStartStopButtonLabel',
     'setStartStopButtonVisible',
     'setSyncActionLinkEnabled',
     'setSyncActionLinkLabel',
     'setSyncEnabled',
     'setSyncSetupCompleted',
     'setSyncStatus',
     'setSyncStatusErrorVisible',
     'setThemesResetButtonEnabled',
     'updateAccountPicture',
     'updateAutocompleteSuggestions',
     'updateHomePageLabel',
     'updateSearchEngines',
     'updateStartupPages',
+    'showTouchpadControls',
+    'showMouseControls',
   ].forEach(function(name) {
     BrowserOptions[name] = function(value) {
       return BrowserOptions.getInstance()[name + '_'](value);
     };
   });
 
   BrowserOptions.updateDefaultBrowserState = function(statusString, isDefault,
                                                       canBeDefault) {
     if (!cr.isChromeOS) {
       BrowserOptions.getInstance().updateDefaultBrowserState_(statusString,
@@ skipping 12 matching lines @@
       return BrowserOptions.getInstance().username_;
     };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 
 });