mason/order/create_ontology_file_dialog.mas

   1 <div class="modal fade" id="create_ontology_file_dialog" name="create_ontology_file_dialog" tabindex="-1" role="dialog" aria-labelledby="createOntologyFileDialog">
   2     <div class="modal-dialog modal-lg" role="document">
   3         <div class="modal-content">
   4             <div class="modal-header">
   5                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   6                 <center><h4 class="modal-title" id="createOntologyFileDialog">Create a Progress Ontology File for the Android Fieldbook App</h4></center>
   7             </div>
   8             <div class="modal-body">
   9                 <div class="container-fluid">
  10                     <form class="form-horizontal" role="form" method="post" >
  11                         <div class="form-group">
  12                             <label class="control-label col-sm-3">Ontologies:</label>
  13                             <div class="col-sm-9" >
  14                                 <div class="input-group">
  15                                     <select class="form-control" id="ontology_list_select"></select>
  16                                 </div>
  17                             </div>
  18                         </div>
  19                         <div class="form-group">
  20                             <label class="col-sm-3 control-label" for="ontology_file_name">File name:</label>
  21                             <div class="col-sm-9">
  22                                 <input id="ontology_file_name" type="text" class="form-control" placeholder="Type name here">
  23                             </div>
  24                         </div>
  25                     </form><br/>
  26                 </div>
  27             </div>
  28             <div class="modal-footer">
  29                 <button type="button" class="btn btn-default" name="create_ontology_file_cancel_button" id="create_ontology_file_cancel_button" data-dismiss="modal">Close</button>
  30                 <button type="button" class="btn btn-primary" name="create_ontology_file_submit_button" id="create_ontology_file_submit_button" title="Submit">Create File</button>
  31             </div>
  32         </div>
  33     </div>
  34 </div>
  35
  36 <script>
  37
  38 jQuery(document).ready( function() {
  39
  40     var lo = new CXGN.List();
  41     jQuery('#ontology_list_select').html(lo.listSelect('ontology_list_select', ['traits'], 'Select a list of ontologies', undefined, undefined));
  42
  43     jQuery("#download_ontology_file_button").click( function() {
  44         jQuery('#create_ontology_file_dialog').modal('show');
  45     });
  46 });
  47
  48 </script>