Scaffold for MD-Settings.

chrome/browser/resources/settings/settings_menu/settings_menu.html

Index: chrome/browser/resources/settings/settings_menu/settings_menu.html
diff --git a/chrome/browser/resources/settings/settings_menu/settings_menu.html b/chrome/browser/resources/settings/settings_menu/settings_menu.html
new file mode 100644
index 0000000000000000000000000000000000000000..5b71c1c91b31399da1661712de394e2196379e5a
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_menu/settings_menu.html
@@ -0,0 +1,17 @@
+<link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
+<link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
+
+<polymer-element name="cr-settings-menu">
+  <template>
+    <link rel="stylesheet" href="settings_menu.css">
+    <core-menu selected="{{selectedId}}" valueattr="data-id">
+      <template repeat="{{pages}}">
+        <paper-item data-id="{{PAGE_ID}}">
+          <core-icon icon="{{icon}}"></core-icon>
+          {{pageTitle}}

[Oren Blasberg, 2015/03/12 18:58:17]

I must've missed it someplace, but where does pageTitle get declared/defined?

[michaelpg, 2015/03/13 00:47:01]

When binding a template to an object, all references in {{}} are scoped to the
object. If I had used 'repeat="{{page in pages}}"' then the reference would be
{{page.pageTitle}}. Some good examples at
https://www.polymer-project.org/0.5/docs/polymer/template.html

So pageTitle is defined in a11y_page.js.

+        </paper-item>
+      </template>
+    </core-menu>
+  </template>
+  <script src="settings_menu.js"></script>
+</polymer-element>