servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

show logos on related links

Browse source
This commit is contained in:
Tobias Brunner 2025-06-06 15:05:02 +02:00
parent edb1aa1de2
commit b456816035
No known key found for this signature in database
2 changed files with 21 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

20
hub/services/templates/services/article_detail.html
View file

@ -55,6 +55,12 @@
<div class="card h-100"> <div class="card h-100">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Service</h5> <h5 class="card-title">Service</h5>
{% if article.related_service.logo %}
<div class="mb-3 d-flex" style="height: 60px;">
<img src="{{ article.related_service.logo.url }}" alt="{{ article.related_service.name }} logo"
class="img-fluid" style="max-height: 50px; object-fit: contain;">
</div>
{% endif %}
<p class="card-text">{{ article.related_service.name }}</p> <p class="card-text">{{ article.related_service.name }}</p>
<a href="{{ article.related_service.get_absolute_url }}" class="btn btn-primary btn-sm">View Service</a> <a href="{{ article.related_service.get_absolute_url }}" class="btn btn-primary btn-sm">View Service</a>
</div> </div>
@ -66,6 +72,12 @@
<div class="card h-100"> <div class="card h-100">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Partner</h5> <h5 class="card-title">Partner</h5>
{% if article.related_consulting_partner.logo %}
<div class="mb-3 d-flex" style="height: 60px;">
<img src="{{ article.related_consulting_partner.logo.url }}" alt="{{ article.related_consulting_partner.name }} logo"
class="img-fluid" style="max-height: 50px; object-fit: contain;">
</div>
{% endif %}
<p class="card-text">{{ article.related_consulting_partner.name }}</p> <p class="card-text">{{ article.related_consulting_partner.name }}</p>
<a href="{{ article.related_consulting_partner.get_absolute_url }}" class="btn btn-primary btn-sm">View Partner</a> <a href="{{ article.related_consulting_partner.get_absolute_url }}" class="btn btn-primary btn-sm">View Partner</a>
</div> </div>
@ -77,6 +89,12 @@
<div class="card h-100"> <div class="card h-100">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Provider</h5> <h5 class="card-title">Provider</h5>
{% if article.related_cloud_provider.logo %}
<div class="mb-3 d-flex" style="height: 60px;">
<img src="{{ article.related_cloud_provider.logo.url }}" alt="{{ article.related_cloud_provider.name }} logo"
class="img-fluid" style="max-height: 50px; object-fit: contain;">
</div>
{% endif %}
<p class="card-text">{{ article.related_cloud_provider.name }}</p> <p class="card-text">{{ article.related_cloud_provider.name }}</p>
<a href="{{ article.related_cloud_provider.get_absolute_url }}" class="btn btn-primary btn-sm">View Provider</a> <a href="{{ article.related_cloud_provider.get_absolute_url }}" class="btn btn-primary btn-sm">View Provider</a>
</div> </div>
@ -96,7 +114,7 @@
<div class="col-12 col-md-4 mb-4"> <div class="col-12 col-md-4 mb-4">
<div class="card h-100 clickable-card" onclick="cardClicked(event, '{{ related_article.get_absolute_url }}')"> <div class="card h-100 clickable-card" onclick="cardClicked(event, '{{ related_article.get_absolute_url }}')">
{% if related_article.image %} {% if related_article.image %}
<img src="{{ related_article.image.url }}" class="card-img-top" alt="{{ related_article.title }}" style="height: 200px; object-fit: cover;"> <img src="{{ related_article.image.url }}" class="card-img-top mb-2" alt="{{ related_article.title }}" style="height: 200px; object-fit: cover;">
{% endif %} {% endif %}
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<h5 class="card-title">{{ related_article.title }}</h5> <h5 class="card-title">{{ related_article.title }}</h5>

2
hub/services/templates/services/provider_list.html
View file

@ -98,10 +98,12 @@
<div class="d-flex align-items-start" style="height: 100px; margin-bottom: 1rem;"> <div class="d-flex align-items-start" style="height: 100px; margin-bottom: 1rem;">
<div class="me-3 d-flex align-items-center" style="height: 100%;"> <div class="me-3 d-flex align-items-center" style="height: 100%;">
<a href="{{ provider.get_absolute_url }}" class="clickable-link"> <a href="{{ provider.get_absolute_url }}" class="clickable-link">
{% if provider.logo %}
<img src="{{ provider.logo.url }}" <img src="{{ provider.logo.url }}"
alt="{{ provider.name }}" alt="{{ provider.name }}"
style="max-height: 100px; max-width: 250px; object-fit: contain;"> style="max-height: 100px; max-width: 250px; object-fit: contain;">
</a> </a>
{% endif %}
</div> </div>
</div> </div>
<h3 class="card__title"> <h3 class="card__title">