From 37c5911a2398cdf45dfdaea558aa53f6183b8e13 Mon Sep 17 00:00:00 2001
From: Alex Ling <hkalexling@gmail.com>
Date: Sat, 25 Jul 2020 07:20:22 +0000
Subject: [PATCH] Make plugin download table sortable

---
 public/js/plugin-download.js       | 1 +
 src/views/plugin-download.html.ecr | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/js/plugin-download.js b/public/js/plugin-download.js
index 66a8527..ff50fbb 100644
--- a/public/js/plugin-download.js
+++ b/public/js/plugin-download.js
@@ -67,6 +67,7 @@ const buildTable = (chapters) => {
 		filter: 'tr'
 	});
 
+	$('#table table').tablesorter();
 	$('#table').removeAttr('hidden');
 };
 
diff --git a/src/views/plugin-download.html.ecr b/src/views/plugin-download.html.ecr
index b754067..8f4d99e 100644
--- a/src/views/plugin-download.html.ecr
+++ b/src/views/plugin-download.html.ecr
@@ -56,7 +56,7 @@
       <div id="download-spinner" uk-spinner class="uk-margin-left" hidden></div>
     </div>
     <p class="uk-text-meta">Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.</p>
-    <table class="uk-table uk-table-striped uk-overflow-auto">
+    <table class="uk-table uk-table-striped uk-overflow-auto tablesorter">
     </table>
   </div>
 <% end %>
@@ -67,6 +67,7 @@
     var plugin = "<%= plugin.info.title %>";
   </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.combined.min.js"></script>
   <script src="<%= base_url %>js/alert.js"></script>
   <script src="<%= base_url %>js/plugin-download.js"></script>
 <% end %>