Added Sortable/Searchable Results

.gitignore

@@ -3,5 +3,4 @@
 
 # Server Submission(s)
 *.txt
-*.htm
 *.tab

cancer.html

@@ -205,9 +205,7 @@ <h3 id="head">Submission Information:</h3>
             We welcome any comments and/or suggestions that you may have regarding our software and server - please send an email directly to [email protected]
             </p>
             </footer>
+
         </div>
-
-        <script type="text/javascript" src="./js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="./js/jquery.min.js"></script>
     </body>
 </html>

cgi-bin/results.cgi

@@ -90,6 +90,13 @@ if __name__ == '__main__':
             <script type="text/javascript" src="../js/bootstrap.min.js"></script>
             <script type="text/javascript" src="../js/jquery.min.js"></script>
             
+            <!-- DATA TABLE -->
+            <link href="../css/Data-Table.css" rel="stylesheet" type="text/css">
+            
+            <script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
+            <script type="text/javascript" src="../js/Data-Table.js"></script>
+        
+            <!-- GOOGLE ANALYTICS -->
             <script type="text/javascript">
               var _gaq = _gaq || [];
               _gaq.push(['_setAccount', 'UA-29568329-3']);
@@ -151,7 +158,7 @@ if __name__ == '__main__':
                 
                 <div class="row">
                     <div class="span12">
-                        <table class="table table-striped">
+                        <table class="table table-striped table-bordered" id="results">
                             <thead>
                                 <tr>
                                     <th>#</th>
@@ -207,10 +214,8 @@ if __name__ == '__main__':
                 We welcome any comments and/or suggestions that you may have regarding our software and server - please send an email directly to [email protected]
                 </p>
                 </footer>
+                
             </div>
-        
-            <script type="text/javascript" src="../js/bootstrap.min.js"></script>
-            <script type="text/javascript" src="../js/jquery.min.js"></script>
         </body>
     </html>
                 """
@@ -322,10 +327,8 @@ if __name__ == '__main__':
             We welcome any comments and/or suggestions that you may have regarding our software and server - please send an email directly to [email protected]
             </p>
             </footer>
+            
         </div>
-    
-        <script type="text/javascript" src="../js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="../js/jquery.min.js"></script>
     </body>
 </html>
                 """
@@ -426,8 +429,6 @@ if __name__ == '__main__':
             </footer>
             
         </div>
-        <script type="text/javascript" src="../js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="../js/jquery.min.js"></script>
     </body>
 </html>
             """
@@ -552,8 +553,6 @@ if __name__ == '__main__':
             </footer>
             
         </div>
-        <script type="text/javascript" src="../js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="../js/jquery.min.js"></script>
     </body>
 </html>
         """

css/Data-Table.css

@@ -0,0 +1,178 @@
+
+div.dataTables_length label {
+	float: left;
+	text-align: left;
+}
+
+div.dataTables_length select {
+	width: 75px;
+}
+
+div.dataTables_filter label {
+	float: right;
+}
+
+div.dataTables_info {
+	padding-top: 8px;
+}
+
+div.dataTables_paginate {
+	float: right;
+	margin: 0;
+}
+
+table.table {
+	clear: both;
+	margin-bottom: 6px !important;
+	max-width: none !important;
+}
+
+table.table thead .sorting,
+table.table thead .sorting_asc,
+table.table thead .sorting_desc,
+table.table thead .sorting_asc_disabled,
+table.table thead .sorting_desc_disabled {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+table.table thead .sorting { background: url('../img/sort_both.png') no-repeat center right; }
+table.table thead .sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
+table.table thead .sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
+
+table.table thead .sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
+table.table thead .sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
+
+table.dataTable th:active {
+	outline: none;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	border-top: none;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table tbody tr.active td,
+.table tbody tr.active th {
+	background-color: #08C;
+	color: white;
+}
+
+.table tbody tr.active:hover td,
+.table tbody tr.active:hover th {
+	background-color: #0075b0 !important;
+}
+
+.table-striped tbody tr.active:nth-child(odd) td,
+.table-striped tbody tr.active:nth-child(odd) th {
+	background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+div.DTTT .btn {
+	color: #333 !important;
+	font-size: 12px;
+}
+
+div.DTTT .btn:hover {
+	text-decoration: none !important;
+}
+
+
+ul.DTTT_dropdown.dropdown-menu a {
+	color: #333 !important; /* needed only when demo_page.css is included */
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+	background-color: #0088cc;
+	color: white !important;
+}
+
+/* TableTools information display */
+div.DTTT_print_info.modal {
+	height: 150px;
+	margin-top: -75px;
+	text-align: center;
+}
+
+div.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+div.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+
+/*
+ * FixedColumns styles
+ */
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+table.DTFC_Cloned tr.even {
+	background-color: white;
+}
+
+div.DTFC_LeftHeadWrapper table {
+	margin-bottom: 0 !important;
+	border-top-right-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.DTFC_LeftBodyWrapper table {
+	border-top: none;
+	margin-bottom: 0 !important;
+}
+
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+	border-top: none;
+}
+
+div.DTFC_LeftFootWrapper table {
+	border-top: none;
+}

index.html

@@ -141,8 +141,5 @@ <h4>Analyze Cancer-Associated Variants</h4>
             </footer>
 
         </div>
-
-        <script type="text/javascript" src="./js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="./js/jquery.min.js"></script>
     </body>
 </html>

inherited.html

@@ -224,9 +224,7 @@ <h3 id="head">Submission Information:</h3>
             We welcome any comments and/or suggestions that you may have regarding our software and server - please send an email directly to [email protected]
             </p>
             </footer>
+
         </div>
-
-        <script type="text/javascript" src="./js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="./js/jquery.min.js"></script>
     </body>
 </html>