DevTools: align more status bar button usages.

Source/devtools/front_end/components/InspectorView.js

 /*
  * Copyright (C) 2011 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 38 matching lines @@
     this._tabbedPane.setRetainTabOrder(true);
     this._tabbedPane.show(this._drawerSplitView.mainElement());
     this._drawer = new WebInspector.Drawer(this._drawerSplitView);
 
     // Patch tabbed pane header with toolbar actions.
     this._toolbarElement = createElement("div");
     this._toolbarElement.className = "toolbar toolbar-background toolbar-colors";
     var headerElement = this._tabbedPane.headerElement();
     headerElement.parentElement.insertBefore(this._toolbarElement, headerElement);
 
-    this._leftToolbarElement = this._toolbarElement.createChild("div", "toolbar-controls-left");
+    this._leftToolbar = new WebInspector.StatusBar(this._toolbarElement);
     this._toolbarElement.appendChild(headerElement);
-    this._rightToolbarElement = this._toolbarElement.createChild("div", "toolbar-controls-right");
-    this._toolbarItems = [];
+    this._rightToolbar = new WebInspector.StatusBar(this._toolbarElement);
 
     this._closeButtonToolbarItem = createElementWithClass("div", "toolbar-close-button-item");
     var closeButtonElement = this._closeButtonToolbarItem.createChild("div", "close-button");
     closeButtonElement.addEventListener("click", InspectorFrontendHost.closeWindow.bind(InspectorFrontendHost), true);
-    this._rightToolbarElement.appendChild(this._closeButtonToolbarItem);
+    this._toolbarElement.appendChild(this._closeButtonToolbarItem);
 
     this._panels = {};
     // Used by tests.
     WebInspector["panels"] = this._panels;
 
     this._history = [];
     this._historyIterator = -1;
     this._keyDownBound = this._keyDown.bind(this);
     this._keyPressBound = this._keyPress.bind(this);
     /** @type {!Object.<string, !WebInspector.PanelDescriptor>} */
@@ skipping 46 matching lines @@
             this.addPanel(new WebInspector.RuntimeExtensionPanelDescriptor(extension));
         }
         WebInspector.endBatchUpdate();
     },
 
     /**
      * @param {!WebInspector.StatusBarItem} item
      */
     appendToLeftToolbar: function(item)
     {
-        this._toolbarItems.push(item);
-        this._leftToolbarElement.appendChild(item.element);
+        this._leftToolbar.appendStatusBarItem(item);
     },
 
     /**
      * @param {!WebInspector.StatusBarItem} item
      */
     appendToRightToolbar: function(item)
     {
-        this._toolbarItems.push(item);
-        this._rightToolbarElement.insertBefore(item.element, this._closeButtonToolbarItem);
+        this._rightToolbar.appendStatusBarItem(item);
     },
 
     /**
      * @param {!WebInspector.PanelDescriptor} panelDescriptor
      */
     addPanel: function(panelDescriptor)
     {
         var panelName = panelDescriptor.name();
         this._panelDescriptors[panelName] = panelDescriptor;
         this._tabbedPane.appendTab(panelName, panelDescriptor.title(), new WebInspector.View());
@@ skipping 43 matching lines @@
         return promise;
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onSuspendStateChanged: function(event)
     {
         this._currentPanelLocked = WebInspector.targetManager.allTargetsSuspended();
         this._tabbedPane.setCurrentTabLocked(this._currentPanelLocked);
-        for (var i = 0; i < this._toolbarItems.length; ++i)
-            this._toolbarItems[i].setEnabled(!this._currentPanelLocked);
+        this._leftToolbar.setEnabled(!this._currentPanelLocked);
+        this._rightToolbar.setEnabled(!this._currentPanelLocked);
     },
 
     /**
      * The returned Promise is resolved with null if another showPanel()
      * gets called while this.panel(panelName) Promise is in flight.
      *
      * @param {string} panelName
      * @return {!Promise.<?WebInspector.Panel>}
      */
     showPanel: function(panelName)
@@ skipping 326 matching lines @@
 
 WebInspector.InspectorView.ToggleDrawerButtonProvider.prototype = {
     /**
      * @return {?WebInspector.StatusBarItem}
      */
     item: function()
     {
         return WebInspector.inspectorView._drawer.toggleButton();
     }
 }