Add initial implementation of date-time-settings MD settings page.

chrome/browser/resources/settings/a11y_page/a11y_page.html

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
 <link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_dropdown_menu/cr_dropdown_menu.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_page_header.html">
 <link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
 
 <polymer-element name="cr-settings-a11y-page">
   <template>
     <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
     <link rel="stylesheet" href="a11y_page.css">
     <paper-shadow layout vertical cross-fade>
       <cr-settings-page-header page="{{}}"></cr-settings-page-header>
 
       <div class="more-a11y-link">
         <a href="https://chrome.google.com/webstore/category/collection/accessibility"
             target="_blank" i18n-content="accessibilityMoreFeaturesLink"></a>
       </div>
 
 <if expr="chromeos">
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.enable_menu}}"
+      <cr-settings-checkbox
+          pref="{{prefs.settings.settings.a11y.enable_menu}}"

[michaelpg, 2015/04/07 06:00:29]

I understand why we need this, but it still kinda hurts to see
"prefs.settings.settings" repeated so many times. Can we alleviate this by
setting a member to this.prefs.settings or this.prefs.settings.settings?

[Jeremy Klein, 2015/04/07 17:28:03]

*sigh* Yeah our naming here is a bummer... Maybe we could do something like a
<template bind="{{prefs.settings}}">?

https://www.polymer-project.org/0.5/docs/polymer/binding-types.html#single-te...

[Oren Blasberg, 2015/04/07 23:25:59]

Not all prefs start with "settings." So maybe we should rename our top-level
"settings" to be "paths" so at worst it becomes "prefs.paths.settings....".

Anyway, I think that's outside the scope of this CL which I am eager to submit
already :D

           i18n-values="label:accessibilityOptionsInMenuLabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.large_cursor_enabled}}"
+      <cr-settings-checkbox
+          pref="{{prefs.settings.settings.a11y.large_cursor_enabled}}"
           i18n-values="label:accessibilityLargeMouseCursorLabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.high_contrast_enabled}}"
+      <cr-settings-checkbox
+          pref="{{prefs.settings.settings.a11y.high_contrast_enabled}}"
           i18n-values="label:accessibilityHighContrastLabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.sticky_keys_enabled}}"
+      <cr-settings-checkbox
+          pref="{{prefs.settings.settings.a11y.sticky_keys_enabled}}"
           i18n-values="label:accessibilityStickyKeysLabel;
                        subLabel:accessibilityStickyKeysSublabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.accessibility}}"
+      <cr-settings-checkbox pref="{{prefs.settings.settings.accessibility}}"
           i18n-values="label:accessibilityChromeVoxLabel;
                        subLabel:accessibilityChromeVoxSublabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.screen_magnifier}}"
+      <cr-settings-checkbox
+          pref="{{prefs.settings.settings.a11y.screen_magnifier}}"
           i18n-values="label:accessibilityScreenMagnifierLabel">
       </cr-settings-checkbox>
       <cr-settings-checkbox
-          pref="{{prefs.settings.touchpad.enable_tap_dragging}}"
+          pref="{{prefs.settings.settings.touchpad.enable_tap_dragging}}"
           i18n-values="label:accessibilityTapDraggingLabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.autoclick}}"
+      <cr-settings-checkbox pref="{{prefs.settings.settings.a11y.autoclick}}"
           i18n-values="label:accessibilityClickOnStopLabel">
       </cr-settings-checkbox>
 
       <core-label horizontal layout center class="autoclick-delay-label"
-          hidden?="{{!prefs.settings.a11y.autoclick}}">
+          hidden?="{{!prefs.settings.settings.a11y.autoclick}}">
         <span i18n-content="accessibilityDelayBeforeClickLabel"></span>
         <cr-dropdown-menu class="autoclick-dropdown">
           <core-menu class="menu" valueAttr="value" selectedAttribute=""
-              selected="{{prefs.settings.a11y.autoclick_delay_ms}}">
+              selected="{{prefs.settings.settings.a11y.autoclick_delay_ms}}">
             <paper-item value="200"
                 i18n-content="accessibilityDelayBeforeClickExtremelyShort">
             </paper-item>
             <paper-item value="400"
                 i18n-content="accessibilityDelayBeforeClickVeryShort">
             </paper-item>
             <paper-item value="600"
                 i18n-content="accessibilityDelayBeforeClickShort">
             </paper-item>
             <paper-item value="800"
                 i18n-content="accessibilityDelayBeforeClickLong">
             </paper-item>
             <paper-item value="1000"
                 i18n-content="accessibilityDelayBeforeClickVeryLong">
             </paper-item>
           </core-menu>
         </cr-dropdown-menu>
       </core-label>
 
-      <cr-settings-checkbox pref="{{prefs.settings.a11y.virtual_keyboard}}"
+      <cr-settings-checkbox
+          pref="{{prefs.settings.settings.a11y.virtual_keyboard}}"
           i18n-values="label:accessibilityOnScreenKeyboardLabel">
       </cr-settings-checkbox>
 </if>
 
     </paper-shadow>
   </template>
   <script src="a11y_page.js"></script>
 </polymer-element>