From 4a251ba9d0d4a5117e222ff321f596a6324d3e68 Mon Sep 17 00:00:00 2001
From: Steffen Lange <github@stelas.de>
Date: Sun, 29 Sep 2019 12:25:40 +0200
Subject: [PATCH] Made table sortable

---
 PatchViewer.php | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)
diff --git a/PatchViewer.php b/PatchViewer.php
index 33dbc6b..6fc4c6b 100644
--- a/PatchViewer.php
+++ b/PatchViewer.php
@@ -15,15 +15,23 @@ $db->sort();
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="jquery.dataTables.min.css">
+    <script type="text/javascript" charset="utf8" src="jquery-3.4.1.slim.min.js"></script>
+    <script type="text/javascript" charset="utf8" src="jquery.dataTables.min.js"></script>
+    <script>
+      $(document).ready(function() {
+        $('#list').DataTable();
+      });
+    </script>
     <title>Patchbot</title>
   </head>
   <body>
     <div class="container p-5">
       <h2 class="mb-4">Patch Notification Robot</h2>
       <p class="text-center"><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=WYQZCVJPVSS5L&amp;source=url"><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" alt="Donate" /></a></p>
-      <p>Providing you the latest update notifications:</p>
-      <table class="table table-bordered table-hover table-sm">
+      <p>Providing you the latest update notifications.</p>
+      <table id="list" class="table table-bordered table-hover table-sm">
         <thead class="thead-dark">
           <tr>
             <th>Vendor</th>
