Options: Hide the language UI elements when the list is empty.

chrome/browser/resources/options/language_options.js

 // 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 LanguageList = options.LanguageList;
@@ skipping 287 matching lines @@
     updateSelectedLanguageName_: function(languageCode) {
       var languageDisplayName = LanguageList.getDisplayNameFromLanguageCode(
           languageCode);
       var languageNativeDisplayName =
           LanguageList.getNativeDisplayNameFromLanguageCode(languageCode);
       // If the native name is different, add it.
       if (languageDisplayName != languageNativeDisplayName) {
         languageDisplayName += ' - ' + languageNativeDisplayName;
       }
       // Update the currently selected language name.
-      $('language-options-language-name').textContent = languageDisplayName;
+      var languageName = $('language-options-language-name');
+      if (languageDisplayName) {
+        languageName.hidden = false;
+        languageName.textContent = languageDisplayName;
+      } else {
+        languageName.hidden = true;
+      }
     },
 
     /**
      * Updates the UI language button.
      * @param {string} languageCode Language code (ex. "fr").
      * @private
      */
     updateUiLanguageButton_: function(languageCode) {
       var uiLanguageButton = $('language-options-ui-language-button');
       // Check if the language code matches the current UI language.
@@ skipping 38 matching lines @@
       uiLanguageButton.style.display = 'block';
       $('language-options-ui-notification-bar').style.display = 'none';
     },
 
     /**
      * Updates the spell check language button.
      * @param {string} languageCode Language code (ex. "fr").
      * @private
      */
     updateSpellCheckLanguageButton_: function(languageCode) {
+      var display = 'block';
       var spellCheckLanguageButton = $(
           'language-options-spell-check-language-button');
       // Check if the language code matches the current spell check language.
       if (languageCode == this.spellCheckDictionary_) {
         // If it matches, the button just says that the spell check language is
         // currently in use.
         spellCheckLanguageButton.textContent =
             localStrings.getString('is_used_for_spell_checking');
         // Make it look like a text label.
         spellCheckLanguageButton.className = 'text-button';
         // Remove the event listner.
         spellCheckLanguageButton.onclick = undefined;
       } else if (languageCode in templateData.spellCheckLanguageCodeSet) {
         // If the language is supported as spell check language, users can
         // click on the button to change the spell check language.
         spellCheckLanguageButton.textContent =
             localStrings.getString('use_this_for_spell_checking');
         spellCheckLanguageButton.className = '';
         spellCheckLanguageButton.languageCode = languageCode;
         // Add an event listner to the click event.
         spellCheckLanguageButton.addEventListener('click',
             this.handleSpellCheckLanguageButtonClick_.bind(this));
+      } else if (!languageCode) {
+        display = 'none';
       } else {
         // If the language is not supported as spell check language, the
         // button just says that this language cannot be used for spell
         // checking.
         spellCheckLanguageButton.textContent =
             localStrings.getString('cannot_be_used_for_spell_checking');
         spellCheckLanguageButton.className = 'text-button';
         spellCheckLanguageButton.onclick = undefined;
       }
-      spellCheckLanguageButton.style.display = 'block';
+      spellCheckLanguageButton.style.display = display;
       $('language-options-ui-notification-bar').style.display = 'none';
     },
 
     /**
      * Updates the input method list.
      * @param {string} languageCode Language code (ex. "fr").
      * @private
      */
     updateInputMethodList_: function(languageCode) {
       // Give one of the checkboxes or buttons focus, if it's specified in the
@@ skipping 357 matching lines @@
   LanguageOptions.uiLanguageSaved = function() {
     $('language-options-ui-language-button').style.display = 'none';
     $('language-options-ui-notification-bar').style.display = 'block';
   };
 
   // Export
   return {
     LanguageOptions: LanguageOptions
   };
 });