added tooltips to recipe view

This commit is contained in:
vabene1111 2020-04-25 23:35:01 +02:00
parent 379d5a5177
commit 396c1f3d5f

View File

@ -52,17 +52,23 @@
class="fas fa-pencil-alt"></i></a></h3> class="fas fa-pencil-alt"></i></a></h3>
</div> </div>
<div class="col col-md-3 d-print-none" style="text-align: right"> <div class="col col-md-3 d-print-none" style="text-align: right">
<button class="btn btn-success" onclick="$('#bookmarkModal').modal({'show':true})"><i <button class="btn btn-success" onclick="$('#bookmarkModal').modal({'show':true})" data-toggle="tooltip"
data-placement="top" title="{% trans 'Add to Book' %}"><i
class="fas fa-bookmark"></i></button> class="fas fa-bookmark"></i></button>
{% if ingredients %} {% if ingredients %}
<a class="btn btn-warning" href="{% url 'view_shopping' %}?r={{ recipe.pk }}"><i <a class="btn btn-warning" href="{% url 'view_shopping' %}?r={{ recipe.pk }}" data-toggle="tooltip"
data-placement="top" title="{% trans 'Generate shopping list' %}"><i
class="fas fa-shopping-cart"></i></a> class="fas fa-shopping-cart"></i></a>
{% endif %} {% endif %}
<a class="btn btn-info" href="{% url 'new_meal_plan' %}?recipe={{ recipe.pk }}"><i <a class="btn btn-info" href="{% url 'new_meal_plan' %}?recipe={{ recipe.pk }}" data-toggle="tooltip"
data-placement="top" title="{% trans 'Add to Mealplan' %}"><i
class="fas fa-calendar"></i></a> class="fas fa-calendar"></i></a>
<a class="btn btn-light" onclick="window.print()"><i <a class="btn btn-light" onclick="window.print()" data-toggle="tooltip"
data-placement="top" title="{% trans 'Print' %}"><i
class="fas fa-print"></i></a> class="fas fa-print"></i></a>
<a class="btn btn-primary" href="{% url 'view_export' %}?r={{ recipe.pk }}" target="_blank"><i <a class="btn btn-primary" href="{% url 'view_export' %}?r={{ recipe.pk }}" target="_blank"
data-toggle="tooltip"
data-placement="top" title="{% trans 'Export recipe' %}"><i
class="fas fa-file-export"></i></a> class="fas fa-file-export"></i></a>
</div> </div>
</div> </div>
@ -384,5 +390,9 @@
} }
} }
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script> </script>
{% endblock %} {% endblock %}