Merge 77127 - 2011-01-30 Pavel Feldman <pfeldman@chromium.org>...

Source/WebCore/inspector/front-end/NetworkPanel.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 85 matching lines @@
         return [this._largerResourcesButton.element, this._preserveLogToggle.element, this._clearButton.element, this._filterBarElement];
     },
 
     isCategoryVisible: function(categoryName)
     {
         return true;
     },
 
     elementsToRestoreScrollPositionsFor: function()
     {
-        return [this.containerElement];
+        return [this.containerElement, this._dataGrid.scrollContainer];
     },
 
     resize: function()
     {
         WebInspector.Panel.prototype.resize.call(this);
         this._dataGrid.updateWidths();
         this._positionSummaryBar();
     },
 
     updateSidebarWidth: function(width)
@@ skipping 34 matching lines @@
         }
 
         if (!this._summaryBarRowNode && !fillerRow.offsetHeight) {
             // Glue status to table.
             this._summaryBarRowNode = new WebInspector.NetworkTotalGridNode(this._summaryBarElement);
             this._summaryBarElement.removeStyleClass("network-summary-bar-bottom");
             this._dataGrid.appendChild(this._summaryBarRowNode);
             this._dataGrid.element.style.bottom = 0;
             this._sortItems();
         }
+        this._updateOffscreenRows();
     },
 
     _resetSummaryBar: function()
     {
         delete this._summaryBarRowNode;
         this._summaryBarElement.parentElement.removeChild(this._summaryBarElement);
         this._updateSummaryBar();
     },
 
     _createTimelineGrid: function()
@@ skipping 36 matching lines @@
         columns.timeline.title = "";
         columns.timeline.sortable = false;
         columns.timeline.width = "37%";
         columns.timeline.sort = "ascending";
 
         this._dataGrid = new WebInspector.DataGrid(columns);
         this._dataGrid.element.addEventListener("contextmenu", this._contextMenu.bind(this), true);
         this.containerElement.appendChild(this._dataGrid.element);
         this._dataGrid.addEventListener("sorting changed", this._sortItems, this);
         this._dataGrid.addEventListener("width changed", this._updateDividersIfNeeded, this);
+        this._dataGrid.scrollContainer.addEventListener("scroll", this._updateOffscreenRows.bind(this));
 
         this._patchTimelineHeader();
     },
 
     _makeHeaderFragment: function(title, subtitle)
     {
         var fragment = document.createDocumentFragment();
         fragment.appendChild(document.createTextNode(title));
         var subtitleDiv = document.createElement("div");
         subtitleDiv.className = "network-header-subtitle";
@@ skipping 791 matching lines @@
         var harArchive = {
             log: (new WebInspector.HARLog()).build()
         }
         InspectorFrontendHost.copyText(JSON.stringify(harArchive));
     },
 
     _exportResource: function(resource)
     {
         var har = (new WebInspector.HAREntry(resource)).build();
         InspectorFrontendHost.copyText(JSON.stringify(har));
+    },
+
+    _updateOffscreenRows: function(e)
+    {
+        var dataTableBody = this._dataGrid.dataTableBody;
+        var rows = dataTableBody.children;
+        var recordsCount = rows.length;
+        if (recordsCount < 2)
+            return;  // Filler row only.
+
+        var visibleTop = this._dataGrid.scrollContainer.scrollTop;
+        var visibleBottom = visibleTop + this._dataGrid.scrollContainer.offsetHeight;
+
+        var rowHeight = rows[0].offsetHeight;
+
+        // Filler is at recordsCount - 1.
+        for (var i = 0; i < recordsCount - 1; ++i) {
+            var row = rows[i];
+            // Don't touch summaty - quit instead.
+            if (row === this._summaryBarRowNode)
+                break;
+            var rowIsVisible = i * rowHeight < visibleBottom && (i + 1) * rowHeight > visibleTop;
+            if (rowIsVisible !== row.rowIsVisible) {
+                if (rowIsVisible)
+                    row.removeStyleClass("offscreen");
+                else
+                    row.addStyleClass("offscreen");
+                row.rowIsVisible = rowIsVisible;
+            }
+        }
     }
 }
 
 WebInspector.NetworkPanel.prototype.__proto__ = WebInspector.Panel.prototype;
 
 WebInspector.NetworkBaseCalculator = function()
 {
 }
 
 WebInspector.NetworkBaseCalculator.prototype = {
@@ skipping 629 matching lines @@
     {
         var td = document.createElement("td");
         td.setAttribute("colspan", 7);
         td.className = "network-summary";
         td.appendChild(this._summaryBarElement);
         this._element.appendChild(td);
     }
 }
 
 WebInspector.NetworkTotalGridNode.prototype.__proto__ = WebInspector.DataGridNode.prototype;