From fbf06493226442344251bbface8a7cf27bfeed2d Mon Sep 17 00:00:00 2001
From: Marcin Juszkiewicz <marcin@juszkiewicz.com.pl>
Date: Mon, 14 Oct 2024 12:31:34 +0200
Subject: [PATCH] use tables-common to unify my tables

---
 .../workflows/generate-system-calls-html.yml  |   1 +
 .gitmodules                                   |   4 +
 templates/common                              |   1 +
 templates/syscalls.html.j2                    | 119 ++++--------------
 4 files changed, 27 insertions(+), 98 deletions(-)
 create mode 100644 .gitmodules
 create mode 160000 templates/common

diff --git a/.github/workflows/generate-system-calls-html.yml b/.github/workflows/generate-system-calls-html.yml
index 2cb8132..86501bb 100644
--- a/.github/workflows/generate-system-calls-html.yml
+++ b/.github/workflows/generate-system-calls-html.yml
@@ -26,6 +26,7 @@ jobs:
         with:
           path: syscalls-table/
           ref: master
+          submodules: true
 
       - name: Create Python virtualenv
         working-directory: syscalls-table/
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..fec5aa3
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,4 @@
+[submodule "templates/common"]
+	path = templates/common
+	url = https://github.com/hrw/tables-common.git
+	branch = main
diff --git a/templates/common b/templates/common
new file mode 160000
index 0000000..eeffc4e
--- /dev/null
+++ b/templates/common
@@ -0,0 +1 @@
+Subproject commit eeffc4e095015d9885e8ce708529307f08ddeb45
diff --git a/templates/syscalls.html.j2 b/templates/syscalls.html.j2
index 9b7d640..6674f1a 100644
--- a/templates/syscalls.html.j2
+++ b/templates/syscalls.html.j2
@@ -22,78 +22,8 @@
     <meta property="og:locale" content="en_GB" />
     <meta property="og:site_name" content="Marcin Juszkiewicz" />
 
-    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
-
-    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.3.2/css/buttons.dataTables.min.css"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/colreorder/1.5.6/css/colReorder.dataTables.min.css"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.3.1/css/fixedHeader.dataTables.min.css"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedcolumns/4.2.1/css/fixedColumns.dataTables.min.css"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/datatables.mark.js/2.0.0/datatables.mark.min.css"/>
-    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/plug-ins/1.10.13/features/mark.js/datatables.mark.min.css"/>
-
-    <script type="text/javascript" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.colVis.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.print.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/colreorder/1.5.6/js/dataTables.colReorder.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/fixedheader/3.3.1/js/dataTables.fixedHeader.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/fixedcolumns/4.2.1/js/dataTables.fixedColumns.min.js"></script>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/g/mark.js(jquery.mark.min.js)"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.12.1/features/mark.js/datatables.mark.js"></script>
-    <script type="text/javascript" id="js">
-            $(document).ready(function() {
-                    $("table").DataTable( {
-                            pageLength     : -1,
-			    paging         : false,
-                            scrollX        : true,
-                            scrollCollapse : true,
-                            fixedHeader    : true,
-                            fixedColumns   : {
-                                left: 1
-                            },
-                            colReorder     : true,
-                            mark           : true,
-                            dom            : 'Bft',
-                            buttons        : [
-				{
-                                    extend : 'colvis',
-                                    text: 'disable architectures',
-                                    columns: ':gt(0)'
-				}
-                            ]
-                    });
-    });
-    </script>
-    <style type="text/css">
-
-table.syscalls {
-        border: 1px solid #000;
-}
-
-table.syscalls th {
-        text-align: center;
-        padding: 0.5em;
-        line-height: 2em;
-        color: black;
-}
-
-table.syscalls thead {
-        border: 1px solid black;
-}
-
-table.syscalls td {
-        padding: 0.5em;
-}
-
-table.syscalls tbody tr.odd td {
-        background-color: lightgrey;
-}
-
-.legacy, table.syscalls tbody tr.odd td.legacy {
-        background-color: lightpink;
-}
-    </style>
+{% include "common/datatables-js-css.inc.j2" %}
+{% include "common/css.inc.j2" %}
 </head>
 <body>
 
@@ -132,33 +62,9 @@ table.syscalls tbody tr.odd td {
         <li>there is now Python module for querying this data: "system_calls"</li>
     </ul>
 
-<h2>Author info</h2>
-    <p>
-    System calls table is maintained by <a href="https://marcin.juszkiewicz.com.pl/">Marcin Juszkiewicz</a> &mdash; AArch64/Arm developer working at Red Hat as Linaro assignee.
-    </p>
-
-<h2>My table pages</h2>
-<ul>
-	<li><a href="https://gpages.juszkiewicz.com.pl/arm-socs-table/arm-socs.html">AArch64 SoC features table</a></li>
-	<li><a href="https://gpages.juszkiewicz.com.pl/arm-socs-table/arm-cpu-cores.html">AArch64 cpu cores information</a></li>
-	<li><a href="https://gpages.juszkiewicz.com.pl/syscalls-table/syscalls.html">Linux kernel system calls for all architectures</a></li>
-	<li><a href="https://marcin.juszkiewicz.com.pl/download/tables/bsa-sbsa.html">Arm BSA/SBSA checklist</a></li>
-</ul>
-<h2>How to help</h2>
-    <p>
-    Sources used to generate table are available in <a
-    href="https://github.com/hrw/syscalls-table">git repository at github</a>.
-    Patches are always welcomed.
-    </p>
-    <p>
-    If this table helped you in some project then please leave a comment in
-    <a href="https://github.com/hrw/syscalls-table/issues/12">issue on GitHub</a>.
-    </p>
-
-<h2>Build info</h2>
-    <p>Table generated on <strong>{{ generate_time }} UTC</strong> using data from <strong>{{ syscalls.linux_version }}</strong> kernel source.</p>
+{% include "common/author-tables-help.inc.j2" %}
 
-<table class="syscalls">
+<table id="infotable" class="display" style="width:100%">
     <thead>
         <tr>
             <th>system call</th>
@@ -183,4 +89,21 @@ table.syscalls tbody tr.odd td {
     </tbody>
 </table>
 </body>
+<script>
+    new DataTable('#infotable', {
+            pageLength:         -1,
+            paging:             false,
+            scrollX:            true,
+            scrollCollapse:     true,
+            fixedColumns:       { start: 1 },
+            colReorder:         true,
+            mark:               true,
+            dom:                'Bft',
+            buttons:            [ {
+                                    extend : 'colvis',
+                                    text: 'disable architectures',
+                                    columns: ':gt(0)'
+                                } ]
+    });
+</script>
 </html>