From aa221fb39860458863c28333216349613a20d6c5 Mon Sep 17 00:00:00 2001
From: Etzelia <etzelia@hotmail.com>
Date: Mon, 30 Sep 2019 21:44:29 +0200
Subject: [PATCH] Allow filtering of active users for resolved tickets (#40)

---
 templates/minecraft_manager/overview.html | 35 ++++++++++++++++-------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/templates/minecraft_manager/overview.html b/templates/minecraft_manager/overview.html
index e7424f0..527c158 100644
--- a/templates/minecraft_manager/overview.html
+++ b/templates/minecraft_manager/overview.html
@@ -3,22 +3,37 @@
 {% block title %}Overview{% endblock %}
 {% block head %}
     <script src="{% static 'minecraft_manager/js/chart.min.js' %}"></script>
+    <script>
+    $(document).ready(function() {
+        $(".staff-inactive").hide();
+        $("#active-only").change(function() {
+            if ($(this)[0].checked) {
+                $(".staff-inactive").hide();
+            } else {
+                $(".staff-inactive").show();
+            }
+        });
+    });
+    </script>
 {% endblock %}
 {% block section %}
     <div id="content">
     {% if request.user.is_staff %}
         <div class="panel panel-danger">
-        <div class="panel-body">
-        <h4><span class="label label-danger">Admin Area</span></h4>
-        <h3>Resolved Tickets</h3>
-        <div class="row">
-            {% for staff in data.resolved %}
-                <div class="col-xs-6 col-md-4">
-                <p><span class="label label-{% if staff.active %}success{% else %}danger{% endif %}">{% if staff.active %}Active{% else %}Inactive{% endif %}</span> {{ staff.username }}: {{ staff.tickets }}</p>
+            <div class="panel-body">
+            <h4><span class="label label-danger">Admin Area</span></h4>
+            <h3>Resolved Tickets</h3>
+                <label>Active Only
+                    <input id="active-only" type="checkbox" checked/>
+                </label>
+                <div class="row">
+                {% for staff in data.resolved %}
+                    <div class="col-xs-6 col-md-4{% if not staff.active %} staff-inactive{% endif %}">
+                    <p><span class="label label-{% if staff.active %}success{% else %}danger{% endif %}">{% if staff.active %}Active{% else %}Inactive{% endif %}</span> {{ staff.username }}: {{ staff.tickets }}</p>
+                    </div>
+                {% endfor %}
                 </div>
-            {% endfor %}
-        </div>
-        </div>
+            </div>
         </div>
         <hr/>
     {% endif %}