diff --git a/extensions/mssql/src/objectManagement/localizedConstants.ts b/extensions/mssql/src/objectManagement/localizedConstants.ts index c386c6f647..3b012d7711 100644 --- a/extensions/mssql/src/objectManagement/localizedConstants.ts +++ b/extensions/mssql/src/objectManagement/localizedConstants.ts @@ -160,6 +160,7 @@ export const BackupRedundancyText = localize('objectManagement.backupRedundancyL export const CurrentSLOText = localize('objectManagement.currentSLOLabel', "Current Service Level Objective"); export const EditionText = localize('objectManagement.editionLabel', "Edition"); export const MaxSizeText = localize('objectManagement.maxSizeLabel', "Max Size"); +export const AzurePricingLinkText = localize('objectManagement.azurePricingLink', "Azure SQL Database pricing calculator"); // Login export const BlankPasswordConfirmationText: string = localize('objectManagement.blankPasswordConfirmation', "Creating a login with a blank password is a security risk. Are you sure you want to continue?"); diff --git a/extensions/mssql/src/objectManagement/ui/databaseDialog.ts b/extensions/mssql/src/objectManagement/ui/databaseDialog.ts index d66a4f3879..bc01b70d43 100644 --- a/extensions/mssql/src/objectManagement/ui/databaseDialog.ts +++ b/extensions/mssql/src/objectManagement/ui/databaseDialog.ts @@ -140,6 +140,8 @@ export class DatabaseDialog extends ObjectManagementDialogBase { } protected createLabelInputContainer(label: string, component: azdata.Component, required: boolean = false): azdata.FlexContainer { - const labelComponent = this.modelView.modelBuilder.text().withProps({ width: DefaultLabelWidth, value: label, requiredIndicator: required }).component(); + const labelComponent = this.modelView.modelBuilder.text().withProps({ width: DefaultLabelWidth, value: label, requiredIndicator: required, CSSStyles: { 'padding-right': '10px' } }).component(); const container = this.modelView.modelBuilder.flexContainer().withLayout({ flexFlow: 'horizontal', flexWrap: 'nowrap', alignItems: 'center' }).withItems([labelComponent], { flex: '0 0 auto' }).component(); container.addItem(component, { flex: '1 1 auto' }); return container; @@ -356,4 +356,8 @@ export abstract class DialogBase { protected getSectionItemLayout(): azdata.FlexItemLayout { return { CSSStyles: { 'margin-block-end': '5px' } }; } + + protected createHyperlink(label: string, url: string): azdata.HyperlinkComponent { + return this.modelView.modelBuilder.hyperlink().withProps({ label: label, ariaLabel: label, url: url, showLinkIcon: true }).component(); + } }