[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 123 matching lines @@
     clearSearchEngines_: function() {
       $('defaultSearchEngine').textContent = '';
     },
 
     /**
      * Updates the search engine popup with the given entries.
      * @param {Array} engines List of available search engines.
      * @param {number} defaultValue The value of the current default engine.
      * @param {boolean} defaultManaged Whether the default search provider is
      *     managed. If true, the default search provider can't be changed.
+     * @private
      */
     updateSearchEngines_: function(engines, defaultValue, defaultManaged) {
       this.clearSearchEngines_();
       engineSelect = $('defaultSearchEngine');
       engineSelect.disabled = defaultManaged;
       engineCount = engines.length;
       var defaultIndex = -1;
       for (var i = 0; i < engineCount; i++) {
         var engine = engines[i];
         var option = new Option(engine['name'], engine['index']);
@@ skipping 28 matching lines @@
       startupPagesList.setAttribute('tabindex', disable ? -1 : 0);
       // Explicitly set disabled state for input text elements.
       var inputs = startupPagesList.querySelectorAll("input[type='text']");
       for (var i = 0; i < inputs.length; i++)
         inputs[i].disabled = disable;
       $('startupUseCurrentButton').disabled = disable;
     },
 
     /**
      * Set the default search engine based on the popup selection.
+     * @private
      */
     setDefaultSearchEngine_: function() {
       var engineSelect = $('defaultSearchEngine');
       var selectedIndex = engineSelect.selectedIndex;
       if (selectedIndex >= 0) {
         var selection = engineSelect.options[selectedIndex];
         chrome.send('setDefaultSearchEngine', [String(selection.value)]);
       }
     },
 
@@ skipping 41 matching lines @@
       } else {
         return profilesList.selectedItem;
       }
       return null;
     },
 
     /**
      * Helper function to set the status of profile view buttons to disabled or
      * enabled, depending on the number of profiles and selection status of the
      * profiles list.
+     * @private
      */
     setProfileViewButtonsStatus_: function() {
       var profilesList = $('profiles-list');
       var selectedProfile = profilesList.selectedItem;
       var hasSelection = selectedProfile != null;
       var hasSingleProfile = profilesList.dataModel.length == 1;
       $('profiles-manage').disabled = !hasSelection ||
           !selectedProfile.isCurrentProfile;
       $('profiles-delete').disabled = !hasSelection && !hasSingleProfile;
     },
 
     /**
      * Display the correct dialog layout, depending on how many profiles are
      * available.
      * @param {number} numProfiles The number of profiles to display.
+     * @private
      */
     setProfileViewSingle_: function(numProfiles) {
       var hasSingleProfile = numProfiles == 1;
       $('profiles-list').hidden = hasSingleProfile;
       $('profiles-single-message').hidden = !hasSingleProfile;
       $('profiles-manage').hidden = hasSingleProfile;
       $('profiles-delete').textContent = hasSingleProfile ?
           templateData.profilesDeleteSingle :
           templateData.profilesDelete;
     },
 
     /**
      * Adds all |profiles| to the list.
      * @param {Array.<Object>} An array of profile info objects.
      *     each object is of the form:
      *       profileInfo = {
      *         name: "Profile Name",
      *         iconURL: "chrome://path/to/icon/image",
      *         filePath: "/path/to/profile/data/on/disk",
      *         isCurrentProfile: false
      *       };
+     * @private
      */
     setProfilesInfo_: function(profiles) {
       this.setProfileViewSingle_(profiles.length);
       // add it to the list, even if the list is hidden so we can access it
       // later.
       $('profiles-list').dataModel = new ArrayDataModel(profiles);
       this.setProfileViewButtonsStatus_();
     },
 
     setGtkThemeButtonEnabled_: function(enabled) {
       if (!cr.isChromeOS && navigator.platform.match(/linux|BSD/i)) {
         $('themes-GTK-button').disabled = !enabled;
       }
     },
 
     setThemesResetButtonEnabled_: function(enabled) {
       $('themes-reset').disabled = !enabled;
     },
 
     /**
      * (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.
+     * @param {boolean} show Whether or not to show the controls.
+     * @private
+     */
+    showTouchpadControls_: function() {
+      $('touchpad-controls').hidden = !show;
+    },
+
+    /**
+     * Displays the mouse controls section when we detect a mouse, hides it
+     * otherwise.
+     * @param {boolean} show Whether or not to show the controls.
+     * @private
+     */
+    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
   };
 
 });