From e6ceac59f7304f4bc83780462be9a70be6661908 Mon Sep 17 00:00:00 2001
From: Alexander Sulfrian <alexander@sulfrian.net>
Date: Wed, 22 May 2013 12:05:14 +0200
Subject: host: ports are now sortable

---
 templates/host.html   | 16 ++++++++++++++--
 templates/layout.html |  1 +
 2 files changed, 15 insertions(+), 2 deletions(-)

(limited to 'templates')

diff --git a/templates/host.html b/templates/host.html
index 074867d..df34ab2 100644
--- a/templates/host.html
+++ b/templates/host.html
@@ -43,10 +43,13 @@
   </div>
 
   <div class="tab-pane" id="ports">
-    <table class="table table-stripped table-hover">
+    <table id="portstable" class="table table-striped table-hover tablesorter">
       <thead>
         <tr>
-          <th>Port</th><th>IP</th><th>Process</th><th>Protocol</th>
+          <th>Port</th>
+          <th>IP</th>
+          <th>Process</th>
+          <th>Protocol</th>
         </tr>
       </thead>
       <tbody>
@@ -64,4 +67,13 @@
     </table>
   </div>
 </div>
+
+<script>
+<!--
+  $(function() {
+    // force column "IP" to text (ips sometimes are parsed as digits)
+    $("table#portstable").tablesorter({ headers: { 1: { sorter:'text' } } });
+  });
+//-->
+</script>
 {% endblock %}
diff --git a/templates/layout.html b/templates/layout.html
index e7d9014..2acf478 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -10,6 +10,7 @@
     <link rel="stylesheet" type="text/css" media="screen" href="css/custom.css" />
 
     <script src="js/jquery-2.0.0.min.js"></script>
+    <script src="js/jquery.tablesorter.min.js"></script>
     <script src="js/bootstrap.min.js"></script>
     <script src="js/list.min.js"></script>
   </head>
-- 
cgit v1.2.3-1-g7c22