Cosmetics: make SaaS list more compact
This commit is contained in:
parent
5836d6e6ed
commit
aea944a732
|
@ -6,51 +6,49 @@
|
||||||
<h1 class="service-name">{{ service.verbose_name }}</h1>
|
<h1 class="service-name">{{ service.verbose_name }}</h1>
|
||||||
<p class="service-description">{{ service.description }}</p>
|
<p class="service-description">{{ service.description }}</p>
|
||||||
|
|
||||||
{% for saas in object_list %}
|
<table class="table service-list">
|
||||||
<div class="card service-card">
|
<thead class="thead-dark">
|
||||||
<div class="card-header">
|
<tr>
|
||||||
<div class="row">
|
<th scope="col">{% trans "Name" %}</th>
|
||||||
<div class="col-md-8">
|
<th scope="col">{% trans "Is active?" %}</th>
|
||||||
<strong>{{ saas.name }}</strong>
|
<th scope="col">{% trans "Service" %}</th>
|
||||||
</div>
|
<th scope="col">{% trans "Service info" %}</th>
|
||||||
{% comment "Hidden until API provides this information" %}
|
</tr>
|
||||||
<div class="col-md text-right">
|
</thead>
|
||||||
{% trans "Installed on" %}: <strong>{{ saas.domain|default:"-" }}</strong>
|
<tbody>
|
||||||
</div>
|
{% for saas in object_list %}
|
||||||
{% endcomment %}
|
<tr>
|
||||||
</div>
|
<td>
|
||||||
</div><!-- /card-header-->
|
<strong>{{ saas.name }}</strong><br>
|
||||||
<div class="card-body row">
|
<span class="text-secondary">{% trans "Installed on" %}: <strong>{{ saas.get_site_domain|default:"-" }}</strong></span>
|
||||||
<div class="col-md-4">
|
</td>
|
||||||
<h4>{{ saas.service|capfirst }}</h4>
|
<td class="text-{{saas.is_active|yesno:'success,danger'}}">
|
||||||
<p class="text-center service-brand"><i class="fab fa-{{ saas.service }} fa-10x"></i></p>
|
<i class="fa fa-{{ saas.is_active|yesno:'check,times' }}"></i>
|
||||||
</div>
|
<span class="sr-only">{{ saas.is_active|yesno }}</span>
|
||||||
<div class="col-md-3 border-left border-right">
|
</td>
|
||||||
<h4 class="mb-3">{% trans "Service info" %}</h4>
|
<td>
|
||||||
<label class="w-25">{% trans "active" %}:</label> <strong>{{ saas.is_active|yesno }}</strong><br/>
|
<a class="btn btn-sm btn-link" href="{{ saas.manager_url }}" target="_blank" rel="noopener noreferrer" title="{% trans 'Open service admin panel' %}">
|
||||||
{% for key, value in saas.data.items %}
|
<i class="fab fa-{{ saas.service }}"></i> {{ saas.service|capfirst }}
|
||||||
<label class="w-25">{{ key }}:</label> <strong>{{ value }}</strong><br/>
|
<span class="sr-only">{% trans "Open service admin panel" %}</span> <i class="fas fa-external-link-alt"></i></a>
|
||||||
{% endfor %}
|
</td>
|
||||||
</div>
|
<td>
|
||||||
<div class="col-md-5 text-right">
|
{% for key, value in saas.data.items %}
|
||||||
<div class="service-manager-link">
|
<label>{{ key }}:</label> <strong>{{ value }}</strong><br/>
|
||||||
<a class="btn btn-primary" href="{{ saas.manager_url }}" target="_blank" rel="noopener noreferrer">{% trans "Open service admin panel" %} <i class="fas fa-external-link-alt"></i></a>
|
{% endfor %}
|
||||||
</div>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% empty %}
|
{% empty %}
|
||||||
<div class="row">
|
<tr>
|
||||||
<div class="col-md-4">
|
<td colspan="4">
|
||||||
<div class="card service-card shadow p-3 mb-5 bg-white rounded">
|
<h5 class="text-dark">
|
||||||
<div class="card-body text-center">
|
<i class="fas fa-fire fa-2x mr-2"></i>
|
||||||
<p class="mb-4"><i class="fas fa-fire fa-5x"></i></p>
|
{# Translators: saas page when there isn't any saas. #}
|
||||||
{# Translators: saas page when there isn't any saas. #}
|
{% trans "Ooops! Looks like there is nothing here!" %}
|
||||||
<h5 class="card-title text-dark">{% trans "Ooops! Looks like there is nothing here!" %}</h5>
|
</h5>
|
||||||
</div>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
</div>
|
{% endfor %}
|
||||||
</div>
|
</tbody>
|
||||||
{% endfor %}
|
</table>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in New Issue