X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=webapp%2Fview%2Ffragments%2Fheader.jsp;h=9ad41320f6b12c081ab3f0ff74e490d30372fc15;hb=56458d66ad728bb1b81135010ebee1186520b22f;hp=d761418d56b678967a8461522359f9c81e1e06a8;hpb=9b9ca0133f42fd2a9fa62eb6d075c5ef6ef916ca;p=proteocache.git

diff --git a/webapp/view/fragments/header.jsp b/webapp/view/fragments/header.jsp
index d761418..9ad4132 100644
--- a/webapp/view/fragments/header.jsp
+++ b/webapp/view/fragments/header.jsp
@@ -1,4 +1,5 @@
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
@@ -8,15 +9,53 @@
 	<link rel="shortcut icon" href="${favicon}" />
 	
 	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-	<script src="https://code.jquery.com/jquery.js"></script>
-
-	<spring:url value="/css/proteocache.css" var="internalcss" />
+	<spring:url value="/js/jquery-1.10.2.js" var="jquery" />
+	<!-- Twitter Bootstrap -->
 	<spring:url value="/bootstrap-3.0.2/css/bootstrap.min.css" var="bootstrapcss" />
 	<spring:url value="/bootstrap-3.0.2/js/bootstrap.js" var="bootstrapjs2" />
 	<spring:url value="/bootstrap-3.0.2/js/bootstrap.min.js" var="bootstrapjs1" />
+	<spring:url value="/js/modernizr.271.custom.js" var="modernizr" />
+	<!-- dataTables -->
+	<spring:url value="/datatables-1.9.4/media/js/jquery.dataTables.js" var="datatables" />
+	<!-- internal necessities -->
+	<spring:url value="/css/proteocache.css" var="internalcss" />
+	<!-- dataTable & Boostrap integration -->
+	<spring:url value="/css/DT_bootstrap.css" var="DTbootstrapCSS" />
+	<spring:url value="/js/DT_bootstrap.js" var="DTbootstrapJS" />
 
+	<script type="text/javascript" src="${jquery}"></script>
+	<script type="text/javascript" src="${datatables}"></script>
+	<link rel="stylesheet" type="text/css" href="${DTbootstrapCSS}" />
+	<script type="text/javascript" src="${DTbootstrapJS}"></script>
+	
 	<link rel="stylesheet" type="text/css" href="${internalcss}" />
 	<link rel="stylesheet" type="text/css" href="${bootstrapcss}" />
 	<link rel="stylesheet" type="text/css" href="${jQueryUiCss}" />
-	<script src="${bootstrapjs1}"></script>
+	<script type="text/javascript" src="${bootstrapjs1}"></script>
+	<script type="text/javascript" src="${modernizr}"></script>
+	<script type="text/javascript" src="${table2CSVJS}"></script>
+
+	<script type="application/javascript">
+		$(document).ready(function() {
+			$('#counts').dataTable(
+				{
+				"sPaginationType": "bootstrap",
+				'aaSorting': [[0,'desc']],
+				'aLengthMenu': [[20, 50, 100, -1], [20, 50, 100, 'All']],
+				'iDisplayLength': 50
+				}
+			);
+		} );
+		$.extend( $.fn.dataTableExt.oStdClasses, {"sWrapper": "dataTables_wrapper form-inline"} );
+	</script>
+
+	<script type="application/javascript">
+		function shorten(text, maxLength) {
+			var ret = text;
+			if (ret.length > maxLength) {
+				ret = ret.substr(0,maxLength-3) + "...";
+			}
+			return ret;
+		}
+	</script>
 </head>
