65 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			65 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% extends "overview/base.html" %}
 | |
| 
 | |
| {% load i18n %}
 | |
| 
 | |
| {% block head %}
 | |
| {{ block.super }}
 | |
| <style>
 | |
|     img.app-icon {
 | |
|         max-height: 72px;
 | |
|     }
 | |
| </style>
 | |
| {% endblock %}
 | |
| 
 | |
| {% block 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">
 | |
|             <div class="pf-c-card__header">
 | |
|                 {% if not app.meta_icon_url %}
 | |
|                 <i class="pf-icon pf-icon-arrow"></i>
 | |
|                 {% else %}
 | |
|                 <img class="app-icon pf-c-avatar" src="{{ app.meta_icon_url }}" alt="{% trans 'Application Icon' %}">
 | |
|                 {% 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 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 %}
 | |
|         </div>
 | |
|     </div>
 | |
|     {% endif %}
 | |
| </section>
 | |
| {% endblock %}
 | 
