Fake MD Flags sample WebUI

chrome/browser/resources/polymer_flags/flags_table.html

Index: chrome/browser/resources/polymer_flags/flags_table.html
diff --git a/chrome/browser/resources/polymer_flags/flags_table.html b/chrome/browser/resources/polymer_flags/flags_table.html
new file mode 100644
index 0000000000000000000000000000000000000000..d1fbeecfa6e20472ccbc1f0d42edba659795f53c
--- /dev/null
+++ b/chrome/browser/resources/polymer_flags/flags_table.html
@@ -0,0 +1,16 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="flag.html">
+
+<dom-module id="cr-flags-table">
+  <link rel="import" type="css" href="flags_table.css">
+  <template>
+    <div class="layout vertical">
+      <template is="dom-repeat" items="[[flags]]">

[Jeremy Klein, 2015/07/07 21:58:53]

I wonder if flags needs to be 2-way bound here... Did you try that already?

[michaelpg, 2015/07/07 22:20:49]

You're right, that did it. Thanks!

I wasn't aware two-way binding had any effect on templates. Now I feel tempted
to dive into the Templatizer code and see what's going on...

+      <cr-flag flag-id="[[item.id]]" displayName="[[item.name]]"
+          description="[[item.description]]" enabled="{{item.enabled}}">
+      </cr-flag>
+    </template>
+  </template>
+  <script src="chrome://polymer-flags/flags_table.js"></script>
+</dom-module>