Changeset 35395 for main


Ignore:
Timestamp:
2021-09-14T15:31:46+12:00 (3 years ago)
Author:
cstephen
Message:

Remove duplicated transcription display

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  
    2020        </div>
    2121
    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)" />
    2923
    3024        <hr />

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

    r35393 r35395  
    88            </select>
    99
    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" /> -->
    1311        </div>
    1412
    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)" />
    1927                    <span>&nbsp;</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>&nbsp;</span>
    29             </li>
    30         </ul>
     28                </li>
     29            </ul>
     30        </div>
    3131    </div>
    3232</template>
    3333
    3434<style scoped lang="scss">
     35.word {
     36    padding: 0.25em;
     37}
     38
    3539.editor-controls {
    3640    display: grid;
    … …  
    4044}
    4145
     46.words-container {
     47    transition-duration: var(--transition-duration);
     48
     49    &[hidden] {
     50        background-color: inherit;
     51    }
     52}
     53
    4254.word-container {
    4355    font: var(--monospace-font);
    4456    display: inline-block;
    45     margin-top: 1em;
     57    line-height: 2em;
    4658}
    4759
    … …  
    105117            displayMode: "words",
    106118            words: [],
    107             lastHighlightedWord: 0,
     119            lastHighlightedWord: 0
    108120        }
    109121    },

  • main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/main.js

    r35367 r35395  
    7171const translations = new Map();
    7272
     73/* We might be running under Greenstone, so pull the tranlsations from there if so */
    7374/* eslint-disable no-undef */
    7475if (typeof gs !== "undefined" && gs.text && gs.text.atea) {
Note: See TracChangeset for help on using the changeset viewer.