From 116c4bda5a1fbc357ed614b715af8effc3f9c936 Mon Sep 17 00:00:00 2001
From: 73616e646572 <s.prins@uu.nl>
Date: Tue, 5 Nov 2024 12:48:05 +0100
Subject: [PATCH] Added table footer

---
 main.py           | 6 +-----
 public/style.css  | 5 +++--
 web/macros.jinja2 | 5 +++++
 web/page.jinja2   | 5 +++++
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/main.py b/main.py
index 22c0534..c3235e4 100644
--- a/main.py
+++ b/main.py
@@ -114,8 +114,6 @@ def from_repos(cls, repos: list[Repo]) -> "Stats":
             public_ok=public_ok,
         )
 
-
-
 async def repo_from_resp(response) -> Repo:
     created = datetime.fromisoformat(response["created_at"].replace("Z", ""))
     updated = datetime.fromisoformat(response["updated_at"].replace("Z", ""))
@@ -169,6 +167,4 @@ async def get_org_repos(org: OrganizationConfig) -> list[Repo]:
     repos = sorted(repos, key=lambda repo: repo.name)
     out = template.render({"repos": repos})
     with open("public/index.html", "w") as f:
-        f.write(out)
-
-
+        f.write(out)
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index bcba448..8b73c0d 100644
--- a/public/style.css
+++ b/public/style.css
@@ -100,6 +100,7 @@ table thead {
     color: black;
 }
 
-.dataTables_length {
-    margin-bottom: 20px;
+.dataTables_length,
+.dataTables_filter {
+    padding-top: .755em;
 }
\ No newline at end of file
diff --git a/web/macros.jinja2 b/web/macros.jinja2
index def7e24..9d03496 100644
--- a/web/macros.jinja2
+++ b/web/macros.jinja2
@@ -38,6 +38,11 @@
         {{ render_table_row(repo) }}
         {% endfor %}
     </tbody>
+    <tfoot>
+        <tr>
+            <th colspan="8">Footer Content Here</th>
+        </tr>
+    </tfoot>
 </table>
 {% endmacro %}
 
diff --git a/web/page.jinja2 b/web/page.jinja2
index 6a3d5af..f51b4dd 100644
--- a/web/page.jinja2
+++ b/web/page.jinja2
@@ -29,5 +29,10 @@
 <script>
     new DataTable('#fair-table', {
         pageLength: 50
+        footerCallback: function (row, data, start, end, display) {
+            var api = this.api();
+            $(api.column(0).footer()).html(
+                'Total repositories: ' + api.data().length
+            );
     });
 </script>