54 lines
2.2 KiB
HTML
54 lines
2.2 KiB
HTML
|
{% load i18n %}
|
||
|
|
|
||
|
<main role="main" class="pf-c-page__main" tabindex="-1" id="main-content">
|
||
|
|
<section class="pf-c-page__main-section pf-m-light">
|
||
|
|
<div class="pf-c-content">
|
||
|
|
<h1>
|
||
|
|
<i class="pf-icon pf-icon-applications"></i>
|
||
|
|
{% trans 'Applications' %}
|
||
|
|
</h1>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="pf-c-page__main-section">
|
||
|
|
{% if applications %}
|
||
|
|
<div class="pf-l-gallery pf-m-gutter">
|
||
|
|
{% for app in applications %}
|
||
|
<a href="{{ app.get_launch_url }}" class="pf-c-card pf-m-hoverable pf-m-compact pb-root-link">
|
||
|
|
<div class="pf-c-card__header">
|
||
|
|
{% if app.meta_icon %}
|
||
|
|
<img class="app-icon pf-c-avatar" src="{{ app.meta_icon.url }}" alt="{% trans 'Application Icon' %}">
|
||
|
|
{% else %}
|
||
|
|
<i class="pf-icon pf-icon-arrow"></i>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
<div class="pf-c-card__title">
|
||
|
|
<p id="card-1-check-label">{{ app.name }}</p>
|
||
|
|
<div class="pf-c-content">
|
||
|
|
<small>{{ app.meta_publisher }}</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pf-c-card__body">
|
||
|
|
{% trans app.meta_description|truncatewords:35 %}
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
{% else %}
|
||
|
|
<div class="pf-c-empty-state pf-m-full-height">
|
||
|
|
<div class="pf-c-empty-state__content">
|
||
|
|
<i class="fas fa-cubes pf-c-empty-state__icon" aria-hidden="true"></i>
|
||
|
|
<h1 class="pf-c-title pf-m-lg">{% trans 'No Applications available.' %}</h1>
|
||
|
|
<div class="pf-c-empty-state__body">
|
||
|
|
{% trans "Either no applications are defined, or you don't have access to any." %}
|
||
|
|
</div>
|
||
|
|
{% if perms.passbook_core.add_application %}
|
||
|
|
<a href="{% url 'passbook_admin:application-create' %}" class="pf-c-button pf-m-primary" type="button">
|
||
|
|
{% trans 'Create Application' %}
|
||
|
|
</a>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</section>
|
||
|
|
</main>
|