diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-17 10:57:22 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-08-17 10:57:22 +0200 |
| commit | 2890f7cfbe9c6bca3210a23bb2275847d38b39cc (patch) | |
| tree | 2bae61b36668b4a720dd7b7eac1af25ca9885851 /web/templates.templ | |
| parent | 298677d6b7e4f55a6076e9043b62bfebf6ff3350 (diff) | |
refactor(web): tidy climb matching controls
Diffstat (limited to 'web/templates.templ')
| -rw-r--r-- | web/templates.templ | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/web/templates.templ b/web/templates.templ index 7d606bd..795af43 100644 --- a/web/templates.templ +++ b/web/templates.templ @@ -125,9 +125,9 @@ templ RideDetailContent(data RideDetailView) { </nav> <div class="climb-list" data-climb-list> for _, climb := range data.Profile.UnmatchedClimbs() { - <article class="climb-item todo-item" data-climb-item data-climb-index={ formatRouteIndex(climb.Index) }> + <article class="climb-item" data-climb-item data-climb-index={ formatRouteIndex(climb.Index) }> <div class="climb-item-heading"> - <strong><span class="todo-check" aria-hidden="true"></span><span class="climb-number">Climb { formatClimbNumber(climb.Index) }</span>{ climb.Name }</strong> + <strong><span class="climb-number">Climb { formatClimbNumber(climb.Index) }</span>{ climb.Name }</strong> <span class="climb-range" data-climb-summary>{ formatProfileDistance(climb.StartKm) }–{ formatProfileDistance(climb.EndKm) }</span> </div> <p class="climb-metrics" data-climb-metrics>{ climb.Category } · { formatProfileDistance(climb.DistanceKm) } at { formatSlope(climb.SlopePercent) } · Cotacol { formatCotacol(climb.Cotacol) }</p> @@ -135,11 +135,11 @@ templ RideDetailContent(data RideDetailView) { <form class="official-climb-form" data-official-climb-form method="post" action={ templ.URL(officialClimbCreateURL(data.Ride.ID)) }> <label>Name<input type="text" name="name" required placeholder="Official climb name"/></label> <input type="hidden" name="start_index" value={ formatRouteIndex(climb.StartIndex) } data-boundary-input="start"/> - <input type="hidden" name="end_index" value={ formatRouteIndex(climb.EndIndex) } data-boundary-input="end"/> - <div class="boundary-controls"> - <div><strong>Start</strong><div><button class="button secondary" type="button" data-boundary-button="start" data-boundary-source="profile">Select on profile</button><button class="button secondary" type="button" data-boundary-button="start" data-boundary-source="map">Select on map</button></div><output data-boundary-output="start">{ formatProfileDistance(climb.StartKm) }</output></div> - <div><strong>End</strong><div><button class="button secondary" type="button" data-boundary-button="end" data-boundary-source="profile">Select on profile</button><button class="button secondary" type="button" data-boundary-button="end" data-boundary-source="map">Select on map</button></div><output data-boundary-output="end">{ formatProfileDistance(climb.EndKm) }</output></div> - </div> + <input type="hidden" name="end_index" value={ formatRouteIndex(climb.EndIndex) } data-boundary-input="end"/> + <div class="boundary-controls"> + <div><strong>Start</strong><button class="button secondary" type="button" data-boundary-button="start" data-boundary-source="profile" aria-label="Select on profile for start">Profile</button><button class="button secondary" type="button" data-boundary-button="start" data-boundary-source="map" aria-label="Select on map for start">Map</button><output data-boundary-output="start">{ formatProfileDistance(climb.StartKm) }</output></div> + <div><strong>End</strong><button class="button secondary" type="button" data-boundary-button="end" data-boundary-source="profile" aria-label="Select on profile for end">Profile</button><button class="button secondary" type="button" data-boundary-button="end" data-boundary-source="map" aria-label="Select on map for end">Map</button><output data-boundary-output="end">{ formatProfileDistance(climb.EndKm) }</output></div> + </div> <output class="boundary-preview" data-boundary-preview>Preview the corrected climb boundaries.</output> <button class="button" type="submit">Save official climb</button> </form> |