Scaffold for MD-Settings.

chrome/browser/resources/settings/settings_drawer/settings_drawer.js

Index: chrome/browser/resources/settings/settings_drawer/settings_drawer.js
diff --git a/chrome/browser/resources/settings/settings_drawer/settings_drawer.js b/chrome/browser/resources/settings/settings_drawer/settings_drawer.js
new file mode 100644
index 0000000000000000000000000000000000000000..83f97fdab29b9802b97d7d605499c677d62841f0
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_drawer/settings_drawer.js
@@ -0,0 +1,51 @@
+// 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
+ * 'cr-settings-drawer' holds the user card and navigation menu for settings
+ * pages.
+ *
+ * Example:
+ *
+ *     <core-drawer-panel>
+ *       <cr-settings-drawer drawer selectedIndex="{{index}}" pages="{{pages}}">
+ *       </cr-settings-drawer>
+ *       <cr-settings-main main currentPageIndex="{{index}}" pages="{{pages}}">
+ *       </cr-settings-main>
+ *     </core-drawer-panel>
+ *
+ * @group Chrome Settings Elements
+ * @element cr-settings-drawer
+ */
+Polymer('cr-settings-drawer', {
+  publish: {
+    /**
+     * Pages to include in the navigation.
+     *
+     * @attribute pages
+     * @type Array<!Object>
+     * @default []
+     */
+    pages: [],

[Jeremy Klein, 2015/03/09 21:17:13]

Same comment as the other cl about initializing arrays and objects in created.

[michaelpg, 2015/03/12 01:41:39]

Missed that comment, thank you.

+
+    /**
+     * Index of the currently selected page.
+     *
+     * @attribute selectedIndex
+     * @type number
+     * default 0
+     */
+    selectedIndex: 0,
+  },
+
+  /**
+   * @type {Object}

[Jeremy Klein, 2015/03/09 21:17:13]

Worth a typedef here? Don't you also need an avatar?

[michaelpg, 2015/03/09 22:24:11]

Yeah. I'd rather keep this TODO for this CL.

+   * TODO(michaelpg): Create custom element and data source for user card.
+   */
+  user: {
+    name: 'Chrome User',
+    email: 'user@example.com',
+  },
+});