[uber page] Merge advanced options page into browser options.

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() {
   var OptionsPage = options.OptionsPage;
   var ArrayDataModel = cr.ui.ArrayDataModel;
   var RepeatingButton = cr.ui.RepeatingButton;
 
   //
@@ skipping 29 matching lines @@
     instantConfirmDialogShown_: false,
 
     /**
      * @inheritDoc
      */
     initializePage: function() {
       OptionsPage.prototype.initializePage.call(this);
 
       window.addEventListener('message', this.handleWindowMessage_.bind(this));
 
+      $('advanced-settings-expander').onclick =
+          this.toggleAdvancedSettings_.bind(this);
+
       // Sync (Sign in) section.
       this.updateSyncState_(templateData.syncData);
 
       $('sync-action-link').onclick = function(event) {
         SyncSetupOverlay.showErrorUI();
       };
       $('start-stop-sync').onclick = function(event) {
         if (self.syncSetupCompleted)
           SyncSetupOverlay.showStopSyncingUI();
         else
@@ skipping 10 matching lines @@
           chrome.send('coreOptionsUserMetricsAction',
               ['Options_InternetOptions']);
         };
       }
 
       // On Startup section.
       $('startup-set-pages').onclick = function() {
         OptionsPage.navigateToPage('startup');
       };
 
+      this.sessionRestoreEnabled_ = templateData.enable_restore_session_state;
+      if (this.sessionRestoreEnabled_) {
+        $('old-startup-last-text').hidden = true;
+        $('new-startup-last-text').hidden = false;
+      }
+
       // Appearance section.
       $('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');
       };
@@ skipping 124 matching lines @@
 
       // Default browser section.
       if (!cr.isChromeOS) {
         $('set-as-default-browser').onclick = function(event) {
           chrome.send('becomeDefaultBrowser');
         };
 
         $('auto-launch').onclick = this.handleAutoLaunchChanged_;
       }
 
-      // Under the hood section.
-      $('advanced-settings').onclick = function(event) {
-        OptionsPage.navigateToPage('advanced');
-        chrome.send('coreOptionsUserMetricsAction',
-                    ['Options_OpenUnderTheHood']);
-      };
-
-      this.sessionRestoreEnabled_ = templateData.enable_restore_session_state;
-      if (this.sessionRestoreEnabled_) {
-        $('old-startup-last-text').hidden = true;
-        $('new-startup-last-text').hidden = false;
+      // Date and time section (CrOS only).
+      if (cr.isChromeOS && AccountsOptions.loggedInAsGuest()) {
+        // Disable time-related settings if we're not logged in as a real user.
+        $('timezone-select').disabled = true;
+        $('use-24hour-clock').disabled = true;
+      }
+
+      // Privacy section.
+      $('privacyContentSettingsButton').onclick = function(event) {
+        OptionsPage.navigateToPage('content');
+        OptionsPage.showTab($('cookies-nav-tab'));
+        chrome.send('coreOptionsUserMetricsAction',
+            ['Options_ContentSettings']);
+      };
+      $('privacyClearDataButton').onclick = function(event) {
+        OptionsPage.navigateToPage('clearBrowserData');
+        chrome.send('coreOptionsUserMetricsAction', ['Options_ClearData']);
+      };
+      // 'metricsReportingEnabled' element is only present on Chrome branded
+      // builds.
+      if ($('metricsReportingEnabled')) {
+        $('metricsReportingEnabled').onclick = function(event) {
+          chrome.send('metricsReportingCheckboxAction',
+              [String(event.target.checked)]);
+        };
+      }
+
+      // Bluetooth (CrOS only).
+      if (cr.isChromeOS) {
+        options.system.bluetooth.BluetoothDeviceList.decorate(
+            $('bluetooth-paired-devices-list'));
+
+        $('bluetooth-add-device').onclick = function(event) {
+          this.findBluetoothDevices_(true);
+          OptionsPage.navigateToPage('bluetooth');
+        };
+
+        $('enable-bluetooth').onchange = function(event) {
+          var state = $('enable-bluetooth').checked;
+          chrome.send('bluetoothEnableChange', [Boolean(state)]);
+        };
+
+        $('bluetooth-reconnect-device').onclick = function(event) {
+          var device = $('bluetooth-paired-devices-list').selectedItem;
+          var address = device.address;
+          chrome.send('updateBluetoothDevice', [address, 'connect']);
+          OptionsPage.closeOverlay();
+        };
+
+        $('bluetooth-reconnect-device').onmousedown = function(event) {
+          // Prevent 'blur' event, which would reset the list selection,
+          // thereby disabling the apply button.
+          event.preventDefault();
+        };
+
+        $('bluetooth-paired-devices-list').addEventListener('change',
+            function() {
+          var item = $('bluetooth-paired-devices-list').selectedItem;
+          var disabled = !item || !item.paired || item.connected;
+          $('bluetooth-reconnect-device').disabled = disabled;
+        });
+      }
+
+      // Passwords and Forms section.
+      $('autofill-settings').onclick = function(event) {
+        OptionsPage.navigateToPage('autofill');
+        chrome.send('coreOptionsUserMetricsAction',
+            ['Options_ShowAutofillSettings']);
+      };
+      $('manage-passwords').onclick = function(event) {
+        OptionsPage.navigateToPage('passwords');
+        OptionsPage.showTab($('passwords-nav-tab'));
+        chrome.send('coreOptionsUserMetricsAction',
+            ['Options_ShowPasswordManager']);
+      };
+      if (this.guestModeActive_()) {
+        // Disable and turn off Autofill in guest mode.
+        var autofillEnabled = $('autofill-enabled');
+        autofillEnabled.disabled = true;
+        autofillEnabled.checked = false;
+        cr.dispatchSimpleEvent(autofillEnabled, 'change');
+        $('autofill-settings').disabled = true;
+
+        // Disable and turn off Password Manager in guest mode.
+        var passwordManagerEnabled = $('password-manager-enabled');
+        passwordManagerEnabled.disabled = true;
+        passwordManagerEnabled.checked = false;
+        cr.dispatchSimpleEvent(passwordManagerEnabled, 'change');
+        $('manage-passwords').disabled = true;
+
+        // Hide the entire section on ChromeOS
+        if (cr.isChromeOS)
+          $('passwords-and-autofill-section').hidden = true;
+      }
+      $('mac-passwords-warning').hidden =
+          !(localStrings.getString('macPasswordsWarning'));
+
+      // Network section.
+      if (!cr.isChromeOS) {
+        $('proxiesConfigureButton').onclick = function(event) {
+          chrome.send('showNetworkProxySettings');
+        };
+      }
+
+      // Web Content section.
+      $('fontSettingsCustomizeFontsButton').onclick = function(event) {
+        OptionsPage.navigateToPage('fonts');
+        chrome.send('coreOptionsUserMetricsAction', ['Options_FontSettings']);
+      };
+      $('defaultFontSize').onchange = function(event) {
+        var value = event.target.options[event.target.selectedIndex].value;
+        Preferences.setIntegerPref(
+             'webkit.webprefs.global.default_fixed_font_size',
+             value - OptionsPage.SIZE_DIFFERENCE_FIXED_STANDARD, '');
+        chrome.send('defaultFontSizeAction', [String(value)]);
+      };
+      $('defaultZoomFactor').onchange = function(event) {
+        chrome.send('defaultZoomFactorAction',
+            [String(event.target.options[event.target.selectedIndex].value)]);
+      };
+
+      // Languages section.
+      $('language-button').onclick = function(event) {
+        OptionsPage.navigateToPage('languages');
+        chrome.send('coreOptionsUserMetricsAction',
+            ['Options_LanuageAndSpellCheckSettings']);
+      };
+
+      // Downloads section.
+      if (!cr.isChromeOS) {
+        $('downloadLocationChangeButton').onclick = function(event) {
+          chrome.send('selectDownloadLocation');
+        };
+        // This text field is always disabled. Setting ".disabled = true" isn't
+        // enough, since a policy can disable it but shouldn't re-enable when
+        // it is removed.
+        $('downloadLocationPath').setDisabled('readonly', true);
+        $('autoOpenFileTypesResetToDefault').onclick = function(event) {
+          chrome.send('autoOpenFileTypesAction');
+        };
+      }
+
+      // HTTPS/SSL section.
+      if (cr.isWindows || cr.isMac) {
+        $('certificatesManageButton').onclick = function(event) {
+          chrome.send('showManageSSLCertificates');
+        };
+      } else {
+        $('certificatesManageButton').onclick = function(event) {
+          OptionsPage.navigateToPage('certificates');
+          chrome.send('coreOptionsUserMetricsAction',
+                      ['Options_ManageSSLCertificates']);
+        };
+      }
+      $('sslCheckRevocation').onclick = function(event) {
+        chrome.send('checkRevocationCheckboxAction',
+            [String($('sslCheckRevocation').checked)]);
+      };
+
+      // Cloud Print section.
+      // 'cloudPrintProxyEnabled' is true for Chrome branded builds on
+      // certain platforms, or could be enabled by a lab.
+      if (!cr.isChromeOS) {
+        $('cloudPrintConnectorSetupButton').onclick = function(event) {
+          if ($('cloudPrintManageButton').style.display == 'none') {
+            // Disable the button, set it's text to the intermediate state.
+            $('cloudPrintConnectorSetupButton').textContent =
+              localStrings.getString('cloudPrintConnectorEnablingButton');
+            $('cloudPrintConnectorSetupButton').disabled = true;
+            chrome.send('showCloudPrintSetupDialog');
+          } else {
+            chrome.send('disableCloudPrintConnector');
+          }
+        };
+      }
+      $('cloudPrintManageButton').onclick = function(event) {
+        chrome.send('showCloudPrintManagePage');
+      };
+
+      // Accessibility section (CrOS only).
+      if (cr.isChromeOS) {
+        $('accessibility-spoken-feedback-check').onchange = function(event) {
+          chrome.send('spokenFeedbackChange',
+          [$('accessibility-spoken-feedback-check').checked]);
+        };
+      }
+
+      // Background mode section.
+      if ($('backgroundModeCheckbox')) {
+        $('backgroundModeCheckbox').onclick = function(event) {
+          chrome.send('backgroundModeAction',
+              [String($('backgroundModeCheckbox').checked)]);
+        };
       }
     },
 
     /**
      * @inheritDoc
      */
     didShowPage: function() {
       $('search-field').focus();
     },
 
     /**
      * Handler for messages sent from the main uber page.
      * @param {Event} e The 'message' event from the uber page.
+     * @private
      */
     handleWindowMessage_: function(e) {
       if (e.data.method == 'frameSelected')
         $('search-field').focus();
     },
 
     /**
+     * Toggle the visibility state of the Advanced section.
+     * @private
+     */
+    toggleAdvancedSettings_: function() {
+      if ($('advanced-settings').style.height == '0px')
+        this.showAdvancedSettings_();
+      else
+        this.hideAdvancedSettings_();
+    },
+
+    /**
+     * Show advanced settings.
+     * @private
+     */
+    showAdvancedSettings_: function() {
+      $('advanced-settings').style.height =
+          $('advanced-settings-container').offsetHeight + 20 + 'px';
+      $('advanced-settings-expander').innerHTML =
+          localStrings.getString('hideAdvancedSettings');
+    },
+
+    /**
+     * Hide advanced settings.
+     * @private
+     */
+    hideAdvancedSettings_: function() {
+      $('advanced-settings').style.height = '0px'
+      $('advanced-settings-expander').innerHTML =
+          localStrings.getString('showAdvancedSettings');
+    },
+
+    /**
      * Updates managed banner visibility state. This function iterates over
      * all input fields of all subpages and if any of these is marked as managed
      * it triggers the managed banner to be visible.
      * @private
      */
     updateManagedBannerVisibility_: function() {
       var bannerDiv = $('managed-prefs-banner');
 
       var controlledByPolicy = false;
       var controlledByExtension = false;
@@ skipping 184 matching lines @@
     /**
      * Update the Default Browsers section based on the current state.
      * @param {string} statusString Description of the current default state.
      * @param {boolean} isDefault Whether or not the browser is currently
      *     default.
      * @param {boolean} canBeDefault Whether or not the browser can be default.
      * @private
      */
     updateDefaultBrowserState_: function(statusString, isDefault,
                                          canBeDefault) {
-      var label = $('default-browser-state');
-      label.textContent = statusString;
+      if (!cr.isChromeOS) {
+        var label = $('default-browser-state');
+        label.textContent = statusString;
 
-      $('set-as-default-browser').hidden = !canBeDefault || isDefault;
+        $('set-as-default-browser').hidden = !canBeDefault || isDefault;
+      }
     },
 
     /**
      * Clears the search engine popup.
      * @private
      */
     clearSearchEngines_: function() {
       $('default-search-engine').textContent = '';
     },
 
@@ skipping 155 matching lines @@
      * (Re)loads IMG element with current user account picture.
      * @private
      */
     updateAccountPicture_: function() {
       var picture = $('account-picture');
       if (picture) {
         picture.src = 'chrome://userimage/' + this.username_ + '?id=' +
             Date.now();
       }
     },
+
+    /**
+     * Scan for bluetooth devices.
+     * @param {boolean} reset Indicates if the list of unpaired devices should
+     *     be cleared.
+     * @private
+     */
+    findBluetoothDevices_: function(reset) {
+      $('bluetooth-unpaired-devices-list').clear();
+      chrome.send('findBluetoothDevices');
+    },
+
+    /**
+     * Set the checked state of the metrics reporting checkbox.
+     * @private
+     */
+    setMetricsReportingCheckboxState_: function(checked, disabled) {
+      $('metricsReportingEnabled').checked = checked;
+      $('metricsReportingEnabled').disabled = disabled;
+      if (disabled)
+        $('metricsReportingEnabledText').className = 'disable-services-span';
+    },
+
+    /**
+     * @private
+     */
+    setMetricsReportingSettingVisibility_: function(visible) {
+      if (visible)
+        $('metricsReportingSetting').style.display = 'block';
+      else
+        $('metricsReportingSetting').style.display = 'none';
+    },
+
+    /**
+     * Returns whether the browser in guest mode. Some features are disabled or
+     * hidden in guest mode.
+     * @return {boolean} True if guest mode is currently active.
+     * @private
+     */
+    guestModeActive_: function() {
+      return cr.commandLine && cr.commandLine.options['--bwsi'];
+    },
+
+    /**
+     * Set the font size selected item.
+     * @private
+     */
+    setFontSize_: function(font_size_value) {
+      var selectCtl = $('defaultFontSize');
+      for (var i = 0; i < selectCtl.options.length; i++) {
+        if (selectCtl.options[i].value == font_size_value) {
+          selectCtl.selectedIndex = i;
+          if ($('Custom'))
+            selectCtl.remove($('Custom').index);
+          return;
+        }
+      }
+
+      // Add/Select Custom Option in the font size label list.
+      if (!$('Custom')) {
+        var option = new Option(localStrings.getString('fontSizeLabelCustom'),
+                                -1, false, true);
+        option.setAttribute('id', 'Custom');
+        selectCtl.add(option);
+      }
+      $('Custom').selected = true;
+    },
+
+    /**
+     * Populate the page zoom selector with values received from the caller.
+     * @param {Array} items An array of items to populate the selector.
+     *     each object is an array with three elements as follows:
+     *       0: The title of the item (string).
+     *       1: The value of the item (number).
+     *       2: Whether the item should be selected (boolean).
+     * @private
+     */
+    setupPageZoomSelector_: function(items) {
+      var element = $('defaultZoomFactor');
+
+      // Remove any existing content.
+      element.textContent = '';
+
+      // Insert new child nodes into select element.
+      var value, title, selected;
+      for (var i = 0; i < items.length; i++) {
+        title = items[i][0];
+        value = items[i][1];
+        selected = items[i][2];
+        element.appendChild(new Option(title, value, false, selected));
+      }
+    },
+
+    /**
+     * Set the enabled state for the autoOpenFileTypesResetToDefault button.
+     * @private
+     */
+    setAutoOpenFileTypesDisabledAttribute_: function(disabled) {
+      if (!cr.isChromeOS) {
+        $('autoOpenFileTypesResetToDefault').disabled = disabled;
+        if (disabled)
+          $('auto-open-file-types-label').classList.add('disabled');
+        else
+          $('auto-open-file-types-label').classList.remove('disabled');
+      }
+    },
+
+    /**
+     * Set the enabled state for the proxy settings button.
+     * @private
+     */
+    setupProxySettingsSection_: function(disabled, label) {
+      if (!cr.isChromeOS) {
+        $('proxiesConfigureButton').disabled = disabled;
+        $('proxiesLabel').textContent = label;
+      }
+    },
+
+    /**
+     * Set the checked state for the sslCheckRevocation checkbox.
+     * @private
+     */
+    setCheckRevocationCheckboxState_: function(checked, disabled) {
+      $('sslCheckRevocation').checked = checked;
+      $('sslCheckRevocation').disabled = disabled;
+    },
+
+    /**
+     * Set the checked state for the backgroundModeCheckbox element.
+     * @private
+     */
+    setBackgroundModeCheckboxState_: function(checked) {
+      $('backgroundModeCheckbox').checked = checked;
+    },
+
+    /**
+     * Set the Cloud Print proxy UI to enabled, disabled, or processing.
+     * @private
+     */
+    setupCloudPrintConnectorSection_: function(disabled, label, allowed) {
+      if (!cr.isChromeOS) {
+        $('cloudPrintConnectorLabel').textContent = label;
+        if (disabled || !allowed) {
+          $('cloudPrintConnectorSetupButton').textContent =
+            localStrings.getString('cloudPrintConnectorDisabledButton');
+          $('cloudPrintManageButton').style.display = 'none';
+        } else {
+          $('cloudPrintConnectorSetupButton').textContent =
+            localStrings.getString('cloudPrintConnectorEnabledButton');
+          $('cloudPrintManageButton').style.display = 'inline';
+        }
+        $('cloudPrintConnectorSetupButton').disabled = !allowed;
+      }
+    },
+
+    /**
+     * @private
+     */
+    removeCloudPrintConnectorSection_: function() {
+     if (!cr.isChromeOS) {
+        var connectorSectionElm = $('cloud-print-connector-section');
+        if (connectorSectionElm)
+          connectorSectionElm.parentNode.removeChild(connectorSectionElm);
+      }
+    },
+
+    /**
+     * Set the initial state of the spoken feedback checkbox.
+     * @private
+     */
+    setSpokenFeedbackCheckboxState_: function(checked) {
+      $('accessibility-spoken-feedback-check').checked = checked;
+    },
+
+    /**
+     * Set the initial state of the high contrast checkbox.
+     * @private
+     */
+    setHighContrastCheckboxState_: function(checked) {
+      // TODO(zork): Update UI
+    },
+
+    /**
+     * Set the initial state of the screen magnifier checkbox.
+     * @private
+     */
+    setScreenMagnifierCheckboxState_: function(checked) {
+      // TODO(zork): Update UI
+    },
+
+    /**
+     * Set the initial state of the virtual keyboard checkbox.
+     * @private
+     */
+    setVirtualKeyboardCheckboxState_: function(checked) {
+      // TODO(zork): Update UI
+    },
+
+    /**
+     * Activate the bluetooth settings section on the System settings page.
+     * @private
+     */
+    showBluetoothSettings_: function() {
+      $('bluetooth-devices').hidden = false;
+    },
+
+    /**
+     * Sets the state of the checkbox indicating if bluetooth is turned on. The
+     * state of the "Find devices" button and the list of discovered devices may
+     * also be affected by a change to the state.
+     * @param {boolean} checked Flag Indicating if Bluetooth is turned on.
+     * @private
+     */
+    setBluetoothState_: function(checked) {
+      $('enable-bluetooth').checked = checked;
+      $('bluetooth-paired-devices-list').parentNode.hidden = !checked;
+      $('bluetooth-add-device').hidden = !checked;
+      $('bluetooth-reconnect-device').hidden = !checked;
+      // Flush list of previously discovered devices if bluetooth is turned off.
+      if (!checked) {
+        $('bluetooth-paired-devices-list').clear();
+        $('bluetooth-unpaired-devices-list').clear();
+      } else {
+        chrome.send('getPairedBluetoothDevices');
+      }
+    },
+
+    /**
+     * Adds an element to the list of available bluetooth devices. If an element
+     * with a matching address is found, the existing element is updated.
+     * @param {{name: string,
+     *          address: string,
+     *          icon: string,
+     *          paired: boolean,
+     *          connected: boolean}} device
+     *     Decription of the bluetooth device.
+     * @private
+     */
+    addBluetoothDevice_: function(device) {
+      var list = $('bluetooth-unpaired-devices-list');
+      if (device.paired) {
+        // Test to see if the device is currently in the unpaired list, in which
+        // case it should be removed from that list.
+        var index = $('bluetooth-unpaired-devices-list').find(device.address);
+        if (index != undefined)
+          $('bluetooth-unpaired-devices-list').deleteItemAtIndex(index);
+        list = $('bluetooth-paired-devices-list');
+      }
+      list.appendDevice(device);
+
+      // One device can be in the process of pairing.  If found, display
+      // the Bluetooth pairing overlay.
+      if (device.pairing)
+        BluetoothPairing.showDialog(device);
+    },
   };
 
   //Forward public APIs to private implementations.
   [
+    'addBluetoothDevice',
     'getStartStopSyncButton',
+    'guestModeActive',
+    'removeCloudPrintConnectorSection',
+    'setAutoOpenFileTypesDisabledAttribute',
+    'setBackgroundModeCheckboxState',
+    'setBluetoothState',
+    'setCheckRevocationCheckboxState',
+    'setFontSize',
     'setGtkThemeButtonEnabled',
+    'setHighContrastCheckboxState',
     'setInstantFieldTrialStatus',
+    'setMetricsReportingCheckboxState',
+    'setMetricsReportingSettingVisibility',
     'setProfilesInfo',
     'setProfilesSectionVisible',
+    'setScreenMagnifierCheckboxState',
+    'setSpokenFeedbackCheckboxState',
     'setThemesResetButtonEnabled',
+    'setupCloudPrintConnectorSection',
+    'setupPageZoomSelector',
+    'setupProxySettingsSection',
+    'setVirtualKeyboardCheckboxState',
+    'showBluetoothSettings',
     'updateAccountPicture',
     'updateAutocompleteSuggestions',
     'updateAutoLaunchState',
+    'updateDefaultBrowserState',
     'updateHomePageLabel',
     'updateManagedBannerVisibility',
     'updateSearchEngines',
     'updateSyncState',
     'updateStartupPages',
   ].forEach(function(name) {
     BrowserOptions[name] = function() {
       var instance = BrowserOptions.getInstance();
       return instance[name + '_'].apply(instance, arguments);
     };
   });
 
-  BrowserOptions.updateDefaultBrowserState = function(statusString, isDefault,
-                                                      canBeDefault) {
-    if (!cr.isChromeOS) {
-      BrowserOptions.getInstance().updateDefaultBrowserState_(statusString,
-                                                              isDefault,
-                                                              canBeDefault);
-    }
-  };
-
   if (cr.isChromeOS) {
     /**
      * Returns username (canonical email) of the user logged in (ChromeOS only).
      * @return {string} user email.
      */
     // TODO(jhawkins): Investigate the use case for this method.
     BrowserOptions.getLoggedInUsername = function() {
       return BrowserOptions.getInstance().username_;
     };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });