SQL Operations Studio Public Preview 1 (0.23) release source code

src/sql/parts/dashboard/dashboard.component.ts

@@ -0,0 +1,58 @@
+/*---------------------------------------------------------------------------------------------
+*  Copyright (c) Microsoft Corporation. All rights reserved.
+*  Licensed under the Source EULA. See License.txt in the project root for license information.
+*--------------------------------------------------------------------------------------------*/
+
+import { OnInit, Component, Inject, forwardRef, ElementRef, ChangeDetectorRef, OnDestroy, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+
+import { DashboardServiceInterface } from './services/dashboardServiceInterface.service';
+import { IConnectionProfile } from 'sql/parts/connection/common/interfaces';
+import * as Utils from 'sql/parts/connection/common/utils';
+
+import { IColorTheme } from 'vs/workbench/services/themes/common/workbenchThemeService';
+import { IDisposable } from 'vs/base/common/lifecycle';
+import * as themeColors from 'vs/workbench/common/theme';
+
+export const DASHBOARD_SELECTOR: string = 'dashboard-component';
+
+@Component({
+	selector: DASHBOARD_SELECTOR,
+	templateUrl: decodeURI(require.toUrl('./dashboard.component.html'))
+})
+export class DashboardComponent implements OnInit, OnDestroy {
+	private _subs: Array<IDisposable> = new Array();
+	@ViewChild('header', { read: ElementRef }) private header: ElementRef;
+
+	constructor(
+		@Inject(forwardRef(() => DashboardServiceInterface)) private _bootstrapService: DashboardServiceInterface,
+		@Inject(forwardRef(() => Router)) private _router: Router,
+		@Inject(forwardRef(() => ChangeDetectorRef)) private _changeRef: ChangeDetectorRef
+	) { }
+
+	ngOnInit() {
+		let self = this;
+		self._subs.push(self._bootstrapService.themeService.onDidColorThemeChange(e => self.updateTheme(e)));
+		self.updateTheme(self._bootstrapService.themeService.getColorTheme());
+		let profile: IConnectionProfile = self._bootstrapService.getOriginalConnectionProfile();
+		if (profile && (!profile.databaseName || Utils.isMaster(profile))) {
+			// Route to the server page as this is the default database
+			self._router.navigate(['server-dashboard']);
+		}
+	}
+
+	ngOnDestroy() {
+		this._subs.forEach((value) => {
+			value.dispose();
+		});
+	}
+
+	private updateTheme(theme: IColorTheme): void {
+		let headerEl = <HTMLElement> this.header.nativeElement;
+		headerEl.style.borderBottomColor = theme.getColor(themeColors.SIDE_BAR_BACKGROUND, true).toString();
+		headerEl.style.borderBottomWidth = '1px';
+		headerEl.style.borderBottomStyle = 'solid';
+
+	}
+
+}