refactoring

frontend/www/goal.html

@@ -19,7 +19,7 @@
       <h3 class="mt-3">Create/Edit Goal</h3>
     </div>
   </div>
-  <form class="row g-3" id="form-exercise">
+  <form class="row g-3" id="form-goal">
     <div class="col-lg-6 ">
       <label for="inputName" class="form-label">Goal</label>
       <input type="text" class="form-control" id="inputName" name="name" >
@@ -42,9 +42,9 @@
     </div>
     <div class="col-lg-6"></div>
     <div class="col-lg-6">
-      <input type="button" class="btn btn-primary " id="btn-ok-exercise" value="  UPDATE  ">
-      <input type="button" class="btn btn-secondary " id="btn-cancel-exercise" value="Cancel">
-      <input type="button" class="btn btn-danger float-end " id="btn-delete-exercise" value="Delete">
+      <input type="button" class="btn btn-primary " id="btn-ok-goal" value="  UPDATE  ">
+      <input type="button" class="btn btn-secondary " id="btn-cancel-goal" value="Cancel">
+      <input type="button" class="btn btn-danger float-end " id="btn-delete-goal" value="Delete">
     </div>
     <div class="col-lg-6">
 

frontend/www/scripts/goal.js

@@ -9,17 +9,15 @@ function handleCancelButtonDuringCreate() {
     window.location.replace("goals.html");
 }
 
-async function createExercise() {
+async function createGoal() {
 
-    let form = document.querySelector("#form-exercise");
+    let form = document.querySelector("#form-goal");
     let formData = new FormData(form);
     let body = {"name": formData.get("name"),
                 "description": formData.get("description"),
                 "date": formData.get("date"),
                 "exercise": formData.get("exercise")};
 
-    console.log("HEELO", body)
-
       let response = await sendRequest("POST", `${HOST}/api/goal/`, body);
 
       if (response.ok) {
@@ -37,7 +35,7 @@ async function deleteExercise(id) {
     let response = await sendRequest("DELETE", `${HOST}/api/goal/${id}/`);
     if (!response.ok) {
         let data = await response.json();
-        let alert = createAlert(`Could not delete exercise ${id}`, data);
+        let alert = createAlert(`Could not delete goal ${id}`, data);
         document.body.prepend(alert);
     } else {
         window.location.replace("goals.html");
@@ -51,11 +49,11 @@ async function retrieveGoal(id) {
 
     if (!response.ok) {
         let data = await response.json();
-        let alert = createAlert("Could not retrieve exercise data!", data);
+        let alert = createAlert("Could not retrieve goal data!", data);
         document.body.prepend(alert);
     } else {
         let goalData = await response.json();
-        let form = document.querySelector("#form-exercise");
+        let form = document.querySelector("#form-goal");
         let formData = new FormData(form);
 
         for (let key of formData.keys()) {
@@ -77,7 +75,7 @@ async function retrieveGoal(id) {
 }
 
 async function updateExercise(id) {
-    let form = document.querySelector("#form-exercise");
+    let form = document.querySelector("#form-goal");
     let formData = new FormData(form);
 
     let muscleGroupSelector = document.querySelector("select")
@@ -93,7 +91,7 @@ async function updateExercise(id) {
 
     if (!response.ok) {
         let data = await response.json();
-        let alert = createAlert(`Could not update exercise ${id}`, data);
+        let alert = createAlert(`Could not update goal ${id}`, data);
         document.body.prepend(alert);
     } else {
         console.log(response)
@@ -103,7 +101,7 @@ async function updateExercise(id) {
 }
 
 const init = async () => {
-    let coachContainer = document.getElementById('exercise-content');
+    let goalContainer = document.getElementById('exercise-content');
     await sendRequest("GET", `${HOST}/api/exercises/`).then(async (val) => {
         val.json().then((resp) => {
             resp.results.forEach(workout => {
@@ -120,7 +118,7 @@ const init = async () => {
                         newOption.textContent = workout.name;
                     }
 
-                    coachContainer.appendChild(newOption);
+                    goalContainer.appendChild(newOption);
                 }
             });
         })
@@ -131,9 +129,9 @@ const init = async () => {
 window.addEventListener("DOMContentLoaded", async () => {
     await init();
 
-    cancelButton = document.querySelector("#btn-cancel-exercise");
-    okButton = document.querySelector("#btn-ok-exercise");
-    deleteButton = document.querySelector("#btn-delete-exercise");
+    cancelButton = document.querySelector("#btn-cancel-goal");
+    okButton = document.querySelector("#btn-ok-goal");
+    deleteButton = document.querySelector("#btn-delete-goal");
     oldFormData = null;
 
     const urlParams = new URLSearchParams(window.location.search);
@@ -152,7 +150,7 @@ window.addEventListener("DOMContentLoaded", async () => {
         cancelButton.className = cancelButton.className += "hide";
         deleteButton.className = deleteButton.className += "hide";
 
-        okButton.addEventListener("click", async () => await createExercise());
+        okButton.addEventListener("click", async () => await createGoal());
     }
 
 });