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

Source/devtools/front_end/components/DOMBreakpointsSidebarPane.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 205 matching lines @@
      * @param {!DOMDebuggerAgent.DOMBreakpointType} type
      * @param {boolean} enabled
      */
     _createBreakpointElement: function(node, type, enabled)
     {
         var element = createElement("li");
         element._node = node;
         element._type = type;
         element.addEventListener("contextmenu", this._contextMenu.bind(this, node, type), true);
 
-        var checkboxElement = createElement("input");
-        checkboxElement.className = "checkbox-elem";
-        checkboxElement.type = "checkbox";
-        checkboxElement.checked = enabled;
+        var checkboxElement = createCheckboxLabel("", enabled);
         checkboxElement.addEventListener("click", this._checkboxClicked.bind(this, node, type), false);
         element._checkboxElement = checkboxElement;
         element.appendChild(checkboxElement);
 
         var labelElement = createElement("span");
         element.appendChild(labelElement);
 
         var linkifiedNode = WebInspector.DOMPresentationUtils.linkifyNodeReference(node);
         linkifiedNode.classList.add("monospace");
         labelElement.appendChild(linkifiedNode);
@@ skipping 179 matching lines @@
 }
 
 /**
  * @constructor
  * @extends {WebInspector.SidebarPane}
  * @param {!WebInspector.DOMBreakpointsSidebarPane} pane
  * @param {!WebInspector.Panel} panel
  */
 WebInspector.DOMBreakpointsSidebarPane.Proxy = function(pane, panel)
 {
-    WebInspector.Widget.__assert(!pane.titleElement.firstChild, "Cannot create proxy for a sidebar pane with a toolbar");
-
     WebInspector.SidebarPane.call(this, pane.title());
     this.registerRequiredCSS("components/breakpointsList.css");
 
     this._wrappedPane = pane;
     this._panel = panel;
-
-    this.bodyElement.remove();
-    this.bodyElement = this._wrappedPane.bodyElement;
 }
 
 WebInspector.DOMBreakpointsSidebarPane.Proxy.prototype = {
     expand: function()
     {
         this._wrappedPane.expand();
     },
 
     onContentReady: function()
     {
         if (this._panel.isShowing())
             this._reattachBody();
 
         WebInspector.SidebarPane.prototype.onContentReady.call(this);
     },
 
     wasShown: function()
     {
         WebInspector.SidebarPane.prototype.wasShown.call(this);
         this._reattachBody();
     },
 
     _reattachBody: function()
     {
-        if (this.bodyElement.parentNode !== this.element)
-            this.element.appendChild(this.bodyElement);
+        if (this._wrappedPane.element.parentNode !== this.element)
+            this._wrappedPane.show(this.element);
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }
 
 /**
  * @type {!WebInspector.DOMBreakpointsSidebarPane}
  */
 WebInspector.domBreakpointsSidebarPane;