From 529f864ed96c3631cc63a55bceb04bcbf266ab19 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 15 Apr 2023 17:10:44 +0200
Subject: [PATCH] revert can start

---
 .../record/components/RecordControls.vue      | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/modules/record/components/RecordControls.vue b/src/modules/record/components/RecordControls.vue
index c6d41c7..7ce5aae 100644
--- a/src/modules/record/components/RecordControls.vue
+++ b/src/modules/record/components/RecordControls.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { useTaskStore } from '@/modules/task/stores/useTask.store'
 import { toISODate } from '@/shared/types/date'
-import { useMagicKeys, whenever } from '@vueuse/core'
+import { useActiveElement, useMagicKeys, whenever } from '@vueuse/core'
+import { logicAnd } from '@vueuse/math'
 import { computed } from 'vue'
 import { useTaskRecordStore } from '../stores/useTaskRecordStore'
 
@@ -40,7 +41,11 @@ const getNextStepId = () => {
   return null
 }
 
-const canStart = computed(() => !recordStore.currentStepId)
+const canStart = computed(
+  () =>
+    !recordStore.currentStepId &&
+    Object.values(record.value?.stepRecords ?? {}).length === 0
+)
 
 const startRecording = () => {
   if (!canStart.value || !task.value) {
@@ -67,13 +72,19 @@ const nextStep = () => {
   })
 }
 
+const activeElement = useActiveElement()
+const INPUT_MATTERS = ['INPUT', 'TEXTAREA']
+const notUsingInput = computed(
+  () => !INPUT_MATTERS.includes(activeElement.value?.tagName)
+)
+
 const { n, s } = useMagicKeys()
 
-whenever(n, () => {
+whenever(logicAnd(notUsingInput, n), () => {
   nextStep()
 })
 
-whenever(s, () => {
+whenever(logicAnd(notUsingInput, s), () => {
   startRecording()
 })
 </script>