mason/transformation/set_transformant_names_dialog.mas

   1 <%args>
   2 $trial_id
   3 $autogenerated_name_prefixes => ()
   4 </%args>
   5
   6 <& /util/import_javascript.mas, classes => [] &>
   7
   8
   9 <div class="modal fade" id="set_autogenerated_names_dialog" name="set_autogenerated_names_dialog" tabindex="-1" role="dialog" aria-labelledby="setAutogeneratedNamesDialog">
  10     <div class="modal-dialog modal-lg" role="document">
  11         <div class="modal-content">
  12             <div class="modal-header" style="text-align: center">
  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="setAutogeneratedNamesDialog">Set Autogenerated Names for Transformants in this Project</h4>
  15             </div>
  16             <div class="modal-body">
  17                 <div class="container-fluid">
  18                     <form class="form-horizontal" id="set_autogenerated_names_form" name="set_autogenerated_names_form">
  19                         <div class="form-group">
  20                             <label class="col-sm-5 control-label">Select a Prefix: </label>
  21                             <div class="col-sm-7">
  22 % if ($autogenerated_name_prefixes) {
  23                                 <select id="prefix_select">
  24                                     <option value="">Please select a prefix</option>
  25 % foreach my $prefix(@$autogenerated_name_prefixes){
  26                                     <option value="<%$prefix%>"><%$prefix%></option>
  27 % }
  28                                 </select>
  29 % }
  30                             </div>
  31                         </div>
  32                     </form>
  33
  34                 </div>
  35             </div>
  36             <div class="modal-footer">
  37                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  38                 <button type="button" class="btn btn-primary" id="set_autogenerated_names_button">Submit</button>
  39             </div>
  40         </div>
  41     </div>
  42 </div>
  43
  44 <div class="modal fade" id="set_name_saved_dialog_message" name="set_name_saved_dialog_message" tabindex="-1" role="dialog" aria-labelledby="setNameSavedDialog">
  45     <div class="modal-dialog" role="document">
  46         <div class="modal-content">
  47             <div class="modal-header">
  48                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  49                 <h4 class="modal-title" id="setNameSavedDialog">Success</h4>
  50             </div>
  51             <div class="modal-body">
  52                 <div class="container-fluid">
  53                     <p>
  54                         <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
  55                         Autogenerated name prefix has been set for this project.
  56                     </p>
  57                 </div>
  58             </div>
  59             <div class="modal-footer">
  60                 <button id="dismiss_set_name_saved_dialog" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  61             </div>
  62         </div>
  63     </div>
  64 </div>
  65
  66
  67 <script>
  68
  69 jQuery(document).ready(function(){
  70
  71     var project_id = "<%$trial_id%>";
  72     var autogenerated_name_prefixes = "<%$autogenerated_name_prefixes%>";
  73
  74     jQuery('#set_autogenerated_names_link').click(function() {
  75         if (autogenerated_name_prefixes !== "") {
  76             jQuery("#set_autogenerated_names_dialog").modal("show");
  77         } else {
  78             alert('Please set up autogenerated name info for your breeding program first')
  79         }
  80     });
  81
  82     jQuery('#set_autogenerated_names_button').click(function(){
  83
  84         var prefix = jQuery('#prefix_select').val();
  85         if (!prefix) {
  86             alert("Please select a prefix");
  87             return;
  88         }
  89
  90         jQuery.ajax({
  91             url : '/ajax/transformation/set_autogenerated_name_prefix',
  92             type: 'POST',
  93             dataType: "json",
  94             data : {
  95                 'project_id': project_id,
  96                 'prefix': prefix,
  97             },
  98             success: function(response){
  99                 console.log(response);
 100                 if(response.error){
 101                     alert(response.error);
 102                 }
 103                 if (response.success == 1) {
 104                     jQuery('#set_autogenerated_names_dialog').modal('hide');
 105                     jQuery('#set_name_saved_dialog_message').modal("show");
 106                 }
 107             },
 108             error: function(response){
 109                 alert('Error storing autogenerated name prefix!');
 110             }
 111         });
 112     });
 113
 114     jQuery("#dismiss_set_name_saved_dialog").click(function(){
 115         jQuery('#prefix_select').val('');
 116         location.reload();
 117     });
 118
 119
 120 });
 121
 122 </script>