Surface SCT (Signed Certificate Timestamp) counts in the Security panel.

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

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.PanelWithSidebar}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.SecurityPanel = function()
@@ skipping 780 matching lines @@
             var validFromString = new Date(1000 * certificateDetails.validFrom).toUTCString();
             var validUntilString = new Date(1000 * certificateDetails.validTo).toUTCString();
 
             var table = new WebInspector.SecurityDetailsTable();
             certificateSection.appendChild(table.element());
             table.addRow("Subject", certificateDetails.subject.name);
             table.addRow("SAN", sanDiv);
             table.addRow("Valid From", validFromString);
             table.addRow("Valid Until", validUntilString);
             table.addRow("Issuer", certificateDetails.issuer);
+            table.addRow("SCTs", WebInspector.UIString(this.sctSummary(originState.securityDetails.certificateValidationDetails)));
             table.addRow("", WebInspector.SecurityPanel.createCertificateViewerButton(WebInspector.UIString("Open full certificate details"), originState.securityDetails.certificateId));
-            // TODO(lgarron): Make SCT status available in certificate details and show it here.
         }
 
         function displayCertificateDetailsUnavailable ()
         {
             certificateSection.createChild("div").textContent = WebInspector.UIString("Certificate details unavailable.");
         }
 
         originState.certificateDetailsPromise.then(displayCertificateDetails.bind(this), displayCertificateDetailsUnavailable);
 
         var noteSection = this.element.createChild("div", "origin-view-section");
@@ skipping 59 matching lines @@
     setSecurityState: function(newSecurityState)
     {
         for (var className of Array.prototype.slice.call(this._originLockIcon.classList)) {
             if (className.startsWith("security-property-"))
                 this._originLockIcon.classList.remove(className);
         }
 
         this._originLockIcon.classList.add("security-property-" + newSecurityState);
     },
 
+    /**
+     * @constructor
+     * @param {?NetworkAgent.CertificateValidationDetails} details
+     * @return {string}
+     */
+    sctSummary: function(details)
+    {
+        if (!details) {

[pfeldman, 2016/02/01 23:01:11]

drop {}

[lgarron, 2016/02/02 03:17:07]

Done.

+            return "N/A";

[pfeldman, 2016/02/01 23:01:11]

WebInspector.UIString()

[lgarron, 2016/02/02 03:17:07]

Done. (I've also removed the WebInspector.UIString call in
`displayCertificateDetails()` to compensate.)

+        }
+
+        var sctTypeList = [];
+        if (details.numValidScts)
+            sctTypeList.push(WebInspector.UIString("%d valid SCT%s", details.numValidScts, (details.numValidScts > 1) ? "s" : ""));
+        if (details.numInvalidScts)
+            sctTypeList.push(WebInspector.UIString("%d invalid SCT%s", details.numInvalidScts, (details.numInvalidScts > 1) ? "s" : ""));
+        if (details.numUnknownScts)
+            sctTypeList.push(WebInspector.UIString("%d SCT%s from unknown logs", details.numUnknownScts, (details.numUnknownScts > 1) ? "s" : ""));
+        return (sctTypeList.length == 0) ? WebInspector.UIString("0 SCTs") : sctTypeList.join(", ");

[pfeldman, 2016/02/01 23:01:11]

sctTypeList.length ? ...

[lgarron, 2016/02/02 03:17:07]

Done.

It still makes me uncomfortable, though, and I can't find anything in the style
guide about it. What is the reason?

+    },
+
     __proto__: WebInspector.VBox.prototype
 }
 
 /**
  * @constructor
  */
 WebInspector.SecurityDetailsTable = function()
 {
     this._element = createElement("table");
     this._element.classList.add("details-table");
@@ skipping 19 matching lines @@
         row.createChild("div").textContent = key;
 
         var valueDiv = row.createChild("div");
         if (typeof value === "string") {
             valueDiv.textContent = value;
         } else {
             valueDiv.appendChild(value);
         }
     }
 }