Changeset 35455 for main

Timestamp:

2021-09-23T15:07:13+12:00 (3 years ago)

Author:

cstephen

Message:

Properly identify surrounding words

Location:

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

Files:

• TranscriptionItemEditor.vue (modified) (6 diffs)
• WordTimingSelector.vue (modified) (1 diff)

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

@@ -20 +20 @@
     </div>
 
-    <word-timing-selector :surroundingWords="getSurroundingWords()" />
+    <word-timing-selector :surroundingWords="surroundingWords" :word="selectedWord" :wordIndex="selectedIndex" />
 
     <div class="editor-controls">
@@ -127 +127 @@
             enableEditing: false,
             words: [],
-            lastHighlightedWordIndex: 0
+            lastHighlightedWordIndex: 0,
+            selectedIndex: 0
         }
     },
@@ -142 +143 @@
             return this.$store.getters.transcriptionPlaybackLength(this.transcription.id);
         },
+        surroundingWords() {
+            return this.getSurroundingWords(this.selectedIndex);
+        },
+        selectedWord() {
+            return this.words[this.selectedIndex];
+        },
         ...mapState({
             playbackState: state => state.playbackState,
@@ -151 +158 @@
             await AudioPlayback.play(this.transcription.id, startTime);
         },
-        getSurroundingWords() {
-            return this.words.slice(2, 7);
+        getSurroundingWords(index) {
+            const BUFFER = 2; // The number of words to take on each side
+
+            let min = index;
+            for (let i = index; i > index - BUFFER && i > 0; i--) {
+                min--;
+            }
+
+            let max = index + 1;
+            for (let i = index; i < index + BUFFER && i < this.words.length; i++) {
+                max++;
+            }
+
+            const words = this.words.slice(min, max);
+            // words.splice(index - min, 1); // Remove the index word, as it is not a 'surrounding' word
+
+            return words;
         },
         /**
@@ -180 +202 @@
             const wordStartTime = this.words[index].startTime + 0.01;
             this.$store.commit("playbackStateSetTime", { id: this.transcription.id, time: wordStartTime });
+            this.selectedIndex = index;
         },
         onEditorFocusOut(index) {
@@ -273 +296 @@
                 if (word.startTime < newValue && word.endTime > newValue) {
                     word.shouldHighlight = true;
+
+                    if (this.$refs[word.id]) {
+                        this.$refs[word.id].focus();
+                    }
+
                     this.lastHighlightedWordIndex = i;
                     break;

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

@@ -62 +62 @@
         surroundingWords: Array,
         word: { word: String, startTime: Number, endTime: Number },
+        wordIndex: Number,
         upperBound: Number
     },