manually setting hours/mins/seconds

src/components/timer.vue

@@ -33,7 +33,10 @@
 				totalSeconds:0,
 				description:'',
 				practice_category_id:0,
-				comments:''
+				comments:'',
+				manualHours:0,
+				manualMinutes:0,
+				manualSeconds:0
 			}
 		},
 		methods: {
@@ -81,6 +84,10 @@
 			reset(event){
 				this.savedPreviousSeconds = 0;
 				this.totalSeconds = 0;
+			},
+			setSecondsManually(){
+				this.totalSeconds = this.manualHours*60*60 + this.manualMinutes*60 + this.manualSeconds;
+				console.log(this.manualHours, this.manualMinutes, this.manualSeconds);
 			}
 		},
 		mounted() {
@@ -122,6 +129,13 @@
 		</select>
 
 		<input type="Submit"/>
+
+		<label>Hours:</label>
+		<input type="number" @change="setSecondsManually" v-model="manualHours"/>
+		<label>Minutes:</label>
+		<input type="number" @change="setSecondsManually" v-model="manualMinutes"/>
+		<label>Seconds:</label>
+		<input type="number" @change="setSecondsManually" v-model="manualSeconds"/>
 	</form>
 </template>