From 38e81eb20af8dc0d652b5f8b927db620db52c62b Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Tue, 12 Jun 2018 14:49:44 +0100
Subject: [Jams] User ID and avatar on approvals page

---
 templates/staff/jams/participants.html | 62 +++++++++++++++++++---------------
 1 file changed, 34 insertions(+), 28 deletions(-)

(limited to 'templates')

diff --git a/templates/staff/jams/participants.html b/templates/staff/jams/participants.html
index ff2b4a7d..8dc9ce03 100644
--- a/templates/staff/jams/participants.html
+++ b/templates/staff/jams/participants.html
@@ -7,35 +7,38 @@
 {% endblock %}
 {% block content %}
     {% macro card_header(app) %}
-        <h2 class="uk-float-left">
-            <i class="uk-icon fa-fw far fa-check status-icon" title="Approved"></i>
-            <i class="uk-icon fa-fw far fa-times status-icon" title="Not Approved"></i>
-            {{ app.username }}#{{ app.discriminator }}
-        </h2>
-        <span class="uk-float-right">
-            {% if jam.state in ["announced", "preparing"] %}
-                {% if app.approved %}
-                    <button class="uk-button uk-button-success approve-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="approve-button-{{ app.id }}" disabled>
-                        <i class="uk-icon fa-fw far fa-check"></i>
-                    </button>
-                    <button class="uk-button uk-button-danger unapprove-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="unapprove-button-{{ app.id }}">
-                        <i class="uk-icon fa-fw far fa-times"></i>
-                    </button>
-                {% else %}
-                    <button class="uk-button uk-button-success approve-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="approve-button-{{ app.id }}">
-                        <i class="uk-icon fa-fw far fa-check"></i>
-                    </button>
-                    <button class="uk-button uk-button-danger unapprove-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="unapprove-button-{{ app.id }}" disabled>
-                        <i class="uk-icon fa-fw far fa-times"></i>
-                    </button>
+        <div>
+            <h2 class="uk-float-left">
+                <i class="uk-icon fa-fw far fa-check status-icon" title="Approved"></i>
+                <i class="uk-icon fa-fw far fa-times status-icon" title="Not Approved"></i>
+                <img src="{{ app.avatar }}" height="20px" class="uk-border-circle" />
+                {{ app.username }}#{{ app.discriminator }}
+            </h2>
+            <span class="uk-float-right">
+                {% if jam.state in ["announced", "preparing"] %}
+                    {% if app.approved %}
+                        <button class="uk-button uk-button-success approve-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="approve-button-{{ app.id }}" disabled>
+                            <i class="uk-icon fa-fw far fa-check"></i>
+                        </button>
+                        <button class="uk-button uk-button-danger unapprove-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="unapprove-button-{{ app.id }}">
+                            <i class="uk-icon fa-fw far fa-times"></i>
+                        </button>
+                    {% else %}
+                        <button class="uk-button uk-button-success approve-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="approve-button-{{ app.id }}">
+                            <i class="uk-icon fa-fw far fa-check"></i>
+                        </button>
+                        <button class="uk-button uk-button-danger unapprove-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}" id="unapprove-button-{{ app.id }}" disabled>
+                            <i class="uk-icon fa-fw far fa-times"></i>
+                        </button>
+                    {% endif %}
                 {% endif %}
-            {% endif %}
 
-            <a class="uk-button uk-button-primary expand-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}">
-                <i class="uk-icon far fa-fw fa-plus expand-icon"></i>
-                <i class="uk-icon far fa-fw fa-minus contract-icon"></i>
-            </a>
-        </span>
+                <a class="uk-button uk-button-primary expand-button" data-app="{{ app.id }}" data-app-user="{{ app.username }}#{{ app.discriminator }}">
+                    <i class="uk-icon far fa-fw fa-plus expand-icon"></i>
+                    <i class="uk-icon far fa-fw fa-minus contract-icon"></i>
+                </a>
+            </span>
+        </div>
     {% endmacro %}
 
     <div class="uk-container uk-container-small uk-section">
@@ -57,6 +60,10 @@
                     </div>
                 {% endif %}
                 <div class="uk-card-body">
+                    <span class="uk-align-right">
+                        <span class="uk-text-muted">User ID:</span> {{ app.user_id }}
+                    </span>
+
                     {% for response in app.answers %}
                         <div>
                             <strong>{{ questions[response.question].title }}</strong>
@@ -86,7 +93,6 @@
             }
         }
 
-
         {% if jam.state in ["announced", "preparing"] %}
             for (let elem of document.getElementsByClassName("approve-button")) {
                 elem.onclick = function() {
-- 
cgit v1.2.3