Display material design policies grouped by tags.

chrome/browser/resources/md_policy/policy_group.html

Index: chrome/browser/resources/md_policy/policy_group.html
diff --git a/chrome/browser/resources/md_policy/policy_group.html b/chrome/browser/resources/md_policy/policy_group.html
new file mode 100644
index 0000000000000000000000000000000000000000..a4126aa56f34b8077903d7eb78989d2811efa12d
--- /dev/null
+++ b/chrome/browser/resources/md_policy/policy_group.html
@@ -0,0 +1,25 @@
+<link rel="import" href="chrome://resources/html/polymer_config.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-card/paper-card.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/typography.html">
+
+<link rel="import" href="chrome://md-policy/strings.html">
+
+<dom-module id="policy-group">
+  <link rel="import" type="css" href="chrome://md-policy/policy_group.css">
+  <template>
+    <paper-card heading="[[translatedRiskTag]]"
+        aria-label="[[translatedRiskTag]]">
+      <div class="card-content">
+        <div id="content">
+          <template is="dom-repeat" items="[[policies_]]" as="policy">

[Dan Beam, 2015/11/03 18:22:31]

should this be an iron-list?  is the size of policies_ bounded in practice?

[fhorschig, 2015/11/22 17:55:27]

The iron-list usually has the advantage of rendering items when they would be
visible on screen. This behavior causes trouble for me because I need (reliable
and constant) access to all DOM elements that are created.

The size of policies_ is not technically but conceptually bounded. A group will
contain a very small subset of the chromium policies [1]. I don't think there
would be a recognizable impact when switching to iron-list.


[1] For further reference or if you are interested in the numbers: There are
~300 policies which only contain ~50-60 policies that may influence a user's
privacy/security. Even if a group would contain nearly all of them, every single
one would have to be active to be displayed.
Last time I checked the list of policies, there was not a single group that
contains 20 or more policies.

+            <p>[[policy.key]]</p>
+          </template>
+        </div>
+      </div>
+    </paper-card>
+  </template>
+  <script src="chrome://md-policy/policy_group.js"></script>
+</dom-module>