DevTools: extract model from DOMBreakpointsSidebarPane

third_party/WebKit/Source/devtools/front_end/elements/ElementsPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 368 matching lines @@
 
         var treeOutline = WebInspector.ElementsTreeOutline.forDOMModel(domModel);
         treeOutline.rootDOMNode = inspectedRootDocument;
 
         if (!inspectedRootDocument) {
             if (this.isShowing())
                 domModel.requestDocument();
             return;
         }
 
-        WebInspector.domBreakpointsSidebarPane.restoreBreakpoints(domModel);
-
         /**
          * @this {WebInspector.ElementsPanel}
          * @param {?WebInspector.DOMNode} candidateFocusNode
          */
         function selectNode(candidateFocusNode)
         {
             if (!candidateFocusNode)
                 candidateFocusNode = inspectedRootDocument.body || inspectedRootDocument.documentElement;
 
             if (!candidateFocusNode)
@@ skipping 561 matching lines @@
      * @param {!Object} object
      */
     appendApplicableItems: function(event, contextMenu, object)
     {
         if (!(object instanceof WebInspector.RemoteObject && (/** @type {!WebInspector.RemoteObject} */ (object)).isNode())
             && !(object instanceof WebInspector.DOMNode)
             && !(object instanceof WebInspector.DeferredDOMNode)) {
             return;
         }
 
-        // Add debbuging-related actions
+        /**
+         * @param {!WebInspector.DOMNode} node
+         * @param {!WebInspector.ContextMenu} contextMenu
+         */
+        function populateNodeContextMenu(node, contextMenu)
+        {
+            if (node.pseudoType())
+                return;
+
+            var nodeBreakpoints = WebInspector.domBreakpointManager.nodeBreakpoints(node);
+
+            /**
+             * @param {!DOMDebuggerAgent.DOMBreakpointType} type
+             */
+            function toggleBreakpoint(type)
+            {
+                WebInspector.domBreakpointManager.toggleBreakpoint(node, type);
+            }
+            var breakpointsMenu = contextMenu.appendSubMenuItem(WebInspector.UIString("Break on..."));
+            for (var key in WebInspector.DOMBreakpointsSidebarPane.BreakpointTypes) {
+                var type = WebInspector.DOMBreakpointsSidebarPane.BreakpointTypes[key];
+                var label = WebInspector.DOMBreakpointsSidebarPane.ContextMenuLabels[type];
+                breakpointsMenu.appendCheckboxItem(label, toggleBreakpoint.bind(null, type), nodeBreakpoints.get(type));
+            }
+        }
+
+        // Add debugging-related actions
         if (object instanceof WebInspector.DOMNode) {
             contextMenu.appendSeparator();
-            WebInspector.domBreakpointsSidebarPane.populateNodeContextMenu(object, contextMenu, true);
+            populateNodeContextMenu(object, contextMenu);
         }
 
         // Skip adding "Reveal..." menu item for our own tree outline.
         if (WebInspector.ElementsPanel.instance().element.isAncestor(/** @type {!Node} */ (event.target)))
             return;
         var commandCallback = WebInspector.Revealer.reveal.bind(WebInspector.Revealer, object);
         contextMenu.appendItem(WebInspector.UIString.capitalize("Reveal in Elements ^panel"), commandCallback);
     }
 }
 
@@ skipping 133 matching lines @@
     /**
      * @override
      * @param {!WebInspector.DOMNode} node
      * @return {?{title: string, color: string}}
      */
     decorate: function(node)
     {
         return { color: "orange", title: WebInspector.UIString("Element state: %s", ":" + WebInspector.CSSModel.fromNode(node).pseudoState(node).join(", :")) };
     }
 }