- Timestamp:
- 2021-09-14T14:27:08+12:00 (3 years ago)
- Location:
- main/trunk/model-interfaces-dev/atea
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItemEditor.vue
r35383 r35393 5 5 <select id="displayMode" v-model="displayMode"> 6 6 <option value="words">{{ translations.get("TranscriptionItemEditor_DisplayMode_Words") }}</option> 7 <option value="chars">{{ translations.get("TranscriptionItemEditor_DisplayMode_Chars") }}</option>8 7 <option value="editor">{{ translations.get("TranscriptionItemEditor_DisplayMode_Editor") }}</option> 9 8 </select> … … 19 18 <span class="word-highlight">{{ word.word }}</span> 20 19 <span> </span> 21 </li>22 </ul>23 24 <ul class="list-view" v-if="displayMode == 'chars'">25 <li v-for="char in chars" :key="char.id" class="word-container" @click="playAudio(char.startTime)"26 :class="{ 'word-highlight-applied': char.shouldHighlight }">27 <span class="word-highlight">{{ char.word }}</span>28 20 </li> 29 21 </ul> … … 113 105 displayMode: "words", 114 106 words: [], 115 chars: [],116 107 lastHighlightedWord: 0, 117 lastHighlightedChar: 0118 108 } 119 109 }, … … 159 149 currentPlaybackTime(newValue) { 160 150 this.words[this.lastHighlightedWord].shouldHighlight = false; 161 this.chars[this.lastHighlightedChar].shouldHighlight = false;162 151 163 152 if (!this.$store.state.isCurrentlyPlaying) { … … 169 158 } 170 159 171 for (const char of this.chars) {172 char.shouldHighlight = char.startTime < newValue && char.endTime > newValue;173 }174 175 160 return -1; 176 161 } … … 178 163 beforeMount() { 179 164 this.words = getWords(this.transcription); 180 this.chars = getChars(this.transcription);181 165 } 182 166 } … … 214 198 return words; 215 199 } 216 217 /**218 * Gets the characters in a transcription.219 * @param {TranscriptionViewModel} transcription The transcription.220 * @returns {Word[]}221 */222 function getChars(transcription) {223 /** @type {Word[]} */224 const words = [];225 226 for (let i = 0; i < transcription.metadata.length; i++) {227 const metadata = transcription.metadata[i];228 229 let actualCharacter = metadata.char;230 if (actualCharacter === " ") {231 actualCharacter = "\u00A0";232 }233 234 let endTime = 0;235 if (i === transcription.metadata.length - 1) {236 endTime = metadata.start_time + 1;237 }238 else {239 endTime = transcription.metadata[i + 1].start_time;240 }241 242 words.push(new Word(actualCharacter, metadata.start_time, endTime));243 }244 245 return words;246 }247 200 </script> -
main/trunk/model-interfaces-dev/atea/resources/interface_atea.properties
r35382 r35393 9 9 10 10 atea.TranscriptionItemEditor_SetDisplayMode=Display Mode 11 atea.TranscriptionItemEditor_DisplayMode_Chars=Chararacters12 11 atea.TranscriptionItemEditor_DisplayMode_Words=Words 13 12 atea.TranscriptionItemEditor_DisplayMode_Editor=Editor -
main/trunk/model-interfaces-dev/atea/resources/interface_atea_mi.properties
r35382 r35393 9 9 10 10 atea.TranscriptionItemEditor_SetDisplayMode=Aratau Whakaatu 11 atea.TranscriptionItemEditor_DisplayMode_Chars=PÅ«Ähua12 11 atea.TranscriptionItemEditor_DisplayMode_Words=Kupu 13 12 atea.TranscriptionItemEditor_DisplayMode_Editor=Etita
Note:
See TracChangeset
for help on using the changeset viewer.