enter in create / rename dialog to submit
This commit is contained in:
@@ -17,6 +17,10 @@ const creating = ref(false);
|
|||||||
const directoryNameValid = computed(() => dialog.value.trim().length > 0);
|
const directoryNameValid = computed(() => dialog.value.trim().length > 0);
|
||||||
|
|
||||||
async function submit() {
|
async function submit() {
|
||||||
|
if (!directoryNameValid.value || creating.value) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
creating.value = true;
|
creating.value = true;
|
||||||
|
|
||||||
const { success } = await createDirectory(warrenRoute.value, dialog.value);
|
const { success } = await createDirectory(warrenRoute.value, dialog.value);
|
||||||
@@ -27,6 +31,12 @@ async function submit() {
|
|||||||
dialog.reset();
|
dialog.reset();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function onKeyDown(e: KeyboardEvent) {
|
||||||
|
if (e.key === 'Enter') {
|
||||||
|
submit();
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -50,6 +60,7 @@ async function submit() {
|
|||||||
aria-required="true"
|
aria-required="true"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
required
|
required
|
||||||
|
@keydown="onKeyDown"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ const renaming = ref(false);
|
|||||||
const directoryNameValid = computed(() => dialog.value.trim().length > 0);
|
const directoryNameValid = computed(() => dialog.value.trim().length > 0);
|
||||||
|
|
||||||
async function submit() {
|
async function submit() {
|
||||||
if (dialog.entry == null) {
|
if (dialog.entry == null || !directoryNameValid.value || renaming.value) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,6 +34,12 @@ async function submit() {
|
|||||||
dialog.reset();
|
dialog.reset();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function onKeyDown(e: KeyboardEvent) {
|
||||||
|
if (e.key === 'Enter') {
|
||||||
|
submit();
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -54,6 +60,7 @@ async function submit() {
|
|||||||
aria-required="true"
|
aria-required="true"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
required
|
required
|
||||||
|
@keydown="onKeyDown"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
|
|||||||
Reference in New Issue
Block a user