ayanova/src/components/duration-control.vue

@@ -10,7 +10,7 @@
             v-show="showDays"
             ref="daysPicker"
             :value="splitSpan.days"
-            @input="handleDaysInput"
+            @input="updateSpan()"
             :readonly="readonly"
             :disabled="disabled"
             :label="$ay.t('TimeSpanDays')"
@@ -22,7 +22,7 @@
           <v-text-field
             :value="splitSpan.hours"
             ref="hoursPicker"
-            @input="handleHoursInput"
+            @input="updateSpan()"
             :readonly="readonly"
             :disabled="disabled"
             :label="$ay.t('TimeSpanHours')"
@@ -34,7 +34,7 @@
           <v-text-field
             :value="splitSpan.minutes"
             ref="minutesPicker"
-            @input="handleMinutesInput"
+            @input="updateSpan()"
             :readonly="readonly"
             :disabled="disabled"
             :label="$ay.t('TimeSpanMinutes')"
@@ -47,7 +47,7 @@
             v-show="showSeconds"
             :value="splitSpan.seconds"
             ref="secondsPicker"
-            @input="handleSecondsInput"
+            @input="updateSpan()"
             :readonly="readonly"
             :disabled="disabled"
             :label="$ay.t('TimeSpanSeconds')"
@@ -193,86 +193,24 @@ export default {
         this.hour12
       );
     },
-
+    updateSpan() {
-    handleDaysInput(value) {
-      this.days = Number(value);
-      this.handleInput();
-    },
-    handleHoursInput(value) {
-      if (Number(value) > 24) {
-        this.hours = 24;
-      } else {
-        this.hours = Number(value);
-      }
-      this.handleInput();
-      //oninput="if(Number(this.value) > Number(this.max)) this.value = this.max;"
-    },
-    handleMinutesInput(value) {
-      if (Number(value) > 60) {
-        this.minutes = 60;
-      } else {
-        this.minutes = Number(value);
-      }
-      this.handleInput();
-    },
-    handleSecondsInput(value) {
-      if (Number(value) > 60) {
-        this.seconds = 60;
-      } else {
-        this.seconds = Number(value);
-      }
-      this.handleInput();
-    },
-    handleInput() {
       //{"data":{"testTSDaysWMS":"22.10:15:22.0330000","testTSHMS":"05:16:33","testTS_DHMS":"5.10:15:33","testTS_MS":"00:15:33","testTS_S":"00:00:33","testTS_D":"22.00:00:00"}}
       // DD.HH:MM:SS.ms
       let ret = "";
       let vm = this;
-      if (vm.days && vm.days > 0) {
+      //this.$refs.daysPicker.$refs.input.value
-        ret = `${vm.days}.`;
+      let daysValue = this.$refs.daysPicker.$refs.input.value || 0;
+      let hoursValue = this.$refs.hoursPicker.$refs.input.value || 0;
+      let minutesValue = this.$refs.minutesPicker.$refs.input.value || 0;
+      let secondsValue = this.$refs.secondsPicker.$refs.input.value || 0;
+
+      if (daysValue > 0) {
+        ret = `${daysValue}.`;
       }
 
-      if (!vm.hours) {
+      ret += `${hoursValue}:${minutesValue}:${secondsValue}`;
-        vm.hours = 0;
+      console.log("updateSpan, ret is ", ret);
-      }
-      if (!vm.minutes) {
-        vm.minutes = 0;
-      }
-
-      if (!vm.seconds) {
-        vm.seconds = 0;
-      }
-      ret += `${vm.hours}:${vm.minutes}:${vm.seconds}`;
       this.$emit("input", ret);
-    },
-    handleUpdate(val) {
-      if (val == null) {
-        this.days = 0;
-        this.hours = 0;
-        this.minutes = 0;
-        this.seconds = 0;
-        return;
-      }
-      let work = val.split(":");
-      //has days?
-      if (work[0].includes(".")) {
-        let dh = work[0].split(".");
-        this.days = Number(dh[0]);
-        this.hours = Number(dh[1]);
-      } else {
-        this.days = 0;
-        this.hours = Number(work[0]);
-      }
-
-      this.minutes = Number(work[1]);
-
-      //has milliseconds? (ignore them)
-      if (work[2].includes(".")) {
-        let dh = work[2].split(".");
-        this.seconds = Number(dh[0]);
-      } else {
-        this.seconds = Number(work[2]);
-      }
     }
   }
 };