admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-21 11:49:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Automatically select text in rename-prompt

Browse Source
This commit is contained in:
Jan Oberhauser
2019-07-24 15:21:44 +02:00
parent 117630fb68
commit 132f32132a
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/editor-ui/src/views/NodeView.vue
View File

@@ -1428,13 +1428,26 @@ export default mixins(
}, },
async renameNodePrompt (currentName: string) { async renameNodePrompt (currentName: string) {
try { try {
const promptResponse = await this.$prompt('New Name:', `Rename Node: "${currentName}"`, { const promptResponsePromise = this.$prompt('New Name:', `Rename Node: "${currentName}"`, {
customClass: 'rename-prompt',
confirmButtonText: 'Rename', confirmButtonText: 'Rename',
cancelButtonText: 'Cancel', cancelButtonText: 'Cancel',
inputErrorMessage: 'Invalid Name', inputErrorMessage: 'Invalid Name',
inputValue: currentName, inputValue: currentName,
}); });
// Wait till it had time to display
await Vue.nextTick();
// Get the input and select the text in it
const nameInput = document.querySelector('.rename-prompt .el-input__inner') as HTMLInputElement | undefined;
if (nameInput) {
nameInput.focus();
nameInput.select();
}
const promptResponse = await promptResponsePromise;
this.renameNode(currentName, promptResponse.value); this.renameNode(currentName, promptResponse.value);
} catch (e) {} } catch (e) {}
}, },