Revert 120803 - [uber] Redoing the homepage selection UI

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;
 
   //
   // BrowserOptions class
   // Encapsulated handling of browser options page.
   //
   function BrowserOptions() {
     OptionsPage.call(this, 'settings', templateData.settingsTitle,
                      'settings');
   }
 
   cr.addSingletonGetter(BrowserOptions);
 
   BrowserOptions.prototype = {
     __proto__: options.OptionsPage.prototype,
 
     // State variables.
     syncEnabled: false,
     syncSetupCompleted: false,
 
-    showHomeButton_: false,
-    homePageIsNtp_: false,
-
     /**
-     * An autocomplete list that can be attached to the home page URL text field
+     * An autocomplete list that can be attached to the homepage URL text field
      * during editing.
      * @type {HTMLElement}
      * @private
      */
     autocompleteList_: null,
 
     /**
      * The cached value of the instant.confirm_dialog_shown preference.
      * @type {bool}
      * @private
      */
     instantConfirmDialogShown_: false,
 
     /**
      * @inheritDoc
      */
     initializePage: function() {
       OptionsPage.prototype.initializePage.call(this);
 
-      var self = this;
-
       // Sync (Sign in) section.
       $('sync-action-link').onclick = function(event) {
         SyncSetupOverlay.showErrorUI();
       };
       $('start-stop-sync').onclick = function(event) {
         if (self.syncSetupCompleted)
           SyncSetupOverlay.showStopSyncingUI();
         else
           SyncSetupOverlay.showSetupUI();
       };
       $('customize-sync').onclick = function(event) {
         SyncSetupOverlay.showSetupUI();
       };
 
       // Internet connection section (ChromeOS only).
       if (cr.isChromeOS) {
         $('internet-options-button').onclick = function(event) {
           OptionsPage.navigateToPage('internet');
           chrome.send('coreOptionsUserMetricsAction',
               ['Options_InternetOptions']);
         };
       }
 
       // On Startup section.
       $('startup-set-pages').onclick = function() {
         OptionsPage.navigateToPage('startup');
       };
 
       // Appearance section.
-      $('home-page-select').addEventListener(
-          'change', this.onHomePageSelectChange_.bind(this));
-
-      ['browser.show_home_button',
-          'homepage',
-          'homepage_is_newtabpage'].forEach(function(pref) {
-        Preferences.getInstance().addEventListener(
-            pref,
-            self.onHomePagePrefChanged_.bind(self));
-      });
-
+      $('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(evt) {
@@ skipping 37 matching lines @@
           this.onInstantEnabledChanged_.bind(this));
       Preferences.getInstance().addEventListener(
           "session.restore_on_startup",
           this.onSessionRestoreSelectedChanged_.bind(this));
       Preferences.getInstance().addEventListener(
           "restore_session_state.dialog_shown",
           this.onSessionRestoreDialogShownChanged_.bind(this));
 
       // Text fields may change widths when the window changes size, so make
       // sure the suggestion list stays in sync.
+      var self = this;
       window.addEventListener('resize', function() {
         self.autocompleteList_.syncWidthToInput();
       });
 
       var suggestionList = new cr.ui.AutocompleteList();
       suggestionList.autoExpands = true;
       suggestionList.suggestionUpdateRequestCallback =
           this.requestAutocompleteSuggestions_.bind(this);
       $('main-content').appendChild(suggestionList);
       this.autocompleteList_ = suggestionList;
@@ skipping 166 matching lines @@
     /**
      * Get the start/stop sync button DOM element.
      * @return {DOMElement} The start/stop sync button.
      * @private
      */
     getStartStopSyncButton_: function() {
       return $('start-stop-sync');
     },
 
     /**
-     * Returns the <option> element with the given |value|.
-     * @param {string} value One of 'none', 'ntp', 'url', 'choose'.
-     * @return {HTMLOptionElement} the specified <option> element.
-     */
-    getHomePageOption_: function(value) {
-      var select = $('home-page-select');
-      return select.querySelector('option[value=' + value + ']');
-    },
-
-    /**
-     * Selects the <option> element with the given |value|.
+     * Sets the label for the 'Show Home page' input.
+     * @param {string} label The HTML of the input label.
      * @private
      */
-    selectHomePageOption_: function(value) {
-      var select = $('home-page-select');
-      var option = this.getHomePageOption_(value);
-      if (!option.selected)
-        option.selected = true;
-    },
-
-    /**
-     * Event listener for the |change| event on the homepage <select> element.
-     * @private
-     */
-    onHomePageSelectChange_: function() {
-      var option = $('home-page-select').value;
-      if (option == 'choose') {
-        OptionsPage.navigateToPage('homePageOverlay');
-        return;
-      }
-
-      var showHomeButton = (option != 'none');
-      Preferences.setBooleanPref('browser.show_home_button', showHomeButton);
-
-      if (option == 'ntp')
-        Preferences.setBooleanPref('homepage_is_newtabpage', true);
-      else if (option == 'url')
-        Preferences.setBooleanPref('homepage_is_newtabpage', false);
-    },
-
-    /**
-     * Event listener called when any homepage-related preferences change.
-     * @private
-     */
-    onHomePagePrefChanged_: function(event) {
-      switch (event.type) {
-        case 'homepage':
-          this.getHomePageOption_('url').textContent = event.value['value'];
-          break;
-        case 'browser.show_home_button':
-          this.showHomeButton_ = event.value['value'];
-          break;
-        case 'homepage_is_newtabpage':
-          this.homePageIsNtp_ = event.value['value'];
-          break;
-        default:
-          console.error('Unexpected pref change event:', event.type);
-      }
-      this.updateHomePageSelector();
-    },
-
-    /**
-     * Updates the homepage <select> element to have the appropriate option
-     * selected.
-     */
-    updateHomePageSelector: function() {
-      if (this.showHomeButton_) {
-        if (this.homePageIsNtp_)
-          this.selectHomePageOption_('ntp');
-        else
-          this.selectHomePageOption_('url');
-      } else {
-        this.selectHomePageOption_('none');
-      }
-    },
-
-    /**
-     * Sets the home page selector to the 'url' option.Called when user clicks
-     * OK in the "Choose another..." dialog.
-     */
-    homePageSelectUrl: function() {
-      this.selectHomePageOption_('url');
+    updateHomePageLabel_: function(label) {
+      $('home-page-label').innerHTML = label;
     },
 
     /**
      * Called when the value of the instant.confirm_dialog_shown preference
      * changes. Cache this value.
      * @param {Event} event Change event.
      * @private
      */
     onInstantConfirmDialogShownChanged_: function(event) {
       this.instantConfirmDialogShown_ = event.value['value'];
@@ skipping 86 matching lines @@
         var option = new Option(engine['name'], engine['index']);
         if (defaultValue == option.value)
           defaultIndex = i;
         engineSelect.appendChild(option);
       }
       if (defaultIndex >= 0)
         engineSelect.selectedIndex = defaultIndex;
     },
 
     /**
+     * Returns true if the custom startup page control block should
+     * be enabled.
+     * @returns {boolean} Whether the startup page controls should be
+     *     enabled.
+     */
+    shouldEnableCustomStartupPageControls: function(pages) {
+      return $('startup-show-pages').checked &&
+          !this.startup_pages_pref_.disabled;
+    },
+
+    /**
+     * Sets the enabled state of the custom startup page list controls
+     * based on the current startup radio button selection.
+     * @private
+     */
+    updateCustomStartupPageControlStates_: function() {
+      var disable = !this.shouldEnableCustomStartupPageControls();
+      var startupPagesList = $('startupPagesList');
+      startupPagesList.disabled = disable;
+      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 = $('default-search-engine');
       var selectedIndex = engineSelect.selectedIndex;
       if (selectedIndex >= 0) {
         var selection = engineSelect.options[selectedIndex];
         chrome.send('setDefaultSearchEngine', [String(selection.value)]);
       }
@@ skipping 135 matching lines @@
     'setStartStopButtonVisible',
     'setSyncActionLinkEnabled',
     'setSyncActionLinkLabel',
     'setSyncEnabled',
     'setSyncSetupCompleted',
     'setSyncStatus',
     'setSyncStatusErrorVisible',
     'setThemesResetButtonEnabled',
     'updateAccountPicture',
     'updateAutocompleteSuggestions',
+    'updateHomePageLabel',
     'updateSearchEngines',
     'updateStartupPages',
   ].forEach(function(name) {
     BrowserOptions[name] = function() {
       var instance = BrowserOptions.getInstance();
       return instance[name + '_'].apply(instance, arguments);
     };
   });
 
   BrowserOptions.updateDefaultBrowserState = function(statusString, isDefault,
@@ skipping 14 matching lines @@
     BrowserOptions.getLoggedInUsername = function() {
       return BrowserOptions.getInstance().username_;
     };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });