From bc2cda47670de2aa6cca788c45abb15bbef215d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20G=C3=B6tz?=
 <michael-guenther.goetz@stud.uni-bamberg.de>
Date: Tue, 7 May 2019 14:42:40 +0200
Subject: [PATCH] Add paging, Change language to german

---
 src/static/css/floating_labels.css       |  5 +++++
 src/static/js/main.js                    | 26 +++++++++++++++++-------
 src/templates/macros/utils_macros.jinja2 |  2 +-
 3 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/static/css/floating_labels.css b/src/static/css/floating_labels.css
index 2c8056f..5ef63a4 100644
--- a/src/static/css/floating_labels.css
+++ b/src/static/css/floating_labels.css
@@ -127,6 +127,11 @@
 /*.dataTables_length, .dataTables_info, .dataTables_paginate {*/
 /*!*visibility: hidden*!*/
 /*}*/
+
+.paginate_button {
+    padding: 0px 2px
+}
+
 @media (max-width: 480px) {
     .table-search-field {
         width: 100% !important;
diff --git a/src/static/js/main.js b/src/static/js/main.js
index 0d724dc..eea5883 100644
--- a/src/static/js/main.js
+++ b/src/static/js/main.js
@@ -4,15 +4,27 @@ const TABLE_CLASS = '.data-table';
 $(document).ready(function () {
     // if ($(TABLE_CLASS)) {
     const data_table = $(TABLE_CLASS).DataTable({
-        "lengthMenu": [[-1], ["All"]],
-        "bPaginate": true,
+        "paging": true,
         "pageLength": 10,
+        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Alle"]],
         // "sPaginationType": "custom",
-        "dom": 'itlp',
-        // "paginate": {
-        //     next: '<i class="fas fa-arrow-alt-circle-right"></i>',
-        //     previous: '<i class="fas fa-arrow-alt-circle-left"></i>'
-        // },
+        "dom": 'lt<"mb-3 float-left" i><"float-right"p><"clearfix">',
+        "oLanguage": {
+            "sEmptyTable": "Keine Daten verfügbar",
+            "sInfo": "_START_ - _END_ von _TOTAL_",
+            "sInfoEmpty": "Keine Eintäge gefunden",
+            "sLengthMenu": "Zeige _MENU_ Einträge",
+            "oPaginate": {
+                "sFirst": "First page",
+                "sLast": "Last page",
+                "sNext": "<i class=\"fas fa-arrow-alt-circle-right\"></i>",
+                "sPrevious": "<i class=\"fas fa-arrow-alt-circle-left\"></i>",
+            },
+            "oAria": {
+                "sSortAscending": " - click/return to sort ascending",
+                "sSortDescending": " - click/return to sort descending",
+            },
+        },
         rowReorder: {
             selector: true,
         },
diff --git a/src/templates/macros/utils_macros.jinja2 b/src/templates/macros/utils_macros.jinja2
index 1dd9d9e..4753086 100644
--- a/src/templates/macros/utils_macros.jinja2
+++ b/src/templates/macros/utils_macros.jinja2
@@ -56,7 +56,7 @@
 {% endmacro %}
 
 {% macro get_realm_table(realms) -%}
-    <div class="form-group w-25 float-right">
+    <div class="table-search-field form-group w-25 float-right">
         <input type="text"
                class="form-control"
                id="data-table-search-input">