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

Timestamp:

2021-09-23T16:52:55+12:00 (3 years ago)

Author:

cstephen

Message:

Hoist active word

File:

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

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

@@ -20 +20 @@
     </div>
 
-    <word-timing-selector :surroundingWords="surroundingWords" :word="selectedWord" :wordIndex="selectedIndex" />
+    <word-timing-selector class="word-timing-selector" :surroundingWords="surroundingWords" :word="selectedWord" />
 
     <div class="editor-controls">
@@ -60 +60 @@
 
 .word-highlight-applied {
-    background-color: rgba(255, 255, 0, 0.4);
+    background-color: var(--highlighted-word-bg);
 }
 
@@ -75 +75 @@
     font-family: inherit;
     font-size: 1rem;
+}
+
+.word-timing-selector {
+    margin: 0.5em auto;
 }
 </style>
@@ -171 +175 @@
             }
 
-            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;
+            return this.words.slice(min, max);
         },
         /**
@@ -200 +201 @@
         },
         onEditorFocus(index) {
-            const wordStartTime = this.words[index].startTime + 0.01;
-            this.$store.commit("playbackStateSetTime", { id: this.transcription.id, time: wordStartTime });
+            if (this.playbackState.currentTime < this.words[index].startTime || this.playbackState.curentTime > this.words[index].endTime) {
+                const wordStartTime = this.words[index].startTime + 0.01;
+                this.$store.commit("playbackStateSetTime", { id: this.transcription.id, time: wordStartTime });
+            }
+
             this.selectedIndex = index;
         },