MD Settings: Certificate manager, populate UI.

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

Index: chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
diff --git a/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html b/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
new file mode 100644
index 0000000000000000000000000000000000000000..0f6a773c390f1c75403e021d66dec26db33a4b2c
--- /dev/null
+++ b/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
@@ -0,0 +1,62 @@
+<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-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">
+
+<dom-module id="settings-certificate-subentry">
+  <template>
+    <style include="settings-shared">
+      .dropdown-content {
+        background: white;
+        box-shadow: 0 2px 6px grey;

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

should grey be a --paper or --google var()?

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

Yes, probably. Added TODO. I copied this value from similar menu in
searchEngines, see
https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/res....
Prefer to do polish in separate CL though.

+      }
+      .container {
+        display: flex;
+        line-height: 30px;
+      }
+      .name {
+        flex: auto;
+        margin: auto;
+      }
+      paper-item:hover {
+        background-color: #f0f0f0;

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

same with this color: can it be a --paper or --google var?

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

Done.

+      }
+    </style>
+    <div class="container">
+      <paper-icon-button icon="image:brightness-1"></paper-icon-button>
+      <div class="name">[[model.name]]</div>
+      <paper-icon-button icon="more-vert" toggles active="{{menuOpened}}">
+      </paper-icon-button>
+      <template is="dom-if" if="[[menuOpened]]">
+        <iron-dropdown vertical-align="top" horizontal-align="right"
+            opened="{{menuOpened}}">
+            <div class="dropdown-content">

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

indent off (should only be \s\s instead of \s\s\s\s)

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

Done.

+              <paper-item on-tap="onViewTap_">
+                $i18n{certificateManagerView}
+              </paper-item>
+              <paper-item hidden$="[[!canEdit_(certificateType)]]"
+                  on-tap="onEditTap_">
+                $i18n{certificateManagerEdit}
+              </paper-item>
+              <paper-item on-tap="onExportTap_">
+                $i18n{certificateManagerExport}
+              </paper-item>
+              <paper-item hidden$="[[!canImport_(certificateType)]]"
+                  on-tap="onImportTap_">
+                $i18n{certificateManagerImport}
+              </paper-item>
+              <paper-item hidden$="[[model.readonly]]"
+                  on-tap="onDeleteTap_">
+                $i18n{certificateManagerDelete}
+              </paper-item>
+            <div>

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

this should be </div>

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

Done. Good catch.

+        </iron-dropdown>
+      </template>
+    <div>
+  </template>
+  <script src="certificate_subentry.js"></script>
+</dom-module>