DevTools: add expand/collapse-subtree to context menu for DOM elements

third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeElement.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 527 matching lines @@
         var openTagElement = this._node[this.treeOutline.treeElementSymbol()] || this;
         var isEditable = this.hasEditableNode();
         if (isEditable && !this._editing)
             contextMenu.appendItem(WebInspector.UIString("Edit as HTML"), this._editAsHTML.bind(this));
         var isShadowRoot = this._node.isShadowRoot();
 
         // Place it here so that all "Copy"-ing items stick together.
         var copyMenu = contextMenu.appendSubMenuItem(WebInspector.UIString("Copy"));
         var createShortcut = WebInspector.KeyboardShortcut.shortcutToString;
         var modifier = WebInspector.KeyboardShortcut.Modifiers.CtrlOrMeta;
+        var treeOutline = this.treeOutline;
         var menuItem;
         if (!isShadowRoot)
-            menuItem = copyMenu.appendItem(WebInspector.UIString("Copy outerHTML"), this.treeOutline.performCopyOrCut.bind(this.treeOutline, false, this._node));
+            menuItem = copyMenu.appendItem(WebInspector.UIString("Copy outerHTML"), treeOutline.performCopyOrCut.bind(treeOutline, false, this._node));
             menuItem.setShortcut(createShortcut("V", modifier));
         if (this._node.nodeType() === Node.ELEMENT_NODE)
             copyMenu.appendItem(WebInspector.UIString.capitalize("Copy selector"), this._copyCSSPath.bind(this));
         if (!isShadowRoot)
             copyMenu.appendItem(WebInspector.UIString("Copy XPath"), this._copyXPath.bind(this));
         if (!isShadowRoot) {
-            var treeOutline = this.treeOutline;
             menuItem = copyMenu.appendItem(WebInspector.UIString("Cut element"), treeOutline.performCopyOrCut.bind(treeOutline, true, this._node), !this.hasEditableNode());
             menuItem.setShortcut(createShortcut("X", modifier));
             menuItem = copyMenu.appendItem(WebInspector.UIString("Copy element"), treeOutline.performCopyOrCut.bind(treeOutline, false, this._node));
             menuItem.setShortcut(createShortcut("C", modifier));
             menuItem = copyMenu.appendItem(WebInspector.UIString("Paste element"), treeOutline.pasteNode.bind(treeOutline, this._node), !treeOutline.canPaste(this._node));
             menuItem.setShortcut(createShortcut("V", modifier));
         }
 
         contextMenu.appendSeparator();
-        menuItem = contextMenu.appendCheckboxItem(WebInspector.UIString("Hide element"), this.treeOutline.toggleHideElement.bind(this.treeOutline, this._node), this.treeOutline.isToggledToHidden(this._node));
+        menuItem = contextMenu.appendCheckboxItem(WebInspector.UIString("Hide element"), treeOutline.toggleHideElement.bind(treeOutline, this._node), treeOutline.isToggledToHidden(this._node));
         menuItem.setShortcut(WebInspector.shortcutRegistry.shortcutTitleForAction("elements.hide-element"));
 
 
         if (isEditable)
             contextMenu.appendItem(WebInspector.UIString("Delete element"), this.remove.bind(this));
         contextMenu.appendSeparator();
+
+        contextMenu.appendItem(WebInspector.UIString("Expand all"), this.expandRecursively.bind(this));
+        contextMenu.appendItem(WebInspector.UIString("Collapse all"), this.collapseRecursively.bind(this));
+        contextMenu.appendSeparator();
     },
 
     _startEditing: function()
     {
         if (this.treeOutline.selectedDOMNode() !== this._node)
             return;
 
         var listItem = this._listItemNode;
 
         if (this._canAddAttributes) {
@@ skipping 1029 matching lines @@
     },
 
     _editAsHTML: function()
     {
         var promise = WebInspector.Revealer.revealPromise(this.node());
         promise.then(() => WebInspector.actionRegistry.action("elements.edit-as-html").execute());
     },
 
     __proto__: TreeElement.prototype
 }