[DevTools] Remove SidebarTreeElement from SecurityPanel.

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 363 matching lines @@
  * @param {!WebInspector.SecurityPanelSidebarTreeElement} mainViewElement
  * @param {function(!WebInspector.SecurityPanel.Origin)} showOriginInPanel
  */
 WebInspector.SecurityPanelSidebarTree = function(mainViewElement, showOriginInPanel)
 {
     this._showOriginInPanel = showOriginInPanel;
 
     this._mainOrigin = null;
 
     TreeOutlineInShadow.call(this);
-    this.element.classList.add("sidebar-tree");
     this.registerRequiredCSS("security/sidebar.css");
     this.registerRequiredCSS("security/lockIcon.css");
 
     this.appendChild(mainViewElement);
 
-    /** @type {!Map<!WebInspector.SecurityPanelSidebarTree.OriginGroupName, !WebInspector.SidebarSectionTreeElement>} */
+    /** @type {!Map<!WebInspector.SecurityPanelSidebarTree.OriginGroupName, !TreeElement>} */
     this._originGroups = new Map();
 
     for (var key in WebInspector.SecurityPanelSidebarTree.OriginGroupName) {
         var originGroupName = WebInspector.SecurityPanelSidebarTree.OriginGroupName[key];
-        var originGroup = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString(originGroupName));
+        var originGroup = new TreeElement(WebInspector.UIString(originGroupName), true);

[alph, 2016/09/15 17:24:16]

drop UIString.

[dgozman, 2016/09/15 17:25:51]

I'll move it to the literal instead.

+        originGroup.selectable = false;
+        originGroup.expand();
         originGroup.listItemElement.classList.add("security-sidebar-origins");
         this._originGroups.set(originGroupName, originGroup);
         this.appendChild(originGroup);
     }
     this._clearOriginGroups();
 
     // This message will be removed by clearOrigins() during the first new page load after the panel was opened.
-    var mainViewReloadMessage = new WebInspector.SidebarTreeElement("security-main-view-reload-message", WebInspector.UIString("Reload to view details"));
+    var mainViewReloadMessage = new TreeElement(WebInspector.UIString("Reload to view details"));
     mainViewReloadMessage.selectable = false;
+    mainViewReloadMessage.listItemElement.classList.add("security-main-view-reload-message");
     this._originGroups.get(WebInspector.SecurityPanelSidebarTree.OriginGroupName.MainOrigin).appendChild(mainViewReloadMessage);
 
     /** @type {!Map<!WebInspector.SecurityPanel.Origin, !WebInspector.SecurityPanelSidebarTreeElement>} */
     this._elementsByOrigin = new Map();
 }
 
 WebInspector.SecurityPanelSidebarTree.prototype = {
     /**
      * @param {boolean} hidden
      */
@@ skipping 93 matching lines @@
 WebInspector.SecurityPanelSidebarTree.OriginGroupName = {
     MainOrigin: "Main Origin",
     NonSecure: "Non-Secure Origins",
     Secure: "Secure Origins",
     Unknown: "Unknown / Canceled"
 }
 
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarTreeElement}
+ * @extends {TreeElement}
  * @param {string} text
  * @param {function()} selectCallback
  * @param {string} className
  * @param {string} cssPrefix
  */
 WebInspector.SecurityPanelSidebarTreeElement = function(text, selectCallback, className, cssPrefix)
 {
+    TreeElement.call(this, "", false);
     this._selectCallback = selectCallback;
     this._cssPrefix = cssPrefix;
-
-    WebInspector.SidebarTreeElement.call(this, className, text);
-    this.iconElement.classList.add(this._cssPrefix);
-
+    this.listItemElement.classList.add(className);
+    this._iconElement = this.listItemElement.createChild("div", "icon");
+    this._iconElement.classList.add(this._cssPrefix);
+    this.listItemElement.createChild("span", "title").textContent = text;
     this.setSecurityState(SecurityAgent.SecurityState.Unknown);
 }
 
 WebInspector.SecurityPanelSidebarTreeElement.prototype = {
     /**
      * @param {!SecurityAgent.SecurityState} newSecurityState
      */
     setSecurityState: function(newSecurityState)
     {
         if (this._securityState)
-            this.iconElement.classList.remove(this._cssPrefix + "-" + this._securityState)
+            this._iconElement.classList.remove(this._cssPrefix + "-" + this._securityState);
 
         this._securityState = newSecurityState;
-        this.iconElement.classList.add(this._cssPrefix + "-" + newSecurityState);
+        this._iconElement.classList.add(this._cssPrefix + "-" + newSecurityState);
     },
 
     /**
      * @return {!SecurityAgent.SecurityState}
      */
     securityState: function()
     {
         return this._securityState;
     },
 
     /**
      * @override
      * @return {boolean}
      */
     onselect: function()
     {
         this._selectCallback();
         return true;
     },
 
-    __proto__: WebInspector.SidebarTreeElement.prototype
+    __proto__: TreeElement.prototype
 }
 
 /**
  * @param {!WebInspector.SecurityPanelSidebarTreeElement} a
  * @param {!WebInspector.SecurityPanelSidebarTreeElement} b
  * @return {number}
  */
 WebInspector.SecurityPanelSidebarTreeElement.SecurityStateComparator = function(a, b)
 {
     return WebInspector.SecurityModel.SecurityStateComparator(a.securityState(), b.securityState());
@@ skipping 455 matching lines @@
         row.createChild("div").textContent = key;
 
         var valueDiv = row.createChild("div");
         if (typeof value === "string") {
             valueDiv.textContent = value;
         } else {
             valueDiv.appendChild(value);
         }
     }
 }