[DevTools] Expose left and right toolbar in TabbedPane.

third_party/WebKit/Source/devtools/front_end/ui/SplitWidget.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:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 865 matching lines @@
     /**
      * @param {!WebInspector.Event} event
      */
     _onZoomChanged: function(event)
     {
         this._forceUpdateLayout();
     },
 
     /**
      * @param {string} title
-     * @param {string=} className
-     * @return {!Element}
+     * @return {!WebInspector.ToolbarButton}
      */
-    displayShowHideSidebarButton: function(title, className)
+    createShowHideSidebarButton: function(title)
     {
         console.assert(this.isVertical(), "Buttons for split widget with horizontal split are not supported yet.");
 
         this._showHideSidebarButtonTitle = WebInspector.UIString(title);
-        this._showHideSidebarButton = this._mainElement.createChild("button", "sidebar-show-hide-button " + (className || ""));
-        this._showHideSidebarButton.addEventListener("click", buttonClicked.bind(this), false);
+        this._showHideSidebarButton = new WebInspector.ToolbarButton("", "sidebar-toolbar-item");
+        this._showHideSidebarButton.addEventListener("click", buttonClicked.bind(this));
         this._updateShowHideSidebarButton();
 
         /**
-         * @param {!Event} event
+         * @param {!WebInspector.Event} event
          * @this {WebInspector.SplitWidget}
          */
         function buttonClicked(event)
         {
             if (this._showMode !== WebInspector.SplitWidget.ShowMode.Both)
                 this.showBoth(true);
             else
                 this.hideSidebar(true);
         }
 
         return this._showHideSidebarButton;
     },
 
     _updateShowHideSidebarButton: function()
     {
         if (!this._showHideSidebarButton)
             return;
         var sidebarHidden = this._showMode === WebInspector.SplitWidget.ShowMode.OnlyMain;
-        this._showHideSidebarButton.classList.toggle("toggled-show", sidebarHidden);
-        this._showHideSidebarButton.classList.toggle("toggled-hide", !sidebarHidden);
-        this._showHideSidebarButton.classList.toggle("top-sidebar-show-hide-button", !this.isVertical() && !this.isSidebarSecond());
-        this._showHideSidebarButton.classList.toggle("right-sidebar-show-hide-button", this.isVertical() && this.isSidebarSecond());
-        this._showHideSidebarButton.classList.toggle("bottom-sidebar-show-hide-button", !this.isVertical() && this.isSidebarSecond());
-        this._showHideSidebarButton.classList.toggle("left-sidebar-show-hide-button", this.isVertical() && !this.isSidebarSecond());
-        this._showHideSidebarButton.title = sidebarHidden ? WebInspector.UIString("Show %s", this._showHideSidebarButtonTitle) : WebInspector.UIString("Hide %s", this._showHideSidebarButtonTitle);
+        this._showHideSidebarButton.setState((this.isSidebarSecond() ? "right" : "left") + "-" + (sidebarHidden ? "show" : "hide"));
+        this._showHideSidebarButton.setTitle(sidebarHidden ? WebInspector.UIString("Show %s", this._showHideSidebarButtonTitle) : WebInspector.UIString("Hide %s", this._showHideSidebarButtonTitle));
     },
 
     __proto__: WebInspector.Widget.prototype
 }