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 <a href="/search/download_parents_and_numbers_of_progenies?parent_type=female_parent" class="btn btn-sm btn-default">Download</a>
  36
  37 </&>
  38
  39 <&| /page/info_section.mas, title => 'Accession Usage as Male Parent', collapsible=>1, collapsed=>1 &>
  40
  41 <table id="accession_usage_male" width="100%" class="table table-hover table-striped">
  42 <thead>
  43   <tr>
  44     <th>Accession Name</th>
  45     <th>Number of Progenies</th>
  46   </tr>
  47 </thead>
  48 </table>
  49 <a href="/search/download_parents_and_numbers_of_progenies?parent_type=male_parent" class="btn btn-sm btn-default">Download</a>
  50
  51 </&>
  52
  53 <&| /page/info_section.mas, title => 'Accession Phenotype Performace', collapsible=>1, collapsed=>0 &>
  54
  55 <div class="well">
  56     <div class="panel panel-default">
  57         <div class="panel-body">
  58
  59             <table id="accession_usage_phenotypes" class='table table-bordered table-hover'>
  60                 <thead>
  61                     <tr>
  62                         <th>Accession</th>
  63                         <th>Observation Variable</th>
  64                         <th>Mean</th>
  65                         <th>Min</th>
  66                         <th>Max</th>
  67                         <th>Std Dev</th>
  68                         <th>CV</th>
  69                         <th>Count</th>
  70                     </tr>
  71                 </thead>
  72                 <tbody>
  73                 </tbody>
  74             </table>
  75         </div>
  76     </div>
  77 </div>
  78
  79 </&>
  80
  81 <script>
  82
  83 jQuery(document).ready(function(){
  84
  85   jQuery('#accession_usage_trials').DataTable({
  86
  87      'ordering' : false,
  88      'ajax':'ajax/accession_usage_trials'
  89   });
  90
  91
  92   jQuery('#accession_usage_female').DataTable({
  93
  94      'ordering' : false,
  95      'ajax':'ajax/accession_usage_female'
  96   });
  97
  98
  99   jQuery('#accession_usage_male').DataTable({
 100
 101      'ordering' : false,
 102      'ajax':'ajax/accession_usage_male'
 103   });
 104
 105   var stock_table = jQuery('#accession_usage_phenotypes').DataTable({
 106       'destroy' : true,
 107       'searching' : false,
 108       'ordering'  : false,
 109       'processing': true,
 110       'serverSide': true,
 111       'lengthMenu': [10,20,50,100,1000,5000],
 112       'ajax': { 'url':  '/ajax/accession_usage_phenotypes?display=plots_accession' }
 113   });
 114
 115 });
 116
 117 </script>