Add required indicator across SQL Migration extension (#16057)

This commit is contained in:
Rachel Kim
2021-08-12 11:20:06 -07:00
committed by GitHub
parent 0f3be7dabc
commit 8bd7125392
5 changed files with 38 additions and 6 deletions

View File

@@ -289,6 +289,7 @@ export class SKURecommendationPage extends MigrationWizardPage {
const managedInstanceSubscriptionDropdownLabel = this._view.modelBuilder.text().withProps({
value: constants.SUBSCRIPTION,
width: WIZARD_INPUT_COMPONENT_WIDTH,
requiredIndicator: true,
CSSStyles: {
'font-size': '13px',
'font-weight': 'bold',
@@ -298,6 +299,7 @@ export class SKURecommendationPage extends MigrationWizardPage {
ariaLabel: constants.SUBSCRIPTION,
width: WIZARD_INPUT_COMPONENT_WIDTH,
editable: true,
required: true,
fireOnTextChange: true,
}).component();
this._disposables.push(this._managedInstanceSubscriptionDropdown.onValueChanged(async (value) => {
@@ -313,6 +315,7 @@ export class SKURecommendationPage extends MigrationWizardPage {
const azureLocationLabel = this._view.modelBuilder.text().withProps({
value: constants.LOCATION,
width: WIZARD_INPUT_COMPONENT_WIDTH,
requiredIndicator: true,
CSSStyles: {
'font-size': '13px',
'font-weight': 'bold',
@@ -322,6 +325,7 @@ export class SKURecommendationPage extends MigrationWizardPage {
ariaLabel: constants.LOCATION,
width: WIZARD_INPUT_COMPONENT_WIDTH,
editable: true,
required: true,
fireOnTextChange: true,
}).component();
this._disposables.push(this._azureLocationDropdown.onValueChanged(async (value) => {
@@ -335,6 +339,7 @@ export class SKURecommendationPage extends MigrationWizardPage {
const azureResourceGroupLabel = this._view.modelBuilder.text().withProps({
value: constants.RESOURCE_GROUP,
width: WIZARD_INPUT_COMPONENT_WIDTH,
requiredIndicator: true,
CSSStyles: {
'font-size': '13px',
'font-weight': 'bold',
@@ -344,6 +349,7 @@ export class SKURecommendationPage extends MigrationWizardPage {
ariaLabel: constants.RESOURCE_GROUP,
width: WIZARD_INPUT_COMPONENT_WIDTH,
editable: true,
required: true,
fireOnTextChange: true,
}).component();
this._disposables.push(this._azureResourceGroupDropdown.onValueChanged(async (value) => {
@@ -353,19 +359,21 @@ export class SKURecommendationPage extends MigrationWizardPage {
await this.populateResourceInstanceDropdown();
}
}));
this._resourceDropdownLabel = this._view.modelBuilder.text().withProps({
value: constants.MANAGED_INSTANCE,
width: WIZARD_INPUT_COMPONENT_WIDTH,
requiredIndicator: true,
CSSStyles: {
'font-size': '13px',
'font-weight': 'bold',
}
}).component();
this._resourceDropdown = this._view.modelBuilder.dropDown().withProps({
ariaLabel: constants.MANAGED_INSTANCE,
width: WIZARD_INPUT_COMPONENT_WIDTH,
editable: true,
required: true,
fireOnTextChange: true,
}).component();
this._disposables.push(this._resourceDropdown.onValueChanged(value => {