DevTools: extract model from DOMBreakpointsSidebarPane

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

 /*
  * Copyright (C) 2008 Apple 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.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 106 matching lines @@
         var status = this.contentElement.createChild("div", "callstack-info");
         status.removeChildren();
 
         if (!details) {
             status.textContent = WebInspector.UIString("Not Paused");
             status.classList.toggle("status", false);
             return;
         }
 
         if (details.reason === WebInspector.DebuggerModel.BreakReason.DOM) {
-            status.appendChild(WebInspector.domBreakpointsSidebarPane.createBreakpointHitStatusMessage(details));
+            status.appendChild(this._createDOMBreakpointHitStatusMessage(details));
         } else if (details.reason === WebInspector.DebuggerModel.BreakReason.EventListener) {
             var eventName = details.auxData["eventName"];
             var eventNameForUI = WebInspector.EventListenerBreakpointsSidebarPane.eventNameForUI(eventName, details.auxData);
             status.textContent = WebInspector.UIString("Paused on a \"%s\" Event Listener.", eventNameForUI);
         } else if (details.reason === WebInspector.DebuggerModel.BreakReason.XHR) {
             status.textContent = WebInspector.UIString("Paused on a XMLHttpRequest.");
         } else if (details.reason === WebInspector.DebuggerModel.BreakReason.Exception) {
             var description = details.auxData["description"] || "";
             status.textContent = WebInspector.UIString("Paused on exception: '%s'.", description.split("\n", 1)[0]);
         } else if (details.reason === WebInspector.DebuggerModel.BreakReason.PromiseRejection) {
@@ skipping 300 matching lines @@
     },
 
     _keyDown: function(event)
     {
         if (event.altKey || event.shiftKey || event.metaKey || event.ctrlKey)
             return;
         if (event.key === "ArrowUp" && this._selectPreviousCallFrameOnStack() || event.key === "ArrowDown" && this._selectNextCallFrameOnStack())
             event.consume(true);
     },
 
+    /**
+     * @param {!WebInspector.DebuggerPausedDetails} details
+     * @return {!Element}
+     */
+    _createDOMBreakpointHitStatusMessage: function(details)
+    {
+        var auxData = /** @type {!Object} */ (details.auxData);
+        var message = "Paused on a \"%s\" breakpoint.";
+        var substitutions = [];
+        substitutions.push(WebInspector.DOMBreakpointsSidebarPane.BreakpointTypeLabels[auxData["type"]]);
+
+        var domModel = WebInspector.DOMModel.fromTarget(details.target());
+        if (!domModel)
+            return WebInspector.formatLocalized(message, substitutions);
+
+        var node = domModel.nodeForId(auxData["nodeId"]);
+        var linkifiedNode = WebInspector.DOMPresentationUtils.linkifyNodeReference(node);
+        substitutions.push(linkifiedNode);
+
+        var targetNode = auxData["targetNodeId"] ? domModel.nodeForId(auxData["targetNodeId"]) : null;
+        var targetNodeLink = targetNode ? WebInspector.DOMPresentationUtils.linkifyNodeReference(targetNode) : "";
+
+        if (auxData.type === WebInspector.DOMBreakpointsSidebarPane.BreakpointTypes.SubtreeModified) {
+            if (auxData["insertion"]) {
+                if (targetNode !== node) {
+                    message = "Paused on a \"%s\" breakpoint set on %s, because a new child was added to its descendant %s.";
+                    substitutions.push(targetNodeLink);
+                } else
+                    message = "Paused on a \"%s\" breakpoint set on %s, because a new child was added to that node.";
+            } else {
+                message = "Paused on a \"%s\" breakpoint set on %s, because its descendant %s was removed.";
+                substitutions.push(targetNodeLink);
+            }
+        } else {
+            message = "Paused on a \"%s\" breakpoint set on %s.";
+        }
+
+        return WebInspector.formatLocalized(message, substitutions);
+    },
+
     __proto__: WebInspector.SimpleView.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.UIList.Item}
  * @param {string} functionName
  * @param {!WebInspector.DebuggerModel.Location} location
  * @param {!WebInspector.Linkifier} linkifier
  * @param {?WebInspector.DebuggerModel.CallFrame} debuggerCallFrame
@@ skipping 26 matching lines @@
         var uiLocation = liveLocation.uiLocation();
         if (!uiLocation)
             return;
         var text = uiLocation.linkText();
         this.setSubtitle(text.trimMiddle(30));
         this.subtitleElement.title = text;
     },
 
     __proto__: WebInspector.UIList.Item.prototype
 }