MD Settings: Certificate manager, populate UI.

chrome/browser/resources/settings/certificate_manager_page/certificate_entry.html

Index: chrome/browser/resources/settings/certificate_manager_page/certificate_entry.html
diff --git a/chrome/browser/resources/settings/certificate_manager_page/certificate_entry.html b/chrome/browser/resources/settings/certificate_manager_page/certificate_entry.html
new file mode 100644
index 0000000000000000000000000000000000000000..23adb127fd66568f6060ef4ff13a94b435df5b76
--- /dev/null
+++ b/chrome/browser/resources/settings/certificate_manager_page/certificate_entry.html
@@ -0,0 +1,35 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://md-settings/certificate_manager_page/certificates_browser_proxy.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-dropdown.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://md-settings/settings_shared_css.html">
+<link rel="import" href="chrome://md-settings/certificate_manager_page/certificate_subentry.html">
+
+<dom-module id="settings-certificate-entry">
+  <template>
+    <style include="settings-shared">
+      iron-collapse {
+        margin: 0 20px;
+      }
+    </style>
+
+    <div class="settings-box">
+      <div class="start">[[model.id]]</div>
+      <cr-expand-button expanded="{{expanded_}}"></cr-expand-button>
+    </div>
+    <iron-collapse opened="[[expanded_]]" no-animation>

[Dan Beam, 2016/03/22 02:08:28]

do we use no-animation everywhere?

[dpapad, 2016/03/22 18:07:02]

Not that I know of. The reason I am using it here is for performance (and
probably as a temporary solution). If I don't use no-animation here performance
is degraded, because I also need to remove the dom-if below (otherwise the
iron-collapse does not work).

I would like to explore alternatives (iron-list or other tricks) once the page
has been marked as functional.

+      <template is="dom-if" if="[[expanded_]]">
+        <template is="dom-repeat" items="[[model.subnodes]]">
+          <settings-certificate-subentry model="[[item]]"
+              certificate-type="[[certificateType]]">
+          </settings-certificate-subentry>
+        </template>
+      </template>
+    <iron-collapse>
+  </template>
+  <script src="certificate_entry.js"></script>
+</dom-module>