Changeset 35426 for main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/AudioTimeBar.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/AudioTimeBar.vue (modified) (2 diffs)

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

@@ -1 +1 @@
 <template>
 <div class="root">
-    <input type="range" class="slider-continuous" v-model="sliderValue" :max="audioLength" step="0.01" />
-    <span>{{ sliderValue }}</span>
+    <input type="range" class="slider-continuous" v-model.number="sliderValue" :max="audioLength" step="0.01" />
+    <span>{{ stringSliderValue }}</span>
 </div>
 </template>
@@ -32 +32 @@
         sliderValue: {
             get() {
-                if (this.myValue < 0) {
+                if (this.modelValue < 0) {
                     return 0;
                 }
 
-                if (this.myValue > this.audioLength) {
+                if (this.modelValue > this.audioLength) {
                     return this.audioLength;
                 }
 
-                return this.myValue;
+                return this.modelValue;
             },
             set(newValue) {
+                // this.myValue = newValue;
                 this.$emit("update:modelValue", newValue);
-                this.myValue = newValue;
             }
         },
         stringSliderValue() {
-            return Util.formatSecondsTimeString(this.sliderValue);
+            return Util.formatSecondsTimeString(this.sliderValue, false, 2);
         }
     }