From d0d4a2dddf8b4225d2357fddcdebef7f1f79f1f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20G=C3=B6tz?=
 <michael-guenther.goetz@stud.uni-bamberg.de>
Date: Mon, 15 Apr 2019 00:49:11 +0200
Subject: [PATCH] Implement resposive tables for small devices

---
 src/static/js/main.js     | 6 +++++-
 src/templates/base.jinja2 | 7 +++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/static/js/main.js b/src/static/js/main.js
index 90b291b..c35f84b 100644
--- a/src/static/js/main.js
+++ b/src/static/js/main.js
@@ -5,7 +5,11 @@ $(document).ready(function () {
     // if ($(TABLE_CLASS)) {
     const data_table = $(TABLE_CLASS).DataTable({
         "lengthMenu": [[-1], ["All"]],
-        "dom": 'it'
+        "dom": 'it',
+        rowReorder: {
+            selector: 'td:nth-child(2)'
+        },
+        responsive: true,
     });
     // }
     $('#data-table-search-input').keyup(function () {
diff --git a/src/templates/base.jinja2 b/src/templates/base.jinja2
index f4cdf5b..c9d957d 100644
--- a/src/templates/base.jinja2
+++ b/src/templates/base.jinja2
@@ -64,8 +64,11 @@
 
 
 {% block js_tail %}{% endblock %}
-<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/rowreorder/1.2.5/js/dataTables.rowReorder.min.js"></script>
+<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
+
 <script src="{{ static('js/main.js') }}"></script>
 
 </body>