Changeset 35448 for main

Timestamp:

2021-09-21T16:35:54+12:00 (3 years ago)

Author:

cstephen

Message:

Highlight words when editing

Location:

main/trunk/model-interfaces-dev/atea

Files:

• korero-maori-asr/src/App.vue (modified) (1 diff)
• korero-maori-asr/src/components/TranscriptionItemEditor.vue (modified) (2 diffs)
• korero-maori-asr/src/styles/theme.scss (modified) (1 diff)
• transform/pages/korero-maori-asr.xsl (modified) (2 diffs)

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

@@ -18 +18 @@
             and they can be downloaded in multiple formats.
             <br />
-            The actual transcriptions are produced with gratitude by using <a href="https://koreromaori.io">koreromaori.io's</a> service.
+            The actual transcriptions are produced with gratitude by using <a href="https://koreromaori.io">koreromaori.io</a>'s service.
         </div>
     </div>

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 <= 1 ? 1 : word.word.length - 1" :ref="word.id"
-                    class="editor-word" v-model="word.word" type="text" onpaste="return false;"
-                    @input="onEditorInput($event, index)" @focusout="onEditorFocusOut(index)" @keyup="onEditorKeyUp($event, index)" />
+                    class="editor-word" v-model="word.word" type="text" onpaste="return false;" :class="{ 'word-highlight-applied': word.shouldHighlight }"
+                    @input="onEditorInput($event, index)" @focusout="onEditorFocusOut(index)" @keyup="onEditorKeyUp($event, index)" @focus="onEditorFocus(index)" />
                 <span>&nbsp;</span>
             </li>
@@ -167 +167 @@
             }
         },
+        onEditorFocus(index) {
+            const wordStartTime = this.words[index].startTime + 0.01;
+            this.$store.commit("playbackStateSetCurrentTime", wordStartTime);
+        },
         onEditorFocusOut(index) {
             // Remove empty words when they lose focus

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/styles/theme.scss

@@ -1 +1 @@
 ////
-/// Applies default themes.
+/// Applies default themes and styles.
 ////
 

main/trunk/model-interfaces-dev/atea/transform/pages/korero-maori-asr.xsl

@@ -16 +16 @@
     <xsl:variable name="groupPath"><xsl:value-of select="/page/pageRequest/paramList/param[@name='group']/@value"/></xsl:variable>
     <!-- set page title -->
-    <xsl:template name="pageTitle"><gslib:collectionName/></xsl:template>
+    <xsl:template name="pageTitle">Korero Maori Transcription Interface</xsl:template>
 
     <!-- set page breadcrumbs -->
@@ -38 +38 @@
     </xsl:template>
     
-    <!-- Template for processing audio file uploads -->
     <xsl:template name="audio-transcription">
         <link rel="icon" href="interfaces/{$interface_name}/korero-maori-asr/dist/favicon.ico" />