matrix.org/templates/macros/client_details.html

54 lines
2.0 KiB
HTML

{% import "macros/clients.html" as clients %}
{% macro client_details(name, client) %}
{% if client.thumbnail %}
{% set thumbnail = "thumbnails/" ~ client.thumbnail %}
{% else %}
{% set thumbnail = "thumbnails/client-placeholder.svg" %}
{% endif %}
<div class="client-details">
<label for="client-{{ name | slugify }}-card-checkbox" class="close-button">
<img src="/assets/cross.svg" alt="Close popup" />
</label>
<img class="app-logo" src="{{ thumbnail }}" alt="{{ name }} Logo">
<div class="name-and-release-date">
<h3>{{ name }}<div class="maturity {{ client.maturity | lower }}">{{ client.maturity }}</div>
</h3>
<p class="latest-release">Latest release: {{ client.latest_release }}</p>
</div>
<p class="summary">{{ client.summary }}</p>
<div class="features-container">
<h4 class="support-title">Supported Features</h4>
<div class="supported features-list">
{{ clients::features(features=client.features, supported=true) }}
</div>
<h4 class="support-title">Unsupported Features</h4>
<div class="unsupported features-list">
{{ clients::features(features=client.features, supported=false) }}
</div>
</div>
<div class="project-links">
{% if client.docs %}
<a href="{{ client.docs }}" class="pill">
{{ load_data(path="/assets/documentation.svg") | safe }}
Documentation
</a>
{% endif %}
{% if client.matrix_room %}
<a href="https://matrix.to/#/{{ client.matrix_room }}" class="pill">
{{ load_data(path="/assets/support.svg") | safe }}
Support room
</a>
{% endif %}
{% if client.repo %}
<a href="{{ client.repo }}" class="pill">
{{ load_data(path="/assets/repository.svg") | safe }}
Source Code
</a>
{% endif %}
</div>
<div class="stores">
{{ clients::install_links(packages=client.packages) }}
</div>
</div>
{% endmacro %}