From bd02cc79c7d0039899661aa60057a193c49c6f2f Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Wed, 21 Aug 2024 19:34:24 +0200
Subject: [PATCH] setting up fixed decimal values for mins left, get ahead,
 practiced

---
 .../mins_left_to_practice_today.vue           | 29 ++++++++-----------
 src/components/timer.vue                      | 10 +------
 2 files changed, 13 insertions(+), 26 deletions(-)

diff --git a/src/components/mins_left_to_practice_today.vue b/src/components/mins_left_to_practice_today.vue
index 495ba3b..1da1119 100644
--- a/src/components/mins_left_to_practice_today.vue
+++ b/src/components/mins_left_to_practice_today.vue
@@ -10,24 +10,19 @@
 			}
 		},
 		methods: {
-			refresh(){
-				axios.get(import.meta.env.VITE_PRACTICE_TRACKER_API_URL+'mins-left-to-practice-today').then((response)=>{
-					this.time_left= response.data.time_left;
-					this.mins_practiced_today = response.data.mins_practiced_today;
-					
-					const today = new Date()
-					this.to_get_ahead = this.time_left + (today.getMonth()+1)*150 + today.getDate()*5 
-				})
-			}
-		},
-		mounted() {
-			axios.get(import.meta.env.VITE_PRACTICE_TRACKER_API_URL+'mins-left-to-practice-today').then((response)=>{
+			setTimes(response){
 				this.time_left= response.data.time_left;
 				this.mins_practiced_today = response.data.mins_practiced_today;
-					
+				
 				const today = new Date()
 				this.to_get_ahead = this.time_left + (today.getMonth()+1)*150 + today.getDate()*5 
-			})
+			},
+			refresh(){
+				axios.get(import.meta.env.VITE_PRACTICE_TRACKER_API_URL+'mins-left-to-practice-today').then(this.setTimes)
+			}
+		},
+		mounted() {
+			axios.get(import.meta.env.VITE_PRACTICE_TRACKER_API_URL+'mins-left-to-practice-today').then(this.setTimes)
 		}
 	}
 </script>
@@ -35,11 +30,11 @@
 <template>
 	<h2 @click="refresh">Time Summary</h2>
 	<h3>Mins Left to Practice Today</h3>
-	{{time_left}}
+	{{time_left.toFixed(4)}}
 	<h3>To Get Ahead</h3>
-	{{to_get_ahead}}
+	{{to_get_ahead.toFixed(4)}}
 	<h3>Mins Practiced Today</h3>
-	{{mins_practiced_today}}
+	{{mins_practiced_today.toFixed(4)}}
 </template>
 
 <style scoped>
diff --git a/src/components/timer.vue b/src/components/timer.vue
index beca5e9..cef9da8 100644
--- a/src/components/timer.vue
+++ b/src/components/timer.vue
@@ -1,14 +1,6 @@
 <script lang="ts">
 	import axios from 'axios';
 
-	const padDigits = (value) => {
-		if(value < 10){
-			return '0'+value;
-		} else {
-			return value;
-		}
-	}
-
 	const getHours = (seconds) => {
 		return Math.floor( seconds / 60 / 60 );
 	}
@@ -31,7 +23,7 @@
 
 	const formatSeconds = (total) => {
 		const timeObj = createTimeObj(total)
-		return `${timeObj.hours*60 + timeObj.minutes}:${padDigits(timeObj.seconds)}`;
+		return `${timeObj.hours*60 + timeObj.minutes}:${timeObj.seconds.toString().padStart(2,'0')}`;
 	}
 
 	export default {