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                     <h4>Upload Exported Fieldbook Phenotype File for Plots or Plants</h4>
  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                         </select>
  26                     </div>
  27                 </div>
  28                 <div class="form-group">
  29                     <label class="col-sm-3 control-label">Fieldbook File: </label>
  30                     <div class="col-sm-9" >
  31                         <input type="file" id="upload_fieldbook_phenotype_file_input" name="upload_fieldbook_phenotype_file_input" encoding="multipart/form-data" />
  32                     </div>
  33                 </div>
  34                 <div class="form-group">
  35                     <label class="col-sm-3 control-label">Images ZipFile (Optional): </label>
  36                     <div class="col-sm-9" >
  37                         <input type="file" id="upload_fieldbook_phenotype_images_zipfile" name="upload_fieldbook_phenotype_images_zipfile" encoding="multipart/form-data" />
  38                     </div>
  39                 </div>
  40
  41                 <div id="upload_phenotype_fieldbook_verify_status"></div>
  42             </form><br/>
  43         </div>
  44       </div>
  45       <div class="modal-footer">
  46         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  47         <button type="button" class="btn btn-info" name="upload_fieldbook_phenotype_submit_verify" id="upload_fieldbook_phenotype_submit_verify">Verify</button>
  48         <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>
  49       </div>
  50     </div>
  51   </div>
  52 </div>
  53
  54
  55
  56 <script defer="defer">
  57
  58 jQuery(document).ready(function() {
  59
  60     jQuery('#upload_fieldbook_phenotypes_link').click( function() {
  61         jQuery('#upload_fieldbook_phenotypes_dialog').modal("show");
  62     });
  63
  64 });
  65
  66 </script>