mason/tracking_activities/inactive_tracking_identifiers.mas

   1 <%args>
   2 $trial_id
   3 $field_headers
   4 $activity_type
   5 </%args>
   6
   7 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables' ] &>
   8 <& /util/import_css.mas, paths => ['/documents/inc/datatables/jquery.dataTables.css'] &>
   9
  10 <div style="overflow:scroll">
  11     <table class="table table-hover table-bordered" id="project_inactive_tracking_identifiers_table">
  12         <thead>
  13             <tr>
  14                 <th>Tracking Identifier</th>
  15                 <th>Status</th>
  16 % if ($activity_type eq 'transformation') {
  17                 <th>Transformation ID</th>
  18 % } elsif ($activity_type eq 'tissue_culture') {
  19                 <th>Accession</th>
  20 % }
  21                 <th>Transformation ID</th>
  22 % foreach my $column_header(@$field_headers){
  23                 <th><%$column_header%></th>
  24 % }
  25             </tr>
  26         </thead>
  27     </table>
  28 </div>
  29
  30 <script>
  31
  32 jQuery(document).ready(function(){
  33
  34     var project_id = "<%$trial_id%>";
  35
  36     jQuery('#project_inactive_tracking_identifiers_table').DataTable({
  37         'autoWidth': false,
  38         'ajax': '/ajax/tracking_activity/project_inactive_identifiers/'+project_id,
  39     });
  40
  41 });
  42
  43 </script>