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

Timestamp:

2021-10-18T15:57:18+13:00 (3 years ago)

Author:

cstephen

Message:

Improve audio loading flow.
Load audio on word editor click.

File:

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

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

@@ -41 +41 @@
         </div>
 
-        <hr />
-
-        <TranscriptionItemEditor ref="editor" :transcription="transcription" style="margin-bottom: 1em" :enableEditing="enableEditing" />
-
         <div class="editor-controls">
             <audio-time-bar v-model.number="currentPlaybackTime" :audio-length="audioLength" :isDisabled="playbackState.id != transcription.id" />
-
+        </div>
+
+        <hr />
+
+        <div class="editor-controls">
+            <TranscriptionItemEditor ref="editor" :transcription="transcription" style="margin-bottom: 1em" :enableEditing="enableEditing" />
             <toggle-button v-model="enableEditing" :title="translations.get('TranscriptionItemEditor_ToggleEditTooltip')">
                 <span class="material-icons">edit</span>
@@ -88 +89 @@
 .editor-controls {
     display: grid;
-    align-items: center;
+    align-items: flex-start;
     grid-template-columns: 1fr auto;
     margin: 0.5em 0 0.3em 0;