peterstockings/workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add ability to edit exercise name from new dropdown, still WIP as I need to handle exercise selection and make it a component

Browse Source
This commit is contained in:
Peter Stockings
2024-11-04 12:07:47 +11:00
parent e756607dc8
commit 7d43965289
7 changed files with 74 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
templates/workout.html
View File

@@ -95,11 +95,18 @@
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
Exercise
</label>
<input
class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
type="text" name="query" placeholder="Search exercises..." hx-get="{{ url_for('get_exercises') }}"
hx-target="#exercise-results" hx-trigger="keyup changed delay:500ms" autocomplete="off">
<div id="exercise-results">
<div class="relative" _="on click from elsewhere set the innerHTML of #exercise-results to ''">
<input
class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
type="text" name="query" placeholder="Search exercises..."
hx-get="{{ url_for('get_exercises') }}" hx-target="#exercise-results"
hx-trigger="keyup changed delay:500ms" autocomplete="off">
<!-- Dropdown Menu -->
<div id="exercise-results"
class="absolute w-full bg-white border border-gray-200 mt-1 rounded shadow-md z-10">
<!-- Results will be injected here -->
</div>
</div>
</div>