mirror of
https://github.com/trevor1969/teatracker.git
synced 2026-08-09 10:41:59 +00:00
feat: Add 5-star rating system for tea varieties
- Add star rating component (5 stars) to tea form - Add rating field to tea data model (default: 3) - Update addTea() to include rating - Update openTeaModal() to set rating when editing - Display rating on tea cards with star icons - Add renderStarRating() for interactive rating in form - Add renderStarRatingStatic() for display on cards - Add handleStarRatingClick() for user interaction - Add migration for existing teas without rating - Add CSS styles for rating display and interaction Co-authored-by: trevor1969 <trevor1969@users.noreply.github.com>
This commit is contained in:
12
index.html
12
index.html
@ -290,6 +290,18 @@
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Bewertung</label>
|
||||
<div class="star-rating" id="tea-rating">
|
||||
<span class="star" data-value="1">★</span>
|
||||
<span class="star" data-value="2">★</span>
|
||||
<span class="star" data-value="3">★</span>
|
||||
<span class="star" data-value="4">★</span>
|
||||
<span class="star" data-value="5">★</span>
|
||||
</div>
|
||||
<input type="hidden" id="tea-rating-value" value="3">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="tea-color">Farbe</label>
|
||||
<input type="color" id="tea-color" value="#8B4513">
|
||||
|
||||
Reference in New Issue
Block a user