72 lines
2.8 KiB
HTML
72 lines
2.8 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col">
|
|
<h1>Editing group: {{ groupname }}</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm border border-primary rounded m-2">
|
|
<table class="table table-hover align-middle" id="tableMembers">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" colspan="3">Username</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for user in members %}
|
|
<tr class="userEntry text-center" id="{{ user.username }}">
|
|
<th scope="row">
|
|
<img src="{{ user.get_thumbnail_url() }}"
|
|
alt="Profile picture for user {{ user.username }}"
|
|
class="img-fluid rounded"
|
|
style="max-width: 50px"
|
|
>
|
|
</th>
|
|
<td>
|
|
<a href="{{ url_for('usermanager.user_view', username=user.username)}}">{{ user.username }}</a>
|
|
</td>
|
|
<td>
|
|
<button type="button" class="toggleMembershipButton btn btn-danger">
|
|
<i class="bi-box-arrow-right"></i> Remove from group
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm border rounded m-2">
|
|
<table class="table table-hover align-middle" id="tableNonMembers">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" colspan="3">Username</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for user in non_members %}
|
|
<tr class="userEntry text-center" id="{{ user.username }}">
|
|
<th scope="row">
|
|
<img src="{{ user.get_thumbnail_url() }}"
|
|
alt="Profile picture for user {{ user.username }}"
|
|
class="img-fluid rounded"
|
|
style="max-width: 50px"
|
|
>
|
|
</th>
|
|
<td>
|
|
<a href="{{ url_for('usermanager.user_view', username=user.username)}}">{{ user.username }}</a>
|
|
</td>
|
|
<td>
|
|
<button type="button" class="toggleMembershipButton btn btn-success">
|
|
<i class="bi-box-arrow-in-right"></i> Add to group
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script src="{{ url_for('static', filename='js/group_edit.js') }}"></script>
|
|
{% endblock content %}
|