diff --git a/frontend/www/scripts/exercise.js b/frontend/www/scripts/exercise.js index 97afac7cf3271bd31c5b7e327dc32d096cee4442..7671d258a6282fe41a4b32d82e9fd0fb7adbcbcc 100644 --- a/frontend/www/scripts/exercise.js +++ b/frontend/www/scripts/exercise.js @@ -4,15 +4,23 @@ let deleteButton; let editButton; let oldFormData; -const name = "name"; -const description = "description"; -const duration = "duration"; -const calories = "calories"; -const muscleGroup = "muscleGroup"; -const unit = "unit"; +const NAME = "name"; +const DESCRIPTION = "description"; +const DURATION = "duration"; +const CALORIES = "calories"; +const MUSCLE_GROUP = "muscleGroup"; +const UNIT = "unit"; const validTypes = ["Legs", "Chest", "Back", "Arms", "Abdomen", "Shoulders"]; +const deleteFormData = () => { + oldFormData.delete(NAME); + oldFormData.delete(DESCRIPTION); + oldFormData.delete(DURATION); + oldFormData.delete(CALORIES); + oldFormData.delete(MUSCLE_GROUP); + oldFormData.delete(UNIT); +} function handleCancelButtonDuringEdit() { setReadOnly(true, "#form-exercise"); @@ -25,19 +33,14 @@ 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); - - oldFormData.delete(name); - oldFormData.delete(description); - oldFormData.delete(duration); - oldFormData.delete(calories); - oldFormData.delete(muscleGroup); - oldFormData.delete(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(MUSCLE_GROUP)) form.muscleGroup.value = oldFormData.get(MUSCLE_GROUP); + if (oldFormData.has(UNIT)) form.unit.value = oldFormData.get(UNIT); + + deleteFormData(); } @@ -49,12 +52,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(MUSCLE_GROUP), + unit: formData.get(UNIT)}; const response = await sendRequest("POST", `${HOST}/api/exercises/`, body); @@ -130,12 +133,12 @@ async function updateExercise(id) { const muscleGroupSelector = document.querySelector("select") muscleGroupSelector.removeAttribute("disabled") - const body = {name: formData.get(name), - description: formData.get(description), - duration: formData.get(duration), - calories: formData.get(calories), - muscleGroup: getMuscleGroupType(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: getMuscleGroupType(formData.get(MUSCLE_GROUP)), + unit: formData.get(UNIT)}; const response = await sendRequest("PUT", `${HOST}/api/exercises/${id}/`, body); if (!response.ok) { @@ -155,12 +158,7 @@ async function updateExercise(id) { cancelButton.removeEventListener("click", handleCancelButtonDuringEdit); - oldFormData.delete(name); - oldFormData.delete(description); - oldFormData.delete(duration); - oldFormData.delete(calories); - oldFormData.delete(muscleGroup); - oldFormData.delete(unit); + deleteFormData(); } window.addEventListener("DOMContentLoaded", async () => {