Commit 0b35dc5d authored by Johan-Henrik Fylling's avatar Johan-Henrik Fylling
Browse files

Add some styling to workouts search and filter.

parent 136c2b13
Pipeline #115044 passed with stages
in 59 seconds
......@@ -30,21 +30,32 @@
<a class="list-group-item list-group-item-action" id="list-athlete-workouts-list" data-bs-toggle="list" href="#list-athlete-workouts" role="tab" aria-controls="athlete">Athlete Workouts</a>
<a class="list-group-item list-group-item-action" id="list-public-workouts-list" data-bs-toggle="list" href="#list-public-workouts" role="tab" aria-controls="public">Public Workouts</a>
</div>
<div class="mt-1">Sort by: <a href="?ordering=date">Date</a> <a href="?ordering=owner">Owner</a> <a href="?ordering=name">Name</a>
<div class="mt-1 mb-3">
Sort by: <a href="?ordering=date">Date</a> <a href="?ordering=owner">Owner</a> <a href="?ordering=name">Name</a>
<br>Currently sorting by: <span id="current-sort"></span>
</div>
<div class="mt-1">
<div>
Search: <input type="text" id="input-search-text" name="search-text" placeholder="Search here"/>
<div class="row g-2 mb-3">
<div class="col-sm">
<div class="form-floating">
<input class="form-control" type="text" id="input-search-text" name="search-text" placeholder="Search here"/>
<label for="input-search-text">Search here</label>
</div>
</div>
<div>
<label>Exercise type</label>
<select id="exercise-filter-select">
<option value="any">Any</option>
</select>
<label>Date range</label>
<input type="datetime-local" id="workout-from-datetime" value="2021-01-12T19:30" />
<input type="datetime-local" id="workout-to-datetime" value="2021-01-12T19:30" />
<div class="col-sm">
<div class="form-floating">
<select class="form-select" id="exercise-filter-select">
<option selected value="any">Any</option>
</select>
<label for="exercise-filter-select">Exercise</label>
</div>
</div>
</div>
<div class="row g-2">
<div class="input-group">
<span class="input-group-text">Dates from:</span>
<input class="form-control" type="datetime-local" id="workout-from-datetime" value="2021-01-12T19:30" />
<span class="input-group-text">to:</span>
<input class="form-control" type="datetime-local" id="workout-to-datetime" value="2021-01-12T19:30" />
</div>
</div>
<div class="list-group mt-1" id="div-content"></div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment