mason/breeders_toolbox/cross/target_numbers.mas

   1 <%args>
   2 $trial_id
   3 </%args>
   4
   5 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables' ] &>
   6 <& /util/import_css.mas, paths => ['/documents/inc/datatables/jquery.dataTables.css'] &>
   7
   8 <div style="overflow:scroll">
   9     <table class="table table-hover table-bordered" id="target_numbers_and_progress_table">
  10         <thead>
  11             <tr>
  12                 <th>Female Accession</th>
  13                 <th>Male Accession</th>
  14                 <th>Target No. of Seeds</th>
  15                 <th>Actual No. of Seeds</th>
  16                 <th>Target No. of Progenies</th>
  17                 <th>Actual No. of Progenies</th>
  18                 <th>Cross Unique IDs</th>
  19             </tr>
  20         </thead>
  21     </table>
  22 </div>
  23
  24
  25 <script>
  26
  27 jQuery(document).ready(function(){
  28
  29     jQuery('#target_numbers_crossingtrial_section_onswitch').click(function(){
  30         jQuery('#target_numbers_and_progress_table').DataTable({
  31             'destroy': true,
  32             'ajax': '/ajax/crossing_experiment/target_numbers_and_progress/'+ <% $trial_id %>,
  33
  34         });
  35     });
  36
  37 });
  38
  39 </script>