diff --git a/frontend/www/scripts/exercise.js b/frontend/www/scripts/exercise.js index 1f15fdab7707e8ab641595799dffbcb54d5f536f..24ef1862893160cb60522c397b57e83eaa214efe 100644 --- a/frontend/www/scripts/exercise.js +++ b/frontend/www/scripts/exercise.js @@ -41,7 +41,7 @@ function handleCancelButtonDuringEdit() { cancelButton.removeEventListener("click", handleCancelButtonDuringEdit); - let form = document.querySelector("#form-exercise"); + 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"); @@ -64,23 +64,23 @@ function handleCancelButtonDuringCreate() { async function createExercise() { document.querySelector("select").removeAttribute("disabled") - let form = document.querySelector("#form-exercise"); - let formData = new FormData(form); - let body = {"name": formData.get("name"), + 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")}; - let response = await sendRequest("POST", `${HOST}/api/exercises/`, body); + const response = await sendRequest("POST", `${HOST}/api/exercises/`, body); if (response.ok) { window.location.replace("exercises.html"); return; } - let data = await response.json(); - let alert = createAlert("Could not create new exercise!", data); + const data = await response.json(); + const alert = createAlert("Could not create new exercise!", data); document.body.prepend(alert); } @@ -96,15 +96,15 @@ function handleEditExerciseButtonClick() { cancelButton.addEventListener("click", handleCancelButtonDuringEdit); - let form = document.querySelector("#form-exercise"); + const form = document.querySelector("#form-exercise"); oldFormData = new FormData(form); } async function deleteExercise(id) { - let response = await sendRequest("DELETE", `${HOST}/api/exercises/${id}/`); + const response = await sendRequest("DELETE", `${HOST}/api/exercises/${id}/`); if (!response.ok) { - let data = await response.json(); - let alert = createAlert(`Could not delete exercise ${id}`, data); + const data = await response.json(); + const alert = createAlert(`Could not delete exercise ${id}`, data); document.body.prepend(alert); } else { window.location.replace("exercises.html"); @@ -112,50 +112,50 @@ async function deleteExercise(id) { } async function retrieveExercise(id) { - let response = await sendRequest("GET", `${HOST}/api/exercises/${id}/`); + const response = await sendRequest("GET", `${HOST}/api/exercises/${id}/`); console.log(response.ok) if (!response.ok) { - let data = await response.json(); - let alert = createAlert("Could not retrieve exercise data!", data); + const data = await response.json(); + const alert = createAlert("Could not retrieve exercise data!", data); document.body.prepend(alert); return; } document.querySelector("select").removeAttribute("disabled") - let exerciseData = await response.json(); - let form = document.querySelector("#form-exercise"); - let formData = new FormData(form); + const exerciseData = await response.json(); + const form = document.querySelector("#form-exercise"); + const formData = new FormData(form); - for (let key of formData.keys()) { + for (const key of formData.keys()) { const selector = key !== "muscleGroup" ? `input[name="${key}"], textarea[name="${key}"]` : `select[name=${key}]` - let input = form.querySelector(selector); - let newVal = exerciseData[key]; + const input = form.querySelector(selector); + const newVal = exerciseData[key]; input.value = newVal; } document.querySelector("select").setAttribute("disabled", "") } async function updateExercise(id) { - let form = document.querySelector("#form-exercise"); - let formData = new FormData(form); + const form = document.querySelector("#form-exercise"); + const formData = new FormData(form); - let muscleGroupSelector = document.querySelector("select") + const muscleGroupSelector = document.querySelector("select") muscleGroupSelector.removeAttribute("disabled") - let selectedMuscleGroup = new MuscleGroup(formData.get("muscleGroup")); + const selectedMuscleGroup = new MuscleGroup(formData.get("muscleGroup")); - let body = {"name": formData.get("name"), + 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")}; - let response = await sendRequest("PUT", `${HOST}/api/exercises/${id}/`, body); + const response = await sendRequest("PUT", `${HOST}/api/exercises/${id}/`, body); if (!response.ok) { - let data = await response.json(); - let alert = createAlert(`Could not update exercise ${id}`, data); + const data = await response.json(); + const alert = createAlert(`Could not update exercise ${id}`, data); document.body.prepend(alert); return; }