Add new file UI (#14773)

Adds a notebook or markdown file to a book's top level or a section by right click on Book Tree View
2026-02-08 01:28:26 -05:00 · 2021-03-30 18:44:52 -07:00
parent b774f09b6c
commit 8aa222d1c8
13 changed files with 428 additions and 247 deletions
--- a/extensions/notebook/src/dialog/addFileDialog.ts
+++ b/extensions/notebook/src/dialog/addFileDialog.ts
@@ -0,0 +1,111 @@
+/*---------------------------------------------------------------------------------------------
+ *  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 path from 'path';
+import { pathExists } from 'fs-extra';
+import * as loc from '../common/localizedConstants';
+import { IBookTocManager } from '../book/bookTocManager';
+import { confirmMessageDialog, FileExtension } from '../common/utils';
+import { IPrompter } from '../prompts/question';
+import CodeAdapter from '../prompts/adapter';
+import { BookTreeItem, BookTreeItemType } from '../book/bookTreeItem';
+import { TocEntryPathHandler } from '../book/tocEntryPathHandler';
+
+export class AddFileDialog {
+	private _dialog: azdata.window.Dialog;
+	private readonly _dialogName = 'addNewFileBookTreeViewDialog';
+	public view: azdata.ModelView;
+	private _formModel: azdata.FormContainer;
+	private _fileNameInputBox: azdata.InputBoxComponent;
+	private _titleInputBox: azdata.InputBoxComponent;
+	private _saveLocationInputBox: azdata.TextComponent;
+	private _prompter: IPrompter;
+
+	constructor(private _tocManager: IBookTocManager, private _bookItem: BookTreeItem, private _extension: FileExtension) {
+		this._prompter = new CodeAdapter();
+	}
+
+	public async validatePath(folderPath: string, fileBasename: string): Promise<void> {
+		const destinationUri = path.join(folderPath, fileBasename);
+		if (await pathExists(destinationUri)) {
+			const doOverwrite = await confirmMessageDialog(this._prompter, loc.confirmOverwrite);
+			if (!doOverwrite) {
+				throw (new Error(loc.msgDuplicadFileName(destinationUri)));
+			}
+		}
+		if (!(await pathExists(folderPath))) {
+			throw (new Error(loc.msgSaveFolderError));
+		}
+	}
+
+	public async createDialog(): Promise<void> {
+		const dialogTitle = this._extension === FileExtension.Notebook ? loc.newNotebook : loc.newMarkdown;
+		this._dialog = azdata.window.createModelViewDialog(dialogTitle, this._dialogName);
+		this._dialog.registerContent(async view => {
+			this.view = view;
+			this._fileNameInputBox = this.view.modelBuilder.inputBox()
+				.withProperties({
+					enabled: true,
+					width: '400px'
+				}).component();
+
+			this._titleInputBox = this.view.modelBuilder.inputBox()
+				.withProperties({
+					enabled: true,
+					width: '400px'
+				}).component();
+
+			this._saveLocationInputBox = this.view.modelBuilder.inputBox()
+				.withProperties({
+					value: this._bookItem.contextValue === BookTreeItemType.Book ? this._bookItem.rootContentPath : path.dirname(this._bookItem.resourceUri.fsPath),
+					enabled: false,
+					width: '400px'
+				}).component();
+
+			this._formModel = this.view.modelBuilder.formContainer()
+				.withFormItems([{
+					components: [
+						{
+							title: loc.title,
+							required: true,
+							component: this._titleInputBox
+						},
+						{
+							component: this._fileNameInputBox,
+							title: loc.fileName,
+							required: true
+						},
+						{
+							component: this._saveLocationInputBox,
+							title: loc.saveLocation,
+							required: false
+						}
+					],
+					title: ''
+				}]).component();
+			await this.view.initializeModel(this._formModel);
+		});
+		this._dialog.okButton.label = loc.add;
+		this._dialog.registerCloseValidator(async () => await this.createFile());
+		azdata.window.openDialog(this._dialog);
+	}
+
+	private async createFile(): Promise<boolean> {
+		try {
+			const dirPath = this._bookItem.contextValue === BookTreeItemType.Book ? this._bookItem.rootContentPath : path.dirname(this._bookItem.resourceUri.fsPath);
+			const filePath = path.join(dirPath, this._fileNameInputBox.value).concat(this._extension);
+			await this.validatePath(dirPath, this._fileNameInputBox.value.concat(this._extension));
+			const pathDetails = new TocEntryPathHandler(filePath, this._bookItem.rootContentPath, this._titleInputBox.value);
+			await this._tocManager.addNewFile(pathDetails, this._bookItem);
+			return true;
+		} catch (error) {
+			this._dialog.message = {
+				text: error.message,
+				level: azdata.window.MessageLevel.Error
+			};
+			return false;
+		}
+	}
+}