Merge pull request #49 from kaishuu0123/fix/re-53-auto-focus-to-story…

…-modal refs RE-53: Fix auto focus for StoryModal & TaskModal Refresh Button
kaishuu0123 · Dec 13, 2019 · 9f4335b · 9f4335b
2 parents 99bcff5 + 3f86bbe
commit 9f4335b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/app/javascript/components/commons/TicketForm.vue b/app/javascript/components/commons/TicketForm.vue
@@ -74,6 +74,14 @@ export default {
       this.$refs.titleInput.focus()
     })
   },
+  watch: {
+    isLoading: function(newLoading, oldLoading) {
+      Vue.nextTick(() => {
+        // Focus Input
+        this.$refs.titleInput.focus()
+      })
+    }
+  },
   methods: {
     updateValue(key, value) {
       this.ticket[key] = value;

diff --git a/app/javascript/components/kanban/TaskModal.vue b/app/javascript/components/kanban/TaskModal.vue
@@ -66,6 +66,11 @@
                   <i class="fas fa-pen mr-1" /> {{ $t('action.edit') }}
                 </button>
               </div>
+              <div v-else-if="isEdit && !isNew" class="mr-2">
+                <button type="button" class="btn rb-btn-s btn-outline-secondary shadow-sm" @click="() => this.$refs.ticketForm.handleSubmit()">
+                  <i class="fas fa-pen mr-1" /> {{ $t('action.submit') }}
+                </button>
+              </div>
               <button type="button" class="btn rb-btn-s btn-outline-secondary shadow-sm" @click="() => this.$refs.modal.hide()">
                 <i class="fas fa-times mr-1" /> {{ $t('action.close') }}
               </button>
@@ -103,7 +108,8 @@
               :ticket="task"
               ticketType="tasks"
               :isLoading="isLoading"
-              :afterSubmit="afterSubmit" />
+              :afterSubmit="afterSubmit"
+              ref="ticketForm" />
             <TicketPreview
               v-else
               :projectId="projectId"