Change edit topset exercise select to tailwind elements

This commit is contained in:
Peter Stockings
2023-03-20 22:43:57 +11:00
parent c71cd0d7b2
commit 3e6f291793
2 changed files with 15 additions and 10 deletions

2
app.py
View File

@@ -182,7 +182,7 @@ def get_topset(person_id, workout_id, topset_id):
def get_topset_edit_form(person_id, workout_id, topset_id): def get_topset_edit_form(person_id, workout_id, topset_id):
exercises = db.get_exercises() exercises = db.get_exercises()
topset = db.get_topset(person_id, workout_id, topset_id) topset = db.get_topset(person_id, workout_id, topset_id)
return render_template('partials/topset.html', person_id=person_id, workout_id=workout_id, topset_id=topset_id, exercises=exercises, exercise_name=topset['ExerciseName'], repetitions=topset['Repetitions'], weight=topset['Weight'], is_edit=True) return render_template('partials/topset.html', person_id=person_id, workout_id=workout_id, topset_id=topset_id, exercises=exercises, exercise_name=topset['ExerciseName'], repetitions=topset['Repetitions'], weight=topset['Weight'], exercise_id=topset['ExerciseId'], is_edit=True)
@ app.route("/person/<int:person_id>/workout/<int:workout_id>/topset", methods=['POST']) @ app.route("/person/<int:person_id>/workout/<int:workout_id>/topset", methods=['POST'])

View File

@@ -3,15 +3,20 @@
{% if is_edit|default(false, true) == false %} {% if is_edit|default(false, true) == false %}
{{ exercise_name }} {{ exercise_name }}
{% else %} {% else %}
<select <div class="w-full">
class="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500" <select id="topset-exercise-select-{{ topset_id }}" data-te-select-init data-te-select-filter="true"
name="exercise_id"> data-te-select-size="lg" name="exercise_id"
class="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
{% for exercise in exercises|default([], true) %} {% for exercise in exercises|default([], true) %}
<option value="{{ exercise['ExerciseId'] }}" {% if exercise['Name']==exercise_name %} selected {% endif %}> <option value="{{ exercise['ExerciseId'] }}">{{
{{exercise['Name']}} exercise['Name']
</option> }}</option>
{% endfor %} {% endfor %}
</select> </select>
</div>
<script>
te.Select.getOrCreateInstance(document.querySelector("#topset-exercise-select-{{ topset_id }}")).setValue("{{ exercise_id }}");
</script>
{% endif %} {% endif %}
</td> </td>
<td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900"> <td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">