mason/breeders_toolbox/folder/folder_category_set.mas

   1 <%args>
   2 $folder_id
   3 $folder_name => undef
   4 </%args>
   5
   6 <div class="modal fade" id="edit_folder_category_dialog" name="edit_folder_category_dialog" tabindex="-1" role="dialog" aria-labelledby="editFolderCategoryDialog">
   7     <div class="modal-dialog" role="document">
   8         <div class="modal-content">
   9             <div class="modal-header">
  10                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  11                 <h4 class="modal-title" id="editFolderCategoryDialog">Edit Categories for <% $folder_name %></h4>
  12             </div>
  13             <div class="modal-body">
  14                 <div class="container-fluid">
  15
  16                     <form class="form-horizontal" role="form" method="post" id="edit_folder_category_dialog_form" name="edit_folder_category_dialog_form">
  17                         <div class="form-group">
  18                             <label class="col-sm-3 control-label">Folder for Trials:</label>
  19                             <div class="col-sm-9" >
  20                                 <input name="edit_folder_for_trials" id="edit_folder_for_trials" type="checkbox"/>
  21                             </div>
  22                         </div>
  23                         <div class="form-group">
  24                             <label class="col-sm-3 control-label">Folder for Crosses:</label>
  25                             <div class="col-sm-9" >
  26                                 <input name="edit_folder_for_crosses" id="edit_folder_for_crosses" type="checkbox"/>
  27                             </div>
  28                         </div>
  29                         <div class="form-group">
  30                             <label class="col-sm-3 control-label">Folder for Genotyping Plates:</label>
  31                             <div class="col-sm-9" >
  32                                 <input name="edit_folder_for_genotyping_trials" id="edit_folder_for_genotyping_trials" type="checkbox"/>
  33                             </div>
  34                         </div>
  35                     </form><br/>
  36
  37                 </div>
  38             </div>
  39             <div class="modal-footer">
  40                 <button type="button" class="btn btn-default" name="edit_folder_categories_cancel_button" id="edit_folder_categories_cancel_button" data-dismiss="modal">Close</button>
  41                 <button type="button" class="btn btn-primary" name="edit_folder_categories_save_button" id="edit_folder_categories_save_button" title="Save">Save</button>
  42             </div>
  43         </div>
  44     </div>
  45 </div>
  46
  47
  48 <script>
  49
  50 jQuery(document).ready(function() {
  51
  52   jQuery('#change_folder_categories_button').click( function () {
  53     jQuery('#edit_folder_category_dialog').modal("show");
  54   });
  55
  56   jQuery('#edit_folder_categories_save_button').click( function () {
  57     save_folder_categories();
  58   });
  59
  60 });
  61
  62 function save_folder_categories() {
  63     var folder_for_trials = jQuery('#edit_folder_for_trials').is(":checked");
  64     var folder_for_crosses = jQuery('#edit_folder_for_crosses').is(":checked");
  65     var folder_for_genotyping_trials = jQuery('#edit_folder_for_genotyping_trials').is(":checked");
  66     jQuery.ajax( {
  67         url: '/ajax/folder/'+<% $folder_id %>+'/categories',
  68         data: {
  69           'folder_for_trials' : folder_for_trials,
  70           'folder_for_crosses' : folder_for_crosses,
  71           'folder_for_genotyping_trials' : folder_for_genotyping_trials,
  72         },
  73         success: function(response) {
  74             if (response.error){
  75                 alert(response.error);
  76             }
  77             else if(confirm('Categories set for folder!')){
  78                 location.reload();
  79             }
  80         },
  81         error: function(response) {
  82             alert('An error occurred');
  83         }
  84     });
  85 }
  86
  87
  88 </script>