mason/breeders_toolbox/cross/cross_properties_crossingtrial.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="cross_properties_crossingtrial_table">
  10         <thead>
  11             <tr>
  12                 <th>Cross Unique ID</th>
  13                 <th>Cross Combination</th>
  14 % my $cross_properties = $c->config->{cross_properties};
  15 % my @column_header = split ',',$cross_properties;
  16 % foreach my $column_header(@column_header){
  17                 <th><%$column_header%></th>
  18 %}
  19             </tr>
  20         </thead>
  21     </table>
  22 </div>
  23
  24
  25 <script>
  26
  27 jQuery(document).ready(function(){
  28
  29     jQuery('#cross_properties_crossingtrial_section_onswitch').click(function(){
  30         jQuery('#cross_properties_crossingtrial_table').DataTable({
  31             'destroy': true,
  32             'ajax':'/ajax/breeders/trial/'+ <% $trial_id %> + '/cross_properties_trial',
  33         });
  34     });
  35
  36 });
  37
  38 </script>