From b2336700c296b8e97821e630ed83fa59f0fcf191 Mon Sep 17 00:00:00 2001
From: vekaste <vekaste@stud.ntnu.no>
Date: Wed, 1 May 2024 15:55:03 +0200
Subject: [PATCH] feat: creating first saving goal now works
---
.../ConfigurationSteps/FirstSavingGoal.vue | 22 +++++++++++++++++--
1 file changed, 20 insertions(+), 2 deletions(-)
diff --git a/src/components/Configuration/ConfigurationSteps/FirstSavingGoal.vue b/src/components/Configuration/ConfigurationSteps/FirstSavingGoal.vue
index 97a2423..226d395 100644
--- a/src/components/Configuration/ConfigurationSteps/FirstSavingGoal.vue
+++ b/src/components/Configuration/ConfigurationSteps/FirstSavingGoal.vue
@@ -3,6 +3,7 @@ import BaseInput from '@/components/InputFields/BaseInput.vue'
import { ref } from 'vue'
import Button1 from '@/components/Buttons/Button1.vue'
import { useRouter } from 'vue-router'
+import {type CreateGoalDTO, GoalService} from "@/api";
const router = useRouter();
const emit = defineEmits(['changeRouterEvent'])
@@ -13,8 +14,9 @@ const titleRef = ref<string>()
let descriptionRef = ref<string>()
const sumRef = ref<number>()
const dateRef = ref<string>()
+const errorMessage = ref("")
-const handleSubmit = () => {
+const handleSubmit = async () => {
formRef.value.classList.add("was-validated")
const form = formRef.value
if (!form.checkValidity()) {
@@ -22,7 +24,20 @@ const handleSubmit = () => {
}
// TODO integrate user creation and goal creation with backend.
-
+ const createGoalPayload: CreateGoalDTO = {
+ name: titleRef.value,
+ description: descriptionRef.value,
+ targetAmount: sumRef.value,
+ targetDate: dateRef.value + " 00:00:00.000000000",
+ };
+
+ try {
+ await GoalService.createGoal({ requestBody: createGoalPayload });
+ await router.push("/")
+ } catch (error: any) {
+ console.log(error.message);
+ errorMessage.value = error.message;
+ }
}
const getTodayDate = () => {
@@ -98,6 +113,9 @@ const handleSumInputEvent = (newSum: number) => {
<div class="confirm-button-container">
<button1 id="confirmButton" @click="handleSubmit" button-text="Continue"></button1>
</div>
+ <div style="color: red">
+ {{ errorMessage }}
+ </div>
</div>
</template>
--
GitLab