mason/breeders_toolbox/cross/edit_crossingtrial_details_dialog.mas

   1
   2 <%args>
   3 $trial_name
   4 $breeding_program_id
   5 $location_id
   6 $year
   7 $planting_date
   8 $harvest_date
   9 $trial_description
  10 </%args>
  11
  12 <div class="modal fade" id="crossingtrial_details_edit_dialog" tabindex="-1" role="dialog" aria-labelledby="crossingtrialDetailsEditDialog">
  13     <div class="modal-dialog modal-xl" role="document">
  14         <div class="modal-content ui-front">
  15             <div class="modal-header text-center">
  16                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  17                 <h4 class="modal-title" id="crossingtrialDetailsEditDialog">Edit Crossing Experiment Details</h4>
  18             </div>
  19             <div class="modal-body" id="trial_details_edit_body">
  20                 <div class="container-fluid">
  21                     <form class="form-horizontal" role="form" method="post" enctype="multipart/form-data" encoding="multipart/form-data">
  22                         <div class="form-group">
  23                             <label class="col-sm-3 control-label" for="edit_trial_name">Crossing Experiment Name: </label>
  24                                 <div class="col-sm-8">
  25                                     <div class="input-group">
  26                                         <input class="form-control col-sm-8" id="edit_trial_name" title="name" type="text" value="<%$trial_name%>" aria-describedby="edit_trial_name_status"/>
  27                                     </div>
  28                                 </div>
  29                         </div>
  30                         <div class="form-group">
  31                             <label class="col-sm-3 control-label" for="edit_trial_breeding_program">Breeding Program: </label>
  32                                 <div class="col-sm-8">
  33                                     <div class="input-group">
  34                                         <select class="form-control" id="edit_trial_breeding_program" title="breeding_program" value="<%$breeding_program_id%>"></select>
  35                                     </div>
  36                                 </div>
  37                         </div>
  38                         <div class="form-group">
  39                             <label class="col-sm-3 control-label" for="edit_trial_location">Location: </label>
  40                                 <div class="col-sm-8">
  41                                     <div class="input-group">
  42                                         <select class="form-control" id="edit_trial_location" title="location" value="<%$location_id%>"></select>
  43                                     </div>
  44                                 </div>
  45                         </div>
  46                         <div class="form-group">
  47                             <label class="col-sm-3 control-label" for="edit_trial_year">Year: </label>
  48                                 <div class="col-sm-8">
  49                                     <div class="input-group">
  50                                         <select class="form-control" id="edit_trial_year" title="year" value="<%$year%>"></select>
  51                                     </div>
  52                                 </div>
  53                         </div>
  54                         <div class="form-group">
  55                             <label class="col-sm-3 control-label" for="edit_trial_planting_date">Planting Date: </label>
  56                                 <div class="col-sm-8">
  57                                     <div class="input-group">
  58                                         <span class="input-group-btn"><button class="btn btn-default" id="clear_planting_date" type="button">Clear</button></span>
  59                                         <input class="form-control" id="edit_trial_planting_date" title="planting_date" type="text" value="<%$planting_date%>"/>
  60                                     </div>
  61                                 </div>
  62                         </div>
  63                         <div class="form-group">
  64                             <label class="col-sm-3 control-label" for="edit_trial_harvest_date">Harvest Date: </label>
  65                                 <div class="col-sm-8">
  66                                     <div class="input-group">
  67                                         <span class="input-group-btn"><button class="btn btn-default" id="clear_harvest_date" type="button">Clear</button></span>
  68                                         <input class="form-control" id="edit_trial_harvest_date" title="harvest_date" type="text" value="<%$harvest_date%>"/>
  69                                     </div>
  70                                 </div>
  71                         </div>
  72                         <div class="form-group">
  73                             <label class="col-sm-3 control-label" for="edit_trial_description">Description: </label>
  74                                 <div class="col-sm-8">
  75                                     <div class="input-group">
  76                                         <textarea class="form-control" id="edit_trial_description" title="description" rows="5" maxlength="250"><% $trial_description %></textarea>
  77                                     </div>
  78                                 </div>
  79                         </div>
  80                         <div id="edit_trial_type" style="display:none;">
  81                         </div>
  82                         <div id="edit_trial_field_size" style="display:none;">
  83                         </div>
  84                         <div id="edit_trial_plot_width" style="display:none;">
  85                         </div>
  86                         <div id="edit_trial_plot_length" style="display:none;">
  87                         </div>
  88                         <div id="edit_trial_plan_to_genotype" style="display:none;">
  89                         </div>
  90                         <div id="edit_trial_plan_to_cross" style="display:none;">
  91                         </div>
  92                     </form>
  93                 </div>
  94             </div>
  95             <div class="modal-footer">
  96                 <p class="text-success vertical-align pull-left"><span class="glyphicon glyphicon-pencil"></span> Indicates pending change</p>
  97                 <button type="button" class="btn btn-default" data-dismiss="modal" id="edit_trial_details_cancel_button">Cancel</button>
  98                 <button type="button" class="btn btn-primary" id="save_trial_details">Save Changes</button>
  99             </div>
 100         </div>
 101     </div>
 102 </div>
 103
 104 <div class="modal fade" id="trial_details_saved_dialog" tabindex="-1" role="dialog" aria-labelledby="trialDetailsSavedDialog">
 105     <div class="modal-dialog" role="document">
 106         <div class="modal-content ui-front">
 107             <div class="modal-header text-center">
 108                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 109                 <h4 class="modal-title" id="trialDetailsSavedDialog">Details Saved</h4>
 110             </div>
 111             <div class="modal-body" id="trial_details_saved_body">
 112                 <ul class="list-group" id="trial_details_saved_message"></ul>
 113             </div>
 114             <div class="modal-footer">
 115                 <button id="trial_details_saved_close_button" type="button" class="btn btn-default" data-dismiss="modal">Close & Reload</button>
 116             </div>
 117         </div>
 118     </div>
 119 </div>
 120
 121 <div class="modal fade" id="trial_details_error_dialog" tabindex="-1" role="dialog" aria-labelledby="trialDetailsErrorDialog">
 122     <div class="modal-dialog" role="document">
 123         <div class="modal-content ui-front">
 124             <div class="modal-header text-center">
 125                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 126                 <h4 class="modal-title" id="trialDetailsErrorDialog">Error Saving Crossing Experiment Details</h4>
 127             </div>
 128             <div class="modal-body" id="trial_details_error_body">
 129                 <ul class="list-group" id="trial_details_error_message"></ul>
 130             </div>
 131             <div class="modal-footer">
 132                 <button id="trial_details_error_close_button" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 133             </div>
 134         </div>
 135     </div>
 136 </div>
 137
 138 <script>
 139
 140 jQuery(document).ready(function(){
 141
 142     jQuery('#edit_crossingtrial_details').click(function(){
 143         jQuery('#crossingtrial_details_edit_dialog').modal("show");
 144         edit_trial_details();
 145     });
 146
 147 });
 148
 149 </script>