DevTools: migrate sidebar pane's titleElement to use Toolbar.

Source/devtools/front_end/sources/AsyncOperationsSidebarPane.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.BreakpointsSidebarPaneBase}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.AsyncOperationsSidebarPane = function()
 {
     WebInspector.BreakpointsSidebarPaneBase.call(this, WebInspector.UIString("Async Operation Breakpoints"));
-    this.bodyElement.classList.add("async-operations");
+    this.element.classList.add("async-operations");
     this._updateEmptyElement();
 
-    var refreshButton = this.titleElement.createChild("button", "pane-title-button refresh");
-    refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false);
-    refreshButton.title = WebInspector.UIString("Refresh");
+    var refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
+    refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this));
+    this.toolbar().appendToolbarItem(refreshButton);
 
     /** @type {!Map.<!WebInspector.Target, !Map.<number, !DebuggerAgent.AsyncOperation>>} */
     this._asyncOperationsByTarget = new Map();
     /** @type {!Map.<number, !Element>} */
     this._operationIdToElement = new Map();
 
     this._revealBlackboxedCallFrames = false;
     this._linkifier = new WebInspector.Linkifier(new WebInspector.Linkifier.DefaultFormatter(30));
 
-    this._popoverHelper = new WebInspector.PopoverHelper(this.bodyElement, this._getPopoverAnchor.bind(this), this._showPopover.bind(this));
+    this._popoverHelper = new WebInspector.PopoverHelper(this.element, this._getPopoverAnchor.bind(this), this._showPopover.bind(this));
     this._popoverHelper.setTimeout(250, 250);
-    this.bodyElement.addEventListener("click", this._hidePopover.bind(this), true);
+    this.element.addEventListener("click", this._hidePopover.bind(this), true);
 
     WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.AsyncOperationStarted, this._onAsyncOperationStarted, this);
     WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.AsyncOperationCompleted, this._onAsyncOperationCompleted, this);
     WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.DebuggerResumed, this._debuggerResumed, this);
     WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.GlobalObjectCleared, this._debuggerReset, this);
     WebInspector.context.addFlavorChangeListener(WebInspector.Target, this._targetChanged, this);
 
     WebInspector.moduleSetting("skipStackFramesPattern").addChangeListener(this._refresh, this);
     WebInspector.moduleSetting("enableAsyncStackTraces").addChangeListener(this._asyncStackTracesStateChanged, this);
 
@@ skipping 156 matching lines @@
      */
     _debuggerReset: function(event)
     {
         var target = /** @type {!WebInspector.Target} */ (event.target.target());
         this._asyncOperationsByTarget.delete(target);
         if (this._target === target)
             this._clear();
     },
 
     /**
-     * @param {!Event} event
+     * @param {!WebInspector.Event} event
      */
     _refreshButtonClicked: function(event)
     {
         event.consume();
         this.expand();
         var debuggerModel = WebInspector.DebuggerModel.fromTarget(this._target);
         if (debuggerModel)
             debuggerModel.flushAsyncOperationEvents();
     },
 
@@ skipping 56 matching lines @@
 
     /**
      * @param {!DebuggerAgent.AsyncOperation} operation
      */
     _createAsyncOperationItem: function(operation)
     {
         var element = createElementWithClass("li", "async-operation");
 
         var title = operation.description || WebInspector.UIString("Async Operation");
         var label = createCheckboxLabel(title, operation[this._checkedSymbol]);
-        label.classList.add("checkbox-elem");
         label.checkboxElement.addEventListener("click", this._checkboxClicked.bind(this, operation.id), false);
         element.appendChild(label);
         var debuggerModel = WebInspector.DebuggerModel.fromTarget(this._target);
         var callFrame = WebInspector.DebuggerPresentationUtils.callFrameAnchorFromStackTrace(debuggerModel, operation.stackTrace, operation.asyncStackTrace, this._revealBlackboxedCallFrames);
         if (callFrame)
             element.createChild("div").appendChild(this._linkifier.linkifyConsoleCallFrame(this._target, callFrame));
 
         element[this._operationIdSymbol] = operation.id;
         this._operationIdToElement.set(operation.id, element);
         this.addListElement(element, this.listElement.firstChild);
@@ skipping 78 matching lines @@
             return null;
         var operationId = anchor[this._operationIdSymbol];
         var operation = operationId && asyncOperations.get(operationId);
         if (!operation || !operation.stackTrace)
             return null;
         return operation;
     },
 
     __proto__: WebInspector.BreakpointsSidebarPaneBase.prototype
 }