[DevTools] Expose left and right toolbar in TabbedPane.

third_party/WebKit/Source/devtools/front_end/ui/TabbedPane.js

 /*
  * Copyright (C) 2010 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 22 matching lines @@
  * @constructor
  */
 WebInspector.TabbedPane = function()
 {
     WebInspector.VBox.call(this, true);
     this.registerRequiredCSS("ui/tabbedPane.css");
     this.element.classList.add("tabbed-pane");
     this.contentElement.classList.add("tabbed-pane-shadow");
     this.contentElement.tabIndex = -1;
     this._headerElement = this.contentElement.createChild("div", "tabbed-pane-header");
-    this._headerElement.createChild("content").select = ".tabbed-pane-header-before";
     this._headerContentsElement = this._headerElement.createChild("div", "tabbed-pane-header-contents");
     this._headerContentsElement.setAttribute("aria-label", WebInspector.UIString("Panels"));
     this._tabSlider = createElementWithClass("div", "tabbed-pane-tab-slider");
-    this._headerElement.createChild("content").select = ".tabbed-pane-header-after";
     this._tabsElement = this._headerContentsElement.createChild("div", "tabbed-pane-header-tabs");
     this._tabsElement.setAttribute("role", "tablist");
     this._contentElement = this.contentElement.createChild("div", "tabbed-pane-content");
     this._contentElement.setAttribute("role", "tabpanel");
     this._contentElement.createChild("content");
     /** @type {!Array.<!WebInspector.TabbedPaneTab>} */
     this._tabs = [];
     /** @type {!Array.<!WebInspector.TabbedPaneTab>} */
     this._tabsHistory = [];
     /** @type {!Object.<string, !WebInspector.TabbedPaneTab>} */
@@ skipping 761 matching lines @@
         this._tabsElement.insertBefore(tab._tabElement || null, this._tabsElement.childNodes[index]);
         var oldIndex = this._tabs.indexOf(tab);
         this._tabs.splice(oldIndex, 1);
         if (oldIndex < index)
             --index;
         this._tabs.splice(index, 0, tab);
         this.dispatchEventToListeners(WebInspector.TabbedPane.Events.TabOrderChanged, this._tabs);
     },
 
     /**
-     * @param {!Element} element
+     * @return {!WebInspector.Toolbar}
      */
-    insertBeforeTabStrip: function(element)
+    leftToolbar: function()
     {
-        element.classList.add("tabbed-pane-header-before");
-        this.element.appendChild(element);
+        if (!this._leftToolbar) {
+            this._leftToolbar = new WebInspector.Toolbar("tabbed-pane-left-toolbar");
+            this._headerElement.insertBefore(this._leftToolbar.element, this._headerElement.firstChild);
+        }
+        return this._leftToolbar;
     },
 
     /**
-     * @param {!Element} element
+     * @return {!WebInspector.Toolbar}
      */
-    appendAfterTabStrip: function(element)
+    rightToolbar: function()
     {
-        element.classList.add("tabbed-pane-header-after");
-        this.element.appendChild(element);
+        if (!this._rightToolbar) {
+            this._rightToolbar = new WebInspector.Toolbar("tabbed-pane-right-toolbar");
+            this._headerElement.appendChild(this._rightToolbar.element);
+        }
+        return this._rightToolbar;
     },
 
     renderWithNoHeaderBackground: function()
     {
         this._headerElement.classList.add("tabbed-pane-no-header-background");
     },
 
     /**
      * @param {boolean} allow
      * @param {boolean=} automatic
@@ skipping 393 matching lines @@
      * @param {!Array.<string>} ids
      */
     closeTabs: function(tabbedPane, ids) { },
 
     /**
      * @param {string} tabId
      * @param {!WebInspector.ContextMenu} contextMenu
      */
     onContextMenu: function(tabId, contextMenu) { }
 }