[MD settings] Language settings layout closer to mocks

chrome/browser/resources/settings/languages_page/languages_page.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview 'settings-languages-page' is the settings page
  * for language and input method settings.
  *
  * @group Chrome Settings Elements
  * @element settings-languages-page
@@ skipping 23 matching lines @@
 
     /**
      * Read-only reference to the languages model provided by the
      * 'settings-languages' instance.
      * @type {LanguagesModel|undefined}
      */
     languages: {
       type: Object,
       notify: true,
     },
+
+    /** @private */
+    languagesSecondary_: {
+      type: String,
+      value: 'Placeholder, e.g. English (United States)',
+    },
+
+    /** @private */
+    inputMethodsSecondary_: {
+      type: String,
+      value: 'Placeholder, e.g. US keyboard',
+    },
+
+    /** @private */
+    spellCheckSecondary_: {
+      type: String,
+      value: 'Placeholder, e.g. English (United States)',
+    },
   },
 
   /** @private {!LanguageHelper} */
   languageHelper_: LanguageHelperImpl.getInstance(),
 
   /**
    * Handler for clicking a language on the main page, which selects the
    * language as the prospective UI language on Chrome OS and Windows.
    * @param {!{model: !{item: !LanguageInfo}}} e
    */
@@ skipping 86 matching lines @@
    * HACK(michaelpg): This is necessary to show the list when navigating to
    * the sub-page. Remove this function when PolymerElements/neon-animation#60
    * is fixed.
    * @param {string} tagName Name of the element containing the <iron-list>.
    */
   forceRenderList_: function(tagName) {
     this.$$(tagName).$$('iron-list').fire('iron-resize');
   },
 });
 })();