Added table footer

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)

public/style.css

@@ -100,6 +100,7 @@ table thead {
     color: black;
 }
 
-.dataTables_length {
-    margin-bottom: 20px;
+.dataTables_length,
+.dataTables_filter {
+    padding-top: .755em;
 }

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 %}
 

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>