| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * Copyright (C) 2011 Google Inc. All rights reserved. | 4 * Copyright (C) 2011 Google Inc. All rights reserved. |
| 5 * | 5 * |
| 6 * Redistribution and use in source and binary forms, with or without | 6 * Redistribution and use in source and binary forms, with or without |
| 7 * modification, are permitted provided that the following conditions | 7 * modification, are permitted provided that the following conditions |
| 8 * are met: | 8 * are met: |
| 9 * | 9 * |
| 10 * 1. Redistributions of source code must retain the above copyright | 10 * 1. Redistributions of source code must retain the above copyright |
| (...skipping 1156 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1167 if (dataGridNode.isFilteredOut()) { | 1167 if (dataGridNode.isFilteredOut()) { |
| 1168 row.classList.remove("offscreen"); | 1168 row.classList.remove("offscreen"); |
| 1169 continue; | 1169 continue; |
| 1170 } | 1170 } |
| 1171 | 1171 |
| 1172 if (!rowHeight) | 1172 if (!rowHeight) |
| 1173 rowHeight = row.offsetHeight; | 1173 rowHeight = row.offsetHeight; |
| 1174 | 1174 |
| 1175 var rowIsVisible = unfilteredRowIndex * rowHeight < visibleBottom &&
(unfilteredRowIndex + 1) * rowHeight > visibleTop; | 1175 var rowIsVisible = unfilteredRowIndex * rowHeight < visibleBottom &&
(unfilteredRowIndex + 1) * rowHeight > visibleTop; |
| 1176 if (rowIsVisible !== row.rowIsVisible) { | 1176 if (rowIsVisible !== row.rowIsVisible) { |
| 1177 row.enableStyleClass("offscreen", !rowIsVisible); | 1177 row.classList.toggle("offscreen", !rowIsVisible); |
| 1178 row.rowIsVisible = rowIsVisible; | 1178 row.rowIsVisible = rowIsVisible; |
| 1179 } | 1179 } |
| 1180 var rowIsOdd = !!(unfilteredRowIndex & 1); | 1180 var rowIsOdd = !!(unfilteredRowIndex & 1); |
| 1181 if (rowIsOdd !== row.rowIsOdd) { | 1181 if (rowIsOdd !== row.rowIsOdd) { |
| 1182 row.enableStyleClass("odd", rowIsOdd); | 1182 row.classList.toggle("odd", rowIsOdd); |
| 1183 row.rowIsOdd = rowIsOdd; | 1183 row.rowIsOdd = rowIsOdd; |
| 1184 } | 1184 } |
| 1185 unfilteredRowIndex++; | 1185 unfilteredRowIndex++; |
| 1186 } | 1186 } |
| 1187 }, | 1187 }, |
| 1188 | 1188 |
| 1189 _matchRequest: function(request) | 1189 _matchRequest: function(request) |
| 1190 { | 1190 { |
| 1191 if (!this._searchRegExp) | 1191 if (!this._searchRegExp) |
| 1192 return -1; | 1192 return -1; |
| (...skipping 127 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1320 */ | 1320 */ |
| 1321 _applyFilter: function(node) | 1321 _applyFilter: function(node) |
| 1322 { | 1322 { |
| 1323 var request = node._request; | 1323 var request = node._request; |
| 1324 var matches = this._resourceTypeFilterUI.accept(request.type.name()); | 1324 var matches = this._resourceTypeFilterUI.accept(request.type.name()); |
| 1325 if (this._dataURLFilterUI.checked() && request.parsedURL.isDataURL()) | 1325 if (this._dataURLFilterUI.checked() && request.parsedURL.isDataURL()) |
| 1326 matches = false; | 1326 matches = false; |
| 1327 for (var i = 0; matches && (i < this._filters.length); ++i) | 1327 for (var i = 0; matches && (i < this._filters.length); ++i) |
| 1328 matches = this._filters[i](request); | 1328 matches = this._filters[i](request); |
| 1329 | 1329 |
| 1330 node.element.enableStyleClass("filtered-out", !matches); | 1330 node.element.classList.toggle("filtered-out", !matches); |
| 1331 if (matches) | 1331 if (matches) |
| 1332 this._filteredOutRequests.remove(request); | 1332 this._filteredOutRequests.remove(request); |
| 1333 else | 1333 else |
| 1334 this._filteredOutRequests.put(request, true); | 1334 this._filteredOutRequests.put(request, true); |
| 1335 }, | 1335 }, |
| 1336 | 1336 |
| 1337 /** | 1337 /** |
| 1338 * @param {string} query | 1338 * @param {string} query |
| 1339 */ | 1339 */ |
| 1340 _parseFilterQuery: function(query) | 1340 _parseFilterQuery: function(query) |
| (...skipping 395 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1736 SetCookieValue: "SetCookieValue" | 1736 SetCookieValue: "SetCookieValue" |
| 1737 }; | 1737 }; |
| 1738 | 1738 |
| 1739 /** @type {!Array.<string>} */ | 1739 /** @type {!Array.<string>} */ |
| 1740 WebInspector.NetworkPanel._searchKeys = Object.values(WebInspector.NetworkPanel.
FilterType); | 1740 WebInspector.NetworkPanel._searchKeys = Object.values(WebInspector.NetworkPanel.
FilterType); |
| 1741 | 1741 |
| 1742 WebInspector.NetworkPanel.prototype = { | 1742 WebInspector.NetworkPanel.prototype = { |
| 1743 _onFiltersToggled: function(event) | 1743 _onFiltersToggled: function(event) |
| 1744 { | 1744 { |
| 1745 var toggled = /** @type {boolean} */ (event.data); | 1745 var toggled = /** @type {boolean} */ (event.data); |
| 1746 this._filtersContainer.enableStyleClass("hidden", !toggled); | 1746 this._filtersContainer.classList.toggle("hidden", !toggled); |
| 1747 this.element.enableStyleClass("filters-toggled", toggled); | 1747 this.element.classList.toggle("filters-toggled", toggled); |
| 1748 }, | 1748 }, |
| 1749 | 1749 |
| 1750 /** | 1750 /** |
| 1751 * @return {!Array.<!Element>} | 1751 * @return {!Array.<!Element>} |
| 1752 */ | 1752 */ |
| 1753 elementsToRestoreScrollPositionsFor: function() | 1753 elementsToRestoreScrollPositionsFor: function() |
| 1754 { | 1754 { |
| 1755 return this._networkLogView.elementsToRestoreScrollPositionsFor(); | 1755 return this._networkLogView.elementsToRestoreScrollPositionsFor(); |
| 1756 }, | 1756 }, |
| 1757 | 1757 |
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1803 _onViewCleared: function(event) | 1803 _onViewCleared: function(event) |
| 1804 { | 1804 { |
| 1805 this._closeVisibleRequest(); | 1805 this._closeVisibleRequest(); |
| 1806 this._toggleGridMode(); | 1806 this._toggleGridMode(); |
| 1807 this._viewsContainerElement.removeChildren(); | 1807 this._viewsContainerElement.removeChildren(); |
| 1808 this._viewsContainerElement.appendChild(this._closeButtonElement); | 1808 this._viewsContainerElement.appendChild(this._closeButtonElement); |
| 1809 }, | 1809 }, |
| 1810 | 1810 |
| 1811 _onRowSizeChanged: function(event) | 1811 _onRowSizeChanged: function(event) |
| 1812 { | 1812 { |
| 1813 this._viewsContainerElement.enableStyleClass("small", !event.data.largeR
ows); | 1813 this._viewsContainerElement.classList.toggle("small", !event.data.largeR
ows); |
| 1814 }, | 1814 }, |
| 1815 | 1815 |
| 1816 _onSearchCountUpdated: function(event) | 1816 _onSearchCountUpdated: function(event) |
| 1817 { | 1817 { |
| 1818 this._searchableView.updateSearchMatchesCount(event.data); | 1818 this._searchableView.updateSearchMatchesCount(event.data); |
| 1819 }, | 1819 }, |
| 1820 | 1820 |
| 1821 _onSearchIndexUpdated: function(event) | 1821 _onSearchIndexUpdated: function(event) |
| 1822 { | 1822 { |
| 1823 this._searchableView.updateCurrentMatchIndex(event.data); | 1823 this._searchableView.updateCurrentMatchIndex(event.data); |
| (...skipping 668 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2492 this._refreshTimeCell(); | 2492 this._refreshTimeCell(); |
| 2493 | 2493 |
| 2494 var responseHeaderColumns = WebInspector.NetworkLogView._responseHeaderC
olumns; | 2494 var responseHeaderColumns = WebInspector.NetworkLogView._responseHeaderC
olumns; |
| 2495 for (var i = 0; i < responseHeaderColumns.length; ++i) | 2495 for (var i = 0; i < responseHeaderColumns.length; ++i) |
| 2496 this._refreshResponseHeaderCell(responseHeaderColumns[i]); | 2496 this._refreshResponseHeaderCell(responseHeaderColumns[i]); |
| 2497 | 2497 |
| 2498 if (this._request.cached) | 2498 if (this._request.cached) |
| 2499 this._timelineCell.classList.add("resource-cached"); | 2499 this._timelineCell.classList.add("resource-cached"); |
| 2500 | 2500 |
| 2501 this._element.classList.add("network-item"); | 2501 this._element.classList.add("network-item"); |
| 2502 this._element.enableStyleClass("network-error-row", this._isFailed()); | 2502 this._element.classList.toggle("network-error-row", this._isFailed()); |
| 2503 this._updateElementStyleClasses(this._element); | 2503 this._updateElementStyleClasses(this._element); |
| 2504 }, | 2504 }, |
| 2505 | 2505 |
| 2506 /** | 2506 /** |
| 2507 * @return {boolean} | 2507 * @return {boolean} |
| 2508 */ | 2508 */ |
| 2509 _isFailed: function() | 2509 _isFailed: function() |
| 2510 { | 2510 { |
| 2511 return !!this._request.failed || (this._request.statusCode >= 400); | 2511 return !!this._request.failed || (this._request.statusCode >= 400); |
| 2512 }, | 2512 }, |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2553 }, | 2553 }, |
| 2554 | 2554 |
| 2555 _refreshMethodCell: function() | 2555 _refreshMethodCell: function() |
| 2556 { | 2556 { |
| 2557 this._methodCell.setTextAndTitle(this._request.requestMethod); | 2557 this._methodCell.setTextAndTitle(this._request.requestMethod); |
| 2558 }, | 2558 }, |
| 2559 | 2559 |
| 2560 _refreshStatusCell: function() | 2560 _refreshStatusCell: function() |
| 2561 { | 2561 { |
| 2562 this._statusCell.removeChildren(); | 2562 this._statusCell.removeChildren(); |
| 2563 this._statusCell.enableStyleClass("network-dim-cell", !this._isFailed()
&& (this._request.cached || !this._request.statusCode)); | 2563 this._statusCell.classList.toggle("network-dim-cell", !this._isFailed()
&& (this._request.cached || !this._request.statusCode)); |
| 2564 | 2564 |
| 2565 if (this._request.failed && !this._request.canceled) { | 2565 if (this._request.failed && !this._request.canceled) { |
| 2566 var failText = WebInspector.UIString("(failed)"); | 2566 var failText = WebInspector.UIString("(failed)"); |
| 2567 if (this._request.localizedFailDescription) { | 2567 if (this._request.localizedFailDescription) { |
| 2568 this._statusCell.appendChild(document.createTextNode(failText)); | 2568 this._statusCell.appendChild(document.createTextNode(failText)); |
| 2569 this._appendSubtitle(this._statusCell, this._request.localizedFa
ilDescription); | 2569 this._appendSubtitle(this._statusCell, this._request.localizedFa
ilDescription); |
| 2570 this._statusCell.title = failText + " " + this._request.localize
dFailDescription; | 2570 this._statusCell.title = failText + " " + this._request.localize
dFailDescription; |
| 2571 } else | 2571 } else |
| 2572 this._statusCell.setTextAndTitle(failText); | 2572 this._statusCell.setTextAndTitle(failText); |
| 2573 } else if (this._request.statusCode) { | 2573 } else if (this._request.statusCode) { |
| (...skipping 27 matching lines...) Expand all Loading... |
| 2601 { | 2601 { |
| 2602 this._remoteAddressCell.setTextAndTitle(this._request.remoteAddress()); | 2602 this._remoteAddressCell.setTextAndTitle(this._request.remoteAddress()); |
| 2603 }, | 2603 }, |
| 2604 | 2604 |
| 2605 _refreshTypeCell: function() | 2605 _refreshTypeCell: function() |
| 2606 { | 2606 { |
| 2607 if (this._request.mimeType) { | 2607 if (this._request.mimeType) { |
| 2608 this._typeCell.classList.remove("network-dim-cell"); | 2608 this._typeCell.classList.remove("network-dim-cell"); |
| 2609 this._typeCell.setTextAndTitle(this._request.mimeType); | 2609 this._typeCell.setTextAndTitle(this._request.mimeType); |
| 2610 } else { | 2610 } else { |
| 2611 this._typeCell.enableStyleClass("network-dim-cell", !this._request.i
sPingRequest()); | 2611 this._typeCell.classList.toggle("network-dim-cell", !this._request.i
sPingRequest()); |
| 2612 this._typeCell.setTextAndTitle(this._request.requestContentType() ||
""); | 2612 this._typeCell.setTextAndTitle(this._request.requestContentType() ||
""); |
| 2613 } | 2613 } |
| 2614 }, | 2614 }, |
| 2615 | 2615 |
| 2616 _refreshInitiatorCell: function() | 2616 _refreshInitiatorCell: function() |
| 2617 { | 2617 { |
| 2618 this._initiatorCell.removeChildren(); | 2618 this._initiatorCell.removeChildren(); |
| 2619 this._initiatorCell.classList.remove("network-dim-cell"); | 2619 this._initiatorCell.classList.remove("network-dim-cell"); |
| 2620 this._initiatorCell.classList.remove("network-script-initiated"); | 2620 this._initiatorCell.classList.remove("network-script-initiated"); |
| 2621 delete this._initiatorCell.request; | 2621 delete this._initiatorCell.request; |
| (...skipping 251 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2873 WebInspector.NetworkDataGridNode.RequestPropertyComparator = function(propertyNa
me, revert, a, b) | 2873 WebInspector.NetworkDataGridNode.RequestPropertyComparator = function(propertyNa
me, revert, a, b) |
| 2874 { | 2874 { |
| 2875 var aValue = a._request[propertyName]; | 2875 var aValue = a._request[propertyName]; |
| 2876 var bValue = b._request[propertyName]; | 2876 var bValue = b._request[propertyName]; |
| 2877 if (aValue > bValue) | 2877 if (aValue > bValue) |
| 2878 return revert ? -1 : 1; | 2878 return revert ? -1 : 1; |
| 2879 if (bValue > aValue) | 2879 if (bValue > aValue) |
| 2880 return revert ? 1 : -1; | 2880 return revert ? 1 : -1; |
| 2881 return 0; | 2881 return 0; |
| 2882 } | 2882 } |
| OLD | NEW |