elordenador/proyecto-final
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: usar estrellas Unicode en lugar de Bootstrap Icons

Browse Source
This commit is contained in:
Daniel
2026-05-08 14:03:31 +02:00
parent 62bf3fdc08
commit e0350de530
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tienda/templates/tienda/add_review.html
+4 -10
View File
@@ -23,9 +23,9 @@
<div class="mb-4"> <div class="mb-4">
<label class="form-label">Puntuación</label> <label class="form-label">Puntuación</label>
<div class="star-rating d-flex gap-2" id="star-rating"> <div class="star-rating d-flex gap-1" id="star-rating">
{% for i in "12345" %} {% for i in "12345" %}
<i class="bi bi-star fs-2 {% if form.initial.rating|default:0 >= i|add:0 %}text-warning{% else %}text-secondary{% endif %}" data-value="{{ i }}" style="cursor: pointer;"></i> <span class="star fs-2 {% if form.initial.rating|default:0 >= i|add:0 %}text-warning text-dark{% else %}text-secondary{% endif %}" data-value="{{ i }}" style="cursor: pointer; font-size: 2rem;">★</span>
{% endfor %} {% endfor %}
</div> </div>
<input type="hidden" name="rating" id="rating-input" value="{{ form.initial.rating|default:1 }}"> <input type="hidden" name="rating" id="rating-input" value="{{ form.initial.rating|default:1 }}">
@@ -50,12 +50,6 @@
{% endif %} {% endif %}
</div> </div>
<div class="mb-3">
<label for="images" class="form-label">Imágenes (opcional)</label>
{{ form.images }}
<div class="form-text">Puedes subir hasta 5 imágenes</div>
</div>
<div class="d-grid gap-2"> <div class="d-grid gap-2">
<button type="submit" class="btn btn-primary"> <button type="submit" class="btn btn-primary">
{% if existing_review %}Actualizar{% else %}Enviar{% endif %} valoración {% if existing_review %}Actualizar{% else %}Enviar{% endif %} valoración
@@ -71,7 +65,7 @@
<script> <script>
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
const stars = document.querySelectorAll('#star-rating i'); const stars = document.querySelectorAll('#star-rating .star');
const ratingInput = document.getElementById('rating-input'); const ratingInput = document.getElementById('rating-input');
function updateStars(value) { function updateStars(value) {
@@ -104,7 +98,7 @@ document.addEventListener('DOMContentLoaded', function() {
}); });
star.addEventListener('mouseleave', function() { star.addEventListener('mouseleave', function() {
updateStars(parseInt(ratingInput.value)); updateStars(parseInt(ratingInput.value) || 1);
}); });
}); });
}); });