mason/transformation/obsoleted_transformants_section.mas

   1 <%args>
   2 $transformation_id
   3 </%args>
   4
   5 <&| /page/info_section.mas, title => 'Obsoleted Transformants (Accessions)', collapsible=>1, collapsed=>0 &>
   6     <div class = "well well-sm">
   7         <div class = "panel panel-default">
   8             <div class = "panel-body">
   9                 <div style="overflow:scroll">
  10                     <table class="table table-hover table-bordered" id="obsoleted_transformants_table">
  11                     </table>
  12                 </div>
  13             </div>
  14         </div>
  15     </div>
  16 </&>
  17
  18 <script>
  19
  20 jQuery(document).ready(function(){
  21
  22     const transformation_stock_id = "<%$transformation_id%>";
  23
  24     const obsoleted_transformants_table = jQuery('#obsoleted_transformants_table').DataTable({
  25         'ajax': '/ajax/transformation/obsoleted_transformants/'+transformation_stock_id,
  26         'autoWidth': false,
  27         columns: [
  28             { title: "Accession", "data": null, "render": function ( data, type, row ) { return "<a href='/stock/"+row.transformant_id+"/view'>"+row.transformant_name+"</a>"; } },
  29             { title: "Note", "data": "obsolete_note" },
  30             { title: "Date", "data": "obsolete_date" },
  31             { title: "Obsoleted by", "data": "obsolete_person" },
  32         ],
  33     });
  34
  35 });
  36
  37 </script>