Merge pull request #13090 from shruti862/fix-10688

Pressing Enter key successfully submits Facility Import Admin Credentials form
learningequality · Feb 20, 2025 · f5161e0 · f5161e0
2 parents 7c47bad + f078402
commit f5161e0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/kolibri/plugins/device/assets/src/views/FacilitiesPage/FacilityAdminCredentialsModal.vue b/kolibri/plugins/device/assets/src/views/FacilitiesPage/FacilityAdminCredentialsModal.vue
@@ -14,6 +14,7 @@
       :facility="facility"
       :device="device"
       :disabled="formDisabled"
+      :handleSubmit="handleSubmit"
     />
   </KModal>
 

diff --git a/packages/kolibri-common/components/syncComponentSet/FacilityAdminCredentialsForm.vue b/packages/kolibri-common/components/syncComponentSet/FacilityAdminCredentialsForm.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <form>
+  <form @keydown.enter="submitForm">
     <p
       v-if="singleFacility && facility.name"
       class="facility-name"
@@ -86,6 +86,10 @@
         type: Boolean,
         default: false,
       },
+      handleSubmit: {
+        type: Function,
+        default: () => {},
+      },
     },
     data() {
       return {
@@ -152,6 +156,11 @@
           }
         });
       },
+      submitForm() {
+        if (this.handleSubmit) {
+          this.handleSubmit();
+        }
+      },
     },
     $trs: {
       // Use this version in Device > Facilities