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 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 this._filtersContainer.appendChild(this._filterBar.filtersElement()); | 54 this._filtersContainer.appendChild(this._filterBar.filtersElement()); |
55 this._filterBar.addEventListener(WebInspector.FilterBar.Events.FiltersToggle
d, this._onFiltersToggled, this); | 55 this._filterBar.addEventListener(WebInspector.FilterBar.Events.FiltersToggle
d, this._onFiltersToggled, this); |
56 this._filterBar.setName("networkPanel", true); | 56 this._filterBar.setName("networkPanel", true); |
57 | 57 |
58 this._searchableView = new WebInspector.SearchableView(this); | 58 this._searchableView = new WebInspector.SearchableView(this); |
59 this._searchableView.setPlaceholder(WebInspector.UIString("Find by filename
or path")); | 59 this._searchableView.setPlaceholder(WebInspector.UIString("Find by filename
or path")); |
60 this._searchableView.show(this.element); | 60 this._searchableView.show(this.element); |
61 | 61 |
62 this._overview = new WebInspector.NetworkOverview(); | 62 this._overview = new WebInspector.NetworkOverview(); |
63 | 63 |
64 this._splitView = new WebInspector.SplitView(true, false, "networkPanelSplit
ViewState"); | 64 this._splitWidget = new WebInspector.SplitWidget(true, false, "networkPanelS
plitViewState"); |
65 this._splitView.hideMain(); | 65 this._splitWidget.hideMain(); |
66 | 66 |
67 this._splitView.show(this._searchableView.element); | 67 this._splitWidget.show(this._searchableView.element); |
68 | 68 |
69 this._progressBarContainer = createElement("div"); | 69 this._progressBarContainer = createElement("div"); |
70 this._createToolbarButtons(); | 70 this._createToolbarButtons(); |
71 | 71 |
72 /** @type {!WebInspector.NetworkLogView} */ | 72 /** @type {!WebInspector.NetworkLogView} */ |
73 this._networkLogView = new WebInspector.NetworkLogView(this._overview, this.
_filterBar, this._progressBarContainer, this._networkLogLargeRowsSetting); | 73 this._networkLogView = new WebInspector.NetworkLogView(this._overview, this.
_filterBar, this._progressBarContainer, this._networkLogLargeRowsSetting); |
74 this._splitView.setSidebarView(this._networkLogView); | 74 this._splitWidget.setSidebarWidget(this._networkLogView); |
75 | 75 |
76 this._detailsView = new WebInspector.VBox(); | 76 this._detailsWidget = new WebInspector.VBox(); |
77 this._detailsView.element.classList.add("network-details-view"); | 77 this._detailsWidget.element.classList.add("network-details-view"); |
78 this._splitView.setMainView(this._detailsView); | 78 this._splitWidget.setMainWidget(this._detailsWidget); |
79 | 79 |
80 this._closeButtonElement = createElementWithClass("div", "network-close-butt
on", "dt-close-button"); | 80 this._closeButtonElement = createElementWithClass("div", "network-close-butt
on", "dt-close-button"); |
81 this._closeButtonElement.addEventListener("click", this._showRequest.bind(th
is, null), false); | 81 this._closeButtonElement.addEventListener("click", this._showRequest.bind(th
is, null), false); |
82 | 82 |
83 this._networkLogShowOverviewSetting.addChangeListener(this._toggleShowOvervi
ew, this); | 83 this._networkLogShowOverviewSetting.addChangeListener(this._toggleShowOvervi
ew, this); |
84 this._networkLogLargeRowsSetting.addChangeListener(this._toggleLargerRequest
s, this); | 84 this._networkLogLargeRowsSetting.addChangeListener(this._toggleLargerRequest
s, this); |
85 this._networkRecordFilmStripSetting.addChangeListener(this._toggleRecordFilm
Strip, this); | 85 this._networkRecordFilmStripSetting.addChangeListener(this._toggleRecordFilm
Strip, this); |
86 | 86 |
87 this._toggleRecordButton(true); | 87 this._toggleRecordButton(true); |
88 this._toggleShowOverview(); | 88 this._toggleShowOverview(); |
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
223 | 223 |
224 _toggleLargerRequests: function() | 224 _toggleLargerRequests: function() |
225 { | 225 { |
226 this._updateUI(); | 226 this._updateUI(); |
227 }, | 227 }, |
228 | 228 |
229 _toggleShowOverview: function() | 229 _toggleShowOverview: function() |
230 { | 230 { |
231 var toggled = this._networkLogShowOverviewSetting.get(); | 231 var toggled = this._networkLogShowOverviewSetting.get(); |
232 if (toggled) | 232 if (toggled) |
233 this._overview.show(this._searchableView.element, this._splitView.el
ement); | 233 this._overview.show(this._searchableView.element, this._splitWidget.
element); |
234 else | 234 else |
235 this._overview.detach(); | 235 this._overview.detach(); |
236 }, | 236 }, |
237 | 237 |
238 _toggleRecordFilmStrip: function() | 238 _toggleRecordFilmStrip: function() |
239 { | 239 { |
240 var toggled = this._networkRecordFilmStripSetting.get(); | 240 var toggled = this._networkRecordFilmStripSetting.get(); |
241 if (toggled && !this._filmStripRecorder) { | 241 if (toggled && !this._filmStripRecorder) { |
242 this._filmStripView = new WebInspector.FilmStripView(); | 242 this._filmStripView = new WebInspector.FilmStripView(); |
243 this._filmStripView.element.classList.add("network-film-strip"); | 243 this._filmStripView.element.classList.add("network-film-strip"); |
(...skipping 13 matching lines...) Expand all Loading... |
257 * @return {boolean} | 257 * @return {boolean} |
258 */ | 258 */ |
259 _isDetailsPaneAtBottom: function() | 259 _isDetailsPaneAtBottom: function() |
260 { | 260 { |
261 return WebInspector.moduleSetting("splitVerticallyWhenDockedToRight").ge
t() && WebInspector.dockController.isVertical(); | 261 return WebInspector.moduleSetting("splitVerticallyWhenDockedToRight").ge
t() && WebInspector.dockController.isVertical(); |
262 }, | 262 }, |
263 | 263 |
264 _dockSideChanged: function() | 264 _dockSideChanged: function() |
265 { | 265 { |
266 var detailsViewAtBottom = this._isDetailsPaneAtBottom(); | 266 var detailsViewAtBottom = this._isDetailsPaneAtBottom(); |
267 this._splitView.setVertical(!detailsViewAtBottom); | 267 this._splitWidget.setVertical(!detailsViewAtBottom); |
268 this._updateUI(); | 268 this._updateUI(); |
269 }, | 269 }, |
270 | 270 |
271 /** | 271 /** |
272 * @param {!WebInspector.Event} event | 272 * @param {!WebInspector.Event} event |
273 */ | 273 */ |
274 _onFiltersToggled: function(event) | 274 _onFiltersToggled: function(event) |
275 { | 275 { |
276 var toggled = /** @type {boolean} */ (event.data); | 276 var toggled = /** @type {boolean} */ (event.data); |
277 this._filtersContainer.classList.toggle("hidden", !toggled); | 277 this._filtersContainer.classList.toggle("hidden", !toggled); |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
367 _showRequest: function(request) | 367 _showRequest: function(request) |
368 { | 368 { |
369 if (this._networkItemView) { | 369 if (this._networkItemView) { |
370 this._networkItemView.detach(); | 370 this._networkItemView.detach(); |
371 this._networkItemView = null; | 371 this._networkItemView = null; |
372 } | 372 } |
373 | 373 |
374 if (request) { | 374 if (request) { |
375 this._networkItemView = new WebInspector.NetworkItemView(request, th
is._networkLogView.timeCalculator()); | 375 this._networkItemView = new WebInspector.NetworkItemView(request, th
is._networkLogView.timeCalculator()); |
376 this._networkItemView.insertBeforeTabStrip(this._closeButtonElement)
; | 376 this._networkItemView.insertBeforeTabStrip(this._closeButtonElement)
; |
377 this._networkItemView.show(this._detailsView.element); | 377 this._networkItemView.show(this._detailsWidget.element); |
378 this._splitView.showBoth(); | 378 this._splitWidget.showBoth(); |
379 this._networkLogView.revealSelectedItem(); | 379 this._networkLogView.revealSelectedItem(); |
380 } else { | 380 } else { |
381 this._splitView.hideMain(); | 381 this._splitWidget.hideMain(); |
382 this._networkLogView.clearSelection(); | 382 this._networkLogView.clearSelection(); |
383 } | 383 } |
384 this._updateUI(); | 384 this._updateUI(); |
385 }, | 385 }, |
386 | 386 |
387 _updateUI: function() | 387 _updateUI: function() |
388 { | 388 { |
389 var detailsPaneAtBottom = this._isDetailsPaneAtBottom(); | 389 var detailsPaneAtBottom = this._isDetailsPaneAtBottom(); |
390 this._detailsView.element.classList.toggle("network-details-view-tall-he
ader", this._networkLogLargeRowsSetting.get() && !detailsPaneAtBottom); | 390 this._detailsWidget.element.classList.toggle("network-details-view-tall-
header", this._networkLogLargeRowsSetting.get() && !detailsPaneAtBottom); |
391 this._networkLogView.switchViewMode(!this._splitView.isResizable() || de
tailsPaneAtBottom); | 391 this._networkLogView.switchViewMode(!this._splitWidget.isResizable() ||
detailsPaneAtBottom); |
392 }, | 392 }, |
393 | 393 |
394 /** | 394 /** |
395 * @override | 395 * @override |
396 * @param {!WebInspector.SearchableView.SearchConfig} searchConfig | 396 * @param {!WebInspector.SearchableView.SearchConfig} searchConfig |
397 * @param {boolean} shouldJump | 397 * @param {boolean} shouldJump |
398 * @param {boolean=} jumpBackwards | 398 * @param {boolean=} jumpBackwards |
399 */ | 399 */ |
400 performSearch: function(searchConfig, shouldJump, jumpBackwards) | 400 performSearch: function(searchConfig, shouldJump, jumpBackwards) |
401 { | 401 { |
(...skipping 258 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
660 stopRecording: function(zeroTime) | 660 stopRecording: function(zeroTime) |
661 { | 661 { |
662 if (!this._target) | 662 if (!this._target) |
663 return; | 663 return; |
664 | 664 |
665 this._target.tracingManager.stop(); | 665 this._target.tracingManager.stop(); |
666 this._target = null; | 666 this._target = null; |
667 this._zeroTime = zeroTime; | 667 this._zeroTime = zeroTime; |
668 } | 668 } |
669 } | 669 } |
OLD | NEW |