[Devtools] Restructured contextMenu for DataGrid.

third_party/WebKit/Source/devtools/front_end/network/NetworkLogViewColumns.js

 // Copyright 2016 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
  * @param {!WebInspector.NetworkLogView} networkLogView
  * @param {!WebInspector.Setting} networkLogLargeRowsSetting
  */
 WebInspector.NetworkLogViewColumns = function(networkLogView, networkLogLargeRowsSetting)
@@ skipping 391 matching lines @@
         this._calculatorsMap.set(WebInspector.NetworkLogViewColumns._calculatorTypes.Time, timeCalculator);
         this._calculatorsMap.set(WebInspector.NetworkLogViewColumns._calculatorTypes.Duration, durationCalculator);
 
         this._popoverHelper = new WebInspector.PopoverHelper(this._networkLogView.element, this._getPopoverAnchor.bind(this), this._showPopover.bind(this), this._onHidePopover.bind(this));
 
         this._dataGrid = new WebInspector.SortableDataGrid(this._columns.map(WebInspector.NetworkLogViewColumns._convertToDataGridDescriptor));
 
         this._updateColumns();
         this._dataGrid.addEventListener(WebInspector.DataGrid.Events.SortingChanged, this._sortHandler, this);
         this._dataGrid.addEventListener(WebInspector.DataGrid.Events.ColumnsResized, this.updateDividersIfNeeded, this);
+        this._dataGrid.addEventListener(WebInspector.DataGrid.Events.HeaderContextMenu, event => this._innerHeaderContextMenu(/** @type {!WebInspector.ContextMenu} */ (event.data)));
 
         this._timelineGrid = new WebInspector.TimelineGrid();
         this._timelineGrid.element.classList.add("network-timeline-grid");
         if (!Runtime.experiments.isEnabled("canvasNetworkTimeline"))
             this._dataGrid.element.appendChild(this._timelineGrid.element);
 
         this._setupDropdownColumns();
 
         this._dataGrid.markColumnAsSortedBy(WebInspector.NetworkLogViewColumns._initialSortColumn, WebInspector.DataGrid.Order.Ascending);
 
@@ skipping 152 matching lines @@
     _makeHeaderFragment: function(title, subtitle)
     {
         var fragment = createDocumentFragment();
         fragment.createTextChild(title);
         var subtitleDiv = fragment.createChild("div", "network-header-subtitle");
         subtitleDiv.createTextChild(subtitle);
         return fragment;
     },
 
     /**
-     * @param {!Event} event
-     * @return {boolean}
+     * @param {!MouseEvent} event
      */
-    contextMenu: function(event)
+    headerContextMenuEvent: function(event)
     {
-        if (!this._gridMode || !event.target.isSelfOrDescendant(this._dataGrid.headerTableBody()))
-            return false;
+        // TODO(allada) Remove this entire function when new timeline moves to this file.
+        this._innerHeaderContextMenu(new WebInspector.ContextMenu(event));
+    },
 
+    /**
+     * @param {!WebInspector.ContextMenu} contextMenu
+     */
+    _innerHeaderContextMenu: function(contextMenu)
+    {
         var columnConfigs = this._columns.filter(columnConfig => columnConfig.hideable);
-        var contextMenu = new WebInspector.ContextMenu(event);
         var nonResponseHeaders = columnConfigs.filter(columnConfig => !columnConfig.isResponseHeader);
         for (var columnConfig of nonResponseHeaders)
             contextMenu.appendCheckboxItem(columnConfig.title, this._toggleColumnVisibility.bind(this, columnConfig), columnConfig.visible);
 
         contextMenu.appendSeparator();
 
         var responseSubMenu = contextMenu.appendSubMenuItem(WebInspector.UIString("Response Headers"));
         var responseHeaders = columnConfigs.filter(columnConfig => columnConfig.isResponseHeader);
         for (var columnConfig of responseHeaders)
             responseSubMenu.appendCheckboxItem(columnConfig.title, this._toggleColumnVisibility.bind(this, columnConfig), columnConfig.visible);
 
         responseSubMenu.appendSeparator();
         responseSubMenu.appendItem(WebInspector.UIString("Manage Header Columns\u2026"), this._manageCustomHeaderDialog.bind(this));
 
         contextMenu.show();
-        return true;
     },
 
     _manageCustomHeaderDialog: function()
     {
         var customHeaders = [];
         for (var columnConfig of this._columns) {
             if (columnConfig.isResponseHeader)
                 customHeaders.push({title: columnConfig.title, editable: columnConfig.isCustomHeader});
         }
         var manageCustomHeaders = new WebInspector.NetworkManageCustomHeadersView(customHeaders, headerTitle => !!this._addCustomHeader(headerTitle), this._changeCustomHeader.bind(this), this._removeCustomHeader.bind(this));
@@ skipping 211 matching lines @@
             divider.element.classList.toggle("network-frame-divider-selected", false);
     },
 
     _updateRowsSize: function()
     {
         if (Runtime.experiments.isEnabled("canvasNetworkTimeline"))
             return;
         this._timelineGrid.element.classList.toggle("small", !this._networkLogLargeRowsSetting.get());
     }
 };