MD Settings: Polish languages pages.

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/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/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-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/iron-icons/iron-icons.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/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_subpage.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.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>
 
 <dom-module id="settings-languages-page">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared">
+      div.list-item[selected] {
+        font-weight: 500;

[dschuyler, 2016/04/06 21:45:50]

Would it make sense to have this as 
list-item[selected] {
  font-weight: 500;
}
in settings_share_css? (or is there any reason
not to have it there)?

[michaelpg, 2016/04/07 14:55:47]

Done (also corrected to .selected)

+      }
+    </style>
     <settings-languages languages="{{languages}}"></settings-languages>
     <settings-animated-pages id="pages" current-route="{{currentRoute}}"
         section="languages">
       <neon-animatable id="main">
         <div class="settings-box first two-line">
           <div class="start">
             <div i18n-content="languagesListTitle"></div>
-            <div class="secondary">[[languagesSecondary_]]</div>
+            <div class="secondary">
+              [[getProspectiveUILanguageName_(prefs.intl.app_locale.value)]]
+            </div>
           </div>
           <cr-expand-button expanded="{{languagesOpened_}}">
           </cr-expand-button>
         </div>
         <iron-collapse id="languagesCollapse" opened="[[languagesOpened_]]">
           <div class="list-frame vertical-list">
-            <array-selector id="languageSelector"
-                selected="{{detailLanguage}}"
-                items="{{languages.enabledLanguages}}"></array-selector>
             <template is="dom-repeat" items="{{languages.enabledLanguages}}">
-              <div class="list-item" on-tap="onLanguageTap_">
+              <div
+                  class$="list-item [[getLanguageItemClass_(item.language.code, prefs.intl.app_locale.value)]]"
+                  on-tap="onLanguageTap_">
                 <div class="start">
                   <div title="[[item.language.nativeDisplayName]]">
-                      [[item.language.displayName]]
+                    [[item.language.displayName]]
 <if expr="chromeos or is_win">
                     <iron-icon icon="done"
                         hidden$="[[!isProspectiveUILanguage_(item.language.code, prefs.intl.app_locale.value)]]">
                     </iron-icon>
 </if>
                   </div>
                 </div>
                 <paper-icon-button icon="settings"
                     on-tap="onShowLanguageDetailTap_"></paper-icon-button>
               </div>
             </template>
             <div class="list-item list-button" i18n-content="manageLanguages"
                 on-tap="onManageLanguagesTap_">
             </div>
           </div>
         </iron-collapse>
 <if expr="chromeos">
         <div class="settings-box two-line">
           <div class="start">
             <div i18n-content="inputMethodsListTitle"></div>
             <div class="secondary">[[inputMethodsSecondary_]]</div>
           </div>
           <cr-expand-button expanded="{{inputMethodsOpened_}}">
           </cr-expand-button>
         </div>
         <iron-collapse id="inputMethodsCollapse"
             opened="[[inputMethodsOpened_]]">
           <div class="list-frame vertical-list">
             <template is="dom-repeat" items="{{languages.inputMethods}}">
-              <div class="list-item">
+              <div class$=
+                  "list-item [[getInputMethodItemClass_(id, currentId)]]">
                 <div class="start">
                   <div>[[item.name]]</div>
                   <iron-icon icon="done"
                       hidden$="[[!isCurrentInputMethod_(item.id, languages.currentInputMethod)]]">
                   </iron-icon>
                 </div>
                 <paper-icon-button icon="settings"></paper-icon-button>
               </div>
             </template>
             <div class="list-item list-button"
                 i18n-content="manageInputMethods">
             </div>
           </div>
         </iron-collapse>
 </if>
 <if expr="not is_macosx">
         <div class="settings-box two-line">
           <div class="start">
             <div i18n-content="spellCheckListTitle"></div>
             <div class="secondary">[[spellCheckSecondary_]]</div>
           </div>
           <cr-expand-button expanded="{{spellCheckOpened_}}">
           </cr-expand-button>
         </div>
         <iron-collapse id="spellCheckCollapse" opened="[[spellCheckOpened_]]">
           <div class="list-frame vertical-list">
-            <div class="list-item">
-              <template is="dom-repeat" items="{{languages.enabledLanguages}}">
-                <paper-checkbox hidden="[[!item.language.supportsSpellcheck]]"
-                    checked="[[item.state.spellCheckEnabled]]"
-                    on-change="onSpellCheckChange_"
-                    >[[item.language.displayName]]</paper-checkbox>
-              </template>
-            </div>
+            <template is="dom-repeat"
+                items="[[spellCheckLanguages_(languages.enabledLanguages.*)]]">
+              <div class="list-item">
+                <div class="start">
+                  <paper-checkbox
+                      checked="[[item.state.spellCheckEnabled]]"
+                      on-change="onSpellCheckChange_">
+                    [[item.language.displayName]]
+                  </paper-checkbox>
+                </div>
+                <paper-icon-button icon="settings"
+                    on-tap="onShowLanguageDetailTap_"></paper-icon-button>
+              </div>
+            </template>
             <div class="list-item list-button" i18n-content="manageSpellCheck"
                 on-tap="onEditDictionaryTap_">
             </div>
           </div>
         </iron-collapse>
 </if>
       </neon-animatable>
       <template is="dom-if" name="manage-languages">
         <settings-subpage page-title="[[i18n('manageLanguagesPageTitle')]]">
           <settings-manage-languages-page
               prefs="{{prefs}}"></settings-manage-languages-page>
         </settings-subpage>
       </template>
       <template is="dom-if" name="language-detail">
         <settings-subpage
-            page-title="[[detailLanguage.language.displayName]]">
+            page-title="[[detailLanguage_.language.displayName]]">
           <settings-language-detail-page id="languageDetailPage"
-              prefs="{{prefs}}" detail="[[detailLanguage]]">
+              prefs="{{prefs}}" detail="[[detailLanguage_]]">
           </settings-language-detail-page>
         </settings-subpage>
       </template>
 <if expr="not is_macosx">
       <template is="dom-if" name="edit-dictionary">
         <settings-subpage page-title="[[i18n('editDictionaryPageTitle')]]">
           <settings-edit-dictionary-page></settings-edit-dictionary-page>
         </settings-subpage>
       </template>
 </if>
     </settings-animated-pages>
   </template>
   <script src="languages_page.js"></script>
 </dom-module>