mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-19 09:35:36 -05:00
0b41baaa0c
* Adding a null check to prevent infinite next button loading on account selection page. * Remove a useless validation in migration cutover page * Fixed some component formatting in source selection page * Completely updated target selection page UX according to latest figma mockup * Adding confirmation for migration cutover and cancel * migration vbump * azdata vbump in migration extension * letting users do a cutover with unrestored files * Fixing some localized strings * Adding readme file for migration extension. * Adding a static link for readme gif * added sql mi typing, localized strings, some null checks * casting target instance as sql mi
621 lines
21 KiB
TypeScript
621 lines
21 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* 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, MigrationTargetType, StateChangeEvent } from '../models/stateMachine';
|
|
import { AssessmentResultsDialog } from '../dialog/assessmentResults/assessmentResultsDialog';
|
|
import * as constants from '../constants/strings';
|
|
import * as vscode from 'vscode';
|
|
import { EOL } from 'os';
|
|
import { IconPath, IconPathHelper } from '../constants/iconPathHelper';
|
|
import { WIZARD_INPUT_COMPONENT_WIDTH } from './wizardController';
|
|
|
|
export interface Product {
|
|
type: MigrationTargetType;
|
|
name: string,
|
|
icon: IconPath;
|
|
}
|
|
|
|
export class SKURecommendationPage extends MigrationWizardPage {
|
|
private _view!: azdata.ModelView;
|
|
private _igComponent!: azdata.TextComponent;
|
|
private _assessmentStatusIcon!: azdata.ImageComponent;
|
|
private _detailsComponent!: azdata.TextComponent;
|
|
private _chooseTargetComponent!: azdata.DivContainer;
|
|
private _azureSubscriptionText!: azdata.TextComponent;
|
|
private _managedInstanceSubscriptionDropdown!: azdata.DropDownComponent;
|
|
private _azureLocationDropdown!: azdata.DropDownComponent;
|
|
private _azureResourceGroupDropdown!: azdata.DropDownComponent;
|
|
private _resourceDropdownLabel!: azdata.TextComponent;
|
|
private _resourceDropdown!: azdata.DropDownComponent;
|
|
private _rbg!: azdata.RadioCardGroupComponent;
|
|
private eventListener!: vscode.Disposable;
|
|
private _rbgLoader!: azdata.LoadingComponent;
|
|
private _progressContainer!: azdata.FlexContainer;
|
|
private _assessmentComponent!: azdata.FlexContainer;
|
|
private _assessmentProgress!: azdata.TextComponent;
|
|
private _assessmentInfo!: azdata.TextComponent;
|
|
private _formContainer!: azdata.ComponentBuilder<azdata.FormContainer, azdata.ComponentProperties>;
|
|
private _assessmentLoader!: azdata.LoadingComponent;
|
|
private _rootContainer!: azdata.FlexContainer;
|
|
private _viewAssessmentsHelperText!: azdata.TextComponent;
|
|
private _databaseSelectedHelperText!: azdata.TextComponent;
|
|
private assessmentGroupContainer!: azdata.FlexContainer;
|
|
private _targetContainer!: azdata.FlexContainer;
|
|
|
|
private _supportedProducts: Product[] = [
|
|
{
|
|
type: MigrationTargetType.SQLMI,
|
|
name: constants.SKU_RECOMMENDATION_MI_CARD_TEXT,
|
|
icon: IconPathHelper.sqlMiLogo,
|
|
|
|
},
|
|
{
|
|
type: MigrationTargetType.SQLVM,
|
|
name: constants.SKU_RECOMMENDATION_VM_CARD_TEXT,
|
|
icon: IconPathHelper.sqlVmLogo
|
|
}
|
|
];
|
|
|
|
|
|
constructor(wizard: azdata.window.Wizard, migrationStateModel: MigrationStateModel) {
|
|
super(wizard, azdata.window.createWizardPage(constants.SKU_RECOMMENDATION_PAGE_TITLE), migrationStateModel);
|
|
}
|
|
|
|
protected async registerContent(view: azdata.ModelView) {
|
|
this._view = view;
|
|
this._igComponent = this.createStatusComponent(view); // The first component giving basic information
|
|
this._assessmentStatusIcon = this._view.modelBuilder.image().withProps({
|
|
iconPath: IconPathHelper.completedMigration,
|
|
iconHeight: 17,
|
|
iconWidth: 17,
|
|
width: 17,
|
|
height: 20
|
|
}).component();
|
|
const igContainer = this._view.modelBuilder.flexContainer().component();
|
|
igContainer.addItem(this._assessmentStatusIcon, {
|
|
flex: '0 0 auto'
|
|
});
|
|
igContainer.addItem(this._igComponent, {
|
|
flex: '0 0 auto'
|
|
});
|
|
|
|
this._detailsComponent = this.createDetailsComponent(view); // The details of what can be moved
|
|
|
|
const chooseYourTargetText = this._view.modelBuilder.text().withProps({
|
|
value: constants.SKU_RECOMMENDATION_CHOOSE_A_TARGET,
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'font-weight': 'bold',
|
|
'margin-top': '16px'
|
|
}
|
|
}).component();
|
|
|
|
const statusContainer = this._view.modelBuilder.flexContainer().withLayout({
|
|
flexFlow: 'column'
|
|
}).withItems(
|
|
[
|
|
igContainer,
|
|
this._detailsComponent,
|
|
chooseYourTargetText
|
|
]
|
|
).component();
|
|
this._chooseTargetComponent = await this.createChooseTargetComponent(view);
|
|
this.assessmentGroupContainer = await this.createViewAssessmentsContainer();
|
|
this._targetContainer = this.createTargetDropdownContainer();
|
|
this._formContainer = view.modelBuilder.formContainer().withFormItems(
|
|
[
|
|
{
|
|
title: '',
|
|
component: statusContainer
|
|
},
|
|
{
|
|
component: this._chooseTargetComponent
|
|
},
|
|
{
|
|
component: this.assessmentGroupContainer
|
|
},
|
|
{
|
|
component: this._targetContainer
|
|
}
|
|
]
|
|
).withProps({
|
|
CSSStyles: {
|
|
display: 'none'
|
|
}
|
|
});
|
|
|
|
this._assessmentComponent = this._view.modelBuilder.flexContainer().withLayout({
|
|
height: '100%',
|
|
flexFlow: 'column'
|
|
}).withProps({
|
|
CSSStyles: {
|
|
'margin-left': '30px'
|
|
}
|
|
}).component();
|
|
|
|
this._assessmentComponent.addItem(this.createAssessmentProgress(), { flex: '0 0 auto' });
|
|
this._assessmentComponent.addItem(await this.createAssessmentInfo(), { flex: '0 0 auto' });
|
|
|
|
this._rootContainer = this._view.modelBuilder.flexContainer().withLayout({
|
|
height: '100%',
|
|
flexFlow: 'column'
|
|
}).component();
|
|
this._rootContainer.addItem(this._assessmentComponent, { flex: '0 0 auto' });
|
|
this._rootContainer.addItem(this._formContainer.component(), { flex: '0 0 auto' });
|
|
|
|
await this._view.initializeModel(this._rootContainer);
|
|
}
|
|
|
|
private createStatusComponent(view: azdata.ModelView): azdata.TextComponent {
|
|
const component = view.modelBuilder.text().withProps({
|
|
CSSStyles: {
|
|
'font-size': '14px',
|
|
'margin': '0 0 0 8px',
|
|
'line-height': '20px',
|
|
'font-weight': 'bold'
|
|
}
|
|
}).component();
|
|
return component;
|
|
}
|
|
|
|
private createDetailsComponent(view: azdata.ModelView): azdata.TextComponent {
|
|
const component = view.modelBuilder.text().withProps({
|
|
CSSStyles: {
|
|
'font-size': '13px'
|
|
}
|
|
}).component();
|
|
return component;
|
|
}
|
|
|
|
private async createChooseTargetComponent(view: azdata.ModelView): Promise<azdata.DivContainer> {
|
|
|
|
this._rbg = this._view!.modelBuilder.radioCardGroup().withProps({
|
|
cards: [],
|
|
iconHeight: '35px',
|
|
iconWidth: '35px',
|
|
cardWidth: '250px',
|
|
cardHeight: '130px',
|
|
iconPosition: 'left',
|
|
CSSStyles: {
|
|
'margin-top': '0px'
|
|
}
|
|
}).component();
|
|
|
|
this._supportedProducts.forEach((product) => {
|
|
|
|
this._rbg.cards.push({
|
|
id: product.type,
|
|
icon: product.icon,
|
|
descriptions: [
|
|
{
|
|
textValue: product.name,
|
|
textStyles: {
|
|
'font-size': '14px',
|
|
'font-weight': 'bold'
|
|
}
|
|
},
|
|
{
|
|
textValue: '',
|
|
textStyles: {
|
|
'font-size': '13px',
|
|
}
|
|
}
|
|
]
|
|
});
|
|
});
|
|
|
|
this._rbg.onSelectionChanged((value) => {
|
|
if (value) {
|
|
this.assessmentGroupContainer.display = 'inline';
|
|
this.changeTargetType(value.cardId);
|
|
}
|
|
});
|
|
|
|
this._rbgLoader = this._view.modelBuilder.loadingComponent().withItem(
|
|
this._rbg
|
|
).component();
|
|
|
|
const component = view.modelBuilder.divContainer().withItems(
|
|
[
|
|
this._rbgLoader
|
|
]
|
|
).component();
|
|
return component;
|
|
}
|
|
|
|
private async createViewAssessmentsContainer(): Promise<azdata.FlexContainer> {
|
|
this._viewAssessmentsHelperText = this._view.modelBuilder.text().withProps({
|
|
value: constants.SKU_RECOMMENDATION_VIEW_ASSESSMENT_MI,
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'font-weight': 'bold',
|
|
},
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH
|
|
}).component();
|
|
|
|
const button = this._view.modelBuilder.button().withProps({
|
|
label: constants.VIEW_SELECT_BUTTON_LABEL,
|
|
width: 100
|
|
}).component();
|
|
|
|
const serverName = (await this.migrationStateModel.getSourceConnectionProfile()).serverName;
|
|
let miDialog = new AssessmentResultsDialog('ownerUri', this.migrationStateModel, constants.ASSESSMENT_TILE(serverName), this, MigrationTargetType.SQLMI);
|
|
let vmDialog = new AssessmentResultsDialog('ownerUri', this.migrationStateModel, constants.ASSESSMENT_TILE(serverName), this, MigrationTargetType.SQLVM);
|
|
|
|
button.onDidClick(async (e) => {
|
|
if (this._rbg.selectedCardId === MigrationTargetType.SQLVM) {
|
|
this._rbg.selectedCardId = MigrationTargetType.SQLVM;
|
|
await vmDialog.openDialog();
|
|
} else if (this._rbg.selectedCardId === MigrationTargetType.SQLMI) {
|
|
this._rbg.selectedCardId = MigrationTargetType.SQLMI;
|
|
await miDialog.openDialog();
|
|
}
|
|
});
|
|
|
|
this._databaseSelectedHelperText = this._view.modelBuilder.text().withProps({
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
}
|
|
}).component();
|
|
|
|
const container = this._view.modelBuilder.flexContainer().withItems([
|
|
this._viewAssessmentsHelperText,
|
|
button,
|
|
this._databaseSelectedHelperText
|
|
]).withProps({
|
|
'display': 'none'
|
|
}).component();
|
|
return container;
|
|
}
|
|
|
|
private createTargetDropdownContainer(): azdata.FlexContainer {
|
|
this._azureSubscriptionText = this._view.modelBuilder.text().withProps({
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'line-height': '18px'
|
|
}
|
|
}).component();
|
|
|
|
|
|
const managedInstanceSubscriptionDropdownLabel = this._view.modelBuilder.text().withProps({
|
|
value: constants.SUBSCRIPTION,
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH,
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'font-weight': 'bold',
|
|
}
|
|
}).component();
|
|
this._managedInstanceSubscriptionDropdown = this._view.modelBuilder.dropDown().withProps({
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH,
|
|
editable: true
|
|
}).component();
|
|
this._managedInstanceSubscriptionDropdown.onValueChanged((e) => {
|
|
if (e) {
|
|
const selectedIndex = (<azdata.CategoryValue[]>this._managedInstanceSubscriptionDropdown.values)?.findIndex(v => v.displayName === e);
|
|
this.migrationStateModel._targetSubscription = this.migrationStateModel.getSubscription(selectedIndex);
|
|
this.migrationStateModel._targetServerInstance = undefined!;
|
|
this.migrationStateModel._sqlMigrationService = undefined!;
|
|
this.populateLocationAndResourceGroupDropdown();
|
|
}
|
|
});
|
|
|
|
const azureLocationLabel = this._view.modelBuilder.text().withProps({
|
|
value: constants.LOCATION,
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH,
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'font-weight': 'bold',
|
|
}
|
|
}).component();
|
|
this._azureLocationDropdown = this._view.modelBuilder.dropDown().withProps({
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH
|
|
}).component();
|
|
this._azureLocationDropdown.onValueChanged((e) => {
|
|
if (e.selected) {
|
|
this.migrationStateModel._location = this.migrationStateModel.getLocation(e.index);
|
|
this.populateResourceInstanceDropdown();
|
|
}
|
|
});
|
|
|
|
const azureResourceGroupLabel = this._view.modelBuilder.text().withProps({
|
|
value: constants.RESOURCE_GROUP,
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH,
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'font-weight': 'bold',
|
|
}
|
|
}).component();
|
|
this._azureResourceGroupDropdown = this._view.modelBuilder.dropDown().withProps({
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH
|
|
}).component();
|
|
this._azureResourceGroupDropdown.onValueChanged((e) => {
|
|
if (e.selected) {
|
|
this.migrationStateModel._resourceGroup = this.migrationStateModel.getAzureResourceGroup(e.index);
|
|
this.populateResourceInstanceDropdown();
|
|
}
|
|
});
|
|
this._resourceDropdownLabel = this._view.modelBuilder.text().withProps({
|
|
value: constants.MANAGED_INSTANCE,
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH,
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'font-weight': 'bold',
|
|
}
|
|
}).component();
|
|
|
|
this._resourceDropdown = this._view.modelBuilder.dropDown().withProps({
|
|
width: WIZARD_INPUT_COMPONENT_WIDTH
|
|
}).component();
|
|
this._resourceDropdown.onValueChanged((e) => {
|
|
if (e?.selected &&
|
|
e.selected !== constants.NO_MANAGED_INSTANCE_FOUND &&
|
|
e.selected !== constants.NO_VIRTUAL_MACHINE_FOUND) {
|
|
this.migrationStateModel._sqlMigrationServices = undefined!;
|
|
if (this._rbg.selectedCardId === MigrationTargetType.SQLVM) {
|
|
this.migrationStateModel._targetServerInstance = this.migrationStateModel.getVirtualMachine(e.index);
|
|
} else {
|
|
this.migrationStateModel._targetServerInstance = this.migrationStateModel.getManagedInstance(e.index);
|
|
}
|
|
}
|
|
});
|
|
|
|
return this._view.modelBuilder.flexContainer().withItems(
|
|
[
|
|
this._azureSubscriptionText,
|
|
managedInstanceSubscriptionDropdownLabel,
|
|
this._managedInstanceSubscriptionDropdown,
|
|
azureLocationLabel,
|
|
this._azureLocationDropdown,
|
|
azureResourceGroupLabel,
|
|
this._azureResourceGroupDropdown,
|
|
this._resourceDropdownLabel,
|
|
this._resourceDropdown
|
|
]
|
|
).withLayout({
|
|
flexFlow: 'column',
|
|
}).withProps({
|
|
CSSStyles: {
|
|
'display': 'none'
|
|
}
|
|
}).component();
|
|
|
|
}
|
|
|
|
private changeTargetType(newTargetType: string) {
|
|
if (newTargetType === MigrationTargetType.SQLMI) {
|
|
this._viewAssessmentsHelperText.value = constants.SKU_RECOMMENDATION_VIEW_ASSESSMENT_MI;
|
|
this._databaseSelectedHelperText.value = constants.TOTAL_DATABASES_SELECTED(this.migrationStateModel._miDbs.length, this.migrationStateModel._serverDatabases.length);
|
|
this.migrationStateModel._targetType = MigrationTargetType.SQLMI;
|
|
this._azureSubscriptionText.value = constants.SELECT_AZURE_MI;
|
|
this.migrationStateModel._migrationDbs = this.migrationStateModel._miDbs;
|
|
} else {
|
|
this._viewAssessmentsHelperText.value = constants.SKU_RECOMMENDATION_VIEW_ASSESSMENT_VM;
|
|
this._databaseSelectedHelperText.value = constants.TOTAL_DATABASES_SELECTED(this.migrationStateModel._vmDbs.length, this.migrationStateModel._serverDatabases.length);
|
|
this.migrationStateModel._targetType = MigrationTargetType.SQLVM;
|
|
this._azureSubscriptionText.value = constants.SELECT_AZURE_VM;
|
|
this.migrationStateModel._migrationDbs = this.migrationStateModel._vmDbs;
|
|
}
|
|
this.migrationStateModel.refreshDatabaseBackupPage = true;
|
|
this._targetContainer.display = (this.migrationStateModel._migrationDbs.length === 0) ? 'none' : 'inline';
|
|
this.populateResourceInstanceDropdown();
|
|
}
|
|
|
|
private async constructDetails(): Promise<void> {
|
|
this._assessmentLoader.loading = true;
|
|
const serverName = (await this.migrationStateModel.getSourceConnectionProfile()).serverName;
|
|
this._igComponent.value = constants.ASSESSMENT_COMPLETED(serverName);
|
|
try {
|
|
await this.migrationStateModel.getServerAssessments();
|
|
this._detailsComponent.value = constants.SKU_RECOMMENDATION_ALL_SUCCESSFUL(this.migrationStateModel._assessmentResults.databaseAssessments.length);
|
|
} catch (e) {
|
|
console.log(e);
|
|
}
|
|
|
|
this.refreshCardText();
|
|
this._assessmentLoader.loading = false;
|
|
}
|
|
|
|
private async populateSubscriptionDropdown(): Promise<void> {
|
|
if (!this.migrationStateModel._targetSubscription) {
|
|
this._managedInstanceSubscriptionDropdown.loading = true;
|
|
this._resourceDropdown.loading = true;
|
|
try {
|
|
this._managedInstanceSubscriptionDropdown.values = await this.migrationStateModel.getSubscriptionsDropdownValues();
|
|
this._managedInstanceSubscriptionDropdown.value = this._managedInstanceSubscriptionDropdown.values[0];
|
|
} catch (e) {
|
|
console.log(e);
|
|
} finally {
|
|
this._managedInstanceSubscriptionDropdown.loading = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
public async populateLocationAndResourceGroupDropdown(): Promise<void> {
|
|
this._azureResourceGroupDropdown.loading = true;
|
|
this._azureLocationDropdown.loading = true;
|
|
try {
|
|
this._azureResourceGroupDropdown.values = await this.migrationStateModel.getAzureResourceGroupDropdownValues(this.migrationStateModel._targetSubscription);
|
|
this._azureLocationDropdown.values = await this.migrationStateModel.getAzureLocationDropdownValues(this.migrationStateModel._targetSubscription);
|
|
} catch (e) {
|
|
console.log(e);
|
|
} finally {
|
|
this._azureResourceGroupDropdown.loading = false;
|
|
this._azureLocationDropdown.loading = false;
|
|
}
|
|
}
|
|
|
|
private async populateResourceInstanceDropdown(): Promise<void> {
|
|
this._resourceDropdown.loading = true;
|
|
try {
|
|
if (this._rbg.selectedCardId === MigrationTargetType.SQLVM) {
|
|
this._resourceDropdownLabel.value = constants.AZURE_SQL_DATABASE_VIRTUAL_MACHINE;
|
|
this._resourceDropdown.values = await this.migrationStateModel.getSqlVirtualMachineValues(this.migrationStateModel._targetSubscription, this.migrationStateModel._location, this.migrationStateModel._resourceGroup);
|
|
|
|
} else {
|
|
this._resourceDropdownLabel.value = constants.AZURE_SQL_DATABASE_MANAGED_INSTANCE;
|
|
this._resourceDropdown.values = await this.migrationStateModel.getManagedInstanceValues(this.migrationStateModel._targetSubscription, this.migrationStateModel._location, this.migrationStateModel._resourceGroup);
|
|
}
|
|
} catch (e) {
|
|
console.log(e);
|
|
} finally {
|
|
this._resourceDropdown.loading = false;
|
|
}
|
|
}
|
|
|
|
|
|
public async onPageEnter(): Promise<void> {
|
|
this.wizard.registerNavigationValidator((pageChangeInfo) => {
|
|
const errors: string[] = [];
|
|
this.wizard.message = {
|
|
text: '',
|
|
level: azdata.window.MessageLevel.Error
|
|
};
|
|
if (pageChangeInfo.newPage < pageChangeInfo.lastPage) {
|
|
return true;
|
|
}
|
|
if (this.migrationStateModel._migrationDbs.length === 0) {
|
|
errors.push('Please select databases to migrate');
|
|
|
|
}
|
|
if ((<azdata.CategoryValue>this._managedInstanceSubscriptionDropdown.value)?.displayName === constants.NO_SUBSCRIPTIONS_FOUND) {
|
|
errors.push(constants.INVALID_SUBSCRIPTION_ERROR);
|
|
}
|
|
if ((<azdata.CategoryValue>this._azureLocationDropdown.value)?.displayName === constants.NO_LOCATION_FOUND) {
|
|
errors.push(constants.INVALID_LOCATION_ERROR);
|
|
}
|
|
|
|
if ((<azdata.CategoryValue>this._managedInstanceSubscriptionDropdown.value)?.displayName === constants.RESOURCE_GROUP_NOT_FOUND) {
|
|
errors.push(constants.INVALID_RESOURCE_GROUP_ERROR);
|
|
}
|
|
const resourceDropdownValue = (<azdata.CategoryValue>this._resourceDropdown.value).displayName;
|
|
if (resourceDropdownValue === constants.NO_MANAGED_INSTANCE_FOUND) {
|
|
errors.push(constants.NO_MANAGED_INSTANCE_FOUND);
|
|
}
|
|
else if (resourceDropdownValue === constants.NO_VIRTUAL_MACHINE_FOUND) {
|
|
errors.push(constants.NO_VIRTUAL_MACHINE_FOUND);
|
|
}
|
|
|
|
if (errors.length > 0) {
|
|
this.wizard.message = {
|
|
text: errors.join(EOL),
|
|
level: azdata.window.MessageLevel.Error
|
|
};
|
|
return false;
|
|
}
|
|
return true;
|
|
});
|
|
this.wizard.nextButton.enabled = false;
|
|
if (!this.migrationStateModel._assessmentResults) {
|
|
await this.constructDetails();
|
|
}
|
|
this._assessmentComponent.updateCssStyles({
|
|
display: 'none'
|
|
});
|
|
this._formContainer.component().updateCssStyles({
|
|
display: 'block'
|
|
});
|
|
|
|
this.populateSubscriptionDropdown();
|
|
this.wizard.nextButton.enabled = true;
|
|
}
|
|
|
|
public async onPageLeave(): Promise<void> {
|
|
this.eventListener?.dispose();
|
|
this.wizard.message = {
|
|
text: '',
|
|
level: azdata.window.MessageLevel.Error
|
|
};
|
|
this.wizard.registerNavigationValidator((pageChangeInfo) => {
|
|
return true;
|
|
});
|
|
}
|
|
|
|
protected async handleStateChange(e: StateChangeEvent): Promise<void> {
|
|
}
|
|
|
|
public refreshDatabaseCount(selectedDbs: string[]): void {
|
|
this.migrationStateModel._migrationDbs = selectedDbs;
|
|
this.refreshCardText();
|
|
}
|
|
|
|
public refreshCardText(): void {
|
|
this._rbgLoader.loading = true;
|
|
this.wizard.message = {
|
|
text: '',
|
|
level: azdata.window.MessageLevel.Error
|
|
};
|
|
if (this._rbg.selectedCardId === MigrationTargetType.SQLMI) {
|
|
this.migrationStateModel._migrationDbs = this.migrationStateModel._miDbs;
|
|
} else {
|
|
this.migrationStateModel._migrationDbs = this.migrationStateModel._vmDbs;
|
|
}
|
|
|
|
this._azureResourceGroupDropdown.display = (!this._rbg.selectedCardId) ? 'none' : 'inline';
|
|
this._targetContainer.display = (this.migrationStateModel._migrationDbs.length === 0) ? 'none' : 'inline';
|
|
|
|
|
|
if (this.migrationStateModel._assessmentResults) {
|
|
const dbCount = this.migrationStateModel._assessmentResults.databaseAssessments.length;
|
|
|
|
const dbWithoutIssuesCount = this.migrationStateModel._assessmentResults.databaseAssessments.filter(db => db.issues.length === 0).length;
|
|
const miCardText = constants.CAN_BE_MIGRATED(dbWithoutIssuesCount, dbCount);
|
|
this._rbg.cards[0].descriptions[1].textValue = miCardText;
|
|
|
|
const vmCardText = constants.CAN_BE_MIGRATED(dbCount, dbCount);
|
|
this._rbg.cards[1].descriptions[1].textValue = vmCardText;
|
|
|
|
this._rbg.updateProperties({
|
|
cards: this._rbg.cards
|
|
});
|
|
} else {
|
|
this._rbg.cards[0].descriptions[1].textValue = '';
|
|
this._rbg.cards[1].descriptions[1].textValue = '';
|
|
|
|
this._rbg.updateProperties({
|
|
cards: this._rbg.cards
|
|
});
|
|
}
|
|
this._rbgLoader.loading = false;
|
|
}
|
|
|
|
private createAssessmentProgress(): azdata.FlexContainer {
|
|
|
|
this._assessmentLoader = this._view.modelBuilder.loadingComponent().component();
|
|
this._assessmentProgress = this._view.modelBuilder.text().withProps({
|
|
value: constants.ASSESSMENT_IN_PROGRESS,
|
|
CSSStyles: {
|
|
'font-size': '18px',
|
|
'line-height': '24px',
|
|
'margin-right': '20px'
|
|
}
|
|
}).component();
|
|
|
|
this._progressContainer = this._view.modelBuilder.flexContainer().withLayout({
|
|
height: '100%',
|
|
flexFlow: 'row'
|
|
}).component();
|
|
|
|
this._progressContainer.addItem(this._assessmentProgress, { flex: '0 0 auto' });
|
|
this._progressContainer.addItem(this._assessmentLoader, { flex: '0 0 auto' });
|
|
return this._progressContainer;
|
|
}
|
|
|
|
private async createAssessmentInfo(): Promise<azdata.TextComponent> {
|
|
this._assessmentInfo = this._view.modelBuilder.text().withProps({
|
|
value: constants.ASSESSMENT_IN_PROGRESS_CONTENT((await this.migrationStateModel.getSourceConnectionProfile()).serverName),
|
|
CSSStyles: {
|
|
'font-size': '13px',
|
|
'line-height': '18px',
|
|
'font-weight': '600',
|
|
}
|
|
}).component();
|
|
return this._assessmentInfo;
|
|
}
|
|
}
|
|
|
|
|