From e46780414f1acda87780f889dc03c97d8c1de1ca Mon Sep 17 00:00:00 2001
From: James Chang <jc4095@nyu.edu>
Date: Fri, 16 Apr 2021 12:42:54 -0400
Subject: [PATCH] Focus time field if Event and PB Type are pre-filled

---
 .../crud/special/editPersonalBestInterface.vue         | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/components/interface/crud/special/editPersonalBestInterface.vue b/frontend/components/interface/crud/special/editPersonalBestInterface.vue
index ff2ce05..1262c5f 100644
--- a/frontend/components/interface/crud/special/editPersonalBestInterface.vue
+++ b/frontend/components/interface/crud/special/editPersonalBestInterface.vue
@@ -21,6 +21,7 @@
           >
             <v-text-field
               v-if="item.field === 'timeElapsed'"
+              ref="timeElapsed"
               v-model="item.value"
               :label="
                 (item.fieldInfo.text || item.field) +
@@ -177,6 +178,15 @@ export default {
     },
   },
 
+  mounted() {
+    // focus the time field if the event and pbClass are set
+    if (this.event && this.pbClass) {
+      setTimeout(() => {
+        this.$refs.timeElapsed[0].focus()
+      }, 0)
+    }
+  },
+
   methods: {
     isNumber(evt) {
       const charCode = evt.which ? evt.which : evt.keyCode