🚧 working on endpoint for useranswer submit

Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

frontend/src/api/postFormData.ts

@@ -0,0 +1,21 @@
+export const postFormData = (respondentID: number, allFormAnswers: string) => {
+	let url = "http://localhost:8080/submitanswers";
+
+	const response = fetch(url, {
+		method: "POST",
+		body: JSON.stringify({
+			respondentID: respondentID,
+			allFormAnswers: allFormAnswers,
+		}),
+	})
+		.then((response) => {
+			if (!response.ok) {
+				throw new Error(`HTTP error! Status: ${response.status}`);
+			}
+			return response.ok;
+		})
+		.catch((error) => {
+			console.log(error);
+		});
+	return response;
+};

frontend/src/api/postUserformData.ts

@@ -28,7 +28,7 @@ export const postUserformData = (
 		})
 		.then((data) => {
 			console.log(data);
-			localStorage.setItem("RespondentId", data);
+			localStorage.setItem("RespondentId", data.respondentID);
 			return data;
 		})
 		.catch((error) => {

frontend/src/components/form/footer/Footer.svelte

@@ -2,6 +2,7 @@
 	import ArrowChevron from "../../svg/ArrowChevron.svelte";
     import ButtonComponent from "../../userform/inputs/ButtonComponent.svelte";
     import { goto } from "$app/navigation";
+	import { postFormData } from "../../../api/postFormData";
 
     export let questionNum:number
     export let answeredAll:boolean
@@ -13,6 +14,16 @@
     const gotoPrevPage = async (questionNum: number) => {
         goto(`${questionNum - 1}`)
     }
+
+    const handleFormSubmit = () => {
+        let allFormAnswers:string | null = localStorage.getItem("allFormAnswers")
+        let respondentID:string | null = localStorage.getItem("RespondentId")
+
+        if (allFormAnswers && respondentID) {
+            postFormData(Number(respondentID), allFormAnswers)
+        }
+    }
+
 </script>
 
 <div class="flex justify-center items-center gap-8">
@@ -20,7 +31,7 @@
         <ArrowChevron width=16 direction="left"/>
         Forrige spørsmål
     </button>
-    <button disabled={questionNum == 0 || questionNum % 4 != 0} 
+    <button disabled={questionNum == 0 || questionNum % 4 != 0} on:click={handleFormSubmit}
     class={`${questionNum == 0 || questionNum % 4 != 0 ?  "hidden" : "bg-primary text-bg hover:bg-bg hover:text-primary"} font-bold uppercase border-primary border-2 rounded-full px-8 py-3`}>
             Send inn svar
     </button>