Changeset 35395 for main/trunk
- Timestamp:
- 2021-09-14T15:31:46+12:00 (3 years ago)
- Location:
- main/trunk/model-interfaces-dev/atea/korero-maori-asr/src
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItem.vue
r35384 r35395 20 20 </div> 21 21 22 <div class="text-container body0"> 23 {{ transcription.transcription }} 24 </div> 25 26 <div class="transcription__editor-container" v-if="showEditor"> 27 <TranscriptionItemEditor :transcription="transcription" @playAudio="playAudio($event)" /> 28 </div> 22 <TranscriptionItemEditor :transcription="transcription" @playAudio="playAudio($event)" /> 29 23 30 24 <hr /> -
main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItemEditor.vue
r35393 r35395 8 8 </select> 9 9 10 <!-- <input type="checkbox" v-model="showCharDisplay" title="Show characters" /> 11 12 <input type="checkbox" v-model="enableTextEditing" title="Enable text editing" /> --> 10 <!-- <input type="checkbox" v-model="enableTextEditing" title="Enable text editing" /> --> 13 11 </div> 14 12 15 <ul class="list-view" v-if="displayMode == 'words'"> 16 <li v-for="word in words" :key="word.id" class="word-container" @click="playAudio(word.startTime)" 17 :class="{ 'word-highlight-applied': word.shouldHighlight }"> 18 <span class="word-highlight">{{ word.word }}</span> 13 <div class="text-container words-container" :hidden="displayMode == 'editor'"> 14 <ul class="list-view" v-if="displayMode == 'words'"> 15 <li v-for="word in words" :key="word.id" class="word-container" @click="playAudio(word.startTime)"> 16 <span class="word-highlight word" :class="{ 'word-highlight-applied': word.shouldHighlight }"> 17 {{ word.word }} 18 </span> 19 </li> 20 </ul> 21 22 <ul class="list-view" v-if="displayMode == 'editor'"> 23 <li v-for="(word, index) in words" :key="word.id" class="word-container"> 24 <input :size="word.word.length <= 1 ? 1 : word.word.length - 1" :ref="word.id" 25 class="editor-word" v-model="word.word" type="text" 26 @input="onEditorInput($event, index)" @focusout="onEditorFocusOut(index)" /> 19 27 <span> </span> 20 </li> 21 </ul> 22 23 <ul class="list-view" v-if="displayMode == 'editor'"> 24 <li v-for="(word, index) in words" :key="word.id" class="word-container"> 25 <input :size="word.word.length <= 1 ? 1 : word.word.length - 1" :ref="word.id" 26 class="editor-word" v-model="word.word" type="text" 27 @input="onEditorInput($event, index)" @focusout="onEditorFocusOut(index)" /> 28 <span> </span> 29 </li> 30 </ul> 28 </li> 29 </ul> 30 </div> 31 31 </div> 32 32 </template> 33 33 34 34 <style scoped lang="scss"> 35 .word { 36 padding: 0.25em; 37 } 38 35 39 .editor-controls { 36 40 display: grid; … … 40 44 } 41 45 46 .words-container { 47 transition-duration: var(--transition-duration); 48 49 &[hidden] { 50 background-color: inherit; 51 } 52 } 53 42 54 .word-container { 43 55 font: var(--monospace-font); 44 56 display: inline-block; 45 margin-top: 1em;57 line-height: 2em; 46 58 } 47 59 … … 105 117 displayMode: "words", 106 118 words: [], 107 lastHighlightedWord: 0 ,119 lastHighlightedWord: 0 108 120 } 109 121 }, -
main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/main.js
r35367 r35395 71 71 const translations = new Map(); 72 72 73 /* We might be running under Greenstone, so pull the tranlsations from there if so */ 73 74 /* eslint-disable no-undef */ 74 75 if (typeof gs !== "undefined" && gs.text && gs.text.atea) {
Note:
See TracChangeset
for help on using the changeset viewer.