Change display of 'users with this level'

This commit is contained in:
2021-12-21 15:12:11 +00:00
parent ce5efff268
commit d1970edfb3

View File

@@ -58,23 +58,27 @@
</div> </div>
<div class="card mb-3 d-none d-md-block"> <div class="card mb-3 d-none d-md-block">
<h4 class="card-header">Users with this level</h4> <h4 class="card-header">Users with this level</h4>
<div class="card-body"> <table class="table table-sm">
<div class="card-columns" style="column-count: 5"> <thead>
{% for user in users_with %} <tr>
{% user_level_if_present user object as level_qualification %} <th scope="col">Person</th>
<div class="card" {% if not level_qualification.confirmed_on %}style="border-style: dashed; opacity: 70%"{%endif%}> <th scope="col">Confirmed?</th>
<img src="{{user.profile_picture}}" class="card-img-top" /> <th scope="col"></th>
<div class="card-body"> </tr>
<h5 class="card-title">{{user}}</h5> </thead>
{% if level_qualification.confirmed_on %}<p class="card-text"><small>Qualified on {{ level_qualification.confirmed_on }}</small></p>{%else%}Unconfirmed{%endif%} <tbody>
</div> {% for user in users_with %}
<div class="card-footer text-right pr-1"><a href="{% url 'profile_detail' user.pk %}" class="btn btn-primary btn-sm"><span class="fas fa-user"></span> View Profile</a></div> {% user_level_if_present user object as level_qualification %}
</div> <tr {% if not level_qualification.confirmed_on %}style="border-style: dashed; opacity: 80%"{%endif%}>
{% empty %} <td><img src="{{user.profile_picture}}" style="width: 50px" class="img-thumbnail"/> {{user}}</td>
Nobody here but us chickens... <span class="fas fa-egg text-warning"></span> <td>{% if level_qualification.confirmed_on %}<p class="card-text"><small>Qualified on {{ level_qualification.confirmed_on }}</small></p>{%else%}Unconfirmed{%endif%}</td>
{% endfor %} <td><a href="{% url 'profile_detail' user.pk %}" class="btn btn-primary btn-sm"><span class="fas fa-user"></span> View Profile</a></div></td>
</div> </tr>
</div> {% empty %}
Nobody here but us chickens... <span class="fas fa-egg text-warning"></span>
{% endfor %}
</tbody>
</table>
</div> </div>
<div class="card"> <div class="card">
<h4 class="card-header">Level Requirements</h4> <h4 class="card-header">Level Requirements</h4>