mason/search/annotation/genes.mas

   1 <%args>
   2 </%args>
   3
   4 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables', 'CXGN.Effects', 'CXGN.List' ] &>
   5
   6 <div class="container-fluid">
   7
   8 <& /page/page_title.mas, title=>'Gene annotation and families' &>
   9
  10
  11 <%perl>
  12
  13 use CXGN::Page::FormattingHelpers qw / conditional_like_input_html simple_selectbox_html/;
  14
  15 </%perl>
  16
  17
  18 <br />
  19
  20 <&| /page/info_section.mas, title => 'Search Results', collapsible=>1, collapsed=>0 &>
  21
  22 <div class="well well-sm">
  23
  24     <div class="panel panel-default">
  25         <div class="panel-body">
  26             <div id="stock_search_results_div" style="overflow:scroll" >
  27                 <table id="stock_search_results" width="100%" class="table table-hover table-striped">
  28                     <thead>
  29                         <tr>
  30                             <th>Stock Name</th>
  31                             <th>Description</th>
  32                             <th>GOs</th>
  33                             <th>PFAMs</th>
  34                         </tr>
  35                     </thead>
  36                 </table>
  37             </div>
  38         </div>
  39     </div>
  40
  41 </div>
  42
  43 </&>
  44
  45
  46
  47
  48 </div>
  49
  50 <script>
  51
  52
  53
  54 jQuery(document).ready(function () {
  55
  56     var stock_table = jQuery('#stock_search_results').DataTable({
  57         'columnDefs': [{ 'width': 50, 'targets': 0 }],
  58         // 'fixedColumns': true,
  59         'ajax': {
  60             'url':  '/ajax/search/annotation',
  61             'data': {'file' : '/static/documents/annotation.tsv'}
  62         }
  63     });
  64     });
  65 </script>