DevTools: only allow status bar items in status bars.

Source/devtools/front_end/resources/ResourcesPanel.js

 /*
  * Copyright (C) 2007, 2008, 2010 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 52 matching lines @@
 
     this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Application Cache"), "ApplicationCache", ["application-cache-storage-tree-item"]);
     this.sidebarTree.appendChild(this.applicationCacheListTreeElement);
 
     if (Runtime.experiments.isEnabled("fileSystemInspection")) {
         this.fileSystemListTreeElement = new WebInspector.FileSystemListTreeElement(this);
         this.sidebarTree.appendChild(this.fileSystemListTreeElement);
     }
 
     var mainView = new WebInspector.VBox();
-    this.storageViews = mainView.element.createChild("div", "resources-main diff-container");
-    var statusBarContainer = mainView.element.createChild("div", "resources-status-bar");
-    this.storageViewStatusBarItemsContainer = statusBarContainer.createChild("div", "status-bar");
+    this.storageViews = mainView.element.createChild("div", "vbox flex-auto");
+    this._storageViewStatusBar = new WebInspector.StatusBar(mainView.element);
+    this._storageViewStatusBar.element.classList.add("resources-status-bar");
     mainView.show(this.mainElement());
 
     /** @type {!Map.<!WebInspector.Database, !Object.<string, !WebInspector.DatabaseTableView>>} */
     this._databaseTableViews = new Map();
     /** @type {!Map.<!WebInspector.Database, !WebInspector.DatabaseQueryView>} */
     this._databaseQueryViews = new Map();
     /** @type {!Map.<!WebInspector.Database, !WebInspector.DatabaseTreeElement>} */
     this._databaseTreeElements = new Map();
     /** @type {!Map.<!WebInspector.DOMStorage, !WebInspector.DOMStorageItemsView>} */
     this._domStorageViews = new Map();
@@ skipping 139 matching lines @@
         this._cookieViews = {};
 
         this.databasesListTreeElement.removeChildren();
         this.localStorageListTreeElement.removeChildren();
         this.sessionStorageListTreeElement.removeChildren();
         this.cookieListTreeElement.removeChildren();
 
         if (this.visibleView && !(this.visibleView instanceof WebInspector.StorageCategoryView))
             this.visibleView.detach();
 
-        this.storageViewStatusBarItemsContainer.removeChildren();
+        this._storageViewStatusBar.removeStatusBarItems();
 
         if (this.sidebarTree.selectedTreeElement)
             this.sidebarTree.selectedTreeElement.deselect();
     },
 
     _populateResourceTree: function()
     {
         this._treeElementForFrameId = {};
         WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameAdded, this._frameAdded, this);
         WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameNavigated, this._frameNavigated, this);
@@ skipping 367 matching lines @@
     {
         if (this.visibleView === view)
             return;
 
         if (this.visibleView)
             this.visibleView.detach();
 
         view.show(this.storageViews);
         this.visibleView = view;
 
-        this.storageViewStatusBarItemsContainer.removeChildren();
-        var statusBarItems = view.statusBarItems || [];
-        for (var i = 0; i < statusBarItems.length; ++i)
-            this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i]);
+        this._storageViewStatusBar.removeStatusBarItems();
+        var statusBarItems = view.statusBarItems ? view.statusBarItems() : null;
+        for (var i = 0; statusBarItems && i < statusBarItems.length; ++i)
+            this._storageViewStatusBar.appendStatusBarItem(statusBarItems[i]);
     },
 
     closeVisibleView: function()
     {
         if (!this.visibleView)
             return;
         this.visibleView.detach();
         delete this.visibleView;
     },
 
@@ skipping 1510 matching lines @@
 WebInspector.StorageCategoryView = function()
 {
     WebInspector.VBox.call(this);
 
     this.element.classList.add("storage-view");
     this._emptyView = new WebInspector.EmptyView("");
     this._emptyView.show(this.element);
 }
 
 WebInspector.StorageCategoryView.prototype = {
+    /**
+     * @return {!Array.<!WebInspector.StatusBarItem>}
+     */
+    statusBarItems: function()
+    {
+        return [];
+    },
+
     setText: function(text)
     {
         this._emptyView.text = text;
     },
 
     __proto__: WebInspector.VBox.prototype
 }
 
 WebInspector.ResourcesPanel.show = function()
 {
@@ skipping 20 matching lines @@
 
 WebInspector.ResourcesPanelFactory.prototype = {
     /**
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.ResourcesPanel._instance();
     }
 }