Adds Ability to Search for Nodes in Compared Execution Plans (#20168)

* Adds find node button to comparison plans.

* Can search multiple nodes (improve widget UI and initialization)

* Adjusts how second plan is added to the node search widget

* Adds styling to the find node action bar

* Removes unused code

* Minor clean up

* Cleans up CSS redundancy

* Adjusts property names according to access specifiers

* Corrects find node behavior to match SSMS

* Dependency injects instantiation service

* Adds additional property to telemetry event.

* Adds undefined to getter return signatures for plans

* Adds checks around active execution plan properties

* Code review change

* Code review changes
This commit is contained in:
Lewis Sanchez
2022-07-28 14:14:32 -07:00
committed by GitHub
parent 489f5f359f
commit 9fc251259c
3 changed files with 157 additions and 54 deletions

View File

@@ -55,13 +55,15 @@ However we always want it to be the width of the container it is resizing.
}
/* views created by the action-bar actions */
.eps-container .execution-plan .plan .plan-action-container .child {
.eps-container .execution-plan .plan .plan-action-container .child,
.eps-container .comparison-editor .plan-comparison-container .split-view-container .plan-container .plan-action-container .child {
flex: 0 0 25px;
margin-left: auto;
}
/* Search node action view */
.eps-container .execution-plan .plan .plan-action-container .search-node-widget {
.eps-container .execution-plan .plan .plan-action-container .search-node-widget,
.eps-container .comparison-editor .plan-comparison-container .split-view-container .plan-container .plan-action-container .search-node-widget {
display: flex;
flex-direction: row;
padding: 5px;
@@ -70,12 +72,14 @@ However we always want it to be the width of the container it is resizing.
}
/* input bar styling in search node action view */
.eps-container .execution-plan .plan .plan-action-container .search-node-widget .select-container {
.eps-container .execution-plan .plan .plan-action-container .search-node-widget .select-container,
.eps-container .comparison-editor .plan-comparison-container .split-view-container .plan-container .plan-action-container .search-node-widget .select-container {
margin-left: 5px;
}
/* styling for select element in search node action view */
.eps-container .execution-plan .plan .plan-action-container .search-node-widget .select-container>select {
.eps-container .execution-plan .plan .plan-action-container .search-node-widget .select-container>select,
.eps-container .comparison-editor .plan-comparison-container .split-view-container .plan-container .plan-action-container .search-node-widget .select-container>select {
height: 100%;
}