diff --git a/frontend/www/scripts/suggestedworkout.js b/frontend/www/scripts/suggestedworkout.js index 080ba9d84894a1a6a21ddfa599b5bb42c2a00bf3..0ec9f0df6e0619083c525a2689ca1546debe29dd 100644 --- a/frontend/www/scripts/suggestedworkout.js +++ b/frontend/www/scripts/suggestedworkout.js @@ -401,34 +401,38 @@ window.addEventListener("DOMContentLoaded", async () => { postCommentButton.addEventListener("click", (async (id) => await createComment(id)).bind(undefined, id)); } } else { - await createBlankExercise(); + coachTitle.className = coachTitle.className.replace("hide", ""); if (currentUser.athletes.length > 0) { await selectAthletesForSuggest(currentUser); - } else { - let alert = createAlert("Will no be able to suggest workout due to not having any athltes", undefined); - document.body.prepend(alert); - } + await createBlankExercise(); - setReadOnly(false, "#form-workout"); - let ownerInput = document.querySelector("#inputOwner"); - ownerInput.value = currentUser.username; - ownerInput.readOnly = !ownerInput.readOnly; - let dateInput = document.querySelector("#inputDateTime"); - dateInput.readOnly = !dateInput.readOnly; + setReadOnly(false, "#form-workout"); + let ownerInput = document.querySelector("#inputOwner"); + ownerInput.value = currentUser.username; + ownerInput.readOnly = !ownerInput.readOnly; + let dateInput = document.querySelector("#inputDateTime"); + dateInput.readOnly = !dateInput.readOnly; - coachTitle.className = coachTitle.className.replace("hide", ""); - okWorkoutButton.className = okWorkoutButton.className.replace(" hide", ""); - cancelWorkoutButton.className = cancelWorkoutButton.className.replace(" hide", ""); - buttonAddExercise.className = buttonAddExercise.className.replace(" hide", ""); - buttonRemoveExercise.className = buttonRemoveExercise.className.replace(" hide", ""); + coachTitle.className = coachTitle.className.replace("hide", ""); - okWorkoutButton.addEventListener("click", (async (currentUser) => await createSuggestWorkout(currentUser)).bind(undefined, currentUser)); - cancelWorkoutButton.addEventListener("click", handleCancelDuringWorkoutCreate); + okWorkoutButton.className = okWorkoutButton.className.replace(" hide", ""); + cancelWorkoutButton.className = cancelWorkoutButton.className.replace(" hide", ""); + buttonAddExercise.className = buttonAddExercise.className.replace(" hide", ""); + buttonRemoveExercise.className = buttonRemoveExercise.className.replace(" hide", ""); + + okWorkoutButton.addEventListener("click", (async (currentUser) => await createSuggestWorkout(currentUser)).bind(undefined, currentUser)); + cancelWorkoutButton.addEventListener("click", handleCancelDuringWorkoutCreate); + } else { + let description = document.querySelector("#description-no-athletes"); + + description.className = description.className.replace("hide", ""); + + } } }); \ No newline at end of file diff --git a/frontend/www/suggestworkout.html b/frontend/www/suggestworkout.html index 6201d5fd7577dfadc577ffb77397481a9821c3dd..bc69de597e3ccdc654420cbe4ecc1548346e04b4 100644 --- a/frontend/www/suggestworkout.html +++ b/frontend/www/suggestworkout.html @@ -31,6 +31,11 @@ </h3> </div> </div> + <div class="row"> + <div class="col-lg"> + <p class="mt-4 hide" id="description-no-athletes" >You can not suggest any workout since you have no registered athletes</p> + </div> + </div> <form class="row g-3 mb-4" id="form-workout"> <div class="col-lg-6"> <label for="inputName" class="form-label">Name</label>