Adjusted footer

CentreForDigitalHumanities · Nov 5, 2024 · 1cbfd7e · 1cbfd7e
1 parent b52ebdd
commit 1cbfd7e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/web/macros.jinja2 b/web/macros.jinja2
@@ -40,11 +40,14 @@
     </tbody>
     <tfoot>
         <tr>
-            <th colspan="8"><p>Made with ♡ by Utrecht University's <a href="https://cdh.uu.nl/" target="_blank">Centre for Digital Humanities</a></p></th>
+            <th colspan="8">
+                <div id="main-footer">
+                    <p>Made with ♡ by Utrecht University's <a href="https://cdh.uu.nl/" target="_blank">Centre for Digital Humanities</a></p>
+                    <div id="table-info"></div>
+                    <div id="table-pagination"></div>
+                </div>
+            </th>
         </tr>
     </tfoot>
 </table>
-{% endmacro %}
-
-{% macro render_footer() %}
-{% endmacro %}
+{% endmacro %}
diff --git a/web/page.jinja2 b/web/page.jinja2
@@ -20,7 +20,6 @@
     <section id="simple-grid-page">
         {{ macros.render_header("Centre for Digital Humanities", "FAIR Dashboard") }}
         {{ macros.render_table(repos) }}
-        {{ macros.render_footer() }}
     </section>
 </body>
 
@@ -29,5 +28,11 @@
 <script>
     new DataTable('#fair-table', {
         pageLength: 50
+        dom: '<"top"lf>rt<"bottom"ip><"clear">',
+            drawCallback: function(settings) {
+                var api = this.api();
+                $('#table-info').html(api.page.info().recordsDisplay + ' entries');
+                $('#table-pagination').html($(api.table().container()).find('.dataTables_paginate'));
+        }
     });
 </script>