Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(196)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/ElementsPanel.js

Issue 2446163004: Revert of DevTools: properly restore selected DOMNode in Elements panel. (Closed)
Patch Set: Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/elements-panel-rewrite-href-expected.txt ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 Matt Lilek <webkit@mattlilek.com> 3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
4 * Copyright (C) 2009 Joseph Pecoraro 4 * Copyright (C) 2009 Joseph Pecoraro
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 311 matching lines...) Expand 10 before | Expand all | Expand 10 after
322 * @param {!WebInspector.Event} event 322 * @param {!WebInspector.Event} event
323 */ 323 */
324 _selectedNodeChanged: function(event) 324 _selectedNodeChanged: function(event)
325 { 325 {
326 var selectedNode = /** @type {?WebInspector.DOMNode} */ (event.data); 326 var selectedNode = /** @type {?WebInspector.DOMNode} */ (event.data);
327 for (var i = 0; i < this._treeOutlines.length; ++i) { 327 for (var i = 0; i < this._treeOutlines.length; ++i) {
328 if (!selectedNode || selectedNode.domModel() !== this._treeOutlines[ i].domModel()) 328 if (!selectedNode || selectedNode.domModel() !== this._treeOutlines[ i].domModel())
329 this._treeOutlines[i].selectDOMNode(null); 329 this._treeOutlines[i].selectDOMNode(null);
330 } 330 }
331 331
332 if (!selectedNode && this._lastValidSelectedNode)
333 this._selectedPathOnReset = this._lastValidSelectedNode.path();
334
332 this._breadcrumbs.setSelectedNode(selectedNode); 335 this._breadcrumbs.setSelectedNode(selectedNode);
333 336
334 WebInspector.context.setFlavor(WebInspector.DOMNode, selectedNode); 337 WebInspector.context.setFlavor(WebInspector.DOMNode, selectedNode);
335 338
336 if (!selectedNode) 339 if (!selectedNode)
337 return; 340 return;
338 selectedNode.setAsInspectedNode(); 341 selectedNode.setAsInspectedNode();
339 if (!this._isSettingDefaultSelectedNode) { 342 this._lastValidSelectedNode = selectedNode;
340 this._selectedNodeOnReset = selectedNode;
341 this._hasNonDefaultSelectedNode = true;
342 }
343 343
344 var executionContexts = selectedNode.target().runtimeModel.executionCont exts(); 344 var executionContexts = selectedNode.target().runtimeModel.executionCont exts();
345 var nodeFrameId = selectedNode.frameId(); 345 var nodeFrameId = selectedNode.frameId();
346 for (var context of executionContexts) { 346 for (var context of executionContexts) {
347 if (context.frameId === nodeFrameId) { 347 if (context.frameId === nodeFrameId) {
348 WebInspector.context.setFlavor(WebInspector.ExecutionContext, co ntext); 348 WebInspector.context.setFlavor(WebInspector.ExecutionContext, co ntext);
349 break; 349 break;
350 } 350 }
351 } 351 }
352 }, 352 },
(...skipping 22 matching lines...) Expand all
375 375
376 var treeOutline = WebInspector.ElementsTreeOutline.forDOMModel(domModel) ; 376 var treeOutline = WebInspector.ElementsTreeOutline.forDOMModel(domModel) ;
377 treeOutline.rootDOMNode = inspectedRootDocument; 377 treeOutline.rootDOMNode = inspectedRootDocument;
378 378
379 if (!inspectedRootDocument) { 379 if (!inspectedRootDocument) {
380 if (this.isShowing()) 380 if (this.isShowing())
381 domModel.requestDocument(); 381 domModel.requestDocument();
382 return; 382 return;
383 } 383 }
384 384
385 this._hasNonDefaultSelectedNode = false;
386 WebInspector.domBreakpointsSidebarPane.restoreBreakpoints(inspectedRootD ocument); 385 WebInspector.domBreakpointsSidebarPane.restoreBreakpoints(inspectedRootD ocument);
387 386
387 /**
388 * @this {WebInspector.ElementsPanel}
389 * @param {?WebInspector.DOMNode} candidateFocusNode
390 */
391 function selectNode(candidateFocusNode)
392 {
393 if (!candidateFocusNode)
394 candidateFocusNode = inspectedRootDocument.body || inspectedRoot Document.documentElement;
395
396 if (!candidateFocusNode)
397 return;
398
399 if (!this._pendingNodeReveal) {
400 this.selectDOMNode(candidateFocusNode);
401 if (treeOutline.selectedTreeElement)
402 treeOutline.selectedTreeElement.expand();
403 }
404 }
405
406 /**
407 * @param {?DOMAgent.NodeId} nodeId
408 * @this {WebInspector.ElementsPanel}
409 */
410 function selectLastSelectedNode(nodeId)
411 {
412 if (this.selectedDOMNode()) {
413 // Focused node has been explicitly set while reaching out for t he last selected node.
414 return;
415 }
416 var node = nodeId ? domModel.nodeForId(nodeId) : null;
417 selectNode.call(this, node);
418 this._lastSelectedNodeSelectedForTest();
419 }
420
388 if (this._omitDefaultSelection) 421 if (this._omitDefaultSelection)
389 return; 422 return;
390 423
391 var savedSelectedNodeOnReset = this._selectedNodeOnReset; 424 if (this._selectedPathOnReset)
392 restoreNode.call(this, domModel, this._selectedNodeOnReset); 425 domModel.pushNodeByPathToFrontend(this._selectedPathOnReset, selectL astSelectedNode.bind(this));
393 426 else
394 /** 427 selectNode.call(this, null);
395 * @param {!WebInspector.DOMModel} domModel 428 delete this._selectedPathOnReset;
396 * @param {?WebInspector.DOMNode} staleNode
397 * @this {WebInspector.ElementsPanel}
398 */
399 function restoreNode(domModel, staleNode)
400 {
401 var nodePath = staleNode ? staleNode.path() : null;
402 if (!nodePath) {
403 onNodeRestored.call(this, null);
404 return;
405 }
406 domModel.pushNodeByPathToFrontend(nodePath, onNodeRestored.bind(this ));
407 }
408
409 /**
410 * @param {?DOMAgent.NodeId} restoredNodeId
411 * @this {WebInspector.ElementsPanel}
412 */
413 function onNodeRestored(restoredNodeId)
414 {
415 if (savedSelectedNodeOnReset !== this._selectedNodeOnReset)
416 return;
417 var node = restoredNodeId ? domModel.nodeForId(restoredNodeId) : nul l;
418 if (!node) {
419 var inspectedDocument = domModel.existingDocument();
420 node = inspectedDocument ? inspectedDocument.body || inspectedDo cument.documentElement : null;
421 }
422 this._setDefaultSelectedNode(node);
423 this._lastSelectedNodeSelectedForTest();
424 }
425 }, 429 },
426 430
427 _lastSelectedNodeSelectedForTest: function() { }, 431 _lastSelectedNodeSelectedForTest: function() { },
428 432
429 /** 433 /**
430 * @param {?WebInspector.DOMNode} node
431 */
432 _setDefaultSelectedNode: function(node)
433 {
434 if (!node || this._hasNonDefaultSelectedNode || this._pendingNodeReveal)
435 return;
436 var treeOutline = WebInspector.ElementsTreeOutline.forDOMModel(node.domM odel());
437 if (!treeOutline)
438 return;
439 this._isSettingDefaultSelectedNode = true;
440 this.selectDOMNode(node);
441 this._isSettingDefaultSelectedNode = false;
442 if (treeOutline.selectedTreeElement)
443 treeOutline.selectedTreeElement.expand();
444 },
445
446 /**
447 * @override 434 * @override
448 */ 435 */
449 searchCanceled: function() 436 searchCanceled: function()
450 { 437 {
451 delete this._searchQuery; 438 delete this._searchQuery;
452 this._hideSearchHighlights(); 439 this._hideSearchHighlights();
453 440
454 this._searchableView.updateSearchMatchesCount(0); 441 this._searchableView.updateSearchMatchesCount(0);
455 442
456 delete this._currentSearchResultIndex; 443 delete this._currentSearchResultIndex;
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after
725 treeOutline.domModel().redo(); 712 treeOutline.domModel().redo();
726 event.handled = true; 713 event.handled = true;
727 } 714 }
728 } 715 }
729 716
730 if (WebInspector.isEditing() && event.keyCode !== WebInspector.KeyboardS hortcut.Keys.F2.code) 717 if (WebInspector.isEditing() && event.keyCode !== WebInspector.KeyboardS hortcut.Keys.F2.code)
731 return; 718 return;
732 719
733 var treeOutline = null; 720 var treeOutline = null;
734 for (var i = 0; i < this._treeOutlines.length; ++i) { 721 for (var i = 0; i < this._treeOutlines.length; ++i) {
735 if (this._treeOutlines[i].selectedDOMNode()) 722 if (this._treeOutlines[i].selectedDOMNode() === this._lastValidSelec tedNode)
736 treeOutline = this._treeOutlines[i]; 723 treeOutline = this._treeOutlines[i];
737 } 724 }
738 if (!treeOutline) 725 if (!treeOutline)
739 return; 726 return;
740 727
741 if (!treeOutline.editing()) { 728 if (!treeOutline.editing()) {
742 handleUndoRedo.call(null, treeOutline); 729 handleUndoRedo.call(null, treeOutline);
743 if (event.handled) { 730 if (event.handled) {
744 this._stylesWidget.forceUpdate(); 731 this._stylesWidget.forceUpdate();
745 return; 732 return;
(...skipping 375 matching lines...) Expand 10 before | Expand all | Expand 10 after
1121 /** 1108 /**
1122 * @override 1109 * @override
1123 * @param {!WebInspector.DOMNode} node 1110 * @param {!WebInspector.DOMNode} node
1124 * @return {?{title: string, color: string}} 1111 * @return {?{title: string, color: string}}
1125 */ 1112 */
1126 decorate: function(node) 1113 decorate: function(node)
1127 { 1114 {
1128 return { color: "orange", title: WebInspector.UIString("Element state: % s", ":" + WebInspector.CSSModel.fromNode(node).pseudoState(node).join(", :")) }; 1115 return { color: "orange", title: WebInspector.UIString("Element state: % s", ":" + WebInspector.CSSModel.fromNode(node).pseudoState(node).join(", :")) };
1129 } 1116 }
1130 } 1117 }
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/elements-panel-rewrite-href-expected.txt ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698