This repository has been archived on 2024-05-31. You can view files and clone it, but cannot push or open issues or pull requests.
authentik/passbook/core/templates/overview/index.html

61 lines
2.0 KiB
HTML
Raw Normal View History

2018-11-11 12:41:48 +00:00
{% extends "overview/base.html" %}
{% load i18n %}
{% block head %}
{{ block.super }}
<style>
2020-02-19 20:03:39 +00:00
img.app-icon {
max-height: 72px;
}
</style>
{% endblock %}
2018-11-11 12:41:48 +00:00
{% block content %}
2020-02-19 20:03:39 +00:00
<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>
2020-02-19 20:03:39 +00:00
</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.launch_url }}" class="pf-c-card pf-m-hoverable pf-m-compact" id="card-1">
<div class="pf-c-card__head">
{% if not app.icon_url %}
2020-02-19 20:03:39 +00:00
<i class="pf-icon pf-icon-arrow"></i>
{% else %}
<img class="app-icon" src="{{ app.icon_url }}" alt="{% trans 'Application Icon' %}">
{% endif %}
2020-02-19 20:03:39 +00:00
</div>
<div class="pf-c-card__header pf-c-title pf-m-md">
<p id="card-1-check-label">{{ app.name }}</p>
<div class="pf-c-content">
<small>{{ app.subtitle }}</small>
</div>
</div>
<div class="pf-c-card__body">{% trans app.description %}</div>
</a>
{% endfor %}
</div>
{% else %}
<div class="pf-c-empty-state">
<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." %}
2018-11-11 12:41:48 +00:00
</div>
2020-02-19 20:03:39 +00:00
{% if user.is_superuser %} {# todo: use guardian permissions instead #}
<a href="{% url 'passbook_admin:application-create' %}" class="pf-c-button pf-m-primary" type="button">
{% trans 'Create Application' %}
</a>
{% endif %}
2018-11-11 12:41:48 +00:00
</div>
2020-02-19 20:03:39 +00:00
{% endif %}
</section>
{% endblock %}