[DevTools] Remove TreeOutline from IDBDatabaseView.

third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 23 matching lines @@
  * @param {!WebInspector.IndexedDBModel.Database} database
  */
 WebInspector.IDBDatabaseView = function(database)
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("resources/indexedDBViews.css");
 
     this.element.classList.add("indexed-db-database-view");
     this.element.classList.add("storage-view");
 
-    this._headersTreeOutline = new TreeOutline();
-    this._headersTreeOutline.element.classList.add("outline-disclosure");
-    this.element.appendChild(this._headersTreeOutline.element);
-    this._headersTreeOutline.expandTreeElementsWhenArrowing = true;
-
-    this._securityOriginTreeElement = new TreeElement();
-    this._securityOriginTreeElement.selectable = false;
-    this._headersTreeOutline.appendChild(this._securityOriginTreeElement);
-
-    this._nameTreeElement = new TreeElement();
-    this._nameTreeElement.selectable = false;
-    this._headersTreeOutline.appendChild(this._nameTreeElement);
-
-    this._versionTreeElement = new TreeElement();
-    this._versionTreeElement.selectable = false;
-    this._headersTreeOutline.appendChild(this._versionTreeElement);
+    this._securityOriginElement = this.element.createChild("div", "header-row");
+    this._nameElement = this.element.createChild("div", "header-row");
+    this._versionElement = this.element.createChild("div", "header-row");
 
     this.update(database);
 }
 
 WebInspector.IDBDatabaseView.prototype = {
     /**
+     * @param {!Element} element
      * @param {string} name
      * @param {string} value
      */
-    _formatHeader: function(name, value)
+    _formatHeader: function(element, name, value)
     {
-        var fragment = createDocumentFragment();
-        fragment.createChild("div", "attribute-name").textContent = name + ":";
-        fragment.createChild("div", "attribute-value source-code").textContent = value;
-
-        return fragment;
+        element.removeChildren();
+        element.createChild("div", "attribute-name").textContent = name + ":";
+        element.createChild("div", "attribute-value source-code").textContent = value;
     },
 
     _refreshDatabase: function()
     {
-        this._securityOriginTreeElement.title = this._formatHeader(WebInspector.UIString("Security origin"), this._database.databaseId.securityOrigin);
-        this._nameTreeElement.title = this._formatHeader(WebInspector.UIString("Name"), this._database.databaseId.name);
-        this._versionTreeElement.title = this._formatHeader(WebInspector.UIString("Version"), this._database.version);
+        this._formatHeader(this._securityOriginElement, WebInspector.UIString("Security origin"), this._database.databaseId.securityOrigin);
+        this._formatHeader(this._nameElement, WebInspector.UIString("Name"), this._database.databaseId.name);
+        this._formatHeader(this._versionElement, WebInspector.UIString("Version"), this._database.version);
     },
 
     /**
      * @param {!WebInspector.IndexedDBModel.Database} database
      */
     update: function(database)
     {
         this._database = database;
         this._refreshDatabase();
     },
@@ skipping 288 matching lines @@
             cell.appendChild(objectElement);
             break;
         default:
         }
 
         return cell;
     },
 
     __proto__: WebInspector.DataGridNode.prototype
 }