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:
parent
7d9d61cbba
commit
d8b125fd18
1 changed files with 6 additions and 1 deletions
|
|
@ -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 %}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue