From b63a7915c9250f114ce4724d06f7aceb0e685470 Mon Sep 17 00:00:00 2001
From: CazSaa <cazsaaltink@gmail.com>
Date: Thu, 21 Oct 2021 23:10:37 +0200
Subject: [PATCH] Add water consumption functionality
---
pages/index/Add-Water.vue | 32 ++++++++++++++++++++++++++++++--
1 file changed, 30 insertions(+), 2 deletions(-)
diff --git a/pages/index/Add-Water.vue b/pages/index/Add-Water.vue
index 6703338..2d7adbc 100644
--- a/pages/index/Add-Water.vue
+++ b/pages/index/Add-Water.vue
@@ -1,6 +1,6 @@
<template>
<section class="tracker-section">
- <MililiterInput :id="'add-water'">
+ <MililiterInput :id="'add-water'" v-model="waterAddition">
<!--suppress XmlInvalidId -->
<label for="add-water">How much water did you drink?</label>
</MililiterInput>
@@ -11,7 +11,35 @@
</template>
<script>
-
+export default {
+ data() {
+ return {
+ waterAddition: undefined
+ }
+ },
+ watch: {
+ async waterAddition() {
+ if (this.waterAddition === undefined || this.waterAddition === null) {
+ return
+ }
+ await this.$axios.post('api/consumption', null, {
+ params: { amount: this.waterAddition }
+ })
+ const consumptionResponse = await this.$axios.get('/api/consumption/total', {
+ params: { begin: this.UTCFloor() }
+ })
+ await this.$router.push('/')
+ this.$store.commit('setConsumption', consumptionResponse.data.average)
+ }
+ },
+ methods: {
+ UTCFloor() {
+ // https://stackoverflow.com/a/53096398/14851412
+ const date = new Date()
+ return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDay()))
+ }
+ }
+}
</script>
<style scoped lang="scss">
--
GitLab