summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/settings/languages_page/manage_languages_page.html
blob: 8fa80eb0e91dfa4d7d099dd6c0eb025b52168317 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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/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="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="language-name"
                title="[[item.language.nativeDisplayName]]"
                >[[item.language.displayName]]</div>
            <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_"
                hidden$="[[!canRemoveLanguage_(item.language.code, prefs.intl.app_locale.value)]]">
            </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="language-name">
              <span>[[item.displayName]]</span> -
              <span>[[item.nativeDisplayName]]</span>
            </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>