mason/fieldbook/upload_phenotype_fieldbook.mas

   1 <%args>
   2 </%args>
   3
   4 <& /util/import_javascript.mas, classes => [ 'jquery', 'jqueryui', 'jquery.iframe-post-form', 'CXGN.BreedersToolbox.UploadPhenotype', 'CXGN.BreederSearch' ] &>
   5
   6 <div class="modal fade" id="upload_fieldbook_phenotypes_dialog" name="upload_fieldbook_phenotypes_dialog" tabindex="-1" role="dialog" aria-labelledby="addFieldbookPhenotypeDialog">
   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="addFieldbookPhenotypeDialog">Upload Fieldbook File</h4>
  12       </div>
  13       <div class="modal-body">
  14         <div class="container-fluid">
  15             <form class="form-horizontal" role="form" method="post" enctype="multipart/form-data" encoding="multipart/form-data" id="upload_fieldbook_phenotype_file_form" name="upload_fieldbook_phenotype_file_form">
  16                 <div class="well well-sm">
  17                     <h5>Upload Exported Fieldbook Phenotype File in Database Format for Plots or Plants</h5>
  18                 </div>
  19                 <div class="form-group">
  20                     <label class="col-sm-3 control-label">Data Level: </label>
  21                     <div class="col-sm-9" >
  22                         <select class="form-control" id="upload_fieldbook_phenotype_data_level" name="upload_fieldbook_phenotype_data_level">
  23                             <option value="plots">Plots</option>
  24                             <option value="plants">Plants</option>
  25                             <option value="subplots">Subplots</option>
  26                         </select>
  27                     </div>
  28                 </div>
  29                 <div class="form-group">
  30                     <label class="col-sm-3 control-label">Fieldbook File: </label>
  31                     <div class="col-sm-9" >
  32                         <input type="file" id="upload_fieldbook_phenotype_file_input" name="upload_fieldbook_phenotype_file_input" encoding="multipart/form-data" />
  33                     </div>
  34                 </div>
  35                 <div class="form-group">
  36                     <label class="col-sm-3 control-label">Optional: Images ZipFile (.zip): </label>
  37                     <div class="col-sm-9" >
  38                         <input type="file" id="upload_fieldbook_phenotype_images_zipfile" name="upload_fieldbook_phenotype_images_zipfile" encoding="multipart/form-data" />
  39                     </div>
  40                 </div>
  41
  42                 <div id="upload_phenotype_fieldbook_verify_status"></div>
  43             </form><br/>
  44         </div>
  45       </div>
  46       <div class="modal-footer">
  47         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  48         <button type="button" class="btn btn-info" name="upload_fieldbook_phenotype_submit_verify" id="upload_fieldbook_phenotype_submit_verify">Verify</button>
  49         <button disabled type="button" class="btn btn-primary" name="upload_fieldbook_phenotype_submit_store" id="upload_fieldbook_phenotype_submit_store" title="First Verify Your File">Store</button>
  50       </div>
  51     </div>
  52   </div>
  53 </div>
  54
  55
  56
  57 <script defer="defer">
  58
  59 jQuery(document).ready(function() {
  60
  61     jQuery('#upload_fieldbook_phenotypes_link').click( function() {
  62         jQuery('#upload_fieldbook_phenotypes_dialog').modal("show");
  63     });
  64
  65 });
  66
  67 </script>