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

Timestamp:

2021-09-20T10:06:23+12:00 (3 years ago)

Author:

cstephen

Message:

Improve audio time bar implementation

File:

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

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

@@ -2 +2 @@
 <div>
     <div class="editor-controls">
-        <audio-time-bar v-model="currentPlaybackTime" :audio-length="2" />
+        <audio-time-bar v-model.number="currentPlaybackTime" :audio-length="2" />
 
         <toggle-button v-model="enableEditing">
@@ -125 +125 @@
         }
     },
-    computed: mapState({
-        playbackState: state => state.playbackState,
-        currentPlaybackTime: state => state.playbackState.currentTime,
-        translations: state => state.translations
-    }),
+    computed: {
+        currentPlaybackTime: {
+            get() {
+                return this.$store.state.playbackState.currentTime;
+            },
+            set(value) {
+                this.$store.commit("setCurrentPlaybackTime", value);
+            }
+        },
+        ...mapState({
+            playbackState: state => state.playbackState,
+            translations: state => state.translations
+        })
+    },
     methods: {
         playAudio(startTime) {