mason/breeders_toolbox/program/profile_detail.mas

   1 <%args>
   2 $user_id => undef
   3 $profile_id
   4 $profile_name
   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
  11 <& /page/page_title.mas, title => "Profile: '$profile_name'" &>
  12
  13 <&| /page/info_section.mas, title => 'Details', collapsible=>1, collapsed=>0 &>
  14     <div class = "well well-sm">
  15         <div class = "panel panel-default">
  16             <div class = "panel-body">
  17                 <div style="overflow:scroll">
  18                     <table id = "profile_detail_table" class="table table-hover table-striped">
  19                         <thead>
  20                             <tr>
  21                                 <th>Trait Name</th>
  22                                 <th>Target Value</th>
  23                                 <th>Benchmark Variety</th>
  24                                 <th>Performance</th>
  25                                 <th>Weight</th>
  26                                 <th>Trait Type</th>
  27                             </tr>
  28                         </thead>
  29                     </table>
  30                 </div>
  31             </div>
  32         </div>
  33     </div>
  34  </&>
  35
  36
  37 <script>
  38
  39 jQuery(document).ready(function () {
  40
  41     jQuery('#profile_detail_table').DataTable( {
  42         'ajax': '/ajax/breeders/program/profile_detail/'+ <% $profile_id %>,
  43         'paging' : false,
  44         'searching' : false,
  45
  46     });
  47
  48 });
  49
  50
  51 </script>