Replace Manage Languages with dialog and dropdown item

chrome/browser/resources/settings/languages_page/languages_page.html

 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 <link rel="import" href="/settings_shared_css.html">
+<link rel="import" href="add_languages_dialog.html">
 <link rel="import" href="language_detail_page.html">
 <link rel="import" href="languages.html">
-<link rel="import" href="manage_languages_page.html">
 
 <if expr="not is_macosx">
 <link rel="import" href="edit_dictionary_page.html">
 </if>
 
 <if expr="chromeos">
 <link rel="import" href="manage_input_methods_page.html">
 </if>
 
 <dom-module id="settings-languages-page">
   <template>
     <style include="settings-shared">
       .list-button {
         @apply(--settings-actionable);
       }
     </style>
     <settings-languages languages="{{languages}}" prefs="{{prefs}}"
         language-helper="{{languageHelper}}">
     </settings-languages>
     <settings-animated-pages id="pages" section="languages">
       <neon-animatable route-path="default">
-        <div id="manage-languages-subpage-trigger"
-            class="settings-box first two-line">
+        <div class="settings-box first two-line">
           <div class="start">
             <div>$i18n{languagesListTitle}</div>
             <div class="secondary">
               [[getProspectiveUILanguageName_(
                     languages, prefs.intl.app_locale.value)]]
             </div>
           </div>
           <cr-expand-button expanded="{{languagesOpened_}}">
           </cr-expand-button>
         </div>
@@ skipping 45 matching lines @@
                     <button class="dropdown-item" role="option"
                         on-tap="onMoveDownTap_"
                         hidden="[[isLastLanguage_(index,
                                                   languages.enabled.*)]]">
                       $i18n{moveDown}
                     </button>
                     <button class="dropdown-item" role="option"
                         on-tap="onShowLanguageDetailTap_">
                       $i18n{languageDetail}
                     </button>
+                    <button class="dropdown-item" role="option"
+                        on-tap="onRemoveLanguageTap_"
+                        disabled="[[!item.removable]]">
+                      $i18n{removeLanguage}
+                    </button>
                   </div>
                 </iron-dropdown>
               </div>
             </template>
-            <div class="list-item list-button" on-tap="onManageLanguagesTap_">
-              $i18n{manageLanguages}
+            <div class="list-item list-button" on-tap="onAddLanguagesTap_">
+              $i18n{addLanguages}
             </div>
           </div>
         </iron-collapse>
 <if expr="chromeos">
         <div id="manage-input-methods-subpage-trigger"
               class="settings-box two-line">
           <div class="start">
             <div>$i18n{inputMethodsListTitle}</div>
             <div class="secondary">
               [[getInputMethodName_(languages.inputMethods.currentId)]]
@@ skipping 60 matching lines @@
                 </paper-toggle-button>
               </label>
             </template>
             <div class="list-item list-button" on-tap="onEditDictionaryTap_">
               $i18n{manageSpellCheck}
             </div>
           </div>
         </iron-collapse>
 </if>
       </neon-animatable>
-      <template is="dom-if" route-path="/manageLanguages">
-        <settings-subpage
-            associated-control="[[$$('#manage-languages-subpage-trigger')]]"
-            page-title="$i18n{manageLanguagesPageTitle}">
-          <settings-manage-languages-page
-              languages="{{languages}}" prefs="{{prefs}}"
-              language-helper="[[languageHelper]]">
-          </settings-manage-languages-page>
-        </settings-subpage>
-      </template>
       <template is="dom-if" route-path="/languages/edit" no-search>
         <settings-subpage page-title="[[detailLanguage_.language.displayName]]">
           <settings-language-detail-page id="languageDetailPage"
               languages="{{languages}}" prefs="{{prefs}}"
               detail="[[detailLanguage_]]" language-helper="[[languageHelper]]">
           </settings-language-detail-page>
         </settings-subpage>
       </template>
 <if expr="chromeos">
       <template is="dom-if" route-path="/inputMethods">
         <settings-subpage
             associated-control="[[$$('#manage-input-methods-subpage-trigger')]]"
             page-title="$i18n{manageInputMethodsPageTitle}">
           <settings-manage-input-methods-page languages="{{languages}}"
               language-helper="[[languageHelper]]">
           </settings-manage-input-methods-page>
         </settings-subpage>
       </template>
 </if>
 <if expr="not is_macosx">
       <template is="dom-if" route-path="/editDictionary">
         <settings-subpage
             associated-control="[[$$('#spellcheck-subpage-trigger')]]"
             page-title="$i18n{editDictionaryPageTitle}">
           <settings-edit-dictionary-page></settings-edit-dictionary-page>
         </settings-subpage>
       </template>
 </if>
     </settings-animated-pages>
+    <template is="dom-if" if="[[showAddLanguagesDialog_]]" restamp>
+      <settings-add-languages-dialog languages="{{languages}}"
+          language-helper="[[languageHelper]]">
+      </settings-add-languages-dialog>
+    </template>
   </template>
   <script src="languages_page.js"></script>
 </dom-module>