[DevTools] Update SecurityDetails in Security panel if State changes

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.
 /**
  * @implements {SDK.TargetManager.Observer}
  * @unrestricted
  */
 Security.SecurityPanel = class extends UI.PanelWithSidebar {
   constructor() {
     super('security');
@@ skipping 180 matching lines @@
     else if (
         request.mixedContentType === Protocol.Network.RequestMixedContentType.OptionallyBlockable &&
         this._displayedInsecureContentStyle)
       securityState = this._displayedInsecureContentStyle;
 
     if (this._origins.has(origin)) {
       var originState = this._origins.get(origin);
       var oldSecurityState = originState.securityState;
       originState.securityState = this._securityStateMin(oldSecurityState, securityState);
       if (oldSecurityState !== originState.securityState) {
+        let securityDetails = /** @type {?Protocol.Network.SecurityDetails} */ (request.securityDetails());
+        if (securityDetails)
+          originState.securityDetails = securityDetails;
         this._sidebarTree.updateOrigin(origin, securityState);
         if (originState.originView)
           originState.originView.setSecurityState(securityState);
       }
     } else {
       // TODO(lgarron): Store a (deduplicated) list of different security details we have seen. https://crbug.com/503170
       var originState = {};
       originState.securityState = securityState;
 
       var securityDetails = request.securityDetails();
@@ skipping 831 matching lines @@
     var row = this._element.createChild('div', 'details-table-row');
     row.createChild('div').textContent = key;
 
     var valueDiv = row.createChild('div');
     if (typeof value === 'string')
       valueDiv.textContent = value;
     else
       valueDiv.appendChild(value);
   }
 };