DevTools: [security] open certificate viewer from devtools security overview (blink)

BUG=506468

Committed: https://src.chromium.org/viewvc/blink?view=rev&revision=201676

Review URL: https://codereview.chromium.org/1327593003

git-svn-id: svn://svn.chromium.org/blink/trunk@201763 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/security/SecurityPanel.js

@@ -342,6 +342,20 @@ WebInspector.SecurityMainView.prototype = {
         var text = explanationSection.createChild("div", "security-section-text");
         text.createChild("div", "security-section-title").textContent = explanation.summary;
         text.createChild("div", "security-explanation").textContent = explanation.description;
+        if ("certificateId" in explanation) {
+            var certificateAnchor = text.createChild("div", "security-certificate-id link");
+            certificateAnchor.textContent = WebInspector.UIString("View certificate");
+            certificateAnchor.href = "";
+            certificateAnchor.addEventListener("click", showCertificateViewer, false);
+        }
+        /**
+         * @param {!Event} e
+         */
+        function showCertificateViewer(e)
+        {
+            e.consume();
+            WebInspector.targetManager.mainTarget().networkManager.showCertificateViewer(/** @type {number} */ (explanation.certificateId));
+        }
     },
 
     /**

third_party/WebKit/Source/devtools/front_end/security/mainView.css

@@ -27,6 +27,10 @@
     white-space: normal;
 }
 
+.security-certificate-id {
+    margin-top: 8px;
+}
+
 .security-main-view .security-summary-section-title {
     font-size: 14px;
     margin-bottom: 2px;