Autofill devfile project name into the webview text field

ansible · Dec 3, 2024 · 0d5bd1f · 0d5bd1f
1 parent d5a306f
commit 0d5bd1f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/features/contentCreator/createDevfilePage.ts b/src/features/contentCreator/createDevfilePage.ts
@@ -88,6 +88,12 @@ export class CreateDevfile {
     const nonce = getNonce();
 
     const workspaceDir = this.getWorkspaceFolder();
+    let projectName = "";
+
+    if (workspaceDir !== "") {
+      const projectNameSplit = workspaceDir.split("/");
+      projectName = projectNameSplit[projectNameSplit.length - 1];
+    }
 
     const webviewUri = getUri(webview, extensionUri, [
       "out",
@@ -132,7 +138,7 @@ export class CreateDevfile {
                 </vscode-text-field>
 
                 <div class="devfile-name-div">
-                <vscode-text-field id="devfile-name" form="devfile-form" placeholder="Enter Ansible project name" size="512">Ansible project name *</vscode-text-field>
+                <vscode-text-field id="devfile-name" form="devfile-form" placeholder="${projectName}" size="512">Ansible project name *</vscode-text-field>
                 </div>
 
                 <div id="full-devfile-path" class="full-devfile-path">

diff --git a/src/webview/apps/contentCreator/createDevfilePageApp.ts b/src/webview/apps/contentCreator/createDevfilePageApp.ts
@@ -95,6 +95,8 @@ function main() {
 
   destinationPathUrlTextField.value = destinationPathUrlTextField.placeholder;
 
+  devfileNameTextField.value = devfileNameTextField.placeholder;
+
   devfilePathDiv?.appendChild(devfilePathElement);
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -95,6 +95,8 @@ function main() { @@
       destinationPathUrlTextField.value = destinationPathUrlTextField.placeholder;
+      devfileNameTextField.value = devfileNameTextField.placeholder;
       devfilePathDiv?.appendChild(devfilePathElement);
     }
@@ Expand Down @@