mason/transformation/transformations_in_project.mas

   1 <%args>
   2 $trial_id
   3 </%args>
   4
   5 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables', 'CXGN.List', 'jquery.iframe-post-form' ] &>
   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="transformations_in_project_table">
  10         <thead>
  11             <tr>
  12                 <th>Transformation ID</th>
  13                 <th>Plant Material</th>
  14                 <th>Vector Construct</th>
  15                 <th>Notes</th>
  16                 <th>No of Transformants (Accessions)</th>
  17             </tr>
  18         </thead>
  19     </table>
  20 </div>
  21
  22
  23 <script>
  24
  25 jQuery(document).ready(function(){
  26     var project_id = "<% $trial_id %>";
  27
  28     var transformation_table = jQuery('#transformations_in_project_table').DataTable({
  29         'ajax': '/ajax/transformation/active_transformations_in_project/'+project_id,
  30         'autoWidth': false,
  31     });
  32
  33
  34 });
  35
  36 </script>