115 lines
4.6 KiB
HTML
115 lines
4.6 KiB
HTML
{% extends "administration/base.html" %}
|
|
|
|
{% load i18n %}
|
|
|
|
{% block content %}
|
|
<section class="pf-c-page__main-section pf-m-light">
|
|
<div class="pf-c-content">
|
|
<h1>
|
|
<i class="pf-icon pf-icon-users"></i>
|
|
{% trans 'Groups' %}
|
|
</h1>
|
|
<p>{% trans "Group users together and give them permissions based on the membership." %}
|
|
</p>
|
|
</div>
|
|
</section>
|
|
<section class="pf-c-page__main-section pf-m-no-padding-mobile">
|
|
<div class="pf-c-card">
|
|
{% if object_list %}
|
|
<div class="pf-c-toolbar">
|
|
<div class="pf-c-toolbar__content">
|
|
{% include 'partials/toolbar_search.html' %}
|
|
<div class="pf-c-toolbar__bulk-select">
|
|
<pb-modal-button href="{% url 'passbook_admin:group-create' %}">
|
|
<button slot="trigger" class="pf-c-button pf-m-primary">
|
|
{% trans 'Create' %}
|
|
</button>
|
|
<div slot="modal"></div>
|
|
</pb-modal-button>
|
|
<button role="pb-refresh" class="pf-c-button pf-m-primary">
|
|
{% trans 'Refresh' %}
|
|
</button>
|
|
</div>
|
|
{% include 'partials/pagination.html' %}
|
|
</div>
|
|
</div>
|
|
<table class="pf-c-table pf-m-compact pf-m-grid-xl" role="grid">
|
|
<thead>
|
|
<tr role="row">
|
|
<th role="columnheader" scope="col">{% trans 'Name' %}</th>
|
|
<th role="columnheader" scope="col">{% trans 'Parent' %}</th>
|
|
<th role="columnheader" scope="col">{% trans 'Members' %}</th>
|
|
<th role="cell"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody role="rowgroup">
|
|
{% for group in object_list %}
|
|
<tr role="row">
|
|
<td role="cell">
|
|
<span>
|
|
{{ group.name }}
|
|
</span>
|
|
</td>
|
|
<td role="cell">
|
|
<span>
|
|
{{ group.parent }}
|
|
</span>
|
|
</td>
|
|
<td role="cell">
|
|
<span>
|
|
{{ group.users.all|length }}
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<pb-modal-button href="{% url 'passbook_admin:group-update' pk=group.pk %}">
|
|
<button slot="trigger" class="pf-c-button pf-m-secondary">
|
|
{% trans 'Edit' %}
|
|
</button>
|
|
<div slot="modal"></div>
|
|
</pb-modal-button>
|
|
<pb-modal-button href="{% url 'passbook_admin:group-delete' pk=group.pk %}">
|
|
<button slot="trigger" class="pf-c-button pf-m-danger">
|
|
{% trans 'Delete' %}
|
|
</button>
|
|
<div slot="modal"></div>
|
|
</pb-modal-button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<div class="pf-c-pagination pf-m-bottom">
|
|
{% include 'partials/pagination.html' %}
|
|
</div>
|
|
{% else %}
|
|
<div class="pf-c-toolbar">
|
|
<div class="pf-c-toolbar__content">
|
|
{% include 'partials/toolbar_search.html' %}
|
|
</div>
|
|
</div>
|
|
<div class="pf-c-empty-state">
|
|
<div class="pf-c-empty-state__content">
|
|
<i class="pf-icon pf-icon-users pf-c-empty-state__icon" aria-hidden="true"></i>
|
|
<h1 class="pf-c-title pf-m-lg">
|
|
{% trans 'No Groups.' %}
|
|
</h1>
|
|
<div class="pf-c-empty-state__body">
|
|
{% if request.GET.search != "" %}
|
|
{% trans "Your search query doesn't match any groups." %}
|
|
{% else %}
|
|
{% trans 'Currently no group exist. Click the button below to create one.' %}
|
|
{% endif %}
|
|
</div>
|
|
<pb-modal-button href="{% url 'passbook_admin:group-create' %}">
|
|
<button slot="trigger" class="pf-c-button pf-m-primary">
|
|
{% trans 'Create' %}
|
|
</button>
|
|
<div slot="modal"></div>
|
|
</pb-modal-button>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|