Changeset 35521 for main/trunk

Timestamp:

2021-09-29T14:51:57+13:00 (3 years ago)

Author:

cstephen

Message:

Improve new word insertion

File:

• main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItemEditor.vue (modified) (4 diffs)

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItemEditor.vue

@@ -20 +20 @@
     </div>
 
-    <!-- <word-timing-selector class="word-timing-selector" :surroundingWords="surroundingWords" :word="selectedWord" /> -->
+    <word-timing-selector class="word-timing-selector" :surroundingWords="surroundingWords" :word="selectedWord" />
 
     <div class="editor-controls">
@@ -87 +87 @@
 import AudioPlayback from "../js/AudioPlaybackModule"
 import AudioTimeBar from "./AudioTimeBar.vue"
-// import WordTimingSelector from "./WordTimingSelector.vue"
+import WordTimingSelector from "./WordTimingSelector.vue"
 import Util, { log } from "../js/Util";
 
@@ -121 +121 @@
     name: "TranscriptionItemEditor",
     components: {
-        AudioTimeBar//,
-        // WordTimingSelector
+        AudioTimeBar,
+        WordTimingSelector
     },
     props: {
@@ -215 +215 @@
 
             if (insertionEvents.includes(event.inputType)) {
-                if (event.data === " ") {
-                    // Only insert if the current word isn't blank, to prevent 'jumping jacks' as the duplicate empty boxes are removed
-                    if (word.word !== "") {
+                const inputIndex = this.$refs[word.id].selectionStart;
+
+                if (event.data === " ") { // ONLY whitespace entered. Split or add new word
+                    let newWord;
+
+                    if (inputIndex === 0) {
+                        const newEndTime = word.startTime + (word.endTime - word.startTime) / 2;
+                        newWord = new Word("", word.startTime, newEndTime);
+
+                        this.words.splice(index, 0, newWord);
+                        word.startTime = newEndTime;
+                    }
+                    else if (inputIndex === word.word.length) {
                         const newStartTime = word.startTime + ((word.endTime - word.startTime) / 2);
-                        const newWord = new Word("", newStartTime, word.endTime);
+                        newWord = new Word("", newStartTime, word.endTime);
+
                         this.words.splice(index + 1, 0, newWord);
-
-                        // We have to give the element some time to be mounted before we can focus it
-                        setTimeout(() => this.$refs[newWord.id].focus(), 50);
+                        word.endTime = newStartTime;
                     }
+                    else {
+                        // Split down middle
+                    }
 
                     event.preventDefault();
+                    setTimeout(() => this.$refs[newWord.id].focus(), 50); // Give the element time to be mounted before focusing
+                }
+                else if (event.data.includes(" ")) {
+                    // Split input
                 }
             }