Custom Summary Page for NotebookWizard and notebook Cell with wizard variables (#10297)

* save not yet tested work * Merge from master. * Screeens Shared for Feeedback * Code complete * remove unneeded changes * remove unnecessary comma * remov wss * remove dead code * PR feedback * checkpoint fixes * PR & minor fixes * minor fix for feature of resourceType options being optional. * reverting experimental change * separating out changes for future featurework. * revert unneeded change * review feedback fixes * review feedback * rename InputFieldComponent to InputComponent * working version of custom summary page * add option to align items in a flex- container. * changes to support labelColor * save work , still pending issue with labelCSSStyles * Summary page and setting variabless in notebook. * minor fixes. * pr feedbck * fix formatting issues * pr feedback * pr feedback * pr feedback * fixing docs * summary page value setting fix * rename children of RowInfo to items * rename a method * rename summary_text to evaluated_text * rename properties of fieldInfo * revert inadvertent change * rename linked_texttext to hyperlinked_text and removing linking facility from readonly_text * pr feedback * fix setting tools variables in env and notebook * removing saving of originalValues for EvaluatedText * await on launchNotebookWithEdits * await on launchNotebookWithContent * merge RadioOptions & Options into 1 * merge ReadOnlyText, links & evaluatedText * Samples for new generic wizard features * fix comment * fix assertions * return type and comment for getClusterContext * fix inadvertent change * increase minimum required azdata version * remove unneeded environment variable settings * not leaking passwords in notebooks
2026-02-08 17:24:01 -05:00 · 2020-06-01 11:14:59 -07:00
parent 84492049e8
commit 678bbe3142
23 changed files with 1190 additions and 473 deletions
--- a/extensions/resource-deployment/src/ui/radioGroupLoadingComponentBuilder.ts
+++ b/extensions/resource-deployment/src/ui/radioGroupLoadingComponentBuilder.ts
@@ -0,0 +1,82 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import * as azdata from 'azdata';
+import * as vscode from 'vscode';
+import { OptionsInfo } from '../interfaces';
+import { getErrorMessage } from '../utils';
+
+export class RadioGroupLoadingComponentBuilder implements azdata.ComponentBuilder<azdata.LoadingComponent> {
+	private _optionsDivContainer!: azdata.DivContainer;
+	private _optionsLoadingBuilder: azdata.LoadingComponentBuilder;
+	private _onValueChangedEmitter: vscode.EventEmitter<void> = new vscode.EventEmitter();
+	private _currentRadioOption!: azdata.RadioButtonComponent;
+	constructor(private _view: azdata.ModelView, private _onNewDisposableCreated: (disposable: vscode.Disposable) => void) {
+		this._optionsDivContainer = this._view!.modelBuilder.divContainer().withProperties<azdata.DivContainerProperties>({ clickable: false }).component();
+		this._optionsLoadingBuilder = this._view!.modelBuilder.loadingComponent().withItem(this._optionsDivContainer);
+	}
+
+	component(): azdata.LoadingComponent {
+		return this._optionsLoadingBuilder.component();
+	}
+
+	withProperties<U>(properties: U): azdata.ComponentBuilder<azdata.LoadingComponent> {
+		return this._optionsLoadingBuilder.withProperties(properties);
+	}
+
+	withValidation(validation: (component: azdata.LoadingComponent) => boolean): azdata.ComponentBuilder<azdata.LoadingComponent> {
+		return this._optionsLoadingBuilder.withValidation(validation);
+	}
+
+	async loadOptions(optionsInfo: OptionsInfo | (() => Promise<OptionsInfo>)): Promise<void> {
+		if (typeof optionsInfo !== 'object') {
+			optionsInfo = await optionsInfo();
+		}
+		this.component().loading = true;
+		this._optionsDivContainer.clearItems();
+		let options: (string[] | azdata.CategoryValue[]) = optionsInfo.values!;
+		let defaultValue: string = optionsInfo.defaultValue!;
+		try {
+			options.forEach((op: string | azdata.CategoryValue) => {
+				const option: azdata.CategoryValue = (typeof op === 'string')
+					? { name: op, displayName: op }
+					: op as azdata.CategoryValue;
+				const radioOption = this._view!.modelBuilder.radioButton().withProperties<azdata.RadioButtonProperties>({
+					label: option.displayName,
+					checked: option.displayName === defaultValue,
+					name: option.name,
+				}).component();
+				if (radioOption.checked) {
+					this._currentRadioOption = radioOption;
+					this._onValueChangedEmitter.fire();
+				}
+				this._onNewDisposableCreated(radioOption.onDidClick(() => {
+					this._optionsDivContainer.items
+						.filter(otherOption => otherOption !== radioOption)
+						.forEach(otherOption => (otherOption as azdata.RadioButtonComponent).checked = false);
+					this._currentRadioOption = radioOption;
+					this._onValueChangedEmitter.fire();
+				}));
+				this._optionsDivContainer.addItem(radioOption);
+			});
+		}
+		catch (e) {
+			const errorLoadingRadioOptionsLabel = this._view!.modelBuilder.text().withProperties({ value: getErrorMessage(e), CSSStyles: { 'color': 'Red' } }).component();
+			this._optionsDivContainer.addItem(errorLoadingRadioOptionsLabel);
+		}
+		this.component().loading = false;
+	}
+
+	get value(): string | undefined {
+		return this._currentRadioOption?.label;
+	}
+
+	get checked(): azdata.RadioButtonComponent {
+		return this._currentRadioOption;
+	}
+
+	get onValueChanged(): vscode.Event<void> {
+		return this._onValueChangedEmitter.event;
+	}
+}