DevTools: NetworkPanel: add hide columns button.

Source/devtools/front_end/network/NetworkLogView.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google 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
@@ skipping 26 matching lines @@
  * @param {!WebInspector.Setting} coulmnsVisibilitySetting
  */
 WebInspector.NetworkLogView = function(filterBar, coulmnsVisibilitySetting)
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("network/networkLogView.css");
     this.registerRequiredCSS("ui/filter.css");
 
     this._filterBar = filterBar;
     this._coulmnsVisibilitySetting = coulmnsVisibilitySetting;
+    this._hideColumnsSetting = WebInspector.settings.createSetting("networkLogHideColumns", false);
     /** @type {!Map.<string, !WebInspector.NetworkDataGridNode>} */
     this._nodesByRequestId = new Map();
     /** @type {!Object.<string, boolean>} */
     this._staleRequestIds = {};
     /** @type {number} */
     this._mainRequestLoadTime = -1;
     /** @type {number} */
     this._mainRequestDOMContentLoadedTime = -1;
     this._matchedRequestCount = 0;
     this._highlightedSubstringChanges = [];
@@ skipping 176 matching lines @@
     /**
      * @return {!Array.<!WebInspector.StatusBarItem>}
      */
     statusBarItems: function()
     {
         return [
             this._recordButton,
             this._clearButton,
             this._filterBar.filterButton(),
             this._largerRequestsButton,
+            this._hideColumnsButton,
             this._preserveLogCheckbox,
             this._disableCacheCheckbox,
             new WebInspector.StatusBarItem(this._progressBarContainer) ];
     },
 
     /**
      * @return {boolean}
      */
     usesLargeRows: function()
     {
@@ skipping 208 matching lines @@
         timelineSorting.appendChild(option);
 
         var header = this._dataGrid.headerTableHeader("timeline");
         header.replaceChild(timelineSorting, header.firstChild);
 
         timelineSorting.addEventListener("click", function(event) { event.consume() }, false);
         timelineSorting.addEventListener("change", this._sortByTimeline.bind(this), false);
         this._timelineSortSelector = timelineSorting;
     },
 
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _clickHideColumnsButton: function(event)
+    {
+        this._toggleHideColumnsButton(!this._hideColumnsSetting.get());
+    },
+
+    /**
+     * @param {boolean} toggled
+     */
+    _toggleHideColumnsButton: function(toggled)
+    {
+        this._hideColumnsSetting.set(toggled);
+        this._hideColumnsButton.title = toggled ? WebInspector.UIString("Show columns.") : WebInspector.UIString("Hide columns.");
+        this._hideColumnsButton.setToggled(toggled);
+        this._updateColumns();
+    },
+
     _createSortingFunctions: function()
     {
         this._sortingFunctions = {};
         this._sortingFunctions.name = WebInspector.NetworkDataGridNode.NameComparator;
         this._sortingFunctions.method = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "method", false);
         this._sortingFunctions.status = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "statusCode", false);
         this._sortingFunctions.scheme = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "scheme", false);
         this._sortingFunctions.domain = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "domain", false);
         this._sortingFunctions.remoteAddress = WebInspector.NetworkDataGridNode.RemoteAddressComparator;
         this._sortingFunctions.type = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "mimeType", false);
@@ skipping 226 matching lines @@
         this._recordButton = new WebInspector.StatusBarButton("", "record-status-bar-item");
         this._recordButton.addEventListener("click", this._onRecordButtonClicked, this);
 
         this._clearButton = new WebInspector.StatusBarButton(WebInspector.UIString("Clear"), "clear-status-bar-item");
         this._clearButton.addEventListener("click", this._reset, this);
 
         this._largerRequestsButton = new WebInspector.StatusBarButton(WebInspector.UIString("Use small resource rows."), "large-list-status-bar-item");
         this._largerRequestsButton.setToggled(WebInspector.settings.resourcesLargeRows.get());
         this._largerRequestsButton.addEventListener("click", this._toggleLargerRequests, this);
 
+        this._hideColumnsButton = new WebInspector.StatusBarButton("", "waterfall-status-bar-item");
+        this._toggleHideColumnsButton(this._hideColumnsSetting.get());
+        this._hideColumnsButton.addEventListener("click", this._clickHideColumnsButton, this);
+
         this._preserveLogCheckbox = new WebInspector.StatusBarCheckbox(WebInspector.UIString("Preserve log"));
         this._preserveLogCheckbox.element.title = WebInspector.UIString("Do not clear log on page reload / navigation.");
 
         this._disableCacheCheckbox = new WebInspector.StatusBarCheckbox(WebInspector.UIString("Disable cache"));
         WebInspector.SettingsUI.bindCheckbox(this._disableCacheCheckbox.inputElement, WebInspector.settings.cacheDisabled);
         this._disableCacheCheckbox.element.title = WebInspector.UIString("Disable cache (while DevTools is open).");
 
         this._progressBarContainer = createElement("div");
     },
 
@@ skipping 257 matching lines @@
                 this._dataGrid.selectedNode.selected = false;
         } else {
             this._removeAllNodeHighlights();
             this._popoverHelper.hidePopover();
         }
 
         this.element.classList.toggle("brief-mode", !gridMode);
         this._updateColumns();
     },
 
-    _toggleLargerRequests: function()
+    /**
+     * @param {!WebInspector.Event=} event
+     */
+    _toggleLargerRequests: function(event)
     {
         WebInspector.settings.resourcesLargeRows.set(!WebInspector.settings.resourcesLargeRows.get());
         this._updateRowsSize();
     },
 
     /**
      * @return {number}
      */
     rowHeight: function()
     {
@@ skipping 94 matching lines @@
             row.createChild("td");
             appendStackTrace.call(this, callFrames);
             asyncStackTrace = asyncStackTrace.asyncStackTrace;
         }
 
         return framesTable;
     },
 
     _updateColumns: function()
     {
+        if (!this._dataGrid)
+            return;
         var gridMode = this._gridMode;
         var visibleColumns = {"name": true};
-        if (gridMode) {
+        if (gridMode)
             visibleColumns["timeline"] = true;
+        if (gridMode && !this._hideColumnsSetting.get()) {
             var columnsVisibility = this._coulmnsVisibilitySetting.get();
             for (var columnIdentifier in columnsVisibility)
                 visibleColumns[columnIdentifier] = columnsVisibility[columnIdentifier];
         }
 
         this._dataGrid.setColumnsVisiblity(visibleColumns);
     },
 
     /**
      * @param {string} columnIdentifier
@@ skipping 756 matching lines @@
     return request.finished;
 }
 
 WebInspector.NetworkLogView.EventTypes = {
     ViewCleared: "ViewCleared",
     RowSizeChanged: "RowSizeChanged",
     RequestSelected: "RequestSelected",
     SearchCountUpdated: "SearchCountUpdated",
     SearchIndexUpdated: "SearchIndexUpdated"
 };