Skip to content

Commit d57dc14

Browse files
ChaosbitChaosbit
authored
Merge pull request #66 from Chaosbit/copilot/fix-65
Refactor workout management interface into reusable web component
2 parents 2f7da11 + 9683c61 commit d57dc14

3 files changed

Lines changed: 610 additions & 166 deletions

File tree

‎index.html‎

Lines changed: 1 addition & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -93,90 +93,7 @@ <h2 class="md-navigation-drawer__title">
9393
<div class="md-card__content">
9494
<h2 class="md-typescale-headline-large">Load Workout</h2>
9595

96-
<div class="workout-library md-card md-card--outlined" id="workoutLibrary" style="display: none;">
97-
<div class="md-card__content">
98-
<h3 class="md-typescale-title-large">Saved Workouts</h3>
99-
100-
<!-- Filtering and Sorting Controls -->
101-
<div class="library-controls" id="libraryControls" style="display: none;">
102-
<div class="filter-section">
103-
<div class="filter-group">
104-
<label class="md-typescale-body-medium">Filter by Tags:</label>
105-
<div class="tag-filter-container">
106-
<div class="selected-tags" id="selectedTags"></div>
107-
<div class="tag-input-wrapper">
108-
<input type="text" id="tagFilterInput" class="md-text-field__input" placeholder="Type to filter tags...">
109-
<div class="tag-suggestions" id="tagSuggestions"></div>
110-
</div>
111-
</div>
112-
</div>
113-
114-
<div class="filter-group">
115-
<label class="md-typescale-body-medium">Filter by Duration:</label>
116-
<div class="duration-filter">
117-
<select id="durationFilter" class="md-select__field">
118-
<option value="">Any Duration</option>
119-
<option value="0-900">Short (≤15 min)</option>
120-
<option value="900-1800">Medium (15-30 min)</option>
121-
<option value="1800-3600">Long (30-60 min)</option>
122-
<option value="3600+">Very Long (60+ min)</option>
123-
</select>
124-
</div>
125-
</div>
126-
</div>
127-
128-
<div class="sort-section">
129-
<label class="md-typescale-body-medium">Sort by:</label>
130-
<div class="sort-controls">
131-
<select id="sortBySelect" class="md-select__field">
132-
<option value="name">Name</option>
133-
<option value="dateAdded">Date Added</option>
134-
<option value="lastUsed">Last Used</option>
135-
<option value="timesCompleted">Times Completed</option>
136-
<option value="duration">Duration</option>
137-
</select>
138-
<button id="sortOrderBtn" class="md-icon-button" title="Toggle sort order">
139-
<span class="material-icons" id="sortOrderIcon">arrow_upward</span>
140-
</button>
141-
</div>
142-
</div>
143-
144-
<div class="filter-actions">
145-
<button id="clearFiltersBtn" class="md-button md-button--outlined">
146-
<span class="material-icons md-button__icon">clear</span>
147-
<span class="md-button__label">Clear Filters</span>
148-
</button>
149-
</div>
150-
</div>
151-
152-
<div class="workout-selector">
153-
<div class="md-select">
154-
<select id="workoutSelect" class="md-select__field">
155-
<option value="">Choose a saved workout...</option>
156-
</select>
157-
<span class="material-icons md-select__dropdown-icon">▼</span>
158-
</div>
159-
<div class="workout-info" id="workoutInfo" style="display: none;">
160-
<div class="workout-meta">
161-
<span class="workout-duration" id="workoutDuration"></span>
162-
<span class="workout-exercises" id="workoutExercises"></span>
163-
<span class="workout-completion" id="workoutCompletion"></span>
164-
</div>
165-
<div class="workout-tags" id="workoutTags"></div>
166-
</div>
167-
<div class="workout-actions">
168-
<button id="editWorkoutBtn" class="md-button md-button--outlined" disabled>
169-
<span class="material-icons md-button__icon">edit</span>
170-
<span class="md-button__label">Edit</span>
171-
</button>
172-
<button id="deleteWorkoutBtn" class="md-button md-button--outlined" disabled>
173-
<span class="material-icons md-button__icon">delete</span>
174-
<span class="md-button__label">Delete</span>
175-
</button>
176-
</div>
177-
</div>
178-
</div>
179-
</div>
96+
<workout-manager id="workoutManager"></workout-manager>
18097

18198
<div class="workout-editor md-card md-card--outlined" id="workoutEditor" style="display: none;">
18299
<div class="md-card__content">

0 commit comments

Comments
 (0)