|
|
|
|
@ -4,27 +4,33 @@
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
time_left:0
|
|
|
|
|
time_left:0,
|
|
|
|
|
mins_practiced_today:0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
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;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
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;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<h2 @click="refresh">Mins Left to Practice Today</h2>
|
|
|
|
|
<h2 @click="refresh">Time Summary</h2>
|
|
|
|
|
<h3>Mins Left to Practice Today</h3>
|
|
|
|
|
{{time_left}}
|
|
|
|
|
<h3>Mins Practiced Today</h3>
|
|
|
|
|
{{mins_practiced_today}}
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|