ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-05 09:35:39 -05:00
Code Issues Packages Projects Releases Wiki Activity

Migration wizard Refresh 11th Feb 2021 (#14257)

Browse Source 
* Adding summary page,
Storing ongoing migrations,
localizing some string,
made changes to how dropdowns work
updated database backup page

* Moved classes into different files
Fixed a lot of typos
Fixed some UI margins
This commit is contained in:
Aasim Khan
2021-02-11 21:18:44 -08:00
committed by GitHub
parent 7739f25f7f
commit b5479d0246
16 changed files with 1121 additions and 583 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
extensions/sql-migration/src/wizard/summaryPage.ts Normal file
View File

@@ -0,0 +1,150 @@
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the Source EULA. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
import * as azdata from 'azdata';
import { MigrationWizardPage } from '../models/migrationWizardPage';
import { MigrationStateModel, NetworkContainerType, StateChangeEvent } from '../models/stateMachine';
import * as constants from '../models/strings';
export class SummaryPage extends MigrationWizardPage {
private _view!: azdata.ModelView;
private _flexContainer!: azdata.FlexContainer;
constructor(wizard: azdata.window.Wizard, migrationStateModel: MigrationStateModel) {
super(wizard, azdata.window.createWizardPage(constants.SUMMARY_PAGE_TITLE), migrationStateModel);
}
protected async registerContent(view: azdata.ModelView): Promise<void> {
this._view = view;
this._flexContainer = view.modelBuilder.flexContainer().withLayout({
flexFlow: 'column'
}).component();
const form = view.modelBuilder.formContainer()
.withFormItems(
[
{
component: this._flexContainer
}
]
);
await view.initializeModel(form.component());
}
public async onPageEnter(): Promise<void> {
this._flexContainer.addItems(
[
this.createHeadingTextComponent(constants.AZURE_ACCOUNT_LINKED),
this.createHeadingTextComponent(this.migrationStateModel.azureAccount.displayInfo.displayName),
this.createHeadingTextComponent(constants.MIGRATION_TARGET),
this.createInformationRow(constants.TYPE, constants.SUMMARY_MI_TYPE),
this.createInformationRow(constants.SUBSCRIPTION, this.migrationStateModel._targetSubscription.name),
this.createInformationRow(constants.SUMMARY_MI_TYPE, this.migrationStateModel._targetManagedInstance.name),
this.createInformationRow(constants.SUMMARY_DATABASE_COUNT_LABEL, '1'),
this.createHeadingTextComponent(constants.DATABASE_BACKUP_PAGE_TITLE),
this.createNetworkContainerRows(),
this.createHeadingTextComponent(constants.IR_PAGE_TITLE),
this.createInformationRow(constants.IR_PAGE_TITLE, this.migrationStateModel.migrationController?.name!),
this.createInformationRow(constants.SUMMARY_IR_NODE, this.migrationStateModel._nodeNames.join(', ')),
]
);
}
public async onPageLeave(): Promise<void> {
this._flexContainer.clearItems();
this.wizard.registerNavigationValidator(async (pageChangeInfo) => {
return true;
});
}
protected async handleStateChange(e: StateChangeEvent): Promise<void> {
}
private createInformationRow(label: string, value: string): azdata.FlexContainer {
return this._view.modelBuilder.flexContainer()
.withLayout(
{
flexFlow: 'row',
alignItems: 'center',
})
.withItems(
[
this.creaetLabelTextComponent(label),
this.createTextCompononent(value)
],
{
CSSStyles: { 'margin-right': '5px' }
})
.component();
}
private createHeadingTextComponent(value: string): azdata.TextComponent {
const component = this.createTextCompononent(value);
component.updateCssStyles({
'font-size': '13px',
'font-weight': 'bold'
});
return component;
}
private creaetLabelTextComponent(value: string): azdata.TextComponent {
const component = this.createTextCompononent(value);
component.updateCssStyles({
'color': '#595959',
'width': '250px'
});
return component;
}
private createTextCompononent(value: string): azdata.TextComponent {
return this._view.modelBuilder.text().withProps({
value: value
}).component();
}
private createNetworkContainerRows(): azdata.FlexContainer {
const flexContainer = this._view.modelBuilder.flexContainer().withLayout({
flexFlow: 'column'
}).component();
switch (this.migrationStateModel.databaseBackup.networkContainerType) {
case NetworkContainerType.NETWORK_SHARE:
flexContainer.addItems(
[
this.createInformationRow(constants.TYPE, constants.NETWORK_SHARE),
this.createInformationRow(constants.PATH, this.migrationStateModel.databaseBackup.networkShareLocation),
this.createInformationRow(constants.USER_ACCOUNT, this.migrationStateModel.databaseBackup.windowsUser),
this.createInformationRow(constants.SUMMARY_AZURE_STORAGE_SUBSCRIPTION, this.migrationStateModel.databaseBackup.subscription.name),
this.createInformationRow(constants.SUMMARY_AZURE_STORAGE, this.migrationStateModel.databaseBackup.storageAccount.name),
]
);
break;
case NetworkContainerType.FILE_SHARE:
flexContainer.addItems(
[
this.createInformationRow(constants.TYPE, constants.FILE_SHARE),
this.createInformationRow(constants.SUMMARY_AZURE_STORAGE_SUBSCRIPTION, this.migrationStateModel.databaseBackup.subscription.name),
this.createInformationRow(constants.SUMMARY_AZURE_STORAGE, this.migrationStateModel.databaseBackup.storageAccount.name),
this.createInformationRow(constants.FILE_SHARE, this.migrationStateModel.databaseBackup.fileShare.name),
]
);
break;
case NetworkContainerType.BLOB_CONTAINER:
flexContainer.addItems(
[
this.createInformationRow(constants.TYPE, constants.BLOB_CONTAINER),
this.createInformationRow(constants.SUMMARY_AZURE_STORAGE_SUBSCRIPTION, this.migrationStateModel.databaseBackup.blobContainer.subscription.name),
this.createInformationRow(constants.SUMMARY_AZURE_STORAGE, this.migrationStateModel.databaseBackup.storageAccount.name),
this.createInformationRow(constants.BLOB_CONTAINER, this.migrationStateModel.databaseBackup.blobContainer.name),
]
);
}
return flexContainer;
}
}