Surface lock icon explanations in the DevTools Security panel.

Source/devtools/front_end/security/SecurityModel.js

Index: Source/devtools/front_end/security/SecurityModel.js
diff --git a/Source/devtools/front_end/security/SecurityModel.js b/Source/devtools/front_end/security/SecurityModel.js
index e9e75c23608b3d0e01813426c314116b6f5efeeb..cdd7dc2332578e4fbfb459f5deb44c373bda96eb 100644
--- a/Source/devtools/front_end/security/SecurityModel.js
+++ b/Source/devtools/front_end/security/SecurityModel.js
@@ -15,7 +15,7 @@ WebInspector.SecurityModel = function(target)
     target.registerSecurityDispatcher(this._dispatcher);
     this._securityAgent.enable();
 
-    this._securityState = "unknown";
+    this._securityState = SecurityAgent.SecurityState.Unknown;
 }
 
 WebInspector.SecurityModel.EventTypes = {
@@ -59,10 +59,11 @@ WebInspector.SecurityDispatcher.prototype = {
     /**
      * @override
      * @param {!SecurityAgent.SecurityState} securityState
+     * @param {!Array<!SecurityAgent.SecurityStateExplanation>=} explanations
      */
-    securityStateChanged: function(securityState)
+    securityStateChanged: function(securityState, explanations)
     {
-        this._model._securityState = securityState;
-        this._model.dispatchEventToListeners(WebInspector.SecurityModel.EventTypes.SecurityStateChanged, securityState);
+        var data = {"securityState": securityState, "explanations": explanations || []};
+        this._model.dispatchEventToListeners(WebInspector.SecurityModel.EventTypes.SecurityStateChanged, data);
     }
 }