DevTools: migrate sources panel sidebar to views.

third_party/WebKit/Source/devtools/front_end/sources/XHRBreakpointsSidebarPane.js

 // Copyright (c) 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.ContextFlavorListener}
  * @implements {WebInspector.TargetManager.Observer}
  * @implements {WebInspector.ToolbarItem.ItemsProvider}
  */
 WebInspector.XHRBreakpointsSidebarPane = function()
 {
     WebInspector.BreakpointsSidebarPaneBase.call(this);
     this._xhrBreakpointsSetting = WebInspector.settings.createLocalSetting("xhrBreakpoints", []);
 
     /** @type {!Map.<string, !Element>} */
     this._breakpointElements = new Map();
 
     this._addButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add breakpoint"), "add-toolbar-item");
     this._addButton.addEventListener("click", this._addButtonClicked.bind(this));
 
     this.emptyElement.addEventListener("contextmenu", this._emptyElementContextMenu.bind(this), true);
-
     WebInspector.targetManager.observeTargets(this, WebInspector.Target.Capability.Browser);
+    this._update();
 }
 
 WebInspector.XHRBreakpointsSidebarPane.prototype = {
     /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetAdded: function(target)
     {
         this._restoreBreakpoints(target);
@@ skipping 19 matching lines @@
         var contextMenu = new WebInspector.ContextMenu(event);
         contextMenu.appendItem(WebInspector.UIString.capitalize("Add ^breakpoint"), this._addButtonClicked.bind(this));
         contextMenu.show();
     },
 
     _addButtonClicked: function(event)
     {
         if (event)
             event.consume();
 
-        WebInspector.viewManager.revealViewWithWidget(this);
+        WebInspector.viewManager.showView("sources.xhrBreakpoints");
 
         var inputElementContainer = createElementWithClass("p", "breakpoint-condition");
         inputElementContainer.textContent = WebInspector.UIString("Break when URL contains:");
 
         var inputElement = inputElementContainer.createChild("span", "editing");
         inputElement.id = "breakpoint-condition-input";
         this.addListElement(inputElementContainer, /** @type {?Element} */ (this.listElement.firstChild));
 
         /**
          * @param {boolean} accept
@@ skipping 141 matching lines @@
                 this._saveBreakpoints();
             } else
                 element.classList.remove("hidden");
         }
 
         WebInspector.InplaceEditor.startEditing(inputElement, new WebInspector.InplaceEditor.Config(finishEditing.bind(this, true), finishEditing.bind(this, false)));
     },
 
     /**
      * @override
-     * @param {?WebInspector.DebuggerPausedDetails} details
+     * @param {?Object} object
      */
-    highlightDetails: function(details)
+    flavorChanged: function(object)
     {
+        this._update();
+    },
+
+    _update: function()
+    {
+        var details = WebInspector.context.flavor(WebInspector.DebuggerPausedDetails);
         if (!details || details.reason !== WebInspector.DebuggerModel.BreakReason.XHR) {
             if (this._highlightedElement) {
                 this._highlightedElement.classList.remove("breakpoint-hit");
                 delete this._highlightedElement;
             }
             return;
         }
         var url = details.auxData["breakpointURL"];
         var element = this._breakpointElements.get(url);
         if (!element)
             return;
-        WebInspector.viewManager.revealViewWithWidget(this);
+        WebInspector.viewManager.showView("sources.xhrBreakpoints");
         element.classList.add("breakpoint-hit");
         this._highlightedElement = element;
     },
 
     _saveBreakpoints: function()
     {
         var breakpoints = [];
         for (var url of this._breakpointElements.keys())
             breakpoints.push({ url: url, enabled: this._breakpointElements.get(url)._checkboxElement.checked });
         this._xhrBreakpointsSetting.set(breakpoints);
     },
 
     /**
      * @param {!WebInspector.Target} target
      */
     _restoreBreakpoints: function(target)
     {
         var breakpoints = this._xhrBreakpointsSetting.get();
         for (var i = 0; i < breakpoints.length; ++i) {
             var breakpoint = breakpoints[i];
             if (breakpoint && typeof breakpoint.url === "string")
                 this._setBreakpoint(breakpoint.url, breakpoint.enabled, target);
         }
     },
 
     __proto__: WebInspector.BreakpointsSidebarPaneBase.prototype
 }