mason/transformation/inactive_transformation_ids_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="inactive_transformation_ids_in_project_table">
  10         <thead>
  11             <tr>
  12                 <th>Transformation ID</th>
  13                 <th>Status</th>
  14                 <th>Plant Material</th>
  15                 <th>Vector Construct</th>
  16                 <th>Notes</th>
  17                 <th>No of Transformants (Accessions)</th>
  18             </tr>
  19         </thead>
  20     </table>
  21 </div>
  22
  23
  24 <script>
  25
  26 jQuery(document).ready(function(){
  27     var project_id = "<% $trial_id %>";
  28
  29     var transformation_table = jQuery('#inactive_transformation_ids_in_project_table').DataTable({
  30         'ajax': '/ajax/transformation/inactive_transformation_ids_in_project/'+project_id,
  31         'autoWidth': false,
  32     });
  33
  34
  35 });
  36
  37 </script>