[Hotword] Putting preferences under search for hotword service. Putting behind a flag.

chrome/browser/resources/options/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() {
   var OptionsPage = options.OptionsPage;
   var ArrayDataModel = cr.ui.ArrayDataModel;
   var RepeatingButton = cr.ui.RepeatingButton;
 
   //
@@ skipping 110 matching lines @@
 
       Preferences.getInstance().addEventListener('homepage',
           this.onHomePageChanged_.bind(this));
       Preferences.getInstance().addEventListener('homepage_is_newtabpage',
           this.onHomePageIsNtpChanged_.bind(this));
 
       $('change-home-page').onclick = function(event) {
         OptionsPage.navigateToPage('homePageOverlay');
       };
 
+      Preferences.getInstance().addEventListener('hotword.search_enabled',
+          this.onHotwordSearchPrefChanged_.bind(this));
+      chrome.send('requestHotwordAvailabile');
+
       if ($('set-wallpaper')) {
         $('set-wallpaper').onclick = function(event) {
           chrome.send('openWallpaperManager');
         };
       }
 
       $('themes-gallery').onclick = function(event) {
         window.open(loadTimeData.getString('themesGalleryURL'));
       };
       $('themes-reset').onclick = function(event) {
@@ skipping 730 matching lines @@
           this.showSectionWithAnimation_(section, container);
         else
           this.hideSectionWithAnimation_(section, container);
       } else {
         section.hidden = !event.value.value;
         this.onShowHomeButtonChangedCalled_ = true;
       }
     },
 
     /**
+     * Activates the Hotword section from the System settings page.
+     * @private
+     */
+    showHotwordSection_: function() {
+      $('hotword-search').hidden = false;
+    },
+
+    /**
+     * Event listener for the 'hotword search enabled' preference. Shows/hides
+     * the UI for updating hotword settings..
+     * @param {Event} event The preference change event.
+     */
+    onHotwordSearchPrefChanged_: function(event) {
+      var section = $('hotword-settings-section');
+      var container = $('hotword-settings-section-container');
+      // event.value is a dictionary with details about the preference that was
+      // changed. Within that dictionary, |value| is the new value of the
+      // preference. In this case, the preference represents a Boolean so it
+      // can be checked for true/false.
+      if (event.value.value)
+        this.showSectionWithAnimation_(section, container);
+      else
+        this.hideSectionWithAnimation_(section, container);
+    },
+
+    /**
      * Event listener for the 'homepage is NTP' preference. Updates the label
      * next to the 'Change' button.
      * @param {Event} event The preference change event.
      */
     onHomePageIsNtpChanged_: function(event) {
       if (!event.value.uncommitted) {
         $('home-page-url').hidden = event.value.value;
         $('home-page-ntp').hidden = !event.value.value;
       }
     },
@@ skipping 687 matching lines @@
     'setSpokenFeedbackCheckboxState',
     'setThemesResetButtonEnabled',
     'setVirtualKeyboardCheckboxState',
     'setupCloudPrintConnectorSection',
     'setupPageZoomSelector',
     'setupProxySettingsSection',
     'showBluetoothSettings',
     'showCreateProfileError',
     'showCreateProfileSuccess',
     'showCreateProfileWarning',
+    'showHotwordSection',
     'showManagedUserImportError',
     'showManagedUserImportSuccess',
     'showMouseControls',
     'showTouchpadControls',
     'updateAccountPicture',
     'updateAutoLaunchState',
     'updateDefaultBrowserState',
     'updateManagesSupervisedUsers',
     'updateSearchEngines',
     'updateStartupPages',
@@ skipping 14 matching lines @@
     BrowserOptions.getLoggedInUsername = function() {
       return BrowserOptions.getInstance().username_;
     };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });