From 9db68d4500530ea60f2b5fe21251446e2be306da Mon Sep 17 00:00:00 2001
From: holyantony
Date: Fri, 11 Sep 2015 14:48:53 +0530
Subject: Subject: Added tablersorter to all table

Description:
1. tablesorter on all table
2. highlighted add comments, added css
---
 static/website/templates/questions.html | 40 +++++++++++++++++++++++++--------
 1 file changed, 31 insertions(+), 9 deletions(-)

(limited to 'static/website/templates/questions.html')

diff --git a/static/website/templates/questions.html b/static/website/templates/questions.html
index 3c3d355..b7c2a45 100644
--- a/static/website/templates/questions.html
+++ b/static/website/templates/questions.html
@@ -3,21 +3,40 @@
 {% load count_tags %}
 
 {% block content %}
+
+
+	<script>
+
+	    $(document).ready(function()
+		{
+		$("#myTable").tablesorter();
+		}
+	    );
+
+	 </script>
+
     <h4> 
         <h5>
             Showing {{ questions.start_index }} - {{ questions.end_index }} of {{ questions.paginator.count }} questions.
         </h5>
     </h4>
-    <table class="table table-bordered table-hover">
-        <th> FOSS </th>
-   	<th> Question <span class="glyphicon glyphicon-link"></span></th>
-        <th> Date</th>
-        <th> Views</th>
-        <th> Votes </th>
-        <th> Answers</th>
-        <th> User</th>
+       <table id="myTable" class="tablesorter-blue">
+        <thead> 
+	<tr> 
+		<th>No.</th>
+	        <th>FOSS</th>
+		<th>Question </th>
+		<th>Date</th>
+		<th>Views</th>
+		<th>Votes</th>
+		<th>Answers</th>
+		<th>User</th>  
+	</tr> 
+	</thead> 
+	<tbody> 
         {% for question in questions %}
         <tr>
+	    <td> </td>
             <td>
                 <span class="category" data-toggle="tooltip" data-placement="top" title="{{ question.category}}">
                
@@ -63,7 +82,7 @@
             </td>
         </tr>
         {% endfor %}
-
+    </tbody> 
     </table>
 
     <ul class="pagination pull-right">
@@ -93,5 +112,8 @@
 {% block javascript %}
 <script>
     $('span').tooltip();
+    $('table tbody tr').each(function(idx){
+                $(this).children(":eq(0)").html(idx + 1);
+    });
 </script>
 {% endblock %}
-- 
cgit