MD Settings: simplify language model and data binding

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-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">
@@ skipping 21 matching lines @@
             <div class="secondary">
               [[getProspectiveUILanguageName_(
                     languages, 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">
-            <template is="dom-repeat" items="{{languages.enabledLanguages}}">
+            <template is="dom-repeat" items="{{languages.enabled}}">
               <div class$="list-item [[getLanguageItemClass_(
                       item.language.code, prefs.intl.app_locale.value)]]"
                   on-tap="onLanguageTap_">
 <if expr="not chromeos and not is_win">
                 <div class="start" title="[[item.language.nativeDisplayName]]">
                   [[item.language.displayName]]
                 </div>
 </if>
 <if expr="chromeos or is_win">
                 <div title="[[item.language.nativeDisplayName]]">
@@ skipping 51 matching lines @@
           <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">
             <template is="dom-repeat"
-                items="[[spellCheckLanguages_(languages.enabledLanguages.*)]]">
+                items="[[spellCheckLanguages_(languages.enabled.*)]]">
               <div class="list-item">
                 <div class="start">
                   <paper-checkbox
-                      checked="[[item.state.spellCheckEnabled]]"
+                      checked="[[item.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_">
@@ skipping 20 matching lines @@
       <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>