b7fc6959261304a9f638f5ef2b2693e20ed8cd47
[proteocache.git] / webapp / view / fragments / header.jsp
1 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
2 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
3
4 <head>
5         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6         <meta name="viewport" content="width=device-width, initial-scale=1.0">
7         <title>ProteoCache</title>
8         <spring:url value="/images/favicon.ico" var="favicon" />
9         <link rel="shortcut icon" href="${favicon}" />
10         
11         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
12         <spring:url value="/js/jquery-1.10.2.js" var="jquery" />
13         <!-- Twitter Bootstrap -->
14         <spring:url value="/bootstrap-3.0.2/css/bootstrap.min.css" var="bootstrapcss" />
15         <spring:url value="/bootstrap-3.0.2/js/bootstrap.js" var="bootstrapjs2" />
16         <spring:url value="/bootstrap-3.0.2/js/bootstrap.min.js" var="bootstrapjs1" />
17         <spring:url value="/js/modernizr.271.custom.js" var="modernizr" />
18         <!-- dataTables -->
19         <spring:url value="/datatables-1.9.4/media/js/jquery.dataTables.js" var="datatables" />
20         <!-- internal necessities -->
21         <spring:url value="/css/proteocache.css" var="internalcss" />
22         <!-- dataTable & Boostrap integration -->
23         <spring:url value="/css/DT_bootstrap.css" var="DTbootstrapCSS" />
24         <spring:url value="/js/DT_bootstrap.js" var="DTbootstrapJS" />
25         <spring:url value="/js/table2csv.js" var="table2CSVJS" />
26
27         <script type="text/javascript" src="${jquery}"></script>
28         <script type="text/javascript" src="${datatables}"></script>
29         <link rel="stylesheet" type="text/css" href="${DTbootstrapCSS}" />
30         <script type="text/javascript" src="${DTbootstrapJS}"></script>
31         
32         <link rel="stylesheet" type="text/css" href="${internalcss}" />
33         <link rel="stylesheet" type="text/css" href="${bootstrapcss}" />
34         <link rel="stylesheet" type="text/css" href="${jQueryUiCss}" />
35         <script type="text/javascript" src="${bootstrapjs1}"></script>
36         <script type="text/javascript" src="${modernizr}"></script>
37         <script type="text/javascript" src="${table2CSVJS}"></script>
38
39         <script type="application/javascript">
40                 $(document).ready(function() {
41                         $('#counts').dataTable(
42                                 {
43                                 "sPaginationType": "bootstrap",
44                                 'aaSorting': [[0,'desc']],
45                                 'aLengthMenu': [[20, 50, 100, -1], [20, 50, 100, 'All']],
46                                 'iDisplayLength': 50
47                                 }
48                         );
49                 } );
50                 $.extend( $.fn.dataTableExt.oStdClasses, {"sWrapper": "dataTables_wrapper form-inline"} );
51         </script>
52
53         <script type="application/javascript">
54                 function shorten(text, maxLength) {
55                         var ret = text;
56                         if (ret.length > maxLength) {
57                                 ret = ret.substr(0,maxLength-3) + "...";
58                         }
59                         return ret;
60                 }
61         </script>
62 </head>