Changeset 35541

Timestamp:

2021-10-01T13:37:21+13:00 (3 years ago)

Author:

cstephen

Message:

Handle pasting of multiple words

File:

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

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

@@ -13 +13 @@
             <li v-for="(word, index) in words" :key="word.id" class="word-container">
                 <input :size="word.word.length === 0 ? 1 : word.word.length" :ref="word.id"
-                    class="editor-word" v-model="word.word" type="text" onpaste="return false;" :class="{ 'word-highlight-applied': word.shouldHighlight }"
+                    class="editor-word" v-model="word.word" type="text" :class="{ 'word-highlight-applied': word.shouldHighlight }"
                     @beforeinput="onEditorBeforeInput($event, index)" @focusout="onEditorFocusOut(index)" @focus="onEditorFocus(index)" />
                 <span>&nbsp;</span>
@@ -299 +299 @@
                 }
                 else if (event.data.includes(" ")) {
-                    // TODO: Split input
+                    let wordsToAdd = event.data.split(" ");
+                    wordsToAdd = wordsToAdd.filter(w => w.trim().length > 0).map(w => w.trim());
+                    const sharedTime = (word.endTime - word.startTime) / wordsToAdd.length;
+
+                    if (wordsToAdd.length === 0) {
+                        return;
+                    }
+
+                    word.endTime = word.startTime + sharedTime;
+                    let newStartTime = word.endTime;
+
+                    for (let i = 0; i < wordsToAdd.length; i++) {
+                        const newWord = new Word(wordsToAdd[i], newStartTime, newStartTime + sharedTime);
+                        newStartTime += sharedTime;
+
+                        this.words.splice(index + i + 1, 0, newWord);
+                    }
+
+                    event.preventDefault();
                 }
             }