Scaffold for MD-Settings, inside chrome://md-settings.

chrome/browser/resources/settings/settings_menu/settings_menu.js

Index: chrome/browser/resources/settings/settings_menu/settings_menu.js
diff --git a/chrome/browser/resources/settings/settings_menu/settings_menu.js b/chrome/browser/resources/settings/settings_menu/settings_menu.js
new file mode 100644
index 0000000000000000000000000000000000000000..2121625496b1d19450370e5aba2ab738e432ae6b
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_menu/settings_menu.js
@@ -0,0 +1,47 @@
+// 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-menu' shows a menu with the given pages.
+ *
+ * Example:
+ *
+ *     <cr-settings-menu pages="{{pages}}" selectedIndex="{{index}}">
+ *     </cr-settings-menu>
+ *
+ * @group Chrome Settings Elements
+ * @element cr-settings-menu
+ */
+Polymer('cr-settings-menu', {
+  publish: {
+    /**
+     * Pages to show menu items for.
+     *
+     * @attribute pages
+     * @type Array<!CrSettingsPage>
+     * @default []
+     */
+    pages: [],
+
+    /**
+     * Index of the currently selected page.
+     *
+     * @attribute selectedIndex
+     * @type number
+     * default 0
+     */
+    selectedIndex: 0,
+  },
+
+  pageSelected: function(e, detail) {
+    if (!detail.isSelected)
+      return;
+
+    // Issue 33: selectedModel is not updated yet, so grab the model from the
+    // selectedItem's templateInstance object. See http://goo.gl/KpEYGP.
+    this.fire('cr-settings-page-select',
+              this.$.menu.selectedItem.templateInstance.model);
+  },
+});