Code Layering dashboard (#4883)

* move dashboard to workbench

* revert xlf file changes

* 💄

* 💄

* add back removed functions

src/sql/workbench/parts/dashboard/containers/dashboardControlHostContainer.component.ts

@@ -0,0 +1,63 @@
+/*---------------------------------------------------------------------------------------------
+*  Copyright (c) Microsoft Corporation. All rights reserved.
+*  Licensed under the Source EULA. See License.txt in the project root for license information.
+*--------------------------------------------------------------------------------------------*/
+
+import 'vs/css!./dashboardControlHostContainer';
+
+import { Component, forwardRef, Input, AfterContentInit, ViewChild, OnChanges } from '@angular/core';
+
+import { Event, Emitter } from 'vs/base/common/event';
+
+import { DashboardTab } from 'sql/workbench/parts/dashboard/common/interfaces';
+import { TabConfig } from 'sql/workbench/parts/dashboard/common/dashboardWidget';
+import { ControlHostContent } from 'sql/workbench/parts/dashboard/contents/controlHostContent.component';
+import { TabChild } from 'sql/base/browser/ui/panel/tab.component';
+
+@Component({
+	selector: 'dashboard-controlhost-container',
+	providers: [{ provide: TabChild, useExisting: forwardRef(() => DashboardControlHostContainer) }],
+	template: `
+		<controlhost-content [webviewId]="tab.id">
+		</controlhost-content>
+	`
+})
+
+export class DashboardControlHostContainer extends DashboardTab implements AfterContentInit {
+	@Input() private tab: TabConfig;
+
+	private _onResize = new Emitter<void>();
+	public readonly onResize: Event<void> = this._onResize.event;
+
+	@ViewChild(ControlHostContent) private _hostContent: ControlHostContent;
+	constructor() {
+		super();
+	}
+
+	ngAfterContentInit(): void {
+		this._register(this._hostContent.onResize(() => {
+			this._onResize.fire();
+		}));
+
+		const container = <any>this.tab.container;
+		if (container['controlhost-container'] && container['controlhost-container'].type) {
+			this._hostContent.setControlType(container['controlhost-container'].type);
+		}
+	}
+
+	public layout(): void {
+		this._hostContent.layout();
+	}
+
+	public get id(): string {
+		return this.tab.id;
+	}
+
+	public get editable(): boolean {
+		return this.tab.editable;
+	}
+
+	public refresh(): void {
+		this._hostContent.refresh();
+	}
+}