Scaffold for 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..28a30f09a9e749ca161df66c1a8b778c92ddcf74
--- /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<!Object>
+     * @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

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

Weird... I guess it's either this or this.async(...). Does selectedModel get
updated to the right thing (the page) after some amount of time?

+    // selectedItem's templateInstance object. See http://goo.gl/KpEYGP.
+    this.fire('cr-settings-page-select',

[Kyle Horimoto, 2015/03/09 20:59:32]

Don't we need to declare this event type?

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

Yeah, we should probably at least extract this to a constant.

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

Removed, as this isn't doing anything.

+              this.$.menu.selectedItem.templateInstance.model);
+  },
+});