mason/breeders_toolbox/folder/folder_move.mas

   1
   2 <%args>
   3 $folder_id => undef
   4 $folder_name => undef
   5 $parent_folder_id => undef
   6 $parent_folder_name => undef
   7 $breeding_program_id => undef
   8 $breeding_program_name => undef
   9 </%args>
  10
  11 <div class="modal fade" id="move_folder_dialog" name="move_folder_dialog" tabindex="-1" role="dialog" aria-labelledby="moveFolderDialog">
  12   <div class="modal-dialog" role="document">
  13     <div class="modal-content">
  14       <div class="modal-header">
  15         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  16         <h4 class="modal-title" id="moveFolderDialog">Move a folder</h4>
  17       </div>
  18       <div class="modal-body">
  19         <div class="container-fluid">
  20
  21                <form class="form-horizontal" role="form" method="post" id="move_folder_dialog_form" name="move_folder_dialog_form">
  22           <div class="form-group">
  23              <label class="col-sm-3 control-label">Breeding Program: </label>
  24              <div class="col-sm-9" >
  25                <div id="move_folder_breeding_program_select_div">
  26 % if ($breeding_program_id) {
  27                <input type="text" class="form-control" value="<% $breeding_program_name %>" disabled/>
  28                <input type="hidden" id="move_folder_breeding_program_id" name="move_folder_breeding_program_id" value="<% $breeding_program_id %>" />
  29 % } else {
  30  [Loading...]
  31 % }
  32                </div>
  33              </div>
  34           </div>
  35           <div class="form-group">
  36               <label class="col-sm-3 control-label">Parent Folder: </label>
  37               <div class="col-sm-9" >
  38                 <div id="move_folder_parent_folder_select_div">
  39 % if ($parent_folder_id) {
  40                   <input type="text" class="form-control" value="<% $parent_folder_name %>" disabled/>
  41                   <input type="hidden" id="move_folder_parent_folder_id" name="move_folder_parent_folder_id" value="<% $parent_folder_id %>" />
  42 % } else {
  43   [Loading...]
  44 % }
  45                 </div>
  46               </div>
  47                 </div>
  48                 <div class="form-group">
  49               <label class="col-sm-3 control-label">Folder Name: </label>
  50               <div class="col-sm-9" >
  51                 <div id="move_folder_select_div">
  52 % if ($folder_id) {
  53               <input type="text" class="form-control" value="<% $folder_name %>" disabled/>
  54               <input type="hidden" id="move_folder_id" name="move_folder_id" value="<% $folder_id %>" />
  55 % } else {
  56 [Loading...]
  57 % }
  58                 </div>
  59               </div>
  60                 </div>
  61                </form><br/>
  62         </div>
  63       </div>
  64       <div class="modal-footer">
  65         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  66               <button type="button" class="btn btn-primary" name="move_folder_submit" id="move_folder_submit" title="Move folder">Save</button>
  67       </div>
  68     </div>
  69   </div>
  70 </div>
  71
  72
  73 <script defer="defer">
  74 jQuery(document).ready(function() {
  75
  76   if(jQuery("#move_folder_breeding_program_id").length == 0) {
  77     get_select_box('breeding_programs', 'move_folder_breeding_program_select_div', { 'name' : 'move_folder_breeding_program_id', 'id' : 'move_folder_breeding_program_id' });
  78   }
  79
  80   jQuery('#move_folder_dialog_link').click( function() {
  81     jQuery('#move_folder_dialog').modal("show");
  82     if(jQuery("#move_folder_parent_folder_id").length == 0) {
  83       breeding_program_change_move_parent_folders();
  84     }
  85     if(jQuery("#move_folder_id").length == 0) {
  86       breeding_program_change_move_folders();
  87     }
  88   });
  89
  90   jQuery("#move_folder_breeding_program_select_div").on('change', "#move_folder_breeding_program_id", function() {
  91     breeding_program_change_move_parent_folders();
  92     breeding_program_change_move_folders();
  93   });
  94
  95   jQuery('#move_folder_submit').click( function() {
  96     move_folder();
  97   });
  98
  99 });
 100
 101 function breeding_program_change_move_parent_folders() {
 102   var breeding_program_id = jQuery("#move_folder_breeding_program_id").val();
 103   get_select_box('folders', 'move_folder_parent_folder_select_div', { 'name' : 'move_folder_parent_folder_id', 'id' : 'move_folder_parent_folder_id', 'breeding_program_id' : breeding_program_id, 'empty' : 1  });
 104 }
 105
 106 function breeding_program_change_move_folders() {
 107   var breeding_program_id = jQuery("#move_folder_breeding_program_id").val();
 108   get_select_box('folders', 'move_folder_select_div', { 'name' : 'move_folder_id', 'id' : 'move_folder_id', 'breeding_program_id' : breeding_program_id });
 109 }
 110
 111 function move_folder() {
 112   var parent_folder_id = jQuery('#move_folder_parent_folder_id').val();
 113   var folder_id = jQuery('#move_folder_id').val();
 114   //console.log(parent_folder_id);
 115   //console.log(folder_id);
 116   if (parent_folder_id == folder_id) {
 117     alert("Cannot make a folder its own parent.");
 118     return;
 119   }
 120   jQuery.ajax( {
 121     url: '/ajax/folder/'+folder_id+'/associate/parent/'+parent_folder_id,
 122     success: function(response) {
 123       if (response.error) {
 124         alert(response.error);
 125         jQuery('#move_folder_dialog').modal("hide");
 126       }
 127       else {
 128         alert("Successfully associated folder");
 129         jQuery('#move_folder_dialog').modal("hide");
 130         location.reload();
 131       }
 132     },
 133     error: function(response) {
 134       alert('An error occurred trying to move folder.');
 135       jQuery('#move_folder_dialog').modal("hide");
 136     }
 137   });
 138 }
 139
 140
 141 </script>