mason/breeders_toolbox/folder/folder_new.mas

   1
   2 <%args>
   3 $parent_folder_id => undef
   4 $parent_folder_name => undef
   5 $breeding_program_id => undef
   6 $breeding_program_name => undef
   7 </%args>
   8
   9 <div class="modal fade" id="new_folder_dialog" name="set_folder_dialog" tabindex="-1" role="dialog" aria-labelledby="newFolderDialog">
  10   <div class="modal-dialog" role="document">
  11     <div class="modal-content">
  12       <div class="modal-header">
  13         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  14         <h4 class="modal-title" id="newFolderDialog">Create a new folder</h4>
  15       </div>
  16       <div class="modal-body">
  17         <div class="container-fluid">
  18
  19                <form class="form-horizontal" role="form" method="post" id="new_folder_dialog_form" name="new_folder_dialog_form">
  20                 <div class="form-group">
  21               <label class="col-sm-3 control-label">Folder Name: </label>
  22               <div class="col-sm-9" >
  23                 <input name="new_folder_name" id="new_folder_name" class="form-control" type="text" autofocus/>
  24               </div>
  25                 </div>
  26           <div class="form-group">
  27               <label class="col-sm-3 control-label">Breeding Program: </label>
  28               <div class="col-sm-9" >
  29                 <div id="new_folder_breeding_program_select_div">
  30 % if ($breeding_program_id) {
  31                 <input type="text" class="form-control" value="<% $breeding_program_name %>" disabled/>
  32                 <input type="hidden" id="new_folder_breeding_program_id" name="new_folder_breeding_program_id" value="<% $breeding_program_id %>" />
  33 % } else {
  34   [Loading...]
  35 % }
  36                 </div>
  37               </div>
  38                 </div>
  39           <div class="form-group">
  40               <label class="col-sm-3 control-label">Parent Folder: </label>
  41               <div class="col-sm-9" >
  42                 <div id="new_folder_parent_folder_select_div">
  43 % if ($parent_folder_id) {
  44                   <input type="text" class="form-control" value="<% $parent_folder_name %>" disabled/>
  45                   <input type="hidden" id="new_folder_parent_folder_id" name="new_folder_parent_folder_id" value="<% $parent_folder_id %>" />
  46 % } else {
  47   [Loading...]
  48 % }
  49                 </div>
  50               </div>
  51                 </div>
  52                </form><br/>
  53         </div>
  54       </div>
  55       <div class="modal-footer">
  56         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  57               <button type="button" class="btn btn-primary" name="new_folder_submit" id="new_folder_submit" title="Save new folder">Save</button>
  58       </div>
  59     </div>
  60   </div>
  61 </div>
  62
  63
  64 <script>
  65 jQuery(document).ready(function() {
  66
  67   if(jQuery("#new_folder_breeding_program_id").length == 0) {
  68     get_select_box('breeding_programs', 'new_folder_breeding_program_select_div', { 'name' : 'new_folder_breeding_program_id', 'id' : 'new_folder_breeding_program_id' });
  69   }
  70
  71   jQuery('#new_folder_dialog_link').click( function() {
  72     jQuery('#new_folder_dialog').modal("show");
  73
  74     if(jQuery("#new_folder_parent_folder_id").length == 0) {
  75       get_select_box('folders', 'new_folder_parent_folder_select_div', { 'name' : 'new_folder_parent_folder_id', 'id' : 'new_folder_parent_folder_id', 'breeding_program_id' : jQuery('#new_folder_breeding_program_id').val(), 'empty' : 1  });
  76     }
  77
  78   });
  79
  80   jQuery("#new_folder_breeding_program_select_div").on('change', "#new_folder_breeding_program_id", function() {
  81     get_select_box('folders', 'new_folder_parent_folder_select_div', { 'name' : 'new_folder_parent_folder_id', 'id' : 'new_folder_parent_folder_id', 'breeding_program_id' : jQuery("#new_folder_breeding_program_id").val(), 'empty' : 1  });
  82   });
  83
  84   jQuery('#new_folder_submit').click( function() {
  85     new_trial_folder();
  86   });
  87
  88 });
  89
  90 function new_trial_folder() {
  91   var parent_id = jQuery('#new_folder_parent_folder_id').val();
  92   var folder_name = jQuery('#new_folder_name').val();
  93   var breeding_program_id = jQuery('#new_folder_breeding_program_id').val();
  94
  95   jQuery.ajax( {
  96     'url': '/ajax/folder/new',
  97     'data': {
  98       'parent_folder_id' : parent_id,
  99       'folder_name' :  folder_name,
 100       'breeding_program_id' : breeding_program_id
 101     },
 102     'success': function(response) {
 103       if (response.error){
 104         alert(response.error);
 105         jQuery('#new_folder_dialog').modal("hide");
 106       } else {
 107         alert("Successfully created new folder.");
 108         jQuery('#new_folder_dialog').modal("hide");
 109         location.reload();
 110       }
 111     },
 112     error: function(response) {
 113       alert('An error occurred');
 114       jQuery('#new_folder_dialog').modal("hide");
 115     }
 116   });
 117 }
 118
 119
 120 </script>