From 0fbcdf979924c231db57bab6866518e50d0000a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Phillip=20K=C3=BChne?= <phillipkhne@gmail.com>
Date: Thu, 22 Aug 2019 16:44:16 +0200
Subject: [PATCH] Auto-Refresh and wrapping for admin view; visual enhancements

---
 app/static/css/style.css      | 19 +++++++++++++++++++
 app/templates/main_admin.html | 11 ++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index 8953106..e4b8f28 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -33,6 +33,25 @@ table td {
     text-overflow: ellipsis;
 }
 
+tbody tr:first-child {
+    background-color: #007bff80;
+    font-weight: 600;
+}
+
+tbody tr:nth-child(2) {
+    background-color: #007bff40;
+    font-weight: 500;
+}
+
+tbody tr:nth-child(3) {
+    background-color: #007bff20;
+    font-weight: 400;
+}
+
+tbody tr:nth-child(4) {
+    background-color: #007bff10;
+}
+
 table td:first-child {
     max-width: 200px !important;
 }
diff --git a/app/templates/main_admin.html b/app/templates/main_admin.html
index c0cbfb2..e220f3f 100644
--- a/app/templates/main_admin.html
+++ b/app/templates/main_admin.html
@@ -3,6 +3,12 @@
 {% extends 'base.html' %}
 {% block title %}Warteliste-Admin{% endblock %}
 {% block content %}
+<style>
+table td:nth-child(2) {
+    max-width: 450px !important;
+    overflow: scroll;
+}
+</style>
 <div class="container">
     <div id="toolbar">
         <button type="button" class="topbutton btn btn-danger" onclick="confirmDeleteSelectedEntries()"><i
@@ -24,7 +30,10 @@
             data-pagination="true"
             data-show-extended-pagination="true"
             data-classes="table table-hover"
-            data-url="/api/queue">
+            data-url="/api/queue"
+            data-show-refresh="true"
+            data-auto-refresh="true"
+            data-auto-refresh-interval="10">
         <thead>
             <tr>
                 <th data-field="state" data-checkbox="true"></th>