Refresh master with initial release/0.24 snapshot (#332)

* Initial port of release/0.24 source code

* Fix additional headers

* Fix a typo in launch.json

src/sql/parts/accountManagement/autoOAuthDialog/autoOAuthDialog.ts

@@ -0,0 +1,160 @@
+/*---------------------------------------------------------------------------------------------
+ *  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 'vs/css!./media/autoOAuthDialog';
+import { Builder, $ } from 'vs/base/browser/builder';
+import { IThemeService } from 'vs/platform/theme/common/themeService';
+import { attachInputBoxStyler } from 'vs/platform/theme/common/styler';
+import { IPartService } from 'vs/workbench/services/part/common/partService';
+import Event, { Emitter } from 'vs/base/common/event';
+import { IContextViewService } from 'vs/platform/contextview/browser/contextView';
+import { localize } from 'vs/nls';
+import { IContextKeyService } from 'vs/platform/contextkey/common/contextkey';
+import { SIDE_BAR_BACKGROUND } from 'vs/workbench/common/theme';
+
+import { Button } from 'sql/base/browser/ui/button/button';
+import { Modal } from 'sql/base/browser/ui/modal/modal';
+import { InputBox } from 'sql/base/browser/ui/inputBox/inputBox';
+import { attachModalDialogStyler, attachButtonStyler } from 'sql/common/theme/styler';
+import { ITelemetryService } from 'vs/platform/telemetry/common/telemetry';
+import * as TelemetryKeys from 'sql/common/telemetryKeys';
+
+export class AutoOAuthDialog extends Modal {
+	private _copyAndOpenButton: Button;
+	private _closeButton: Button;
+	private _userCodeInputBox: InputBox;
+	private _websiteInputBox: InputBox;
+	private _descriptionElement: HTMLElement;
+
+	// EVENTING ////////////////////////////////////////////////////////////
+	private _onHandleAddAccount = new Emitter<void>();
+	public get onHandleAddAccount(): Event<void> { return this._onHandleAddAccount.event; }
+
+	private _onCancel = new Emitter<void>();
+	public get onCancel(): Event<void> { return this._onCancel.event; }
+
+
+	private _onCloseEvent = new Emitter<void>();
+	public get onCloseEvent(): Event<void> { return this._onCloseEvent.event; }
+
+	constructor(
+		@IPartService partService: IPartService,
+		@IThemeService private _themeService: IThemeService,
+		@IContextViewService private _contextViewService: IContextViewService,
+		@ITelemetryService telemetryService: ITelemetryService,
+		@IContextKeyService contextKeyService: IContextKeyService
+	) {
+		super(
+			'',
+			TelemetryKeys.AutoOAuth,
+			partService,
+			telemetryService,
+			contextKeyService,
+			{
+				isFlyout: true,
+				hasBackButton: true,
+				hasSpinner: true
+			}
+		);
+	}
+
+	public render() {
+		super.render();
+		attachModalDialogStyler(this, this._themeService);
+		this.backButton.addListener('click', () => this.cancel());
+		this._register(attachButtonStyler(this.backButton, this._themeService, { buttonBackground: SIDE_BAR_BACKGROUND, buttonHoverBackground: SIDE_BAR_BACKGROUND }));
+
+		this._copyAndOpenButton = this.addFooterButton(localize('copyAndOpen', 'Copy & Open'), () => this.addAccount());
+		this._closeButton = this.addFooterButton(localize('cancel', 'Cancel'), () => this.cancel());
+		this.registerListeners();
+		this._userCodeInputBox.disable();
+		this._websiteInputBox.disable();
+	}
+
+	protected layout(height?: number): void {
+		// NO OP
+	}
+
+	protected renderBody(container: HTMLElement) {
+		$().div({ class: 'auto-oauth-description-section new-section' }, (descriptionContainer) => {
+			this._descriptionElement = descriptionContainer.getHTMLElement();
+		});
+
+		let addAccountSection;
+		$().div({ class: 'auto-oauth-info-section  new-section' }, (addAccountContainer) => {
+			addAccountSection = addAccountContainer.getHTMLElement();
+			this._userCodeInputBox = this.createInputBoxHelper(addAccountContainer, localize('userCode', 'User code'));
+			this._websiteInputBox = this.createInputBoxHelper(addAccountContainer, localize('website', 'Website'));
+		});
+
+		new Builder(container).div({ class: 'auto-oauth-dialog' }, (builder) => {
+			builder.append(this._descriptionElement);
+			builder.append(addAccountSection);
+		});
+	}
+
+	private createInputBoxHelper(container: Builder, label: string): InputBox {
+		let inputBox: InputBox;
+		container.div({ class: 'dialog-input-section' }, (inputContainer) => {
+			inputContainer.div({ class: 'dialog-label' }, (labelContainer) => {
+				labelContainer.innerHtml(label);
+			});
+
+			inputContainer.div({ class: 'dialog-input' }, (inputCellContainer) => {
+				inputBox = new InputBox(inputCellContainer.getHTMLElement(), this._contextViewService);
+			});
+		});
+		return inputBox;
+	}
+
+	private registerListeners(): void {
+		// Theme styler
+		this._register(attachButtonStyler(this._copyAndOpenButton, this._themeService));
+		this._register(attachButtonStyler(this._closeButton, this._themeService));
+		this._register(attachInputBoxStyler(this._userCodeInputBox, this._themeService));
+		this._register(attachInputBoxStyler(this._websiteInputBox, this._themeService));
+
+	}
+
+	/* Overwrite escape key behavior */
+	protected onClose() {
+		this.cancel();
+	}
+
+	/* Overwrite enter key behavior */
+	protected onAccept() {
+		this.addAccount();
+	}
+
+	private addAccount() {
+		if (this._copyAndOpenButton.enabled) {
+			this._copyAndOpenButton.enabled = false;
+			this.showSpinner();
+			this._onHandleAddAccount.fire();
+		}
+	}
+
+	public cancel() {
+		this._onCancel.fire();
+	}
+
+	public close() {
+		this._copyAndOpenButton.enabled = true;
+		this._onCloseEvent.fire();
+		this.hideSpinner();
+		this.hide();
+	}
+
+	public open(title: string, message: string, userCode: string, uri: string) {
+		// Update dialog
+		this.title = title;
+		this._descriptionElement.innerText = message;
+		this._userCodeInputBox.value = userCode;
+		this._websiteInputBox.value = uri;
+		this.show();
+		this._copyAndOpenButton.focus();
+	}
+}

src/sql/parts/accountManagement/autoOAuthDialog/autoOAuthDialogController.ts

@@ -0,0 +1,79 @@
+/*---------------------------------------------------------------------------------------------
+ *  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 { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
+import Severity from 'vs/base/common/severity';
+import { localize } from 'vs/nls';
+
+import { IErrorMessageService } from 'sql/parts/connection/common/connectionManagement';
+import { AutoOAuthDialog } from 'sql/parts/accountManagement/autoOAuthDialog/autoOAuthDialog';
+import { IAccountManagementService } from 'sql/services/accountManagement/interfaces';
+
+export class AutoOAuthDialogController {
+	// MEMBER VARIABLES ////////////////////////////////////////////////////
+	private _autoOAuthDialog: AutoOAuthDialog;
+	private _providerId: string;
+	private _userCode: string;
+	private _uri: string;
+
+	constructor(
+		@IInstantiationService private _instantiationService: IInstantiationService,
+		@IAccountManagementService private _accountManagementService: IAccountManagementService,
+		@IErrorMessageService private _errorMessageService: IErrorMessageService
+	) {
+		this._providerId = null;
+	}
+
+	/**
+	 * Open auto OAuth dialog
+	 */
+	public openAutoOAuthDialog(providerId: string, title: string, message: string, userCode: string, uri: string): Thenable<void> {
+		if (this._providerId !== null) {
+			// If a oauth flyout is already open, return an error
+			let errorMessage = localize('oauthFlyoutIsAlreadyOpen', 'Cannot start auto OAuth. An auto OAuth is already in progress.');
+			this._errorMessageService.showDialog(Severity.Error, '', errorMessage);
+			return Promise.reject(new Error('Auto OAuth dialog already open'));
+		}
+
+		// Create a new dialog if one doesn't exist
+		if (!this._autoOAuthDialog) {
+			this._autoOAuthDialog = this._instantiationService.createInstance(AutoOAuthDialog);
+			this._autoOAuthDialog.onHandleAddAccount(this.handleOnAddAccount, this);
+			this._autoOAuthDialog.onCancel(this.handleOnCancel, this);
+			this._autoOAuthDialog.onCloseEvent(this.handleOnClose, this);
+			this._autoOAuthDialog.render();
+		}
+
+		this._userCode = userCode;
+		this._uri = uri;
+
+		// Open the dialog
+		this._autoOAuthDialog.open(title, message, userCode, uri);
+		this._providerId = providerId;
+		return Promise.resolve();
+	}
+
+	/**
+	 * Close auto OAuth dialog
+	 */
+	public closeAutoOAuthDialog(): void {
+		this._autoOAuthDialog.close();
+		this._providerId = null;
+	}
+
+	// PRIVATE HELPERS /////////////////////////////////////////////////////
+	private handleOnCancel(): void {
+		this._accountManagementService.cancelAutoOAuthDeviceCode(this._providerId);
+	}
+
+	private handleOnClose(): void {
+		this._providerId = null;
+	}
+
+	private handleOnAddAccount(): void {
+		this._accountManagementService.copyUserCodeAndOpenBrowser(this._userCode, this._uri);
+	}
+}

src/sql/parts/accountManagement/autoOAuthDialog/media/autoOAuthDialog.css

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.auto-oauth-dialog {
+	padding: 15px
+}
+
+.modal .auto-oauth-dialog .new-section {
+	padding-bottom: 30px;
+}
+
+.modal .auto-oauth-dialog .dialog-input-section {
+	display: flex;
+	padding-left: 15px;
+	padding-right: 15px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+.modal .auto-oauth-dialog .dialog-input-section .dialog-label {
+	flex: 0 0 100px;
+	align-self: center;
+}
+
+.modal .auto-oauth-dialog .dialog-input-section .dialog-input {
+	flex: 1 1 auto;
+}