mason/stock/accession_usage.mas

   1 <%args>
   2
   3
   4 </%args>
   5
   6 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables' ] &>
   7 <& /util/import_css.mas, paths => ['/documents/inc/datatables/jquery.dataTables.css'] &>
   8
   9 <& /page/page_title.mas, title=>'Accession Usage' &>
  10
  11 <&| /page/info_section.mas, title => 'Accession Usage for Trials', collapsible=>1, collapsed=>1 &>
  12
  13 <table id="accession_usage_trials" width="100%" class="table table-hover table-striped">
  14 <thead>
  15   <tr>
  16     <th>Accession Name</th>
  17     <th>Number of Trials</th>
  18     <th>Total Number of Plots</th>
  19   </tr>
  20 </thead>
  21 </table>
  22
  23 </&>
  24
  25 <&| /page/info_section.mas, title => 'Accession Usage as Female Parent', collapsible=>1, collapsed=>1 &>
  26
  27 <table id="accession_usage_female" width="100%" class="table table-hover table-striped">
  28 <thead>
  29   <tr>
  30     <th>Accession Name</th>
  31     <th>Number of Progenies</th>
  32   </tr>
  33 </thead>
  34 </table>
  35
  36 </&>
  37
  38 <&| /page/info_section.mas, title => 'Accession Usage as Male Parent', collapsible=>1, collapsed=>1 &>
  39
  40 <table id="accession_usage_male" width="100%" class="table table-hover table-striped">
  41 <thead>
  42   <tr>
  43     <th>Accession Name</th>
  44     <th>Number of Progenies</th>
  45   </tr>
  46 </thead>
  47 </table>
  48
  49 </&>
  50
  51 <&| /page/info_section.mas, title => 'Accession Phenotype Performace', collapsible=>1, collapsed=>0 &>
  52
  53 <div class="well">
  54     <div class="panel panel-default">
  55         <div class="panel-body">
  56
  57             <table id="accession_usage_phenotypes" class='table table-bordered table-hover'>
  58                 <thead>
  59                     <tr>
  60                         <th>Accession</th>
  61                         <th>Observation Variable</th>
  62                         <th>Mean</th>
  63                         <th>Min</th>
  64                         <th>Max</th>
  65                         <th>Std Dev</th>
  66                         <th>CV</th>
  67                         <th>Count</th>
  68                     </tr>
  69                 </thead>
  70                 <tbody>
  71                 </tbody>
  72             </table>
  73         </div>
  74     </div>
  75 </div>
  76
  77 </&>
  78
  79 <script>
  80
  81 jQuery(document).ready(function(){
  82
  83   jQuery('#accession_usage_trials').DataTable({
  84
  85      'ordering' : false,
  86      'ajax':'ajax/accession_usage_trials'
  87   });
  88
  89
  90   jQuery('#accession_usage_female').DataTable({
  91
  92      'ordering' : false,
  93      'ajax':'ajax/accession_usage_female'
  94   });
  95
  96
  97   jQuery('#accession_usage_male').DataTable({
  98
  99      'ordering' : false,
 100      'ajax':'ajax/accession_usage_male'
 101   });
 102
 103   var stock_table = jQuery('#accession_usage_phenotypes').DataTable({
 104       'destroy' : true,
 105       'searching' : false,
 106       'ordering'  : false,
 107       'processing': true,
 108       'serverSide': true,
 109       'lengthMenu': [10,20,50,100,1000,5000],
 110       'ajax': { 'url':  '/ajax/accession_usage_phenotypes?display=plots_accession' }
 111   });
 112
 113 });
 114
 115 </script>