MD Settings: Languages model for language pages

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

Index: chrome/browser/resources/settings/languages_page/manage_languages_page.html
diff --git a/chrome/browser/resources/settings/languages_page/manage_languages_page.html b/chrome/browser/resources/settings/languages_page/manage_languages_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..912a2ff8f91ecdcc05cf43241ffec785d01076d2
--- /dev/null
+++ b/chrome/browser/resources/settings/languages_page/manage_languages_page.html
@@ -0,0 +1,48 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.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-button/paper-button.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-item/paper-item.html">
+<link rel="import" href="chrome://resources/html/assert.html">
+<link rel="import" href="chrome://resources/html/cr.html">
+<link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
+<link rel="import" href="languages.html">
+
+<dom-module id="cr-settings-manage-languages-page">
+  <link rel="import" type="css"
+      href="chrome://md-settings/settings_page/settings_page.css">
+  <link rel="import" type="css" href="manage_languages_page.css">
+  <template>
+    <cr-settings-languages id="languages" languages="{{languages}}">
+    </cr-settings-languages>
+    <div class="content">
+      <h2 i18n-content="enabledLanguages"></h2>
+      <div class="item-list">
+        <template is="dom-repeat" items="{{languages.enabledLanguages}}">
+          <paper-item>
+            <div class="flex">[[item.language.displayName]]</div>
+            <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_"
+                hidden$="[[!canRemoveLanguage_(item.language.code, languages.enabledLanguages)]]">
+            </paper-icon-button>
+          </paper-item>
+        </template>
+      </div>
+      <h2 i18n-content="allLanguages"></h2>
+      <iron-list id="list" items="{{availableLanguages_}}" as="item">
+        <template>
+          <paper-item on-tap="onAddLanguageTap_">
+            <div class="flex">[[item.displayName]]</div>
+            <iron-icon icon="done" hidden$="[[!item.enabled]]">
+            </iron-icon>
+          </paper-item>
+        </template>
+      </iron-list>
+    </div>
+  </template>
+  <script src="manage_languages_page.js"></script>
+</dom-module>
+