Skip to content
Snippets Groups Projects
Commit 15fd27fb authored by Sigurd's avatar Sigurd
Browse files

variables exercise

parent 4ec7a1a6
No related branches found
No related tags found
No related merge requests found
......@@ -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) {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment