feat(Save Dialogs): enter key triggers save

PaulHax · Dec 29, 2023 · cb5791e · cb5791e
1 parent e40529f
commit cb5791e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/SaveSegmentGroupDialog.vue b/src/components/SaveSegmentGroupDialog.vue
@@ -43,6 +43,7 @@ import { onMounted, ref } from 'vue';
 import { saveAs } from 'file-saver';
 import { useSegmentGroupStore } from '@/src/store/segmentGroups';
 import { writeImage } from '@/src/io/readWriteImage';
+import { onKeyDown } from '@vueuse/core';
 
 const EXTENSIONS = [
   'dcm',
@@ -57,7 +58,7 @@ const EXTENSIONS = [
 ];
 
 const props = defineProps<{
-  close: () => undefined;
+  close: () => void;
   id: string;
 }>();
 const fileName = ref('');
@@ -87,6 +88,10 @@ onMounted(() => {
   fileName.value = segmentGroupStore.metadataByID[props.id].name;
 });
 
+onKeyDown('Enter', () => {
+  saveSegmentGroup();
+});
+
 function validFileName(name: string) {
   return name.trim().length > 0 || 'Required';
 }

diff --git a/src/components/SaveSession.vue b/src/components/SaveSession.vue
@@ -33,6 +33,7 @@
 <script lang="ts">
 import { defineComponent, onMounted, ref } from 'vue';
 import { saveAs } from 'file-saver';
+import { onKeyDown } from '@vueuse/core';
 
 import { serialize } from '../io/state-file';
 
@@ -68,6 +69,10 @@ export default defineComponent({
       fileName.value = DEFAULT_FILENAME;
     });
 
+    onKeyDown('Enter', () => {
+      saveSession();
+    });
+
     function validFileName(name: string) {
       return name.trim().length > 0 || 'Required';
     }