mason/stock/accession_usage.mas

   1 <%args>
   2
   3
   4 </%args>
   5
   6 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables' ] &>
   7
   8 <& /page/page_title.mas, title=>'Accession Usage' &>
   9
  10 <&| /page/info_section.mas, title => 'Accession Usage for Trials', collapsible=>1, collapsed=>1 &>
  11
  12 <link rel="stylesheet" type="text/css" href="/documents/inc/datatables/jquery.dataTables.css">
  13
  14 <table id="accession_usage_trials" width="100%" class="table table-hover table-striped">
  15 <thead>
  16   <tr>
  17     <th>Accession Name</th>
  18     <th>Number of Trials</th>
  19     <th>Total Number of Plots</th>
  20   </tr>
  21 </thead>
  22 </table>
  23
  24 </&>
  25
  26 <&| /page/info_section.mas, title => 'Accession Usage as Female Parent', collapsible=>1, collapsed=>1 &>
  27
  28 <link rel="stylesheet" type="text/css" href="/documents/inc/datatables/jquery.dataTables.css">
  29
  30 <table id="accession_usage_female" width="100%" class="table table-hover table-striped">
  31 <thead>
  32   <tr>
  33     <th>Accession Name</th>
  34     <th>Number of Progenies</th>
  35   </tr>
  36 </thead>
  37 </table>
  38
  39 </&>
  40
  41 <&| /page/info_section.mas, title => 'Accession Usage as Male Parent', collapsible=>1, collapsed=>1 &>
  42
  43 <link rel="stylesheet" type="text/css" href="/documents/inc/datatables/jquery.dataTables.css">
  44
  45 <table id="accession_usage_male" width="100%" class="table table-hover table-striped">
  46 <thead>
  47   <tr>
  48     <th>Accession Name</th>
  49     <th>Number of Progenies</th>
  50   </tr>
  51 </thead>
  52 </table>
  53
  54 </&>
  55
  56 <script>
  57
  58 jQuery(document).ready(function(){
  59
  60   jQuery('#accession_usage_trials').DataTable({
  61
  62      'ordering' : false,
  63      'ajax':'ajax/accession_usage_trials'
  64   });
  65
  66
  67   jQuery('#accession_usage_female').DataTable({
  68
  69      'ordering' : false,
  70      'ajax':'ajax/accession_usage_female'
  71   });
  72
  73
  74   jQuery('#accession_usage_male').DataTable({
  75
  76      'ordering' : false,
  77      'ajax':'ajax/accession_usage_male'
  78   });
  79
  80 });
  81
  82 </script>