dom-ui settings: enable languages & spell checker settings for all platforms....

chrome/browser/resources/options/language_options.js

-// Copyright (c) 2010 The Chromium Authors. All rights reserved.
+// Copyright (c) 2011 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.
 
 // TODO(kochi): Generalize the notification as a component and put it
 // in js/cr/ui/notification.js .
 
 cr.define('options', function() {
 
   const OptionsPage = options.OptionsPage;
   const AddLanguageOverlay = options.language.AddLanguageOverlay;
@@ skipping 39 matching lines @@
       LanguageList.decorate(languageOptionsList);
 
       languageOptionsList.addEventListener('change',
           this.handleLanguageOptionsListChange_.bind(this));
       languageOptionsList.addEventListener('save',
           this.handleLanguageOptionsListSave_.bind(this));
 
       this.addEventListener('visibleChange',
                             this.handleVisibleChange_.bind(this));
 
-      this.initializeInputMethodList_();
-      this.initializeLanguageCodeToInputMehotdIdsMap_();
+      if (cr.isChromeOS) {
+        this.initializeInputMethodList_();
+        this.initializeLanguageCodeToInputMehotdIdsMap_();
+      }
+      Preferences.getInstance().addEventListener(this.spellCheckDictionaryPref,
+          this.handleSpellCheckDictionaryPrefChange_.bind(this));
 
       // Set up add button.
       $('language-options-add-button').onclick = function(e) {
         // Add the language without showing the overlay if it's specified in
         // the URL hash (ex. lang_add=ja).  Used for automated testing.
         var match = document.location.hash.match(/\blang_add=([\w-]+)/);
         if (match) {
           var addLanguageCode = match[1];
           $('language-options-list').addLanguage(addLanguageCode);
         } else {
           OptionsPage.showOverlay('addLanguageOverlay');
         }
       };
       // Set up remove button.
       $('language-options-remove-button').addEventListener('click',
           this.handleRemoveButtonClick_.bind(this));
 
       // Setup add language overlay page.
       OptionsPage.registerOverlay(AddLanguageOverlay.getInstance());
 
-      // Listen to user clicks on the add language list.
-      var addLanguageList = $('add-language-overlay-language-list');
-      addLanguageList.addEventListener('click',
-          this.handleAddLanguageListClick_.bind(this));
+      if (cr.isChromeOS) {
+        // Listen to user clicks on the add language list.
+        var addLanguageList = $('add-language-overlay-language-list');
+        addLanguageList.addEventListener('click',
+            this.handleAddLanguageListClick_.bind(this));
+      } else {
+        // Listen to add language dialog ok button.
+        var addLanguageOkButton = $('add-language-overlay-ok-button');
+        addLanguageOkButton.addEventListener('click',
+            this.handleAddLanguageOkButtonClick_.bind(this));
+
+        // Show experimental features if enabled.
+        if (templateData.experimentalSpellCheckFeatures == 'true') {
+          $('auto-spell-correction-option').classList.remove('hidden');
+        }
+      }
     },
 
     // The preference is a CSV string that describes preload engines
     // (i.e. active input methods).
     preloadEnginesPref: 'settings.language.preload_engines',
     // The list of preload engines, like ['mozc', 'pinyin'].
     preloadEngines_: [],
     // The preference is a string that describes the spell check
     // dictionary language, like "en-US".
     spellCheckDictionaryPref: 'spellcheck.dictionary',
@@ skipping 33 matching lines @@
           var button = this.createConfigureInputMethodButton_(inputMethod.id,
                                                               pageName);
           label.appendChild(button);
         }
 
         inputMethodList.appendChild(label);
       }
       // Listen to pref change once the input method list is initialized.
       Preferences.getInstance().addEventListener(this.preloadEnginesPref,
           this.handlePreloadEnginesPrefChange_.bind(this));
-      Preferences.getInstance().addEventListener(this.spellCheckDictionaryPref,
-          this.handleSpellCheckDictionaryPrefChange_.bind(this));
     },
 
     /**
      * Creates a configure button for the given input method ID.
      * @param {string} inputMethodId Input method ID (ex. "pinyin").
      * @param {string} pageName Name of the config page (ex. "languagePinyin").
      * @private
      */
     createConfigureInputMethodButton_: function(inputMethodId, pageName) {
       var button = document.createElement('button');
@@ skipping 32 matching lines @@
       // Select the language if it's specified in the URL hash (ex. lang=ja).
       // Used for automated testing.
       var match = document.location.hash.match(/\blang=([\w-]+)/);
       if (match) {
         var specifiedLanguageCode = match[1];
         if (languageOptionsList.selectLanguageByCode(specifiedLanguageCode)) {
           languageCode = specifiedLanguageCode;
         }
       }
       this.updateSelectedLanguageName_(languageCode);
-      this.updateUiLanguageButton_(languageCode);
+      if (!cr.isMac)
+        this.updateUiLanguageButton_(languageCode);
       this.updateSpellCheckLanguageButton_(languageCode);
-      this.updateInputMethodList_(languageCode);
+      if (cr.isChromeOS)
+        this.updateInputMethodList_(languageCode);
       this.updateLanguageListInAddLanguageOverlay_();
     },
 
     /**
      * Handles languageOptionsList's save event.
      * @param {Event} e Save event.
      * @private
      */
     handleLanguageOptionsListSave_: function(e) {
-      // Sort the preload engines per the saved languages before save.
-      this.preloadEngines_ = this.sortPreloadEngines_(this.preloadEngines_);
-      this.savePreloadEnginesPref_();
+      if (cr.isChromeOS) {
+        // Sort the preload engines per the saved languages before save.
+        this.preloadEngines_ = this.sortPreloadEngines_(this.preloadEngines_);
+        this.savePreloadEnginesPref_();
+      }
     },
 
     /**
      * Sorts preloadEngines_ by languageOptionsList's order.
      * @param {Array} preloadEngines List of preload engines.
      * @return {Array} Returns sorted preloadEngines.
      * @private
      */
     sortPreloadEngines_: function(preloadEngines) {
       // For instance, suppose we have two languages and associated input
@@ skipping 95 matching lines @@
       } else if (languageCode in templateData.uiLanguageCodeSet) {
         // If the language is supported as UI language, users can click on
         // the button to change the UI language.
         uiLanguageButton.textContent =
             localStrings.getString('display_in_this_language');
         uiLanguageButton.className = '';
         // Send the change request to Chrome.
         uiLanguageButton.onclick = function(e) {
           chrome.send('uiLanguageChange', [languageCode]);
         }
-        $('language-options-ui-sign-out-button').onclick = function(e) {
-          chrome.send('uiLanguageSignOut');
+        $('language-options-ui-restart-button').onclick = function(e) {
+          chrome.send('uiLanguageRestart');
         }
       } else {
         // If the language is not supported as UI language, the button
         // just says that Chromium OS cannot be displayed in this language.
         uiLanguageButton.textContent =
             localStrings.getString('cannot_be_displayed_in_this_language');
         uiLanguageButton.className = 'text-button';
         uiLanguageButton.onclick = undefined;
       }
       uiLanguageButton.style.display = 'block';
@@ skipping 164 matching lines @@
           // Filipino).
           this.preloadEngines_.indexOf(inputMethodIds[0]) == -1) {
         this.preloadEngines_.push(inputMethodIds[0]);
         this.updateCheckboxesFromPreloadEngines_();
         this.savePreloadEnginesPref_();
       }
       OptionsPage.clearOverlays();
     },
 
     /**
+     * Handles add language dialog ok button.
+     */
+    handleAddLanguageOkButtonClick_ : function() {
+      var languagesSelect = $('add-language-overlay-language-list');
+      var selectedIndex = languagesSelect.selectedIndex;
+      if (selectedIndex >= 0) {
+        var selection = languagesSelect.options[selectedIndex];
+        $('language-options-list').addLanguage(String(selection.value));
+        OptionsPage.clearOverlays();
+      }
+    },
+
+    /**
      * Handles remove button's click event.
      * @param {Event} e Click event.
      */
     handleRemoveButtonClick_: function(e) {
       var languageOptionsList = $('language-options-list');
       var languageCode = languageOptionsList.getSelectedLanguageCode();
       // Don't allow removing the language if it's as UI language.
       if (languageCode == templateData.currentUiLanguageCode) {
         this.showNotification_(
             localStrings.getString('this_language_is_currently_in_use'),
             localStrings.getString('ok_button'));
         return;
       }
-      // Disable input methods associated with |languageCode|.
-      // Don't allow removing the language if cerntain conditions are met.
-      // See removePreloadEnginesByLanguageCode_() for details.
-      if (!this.removePreloadEnginesByLanguageCode_(languageCode)) {
-        this.showNotification_(
-            localStrings.getString('please_add_another_language'),
-            localStrings.getString('ok_button'));
-        return;
+      if (cr.isChromeOS) {
+        // Disable input methods associated with |languageCode|.
+        // Don't allow removing the language if cerntain conditions are met.
+        // See removePreloadEnginesByLanguageCode_() for details.
+        if (!this.removePreloadEnginesByLanguageCode_(languageCode)) {
+          this.showNotification_(
+              localStrings.getString('please_add_another_language'),
+              localStrings.getString('ok_button'));
+          return;
+        }
       }
       languageOptionsList.removeSelectedLanguage();
     },
 
     /**
      * Handles spellCheckDictionaryPref change.
      * @param {Event} e Change event.
      * @private
      */
     handleSpellCheckDictionaryPrefChange_: function(e) {
@@ skipping 211 matching lines @@
     $('language-options-ui-language-button').style.display = 'none';
     $('language-options-ui-notification-bar').style.display = 'block';
   };
 
   // Export
   return {
     LanguageOptions: LanguageOptions
   };
 
 });