anchor.diff:                          "sSearch": "Filter: ",
                           "sInfo": "Showing _START_ to _END_ of _TOTAL_ genes (for complete dataset of your search, please use export buttons)"
                       },
  -                   /*  "columnDefs": [                
  -                        { "type": "alt-string", targets: 3 }   //4th col sorted using alt-string         
  -                    ], */
  -                    "aaSorting": [[ 0, "asc" ]],  // default sort column order, won't work if bSort is false
  +                    /*  "columnDefs": [
  +                         { "type": "alt-string", targets: 3 }   //4th col sorted using alt-string
  +                     ], */
  +                    "aaSorting": [[0, "asc"]],  // default sort column order, won't work if bSort is false
                       /*"aoColumns": [
                           {"bSearchable": true, "sType": "html", "bSortable": true},
                           {"bSearchable": true, "sType": "string", "bSortable": true},
  
positive.code:     <jsp:attribute name="title">IMPC dataset batch query</jsp:attribute>
      <jsp:attribute name="breadcrumb">&nbsp;&raquo;<a href="${baseUrl}/batchQuery">&nbsp;Batch search</a></jsp:attribute>
      <jsp:attribute name="header">
      
          <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
          
          <style type="text/css">
  
  			div.region-content {
  				margin-top: 53px;
  			}
              div#tableTool {
                  position: relative;
                  top: -70px;
                  right: 0px;
              }
             
              table.dataTable span.highlight {
                  background-color: yellow;
                  font-weight: bold;
                  color: black;
              }
             
              .hideMe {
                  display: none;
              }
              .showMe {
                  display: block;
              }
              .alleleToggle {
                  cursor: pointer;
                  font-size: 11px;
                  font-weight: bold;
              }
              div#saveTable {
                  top: 34px;
                  left: -25px;
              }
              div#toolBox {
                  top: -58px;
                  right: 35px;
              }
              #pasteList {
              	font-size: 12px;
              }
              .notes {
              	font-size: 10px;
              }
              #accordion {
              	font-size: 11px;
              	margin-bottom: 20px;
              	 background-color: white;
              	/*height: 80px;*/
              }
              #pastedList, #srcfile {
              	padding-left: 0;
              }
              #srcfile  {
              	border: 0;
              }
              .lbl {
              	font-size: 12px;
              	font-weight: bold;
              }
              div#query {
              	font-size: 11px !important;
              }
              td.idnote {
              	font-size: 12px;
              	padding-left: 20px;
              	height: 40px;
              }
              .cat {
              	font-weight: bold;
              	font-size:14px;
              	color: black;
              	padding: 5px;
              }
              .inner {
  			   height: auto;
  			   margin-bottom: 15px;
  			  
  			}
  			div#sec2 {
  				display: none;
  			}
  			.fl2 {
  			    width: 52%;
  			    float: right;
  			    padding: 0 20px 20px 20px;
  			}
  			.fl1 {
  			    float: none; /* not needed, just for clarification */
  			    /* the next props are meant to keep this block independent from the other floated one */
  			    width: 40%;
  			    padding-right: 30px;
  			    border-right: 1px solid #C1C1C1;
  			}
  			h6.bq {
  				color: gray;
  			}
  			div#errBlock {
  				margin-bottom: 10px;
  				display: none;
  				color: #8B0A50;
  			}
  			hr {
  				color: #C1C1C1;
  			}
  			button#chkfields {
  				margin-top: 10px;
  				display: block;
  			}
  			table.dataTable {
  			   overflow-x:scroll;
  			   width:100%;
  			   display:block;
  			}
  			input[type=checkbox] {
  			   	height: 25px;
  				vertical-align: middle;
  			}
  			div#tableTool {
  				float: right;
  				margin-top: 40px;
  				clear: right;
  			}
  			#srchBlock {
  				background-color: white;
  			}
  			div#infoBlock {
  				margin-bottom: 10px;
  			}
  			form#dnld {
  				margin: 0;
  				padding: 0;
  				border: none;
  			}
  			span#resubmit {
  				font-size: 12px;
  				padding-left: 20px;
  				color: #8B0A50;
  			}
  			form#dnld {
              	padding: 5px;
              	border-radius: 5px;
  			    background: #F2F2F2;
              }
              form#dnld button {
              	text-decoration: none;
              }
              table#dataInput td {
              	text-align: left;
              	vertical-align: middle;
              }
            	table#dataInput td.idnote {
            		padding-left: 8px;
            	} 
            	div.textright {
            		padding: 5px 0;
            	}
            	div.qtipimpc {
            		padding: 30px;
            		background-color: white;
            		border: 1px solid gray;
            		/*height: 250px;
            		overflow-x: hidden;*/
            	}
            	div.qtipimpc p {
            		font-size: 12px;
            		line-height: 20px;
            	}
            	div.tipSec {
            		font-weight: bold;
            		font-size: 14px;
            		padding: 5px;
            		background-color: #F2F2F2;
            	}
            	div#docTabs {
          		border: none;
          	}
          	ul.ui-tabs-nav {
          		border: none;
          		border-bottom: 1px solid #666;
          		background: none;
          	}
          	ul.ui-tabs-nav li:nth-child(1) {
          		font-size: 14px;
          	}
          	ul.ui-tabs-nav li a {
          		margin-bottom: -1px;
          		border: 1px solid #666;
          		font-size: 12px;
          	}
          	ul.ui-tabs-nav li a:hover {
          		color: white;
          		background-color: gray; 
          	}
          	a#ftp {
          		color: #0978a1 !important;
          		text-decoration: none;
          	}
  	        span#sample {
  		        color: black;
  	        }
          	          	
          </style>
          
          <script type='text/javascript'>
          
              $(document).ready(function () {
                  'use strict';
               	// test only
                  //var baseUrl = '//dev.mousephenotype.org/data';
                  //var baseUrl = 'http://localhost:8080/phenotype-archive';
  
                  var baseUrl = "${baseUrl}";
                  var solrUrl = "${internalSolrUrl}";
                  
                  $('div#batchQryLink').hide(); // hide batchquery link for batchquery page
  
  
                  if ( window.location.search != ""){
                      var oConf = convertParamToObject(decodeURIComponent(window.location.search));
                      console.log(oConf);
  
  
negative.code: 
      </jsp:attribute>
  
      <jsp:body>
          <div class="container data-heading">
              <div class="row row-shadow">
                  <div class="col-12 no-gutters">
                      <h2>IMPC Dataset Batch Query</h2>
                  </div>
              </div>
          </div>
  
  
          <div class="container single single--no-side">
              <div class="row row-over-shadow">
                  <div class="col-12 white-bg">
                      <div class="page-content pt-5 pb-5">
                          <div class="section">
  
                              <!--  <h2 id="section-gostats" class="title ">IMPC Dataset Batch Query</h2>-->
                              <div class='inner' id='srchBlock'>
  
                                  <div class='fl2'>
  
                                      <h6 class='bq'>Customized Output</h6>
                                      <div id='fieldList'>${outputFields}</div>
                                  </div>
  
                                  <div class='fl1'>
                                      <h6 class='bq'>Datatype Input</h6>
                                      <div id='query'>
                                          <table id='dataInput'>
                                              <tr>
                                                  <td><span class='cat'>ID:</span></td>
                                                  <td><input type="radio" id="gene" value="MGI:106209" name="dataType"
                                                             class='bq' checked="checked">IMPC Gene
                                                      <input type="radio" id="ensembl" value="ENSMUSG00000011257"
                                                             name="dataType" class='bq'>Ensembl Gene
                                                      <input type="radio" id="mp" value="MP:0001926" name="dataType"
                                                             class='bq'>MP
                                                      <input type="radio" id="hp" value="HP:0000400" name="dataType"
                                                             class='bq'>HP<br>
                                                      <input type="radio" id="disease"
                                                             value="OMIM:100300 or ORPHA:93 or DECIPHER:17"
                                                             name="dataType" class='bq'>OMIM / ORPHANET / DECIPHER
                                                      <input type="radio" id="anatomy"
                                                             value="MA:0003077 or EMAPA:35955 (ok to mix)" name="dataType"
                                                             class='bq'>ANATOMY
                                                  </td>
                                              </tr>
                                              <tr>
                                                  <td><span class='cat'>Symbol:</span></td>
                                                  <td><input type="radio" id="human_marker_symbol"
                                                             value="Ca4 or CA4 (case insensitive). Synonym search supported"
                                                             name="dataType" class='bq'>Human Marker Symbol
                                                      <input type="radio" id="mouse_marker_symbol"
                                                             value="Car4 or CAR4 (case insensitive). Synonym search supported"
                                                             name="dataType" class='bq'>Mouse Marker Symbol
                                                  </td>
                                              <tr>
                                                  <td><span class='cat'>Example:</span></td>
                                                  <td class='note idnote'>MGI:106209</td>
                                              </tr>
                                          </table>
  
                                          <div id="accordion">
                                              <p class='header'>Paste in your list</p>
                                              <div>
                                                  <p>
                                                      <form id='pastedIds'>
                                                          <textarea id='pastedList' rows="5" cols="50"></textarea>
                                                          <input type="submit" id="pastedlist" name="" value="Submit"
                                                                 onclick="return submitPastedList()"/>
                                                          <input type="reset" name="reset" value="Reset">
                                                  <p>
                                                  <p class='notes'>Supports space, comma, tab or new line separated
                                                      identifier list</p>
                                                  <p class='notes'>Please DO NOT submit a mix of identifiers from different datatypes</p>
                                                  </form>
                                                  </p>
                                              </div>
                                              <p class='header'>Upload your list from file</p>
                                              <div>
  
                                                  <form id="ajaxForm" method="post" action="${baseUrl}/batchQuery"
                                                        enctype="multipart/form-data">
                                                      <!-- File input -->
                                                      <input name="fileupload" id="fileupload" type="file"/><br/>
                                                      <input name="dataType" id="dtype" value="" type="hidden"/><br/>
                                                      <input type="submit" id="upload" name="upload" value="Upload"
                                                             onclick="return uploadJqueryForm()"/>
                                                      <input type="reset" name="reset" value="Reset">
                                                      <p>
                                                      <p class='notes'>Supports comma, tab or new line separated
                                                          identifier list</p>
                                                      <p class='notes'>Please DO NOT submit a mix of identifiers from
                                                          different datatypes</p>
                                                  </form>
  
                                              </div>
                                              <p class='header'>Full dataset</p>
                                              <form>
                                                  <div id='fullDump'></div>
                                                  Please use our <a id='ftp'
                                                                    href='ftp://ftp.ebi.ac.uk/pub/databases/impc/'
                                                                    target='_blank'>FTP</a> site for large dataset.
                                              </form>
                                          </div>
  
                                      </div>
  
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
  
  
          <div class="container" id="expression">
              <div class="row">
                  <div class="col-12 no-gutters">
                      <h3><i class="fa fa-table"></i>&nbsp;Results</h3>
                  </div>
              </div>
          </div>
  
  
          <div class="container single single--no-side">
              <div class="row">
                  <div class="col-12 white-bg">
                      <div class="page-content pt-5 pb-5">
                          <div class="inner">
                              <div class="section" id="sec2">
                                  <div class="inner">
                                      <div id='infoBlock'></div>
                                      <div id='errBlock'></div>
                                      <div id='bqResult'></div>
                                  </div>
                              </div>
  
                          </div>
                      </div>
                  </div>
              </div>
  
              <%--div class="rcontainer single single--no-side">
                  <div class="block block-system">
                      <div class="content">
                          <div class="node node-gene">
                              <h1 class="title" id="top">IMPC Dataset Batch Query<a id="bqdoc" class=""><i
                                      class="fa fa-question-circle pull-right"></i></a></h1>
  
                              <div class="section">
  
                                  <!--  <h2 id="section-gostats" class="title ">IMPC Dataset Batch Query</h2>-->
                                  <div class='inner' id='srchBlock'>
  
                                      <div class='fl2'>
  
                                          <h6 class='bq'>Customized Output</h6>
                                          <div id='fieldList'>${outputFields}</div>
                                      </div>
  
                                      <div class='fl1'>
                                          <h6 class='bq'>Datatype Input</h6>
                                          <div id='query'>
                                              <table id='dataInput'>
                                                  <tr>
                                                      <td><span class='cat'>ID:</span></td>
                                                      <td><input type="radio" id="gene" value="MGI:106209" name="dataType"
                                                                 class='bq' checked="checked">IMPC Gene
                                                          <input type="radio" id="ensembl" value="ENSMUSG00000011257"
                                                                 name="dataType" class='bq'>Ensembl Gene
                                                          <input type="radio" id="mp" value="MP:0001926" name="dataType"
                                                                 class='bq'>MP
                                                          <input type="radio" id="hp" value="HP:0000400" name="dataType"
                                                                 class='bq'>HP<br>
                                                          <input type="radio" id="disease"
                                                                 value="OMIM:100300 or ORPHA:93 or DECIPHER:17"
                                                                 name="dataType" class='bq'>OMIM / ORPHANET / DECIPHER
                                                          <input type="radio" id="anatomy"
                                                                 value="MA:0003077 or EMAPA:35955 (ok to mix)"
                                                                 name="dataType"
                                                                 class='bq'>ANATOMY
                                                      </td>
                                                  </tr>
                                                  <tr>
                                                      <td><span class='cat'>Symbol:</span></td>
                                                      <td><input type="radio" id="human_marker_symbol"
                                                                 value="Ca4 or CA4 (case insensitive). Synonym search supported"
                                                                 name="dataType" class='bq'>Human Marker Symbol
                                                          <input type="radio" id="mouse_marker_symbol"
                                                                 value="Car4 or CAR4 (case insensitive). Synonym search supported"
                                                                 name="dataType" class='bq'>Mouse Marker Symbol
                                                      </td>
                                                  <tr>
                                                      <td><span class='cat'>Example:</span></td>
                                                      <td class='note idnote'>MGI:106209</td>
                                                  </tr>
                                              </table>
  
                                              <div id="accordion">
                                                  <p class='header'>Paste in your list</p>
                                                  <div>
                                                      <p>
                                                          <form id='pastedIds'>
                                                              <textarea id='pastedList' rows="5" cols="50"></textarea>
                                                              <input type="submit" id="pastedlist" name="" value="Submit"
                                                                     onclick="return submitPastedList()"/>
                                                              <input type="reset" name="reset" value="Reset">
                                                      <p>
                                                      <p class='notes'>Supports space, comma, tab or new line separated
                                                          identifier list</p>
                                                      <p class='notes'>Please DO NOT submit a mix of identifiers from
                                                          different datatypes</p>
                                                      </form>
                                                      </p>
                                                  </div>
                                                  <p class='header'>Upload your list from file</p>
                                                  <div>
  
                                                      <form id="ajaxForm" method="post" action="${baseUrl}/batchQuery"
                                                            enctype="multipart/form-data">
                                                          <!-- File input -->
                                                          <input name="fileupload" id="fileupload" type="file"/><br/>
                                                          <input name="dataType" id="dtype" value="" type="hidden"/><br/>
                                                          <input type="submit" id="upload" name="upload" value="Upload"
                                                                 onclick="return uploadJqueryForm()"/>
                                                          <input type="reset" name="reset" value="Reset">
                                                          <p>
                                                          <p class='notes'>Supports comma, tab or new line separated
                                                              identifier list</p>
                                                          <p class='notes'>Please DO NOT submit a mix of identifiers from
                                                              different datatypes</p>
                                                      </form>
  
                                                  </div>
                                                  <p class='header'>Full dataset</p>
                                                  <form>
                                                      <div id='fullDump'></div>
                                                      Please use our <a id='ftp'
                                                                        href='ftp://ftp.ebi.ac.uk/pub/databases/impc/'
                                                                        target='_blank'>FTP</a> site for large dataset.
                                                      <!-- <input type="submit" id="fulldata" name="" value="Submit" onclick="return fetchFullDataset()" /><p> -->
                                                  </form>
                                              </div>
  
                                          </div>
  
                                      </div>
                                  </div>
  
                                  <div style="clear: both"></div>
  
                              </div>
  
                          </div><!-- end of section -->
                          <div class="section" id="sec2">
                              <h2 id="section-gotable" class="title ">Batch Query Result</h2>
  
                              <div class="inner">
                                  <div id='infoBlock'></div>
                                  <div id='errBlock'></div>
                                  <div id='bqResult'></div>
  
                              </div>
                          </div>
                      </div>
                  </div>
              </div--%>
          </div>
  
      </jsp:body>
  </t:genericpage>
  