Readd query plan (#2409)

* fix grid links

* formatting

* remove commented code

* adding query plan

* asd

* add query plan

* fix title

src/sql/parts/queryPlan/queryPlan.ts

@@ -0,0 +1,69 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+'use strict';
+
+import * as QP from 'html-query-plan';
+
+import { IPanelView, IPanelTab } from 'sql/base/browser/ui/panel/panel';
+
+import { Dimension } from 'vs/base/browser/dom';
+import { localize } from 'vs/nls';
+import * as UUID from 'vs/base/common/uuid';
+import { Builder } from 'vs/base/browser/builder';
+
+export class QueryPlanTab implements IPanelTab {
+	public readonly title = localize('queryPlanTitle', 'Query Plan');
+	public readonly identifier = UUID.generateUuid();
+	public readonly view: QueryPlanView;
+
+	constructor() {
+		this.view = new QueryPlanView();
+	}
+}
+
+export class QueryPlanView implements IPanelView {
+	private qp: QueryPlan;
+	private xml: string;
+	private container = document.createElement('div');
+
+	public render(container: HTMLElement): void {
+		if (!this.qp) {
+			this.qp = new QueryPlan(this.container);
+			if (this.xml) {
+				this.qp.xml = this.xml;
+			}
+		}
+		container.appendChild(this.container);
+	}
+
+	public layout(dimension: Dimension): void {
+	}
+
+	public showPlan(xml: string) {
+		if (this.qp) {
+			this.qp.xml = xml;
+		} else {
+			this.xml = xml;
+		}
+	}
+}
+
+export class QueryPlan {
+	private _xml: string;
+	constructor(private container: HTMLElement) {
+	}
+
+	public set xml(xml: string) {
+		this._xml = xml;
+		new Builder(this.container).empty();
+		QP.showPlan(this.container, this._xml, {
+			jsTooltips: false
+		});
+	}
+
+	public get xml(): string {
+		return this._xml;
+	}
+}