feat: add Google search link on plant detail page

Small Google favicon icon next to the scientific name (falls back to
plant name if no species). Opens google.com/search in a new tab.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Stephan Kerkman 2026-05-31 15:10:01 +02:00
parent 7d9d61cbba
commit d8b125fd18

View file

@ -21,7 +21,12 @@
<div class="d-flex justify-content-between align-items-start mb-1"> <div class="d-flex justify-content-between align-items-start mb-1">
<div> <div>
<h6 class="mb-0">{{ plant.name }}</h6> <h6 class="mb-0">{{ plant.name }}</h6>
{% if plant.species %}<small class="text-muted fst-italic">{{ plant.species.scientific_name }}</small>{% endif %} <div class="d-flex align-items-center gap-1">
{% if plant.species %}<small class="text-muted fst-italic">{{ plant.species.scientific_name }}</small>{% endif %}
<a href="https://www.google.com/search?q={{ plant.species.scientific_name|default:plant.name|urlencode }}" target="_blank" rel="noopener" title="Search on Google">
<img src="https://www.google.com/favicon.ico" width="14" height="14" style="opacity:0.7;vertical-align:middle;">
</a>
</div>
</div> </div>
<span class="badge {% if plant.is_indoor %}bg-info{% else %}bg-success{% endif %}"> <span class="badge {% if plant.is_indoor %}bg-info{% else %}bg-success{% endif %}">
{% if plant.is_indoor %}Indoor{% else %}Outdoor{% endif %} {% if plant.is_indoor %}Indoor{% else %}Outdoor{% endif %}