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

fix database name edit box not announcing required (#14753)

Browse Source
This commit is contained in:
Kim Santiago
2021-03-16 16:04:56 -07:00
committed by GitHub
parent 150dec7211
commit a4fae7c1d8
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
extensions/sql-database-projects/src/dialogs/addDatabaseReferenceDialog.ts
View File

@@ -446,19 +446,19 @@ export class AddDatabaseReferenceDialog {
private createVariableSection(): azdata.FormComponent { private createVariableSection(): azdata.FormComponent {
// database name row // database name row
this.databaseNameTextbox = this.createInputBox(constants.databaseName, true); this.databaseNameTextbox = this.createInputBox(constants.databaseName, true, true);
const databaseNameRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.databaseName, true), this.databaseNameTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component(); const databaseNameRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.databaseName, true), this.databaseNameTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component();
// database variable row // database variable row
this.databaseVariableTextbox = this.createInputBox(constants.databaseVariable, false); this.databaseVariableTextbox = this.createInputBox(constants.databaseVariable, false, false);
const databaseVariableRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.databaseVariable), this.databaseVariableTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component(); const databaseVariableRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.databaseVariable), this.databaseVariableTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component();
// server name row // server name row
this.serverNameTextbox = this.createInputBox(constants.serverName, false); this.serverNameTextbox = this.createInputBox(constants.serverName, false, true);
const serverNameRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.serverName, true), this.serverNameTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component(); const serverNameRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.serverName, true), this.serverNameTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component();
// server variable row // server variable row
this.serverVariableTextbox = this.createInputBox(constants.serverVariable, false); this.serverVariableTextbox = this.createInputBox(constants.serverVariable, false, true);
const serverVariableRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.serverVariable, true), this.serverVariableTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component(); const serverVariableRow = this.view!.modelBuilder.flexContainer().withItems([this.createLabel(constants.serverVariable, true), this.serverVariableTextbox], { flex: '0 0 auto' }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component();
const variableSection = this.view!.modelBuilder.flexContainer().withItems([databaseNameRow, databaseVariableRow, serverNameRow, serverVariableRow]).withLayout({ flexFlow: 'column' }).withProperties({ CSSStyles: { 'margin-bottom': '25px' } }).component(); const variableSection = this.view!.modelBuilder.flexContainer().withItems([databaseNameRow, databaseVariableRow, serverNameRow, serverVariableRow]).withLayout({ flexFlow: 'column' }).withProperties({ CSSStyles: { 'margin-bottom': '25px' } }).component();
@@ -480,11 +480,12 @@ export class AddDatabaseReferenceDialog {
return label; return label;
} }
private createInputBox(ariaLabel: string, enabled: boolean): azdata.InputBoxComponent { private createInputBox(ariaLabel: string, enabled: boolean, required: boolean): azdata.InputBoxComponent {
const inputBox = this.view!.modelBuilder.inputBox().withProperties({ const inputBox = this.view!.modelBuilder.inputBox().withProperties({
ariaLabel: ariaLabel, ariaLabel: ariaLabel,
enabled: enabled, enabled: enabled,
width: cssStyles.addDatabaseReferenceInputboxWidth width: cssStyles.addDatabaseReferenceInputboxWidth,
required: required
}).component(); }).component();
inputBox.onTextChanged(() => { inputBox.onTextChanged(() => {