chrome/browser/resources/options/home_page_overlay.js

   1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 cr.define('options', function() {
   6   /** @const */ var Page = cr.ui.pageManager.Page;
   7   /** @const */ var SettingsDialog = options.SettingsDialog;
   8
   9   /**
  10    * HomePageOverlay class
  11    * Dialog that allows users to set the home page.
  12    * @constructor
  13    * @extends {options.SettingsDialog}
  14    */
  15   function HomePageOverlay() {
  16     SettingsDialog.call(this, 'homePageOverlay',
  17         loadTimeData.getString('homePageOverlayTabTitle'),
  18         'home-page-overlay',
  19         assertInstanceof($('home-page-confirm'), HTMLButtonElement),
  20         assertInstanceof($('home-page-cancel'), HTMLButtonElement));
  21   }
  22
  23   cr.addSingletonGetter(HomePageOverlay);
  24
  25   HomePageOverlay.prototype = {
  26     __proto__: SettingsDialog.prototype,
  27
  28     /**
  29      * An autocomplete list that can be attached to the home page URL field.
  30      * @type {cr.ui.AutocompleteList}
  31      * @private
  32      */
  33     autocompleteList_: null,
  34
  35     /** @override */
  36     initializePage: function() {
  37       SettingsDialog.prototype.initializePage.call(this);
  38
  39       var self = this;
  40       options.Preferences.getInstance().addEventListener(
  41           'homepage_is_newtabpage',
  42           this.handleHomepageIsNTPPrefChange.bind(this));
  43
  44       var urlField = $('homepage-url-field');
  45       urlField.addEventListener('keydown', function(event) {
  46         // Don't auto-submit when the user selects something from the
  47         // auto-complete list.
  48         if (event.keyIdentifier == 'Enter' && !self.autocompleteList_.hidden)
  49           event.stopPropagation();
  50       });
  51       urlField.addEventListener('change', this.updateFavicon_.bind(this));
  52
  53       var suggestionList = new cr.ui.AutocompleteList();
  54       suggestionList.autoExpands = true;
  55       suggestionList.requestSuggestions =
  56           this.requestAutocompleteSuggestions_.bind(this);
  57       $('home-page-overlay').appendChild(suggestionList);
  58       this.autocompleteList_ = suggestionList;
  59
  60       urlField.addEventListener('focus', function(event) {
  61         self.autocompleteList_.attachToInput(urlField);
  62       });
  63       urlField.addEventListener('blur', function(event) {
  64         self.autocompleteList_.detach();
  65       });
  66     },
  67
  68     /** @override */
  69     didShowPage: function() {
  70       this.updateFavicon_();
  71     },
  72
  73     /**
  74      * Updates the state of the homepage text input and its controlled setting
  75      * indicator when the |homepage_is_newtabpage| pref changes. The input is
  76      * enabled only if the homepage is not the NTP. The indicator is always
  77      * enabled but treats the input's value as read-only if the homepage is the
  78      * NTP.
  79      * @param {Event} event Pref change event.
  80      */
  81     handleHomepageIsNTPPrefChange: function(event) {
  82       var urlField = $('homepage-url-field');
  83       var urlFieldIndicator = $('homepage-url-field-indicator');
  84       urlField.setDisabled('homepage-is-ntp', event.value.value);
  85       urlFieldIndicator.readOnly = event.value.value;
  86     },
  87
  88     /**
  89      * Updates the background of the url field to show the favicon for the
  90      * URL that is currently typed in.
  91      * @private
  92      */
  93     updateFavicon_: function() {
  94       var urlField = $('homepage-url-field');
  95       urlField.style.backgroundImage = getFaviconImageSet(urlField.value);
  96     },
  97
  98     /**
  99      * Sends an asynchronous request for new autocompletion suggestions for the
 100      * the given query. When new suggestions are available, the C++ handler will
 101      * call updateAutocompleteSuggestions_.
 102      * @param {string} query List of autocomplete suggestions.
 103      * @private
 104      */
 105     requestAutocompleteSuggestions_: function(query) {
 106       chrome.send('requestAutocompleteSuggestionsForHomePage', [query]);
 107     },
 108
 109     /**
 110      * Updates the autocomplete suggestion list with the given entries.
 111      * @param {Array} suggestions List of autocomplete suggestions.
 112      * @private
 113      */
 114     updateAutocompleteSuggestions_: function(suggestions) {
 115       var list = this.autocompleteList_;
 116       // If the trigger for this update was a value being selected from the
 117       // current list, do nothing.
 118       if (list.targetInput && list.selectedItem &&
 119           list.selectedItem.url == list.targetInput.value) {
 120         return;
 121       }
 122       list.suggestions = suggestions;
 123     },
 124
 125     /**
 126      * Sets the 'show home button' and 'home page is new tab page' preferences.
 127      * (The home page url preference is set automatically by the SettingsDialog
 128      * code.)
 129      */
 130     handleConfirm: function() {
 131       // Strip whitespace.
 132       var urlField = $('homepage-url-field');
 133       var homePageValue = urlField.value.replace(/\s*/g, '');
 134       urlField.value = homePageValue;
 135
 136       // Don't save an empty URL for the home page. If the user left the field
 137       // empty, switch to the New Tab page.
 138       if (!homePageValue)
 139         $('homepage-use-ntp').checked = true;
 140
 141       SettingsDialog.prototype.handleConfirm.call(this);
 142     },
 143   };
 144
 145   HomePageOverlay.updateAutocompleteSuggestions = function() {
 146     var instance = HomePageOverlay.getInstance();
 147     instance.updateAutocompleteSuggestions_.apply(instance, arguments);
 148   };
 149
 150   // Export
 151   return {
 152     HomePageOverlay: HomePageOverlay
 153   };
 154 });