MD Settings: Certificate manager, populate UI.

chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.js

Index: chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.js
diff --git a/chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.js b/chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.js
index 14979a302f4574ffb43b6f62d2cd9b06f76ffb54..14fb032f83cf5b9def5da5c34278b132d9a30647 100644
--- a/chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.js
+++ b/chrome/browser/resources/settings/certificate_manager_page/certificate_manager_page.js
@@ -3,18 +3,66 @@
 // found in the LICENSE file.
 
 /**
- * @fileoverview
- * 'settings-certificate-manager-page' is the settings page containing SSL
- * certificate settings.
- *
- * Example:
- *
- *    <iron-animated-pages>
- *      <settings-certificate-manager-page prefs="{{prefs}}">
- *      </settings-certificate-manager-page>
- *      ... other pages ...
- *    </iron-animated-pages>
+ * @fileoverview 'settings-certificate-manager-page' is the settings page
+ * containing SSL certificate settings.
  */
 Polymer({
   is: 'settings-certificate-manager-page',
+
+  behaviors: [WebUIListenerBehavior],
+
+  properties: {
+    /** @type {number} */
+    selected: {
+      type: Number,
+      value: 0,
+    },
+
+    /** @type {!Array<!Certificate>} */
+    personalCerts: {
+      type: Array,
+      value: function() { return []; },
+    },
+
+    /** @type {!Array<!Certificate>} */
+    serverCerts: {
+      type: Array,
+      value: function() { return []; },
+    },
+
+    /** @type {!Array<!Certificate>} */
+    caCerts: {
+      type: Array,
+      value: function() { return []; },
+    },
+
+    /** @type {!Array<!Certificate>} */
+    otherCerts: {
+      type: Array,
+      value: function() { return []; },
+    },
+
+    /** @private */
+    certificateTypeEnum_: {
+      type: Object,
+      value: settings.CertificateType,
+      readonly: true,
+    },
+  },
+
+  /** @override */
+  attached: function() {
+    this.addWebUIListener('certificates-changed', this.set.bind(this));
+    settings.CertificatesBrowserProxyImpl.getInstance().refreshCertificates();
+  },
+
+  /**
+   * @param {number} selectedIndex
+   * @param {number} tabIndex
+   * @return {boolean} Whether to show tab at |tabIndex|.
+   * @private
+   */
+  isTabSelected_: function(selectedIndex, tabIndex) {
+    return selectedIndex == tabIndex;
+  },
 });