ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-03-17 11:03:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

add objects dialog (#23243)

Browse Source
This commit is contained in:
Alan Ren
2023-05-30 09:53:44 -07:00
committed by GitHub
parent 82f5ef7ea3
commit f4d5ab616c
14 changed files with 250 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
extensions/mssql/src/ui/dialogBase.ts
View File

@@ -76,7 +76,7 @@ export abstract class DialogBase<DialogResult> {
public async open(): Promise<void> {
try {
this.onLoadingStatusChanged(true);
this.updateLoadingStatus(true);
const initializeDialogPromise = new Promise<void>((async resolve => {
this.dialogObject.registerContent(async view => {
this._modelView = view;
@@ -97,7 +97,7 @@ export abstract class DialogBase<DialogResult> {
azdata.window.openDialog(this.dialogObject);
await initializeDialogPromise;
await this.initialize();
this.onLoadingStatusChanged(false);
this.updateLoadingStatus(false);
} catch (err) {
azdata.window.closeDialog(this.dialogObject);
throw err;
@@ -121,10 +121,10 @@ export abstract class DialogBase<DialogResult> {
return errors.length === 0;
}
protected createLabelInputContainer(label: string, input: azdata.InputBoxComponent | azdata.DropDownComponent): azdata.FlexContainer {
const labelComponent = this.modelView.modelBuilder.text().withProps({ width: DefaultLabelWidth, value: label, requiredIndicator: input.required }).component();
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 container = this.modelView.modelBuilder.flexContainer().withLayout({ flexFlow: 'horizontal', flexWrap: 'nowrap', alignItems: 'center' }).withItems([labelComponent], { flex: '0 0 auto' }).component();
container.addItem(input, { flex: '1 1 auto' });
container.addItem(component, { flex: '1 1 auto' });
return container;
}
@@ -236,7 +236,7 @@ export abstract class DialogBase<DialogResult> {
return table;
}
protected addButtonsForTable(table: azdata.TableComponent, addButtonAriaLabel: string, removeButtonAriaLabel: string, addHandler: () => Promise<void>, removeHandler: () => Promise<void>): azdata.FlexContainer {
protected addButtonsForTable(table: azdata.TableComponent, addButtonAriaLabel: string, removeButtonAriaLabel: string, addHandler: (button: azdata.ButtonComponent) => Promise<void>, removeHandler: (button: azdata.ButtonComponent) => Promise<void>): azdata.FlexContainer {
let addButton: azdata.ButtonComponent;
let removeButton: azdata.ButtonComponent;
const updateButtons = () => {
@@ -244,11 +244,11 @@ export abstract class DialogBase<DialogResult> {
removeButton.enabled = table.selectedRows?.length === 1 && table.selectedRows[0] !== -1 && table.selectedRows[0] < table.data.length;
}
addButton = this.createButton(uiLoc.AddText, addButtonAriaLabel, async () => {
await addHandler();
await addHandler(addButton);
updateButtons();
});
removeButton = this.createButton(uiLoc.RemoveText, removeButtonAriaLabel, async () => {
await removeHandler();
await removeHandler(removeButton);
if (table.selectedRows.length === 1 && table.selectedRows[0] >= table.data.length) {
table.selectedRows = [table.data.length - 1];
}
@@ -308,6 +308,20 @@ export abstract class DialogBase<DialogResult> {
}).withItems(items, { flex: '0 0 auto' }).component();
}
protected createRadioButton(label: string, groupName: string, checked: boolean, handler: (checked: boolean) => Promise<void>): azdata.RadioButtonComponent {
const radio = this.modelView.modelBuilder.radioButton().withProps({
label: label,
name: groupName,
checked: checked
}).component();
this.disposables.push(radio.onDidChangeCheckedState(async checked => {
await handler(checked);
this.onFormFieldChange();
await this.runValidation(false);
}));
return radio;
}
protected removeItem(container: azdata.DivContainer | azdata.FlexContainer, item: azdata.Component): void {
if (container.items.indexOf(item) !== -1) {
container.removeItem(item);
@@ -324,7 +338,7 @@ export abstract class DialogBase<DialogResult> {
}
}
protected onLoadingStatusChanged(isLoading: boolean): void {
protected updateLoadingStatus(isLoading: boolean): void {
if (this._loadingComponent) {
this._loadingComponent.loading = isLoading;
}

8
extensions/mssql/src/ui/scriptableDialogBase.ts
View File

@@ -68,8 +68,8 @@ export abstract class ScriptableDialogBase<OptionsType extends ScriptableDialogO
await this.initializeUI();
}
protected override onLoadingStatusChanged(isLoading: boolean): void {
super.onLoadingStatusChanged(isLoading);
protected override updateLoadingStatus(isLoading: boolean): void {
super.updateLoadingStatus(isLoading);
this._helpButton.enabled = !isLoading;
this.dialogObject.okButton.enabled = this._scriptButton.enabled = isLoading ? false : this.isDirty;
}
@@ -80,7 +80,7 @@ export abstract class ScriptableDialogBase<OptionsType extends ScriptableDialogO
protected abstract generateScript(): Promise<string>;
private async onScriptButtonClick(): Promise<void> {
this.onLoadingStatusChanged(true);
this.updateLoadingStatus(true);
try {
const isValid = await this.runValidation();
if (!isValid) {
@@ -104,7 +104,7 @@ export abstract class ScriptableDialogBase<OptionsType extends ScriptableDialogO
level: azdata.window.MessageLevel.Error
};
} finally {
this.onLoadingStatusChanged(false);
this.updateLoadingStatus(false);
}
}
}