ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Remove the gray background/gray text for pre-selected values (#17005)

Browse Source 
* Correct spelling

* Change styling for pre-selected values
This commit is contained in:
goyal-anjali
2021-09-09 15:14:28 +05:30
committed by GitHub
parent 69314cf764
commit 2cc4129f5c
3 changed files with 62 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
extensions/sql-migration/src/dialog/createSqlMigrationService/createSqlMigrationServiceDialog.ts
View File

@@ -21,7 +21,7 @@ export class CreateSqlMigrationServiceDialog {
private migrationServiceSubscription!: azdata.TextComponent; private migrationServiceSubscription!: azdata.TextComponent;
private migrationServiceResourceGroupDropdown!: azdata.DropDownComponent; private migrationServiceResourceGroupDropdown!: azdata.DropDownComponent;
private migrationServiceLocation!: azdata.InputBoxComponent; private migrationServiceLocation!: azdata.TextComponent;
private migrationServiceNameText!: azdata.InputBoxComponent; private migrationServiceNameText!: azdata.InputBoxComponent;
private _formSubmitButton!: azdata.ButtonComponent; private _formSubmitButton!: azdata.ButtonComponent;
private _createResourceGroupLink!: azdata.HyperlinkComponent; private _createResourceGroupLink!: azdata.HyperlinkComponent;
@@ -221,9 +221,12 @@ export class CreateSqlMigrationServiceDialog {
} }
}).component(); }).component();
this.migrationServiceSubscription = this._view.modelBuilder.inputBox().withProps({ this.migrationServiceSubscription = this._view.modelBuilder.text().withProps({
required: true, enabled: false,
enabled: false CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component(); }).component();
const resourceGroupDropdownLabel = this._view.modelBuilder.text().withProps({ const resourceGroupDropdownLabel = this._view.modelBuilder.text().withProps({
@@ -287,10 +290,12 @@ export class CreateSqlMigrationServiceDialog {
} }
}).component(); }).component();
this.migrationServiceLocation = this._view.modelBuilder.inputBox().withProps({ this.migrationServiceLocation = this._view.modelBuilder.text().withProps({
required: true, value: await this._model.getLocationDisplayName(this._model._targetServerInstance.location),
enabled: false, CSSStyles: {
value: await this._model.getLocationDisplayName(this._model._targetServerInstance.location) 'font-size': '13px',
'margin': '0px'
}
}).component(); }).component();
const targetlabel = this._view.modelBuilder.text().withProps({ const targetlabel = this._view.modelBuilder.text().withProps({
@@ -302,9 +307,13 @@ export class CreateSqlMigrationServiceDialog {
} }
}).component(); }).component();
const targetText = this._view.modelBuilder.inputBox().withProps({ const targetText = this._view.modelBuilder.text().withProps({
enabled: false, enabled: false,
value: constants.AZURE_SQL value: constants.AZURE_SQL,
CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component(); }).component();
const flexContainer = this._view.modelBuilder.flexContainer().withItems([ const flexContainer = this._view.modelBuilder.flexContainer().withItems([

48
extensions/sql-migration/src/wizard/databaseBackupPage.ts
View File

@@ -37,16 +37,16 @@ export class DatabaseBackupPage extends MigrationWizardPage {
private _sqlSourcepassword!: azdata.InputBoxComponent; private _sqlSourcepassword!: azdata.InputBoxComponent;
private _blobContainer!: azdata.FlexContainer; private _blobContainer!: azdata.FlexContainer;
private _blobContainerSubscription!: azdata.InputBoxComponent; private _blobContainerSubscription!: azdata.TextComponent;
private _blobContainerLocation!: azdata.InputBoxComponent; private _blobContainerLocation!: azdata.TextComponent;
private _blobContainerResourceGroupDropdowns!: azdata.DropDownComponent[]; private _blobContainerResourceGroupDropdowns!: azdata.DropDownComponent[];
private _blobContainerStorageAccountDropdowns!: azdata.DropDownComponent[]; private _blobContainerStorageAccountDropdowns!: azdata.DropDownComponent[];
private _blobContainerDropdowns!: azdata.DropDownComponent[]; private _blobContainerDropdowns!: azdata.DropDownComponent[];
private _blobContainerLastBackupFileDropdowns!: azdata.DropDownComponent[]; private _blobContainerLastBackupFileDropdowns!: azdata.DropDownComponent[];
private _networkShareStorageAccountDetails!: azdata.FlexContainer; private _networkShareStorageAccountDetails!: azdata.FlexContainer;
private _networkShareContainerSubscription!: azdata.InputBoxComponent; private _networkShareContainerSubscription!: azdata.TextComponent;
private _networkShareContainerLocation!: azdata.InputBoxComponent; private _networkShareContainerLocation!: azdata.TextComponent;
private _networkShareStorageAccountResourceGroupDropdown!: azdata.DropDownComponent; private _networkShareStorageAccountResourceGroupDropdown!: azdata.DropDownComponent;
private _networkShareContainerStorageAccountDropdown!: azdata.DropDownComponent; private _networkShareContainerStorageAccountDropdown!: azdata.DropDownComponent;
private _networkShareContainerStorageAccountRefreshButton!: azdata.ButtonComponent; private _networkShareContainerStorageAccountRefreshButton!: azdata.ButtonComponent;
@@ -191,7 +191,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
} }
}).component(); }).component();
const usernameLable = this._view.modelBuilder.text().withProps({ const usernameLabel = this._view.modelBuilder.text().withProps({
value: constants.USERNAME, value: constants.USERNAME,
width: WIZARD_INPUT_COMPONENT_WIDTH, width: WIZARD_INPUT_COMPONENT_WIDTH,
requiredIndicator: true, requiredIndicator: true,
@@ -203,7 +203,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
this._sqlSourceUsernameInput = this._view.modelBuilder.inputBox().withProps({ this._sqlSourceUsernameInput = this._view.modelBuilder.inputBox().withProps({
required: true, required: true,
enabled: false, enabled: false,
width: WIZARD_INPUT_COMPONENT_WIDTH width: WIZARD_INPUT_COMPONENT_WIDTH,
}).component(); }).component();
this._disposables.push(this._sqlSourceUsernameInput.onTextChanged(value => { this._disposables.push(this._sqlSourceUsernameInput.onTextChanged(value => {
this.migrationStateModel._sqlServerUsername = value; this.migrationStateModel._sqlServerUsername = value;
@@ -345,7 +345,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
[ [
sqlSourceHeader, sqlSourceHeader,
this._sourceHelpText, this._sourceHelpText,
usernameLable, usernameLabel,
this._sqlSourceUsernameInput, this._sqlSourceUsernameInput,
sqlPasswordLabel, sqlPasswordLabel,
this._sqlSourcepassword, this._sqlSourcepassword,
@@ -394,9 +394,13 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold' 'font-weight': 'bold'
} }
}).component(); }).component();
this._blobContainerSubscription = this._view.modelBuilder.inputBox() this._blobContainerSubscription = this._view.modelBuilder.text()
.withProps({ .withProps({
enabled: false enabled: false,
CSSStyles: {
'font-size': '13px',
'margin': '0px'
}
}).component(); }).component();
const locationLabel = this._view.modelBuilder.text() const locationLabel = this._view.modelBuilder.text()
@@ -407,9 +411,13 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold' 'font-weight': 'bold'
} }
}).component(); }).component();
this._blobContainerLocation = this._view.modelBuilder.inputBox() this._blobContainerLocation = this._view.modelBuilder.text()
.withProps({ .withProps({
enabled: false enabled: false,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component(); }).component();
const flexContainer = this._view.modelBuilder.flexContainer() const flexContainer = this._view.modelBuilder.flexContainer()
@@ -599,11 +607,14 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold' 'font-weight': 'bold'
} }
}).component(); }).component();
this._networkShareContainerSubscription = this._view.modelBuilder.inputBox() this._networkShareContainerSubscription = this._view.modelBuilder.text()
.withProps({ .withProps({
required: true,
enabled: false, enabled: false,
width: WIZARD_INPUT_COMPONENT_WIDTH width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component(); }).component();
const locationLabel = this._view.modelBuilder.text() const locationLabel = this._view.modelBuilder.text()
@@ -616,11 +627,14 @@ export class DatabaseBackupPage extends MigrationWizardPage {
'font-weight': 'bold' 'font-weight': 'bold'
} }
}).component(); }).component();
this._networkShareContainerLocation = this._view.modelBuilder.inputBox() this._networkShareContainerLocation = this._view.modelBuilder.text()
.withProps({ .withProps({
required: true,
enabled: false, enabled: false,
width: WIZARD_INPUT_COMPONENT_WIDTH width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component(); }).component();
const resourceGroupLabel = this._view.modelBuilder.text() const resourceGroupLabel = this._view.modelBuilder.text()

18
extensions/sql-migration/src/wizard/integrationRuntimePage.ts
View File

@@ -19,8 +19,8 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
private _view!: azdata.ModelView; private _view!: azdata.ModelView;
private _form!: azdata.FormBuilder; private _form!: azdata.FormBuilder;
private _statusLoadingComponent!: azdata.LoadingComponent; private _statusLoadingComponent!: azdata.LoadingComponent;
private _subscription!: azdata.InputBoxComponent; private _subscription!: azdata.TextComponent;
private _location!: azdata.InputBoxComponent; private _location!: azdata.TextComponent;
private _resourceGroupDropdown!: azdata.DropDownComponent; private _resourceGroupDropdown!: azdata.DropDownComponent;
private _dmsDropdown!: azdata.DropDownComponent; private _dmsDropdown!: azdata.DropDownComponent;
@@ -163,10 +163,13 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
'font-weight': 'bold', 'font-weight': 'bold',
} }
}).component(); }).component();
this._subscription = this._view.modelBuilder.inputBox().withProps({ this._subscription = this._view.modelBuilder.text().withProps({
enabled: false, enabled: false,
required: true,
width: WIZARD_INPUT_COMPONENT_WIDTH, width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component(); }).component();
const locationLabel = this._view.modelBuilder.text().withProps({ const locationLabel = this._view.modelBuilder.text().withProps({
@@ -177,10 +180,13 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
'font-weight': 'bold', 'font-weight': 'bold',
} }
}).component(); }).component();
this._location = this._view.modelBuilder.inputBox().withProps({ this._location = this._view.modelBuilder.text().withProps({
enabled: false, enabled: false,
required: true,
width: WIZARD_INPUT_COMPONENT_WIDTH, width: WIZARD_INPUT_COMPONENT_WIDTH,
CSSStyles: {
'font-size': '13px',
'margin': '0px 0px'
}
}).component(); }).component();
const resourceGroupLabel = this._view.modelBuilder.text().withProps({ const resourceGroupLabel = this._view.modelBuilder.text().withProps({