diff --git a/frontend/www/scripts/exercise.js b/frontend/www/scripts/exercise.js index b7c04d9dab91c28f0d77f69d35d407d811a936b5..6f70adfdfd511c0207d3e6765e2a63a94460f4ad 100644 --- a/frontend/www/scripts/exercise.js +++ b/frontend/www/scripts/exercise.js @@ -30,6 +30,12 @@ class MuscleGroup { } } +const NAME = "name"; +const DESCRIPTION = "description"; +const DURATION = "duration"; +const CALORIES = "calories"; +const MUSCLEGROUP = "muscleGroup"; +const UNIT = "unit"; function handleCancelButtonDuringEdit() { setReadOnly(true, "#form-exercise"); document.querySelector("select").setAttribute("disabled", "") @@ -41,24 +47,24 @@ function handleCancelButtonDuringEdit() { cancelButton.removeEventListener("click", handleCancelButtonDuringEdit); const form = document.querySelector("#form-exercise"); - if (oldFormData.has("name")) form.name.value = oldFormData.get("name"); - if (oldFormData.has("description")) form.description.value = oldFormData.get("description"); - if (oldFormData.has("duration")) form.duration.value = oldFormData.get("duration"); - if (oldFormData.has("calories")) form.calories.value = oldFormData.get("calories"); - if (oldFormData.has("muscleGroup")) form.muscleGroup.value = oldFormData.get("muscleGroup"); - if (oldFormData.has("unit")) form.unit.value = oldFormData.get("unit"); + if (oldFormData.has(NAME)) form.name.value = oldFormData.get(NAME); + if (oldFormData.has(DESCRIPTION)) form.description.value = oldFormData.get(DESCRIPTION); + if (oldFormData.has(DURATION)) form.duration.value = oldFormData.get(DURATION); + if (oldFormData.has(CALORIES)) form.calories.value = oldFormData.get(CALORIES); + if (oldFormData.has(MUSCLEGROUP)) form.muscleGroup.value = oldFormData.get(MUSCLEGROUP); + if (oldFormData.has(UNIT)) form.unit.value = oldFormData.get(UNIT); deleteFormData(); } function deleteFormData() { - oldFormData.delete("name"); - oldFormData.delete("description"); - oldFormData.delete("duration"); - oldFormData.delete("calories"); - oldFormData.delete("muscleGroup"); - oldFormData.delete("unit"); + oldFormData.delete(NAME); + oldFormData.delete(DESCRIPTION); + oldFormData.delete(DURATION); + oldFormData.delete(CALORIES); + oldFormData.delete(MUSCLEGROUP); + oldFormData.delete(UNIT); } function handleCancelButtonDuringCreate() { @@ -69,12 +75,12 @@ async function createExercise() { document.querySelector("select").removeAttribute("disabled") const form = document.querySelector("#form-exercise"); const formData = new FormData(form); - const body = {"name": formData.get("name"), - "description": formData.get("description"), - "duration": formData.get("duration"), - "calories": formData.get("calories"), - "muscleGroup": formData.get("muscleGroup"), - "unit": formData.get("unit")}; + const body = {NAME: formData.get(NAME), + DESCRIPTION: formData.get(DESCRIPTION), + DURATION: formData.get(DURATION), + CALORIES: formData.get(CALORIES), + MUSCLEGROUP: formData.get(MUSCLEGROUP), + UNIT: formData.get(UNIT)}; const response = await sendRequest("POST", `${HOST}/api/exercises/`, body); @@ -131,7 +137,7 @@ async function retrieveExercise(id) { const formData = new FormData(form); for (const key of formData.keys()) { - const selector = key !== "muscleGroup" ? `input[name="${key}"], textarea[name="${key}"]` : `select[name=${key}]` + const selector = key !== MUSCLEGROUP ? `input[name="${key}"], textarea[name="${key}"]` : `select[name=${key}]` const input = form.querySelector(selector); const newVal = exerciseData[key]; input.value = newVal; @@ -146,14 +152,14 @@ async function updateExercise(id) { const muscleGroupSelector = document.querySelector("select") muscleGroupSelector.removeAttribute("disabled") - const selectedMuscleGroup = new MuscleGroup(formData.get("muscleGroup")); + const selectedMuscleGroup = new MuscleGroup(formData.get(MUSCLEGROUP)); - const body = {"name": formData.get("name"), - "description": formData.get("description"), - "duration": formData.get("duration"), - "calories": formData.get("calories"), - "muscleGroup": selectedMuscleGroup.getMuscleGroupType(), - "unit": formData.get("unit")}; + const body = {NAME: formData.get(NAME), + DESCRIPTION: formData.get(DESCRIPTION), + DURATION: formData.get(DURATION), + CALORIES: formData.get(CALORIES), + MUSCLEGROUP: selectedMuscleGroup.getMuscleGroupType(), + UNIT: formData.get(UNIT)}; const response = await sendRequest("PUT", `${HOST}/api/exercises/${id}/`, body); if (!response.ok) {