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
  26         <script type="text/javascript" src="${jquery}"></script>
  27         <script type="text/javascript" src="${datatables}"></script>
  28         <link rel="stylesheet" type="text/css" href="${DTbootstrapCSS}" />
  29         <script type="text/javascript" src="${DTbootstrapJS}"></script>
  30
  31         <link rel="stylesheet" type="text/css" href="${internalcss}" />
  32         <link rel="stylesheet" type="text/css" href="${bootstrapcss}" />
  33         <link rel="stylesheet" type="text/css" href="${jQueryUiCss}" />
  34         <script type="text/javascript" src="${bootstrapjs1}"></script>
  35         <script type="text/javascript" src="${modernizr}"></script>
  36         <script type="text/javascript" src="${table2CSVJS}"></script>
  37
  38         <script type="application/javascript">
  39                 $(document).ready(function() {
  40                         $('#counts').dataTable(
  41                                 {
  42                                 "sPaginationType": "bootstrap",
  43                                 'aaSorting': [[0,'desc']],
  44                                 'aLengthMenu': [[20, 50, 100, -1], [20, 50, 100, 'All']],
  45                                 'iDisplayLength': 50
  46                                 }
  47                         );
  48                 } );
  49                 $.extend( $.fn.dataTableExt.oStdClasses, {"sWrapper": "dataTables_wrapper form-inline"} );
  50         </script>
  51
  52         <script type="application/javascript">
  53                 function shorten(text, maxLength) {
  54                         var ret = text;
  55                         if (ret.length > maxLength) {
  56                                 ret = ret.substr(0,maxLength-3) + "...";
  57                         }
  58                         return ret;
  59                 }
  60         </script>
  61 </head>