mason/breeders_toolbox/genotyping_trials/submit_plates_dialog.mas

   1
   2 <%args>
   3 $trial_id
   4 $genotyping_facility
   5
   6 </%args>
   7
   8 <div class="modal fade" id="submit_plate_dialog" name="submit_plate_dialog" tabindex="-1" role="dialog" aria-labelledby="SendPlateToFacilityDialog">
   9     <div class="modal-dialog " role="document">
  10         <div class="modal-content">
  11             <div class="modal-header" style="text-align: center">
  12                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  13                 <h4 class="modal-title" id="SendPlateToFacilityDialog">Submit genotyping plates to facility</h4>
  14             </div>
  15             <div class="modal-body">
  16                 <div class="container-fluid">
  17
  18                     <form class="form-horizontal" role="form" method="post" enctype="multipart/form-data" encoding="multipart/form-data" id="submit_plate_form" name="submit_plate_form">
  19
  20                         <&| /util/workflow.mas, id=> "plates_to_facilities_workflow" &>
  21                             <&| /util/workflow.mas:step, title=> "Plate info" &>
  22                                                         <& /page/page_title.mas, title=>"Plate information" &>
  23                       <div class="form-group">
  24                         <label class="col-sm-3 control-label">Plate ID: </label>
  25                         <div class="col-sm-9" id="plate_id">
  26                         </div>
  27                       </div>
  28                       <div class="form-group">
  29                         <label class="col-sm-3 control-label">Genotyping Plate: </label>
  30                         <div class="col-sm-9" id="plate_name">
  31                         </div>
  32                       </div>
  33                       <div class="form-group">
  34                         <label class="col-sm-3 control-label">Plate format: </label>
  35                         <div class="col-sm-9" id="plate_format">
  36                         </div>
  37                       </div>
  38 <!--                       <div class="form-group">
  39                         <label class="col-sm-3 control-label">Number of samples: </label>
  40                         <div class="col-sm-9" id="number_samples">
  41                         </div>
  42                       </div> -->
  43                         <center>
  44                             <button class="btn btn-primary" id="facility_info_link" onclick="Workflow.complete(this); return false;">Go to Next Step</button>
  45                         </center>
  46                     </&>
  47                     <&| /util/workflow.mas:step, title=> "Facility" &>
  48                     <& /page/page_title.mas, title=>"Facility information" &>
  49
  50                         <div class="form-group">
  51                             <label class="col-sm-3 control-label">Genotyping Facility: </label>
  52                             <div class="col-sm-9" id="genotyping_facility">
  53                             </div>
  54                         </div>
  55                         <div class="form-group">
  56                         <label class="col-sm-3 control-label">Organism name: </label>
  57                         <div class="col-sm-9">
  58                             <select class="form-control" id="organism_name">
  59                             </select>
  60                         </div>
  61                       </div>
  62                       <div class="form-group">
  63                         <label class="col-sm-3 control-label">Facility Service ID: </label>
  64                         <div class="col-sm-9">
  65                             <select class="form-control" id="service_id_select" multiple>
  66                             </select>
  67                         </div>
  68                       </div>
  69                       <div class="form-group">
  70                         <label class="col-sm-3 control-label">Client ID: </label>
  71                         <div class="col-sm-9">
  72                             <input class="form-control" id="client_id" name="client_id"></input>
  73                         </div>
  74                       </div>
  75                       <div class="form-group">
  76                         <label class="col-sm-3 control-label">Sample type: </label>
  77                         <div class="col-sm-9" id="sample_type">
  78                         </div>
  79                       </div>
  80                       <div class="form-group" id="required_services">
  81                         <label class="col-sm-4 control-label">Required Service Info: </label>
  82                       </div>
  83                       <center>
  84                             <button class="btn btn-primary" id="review_order_link" onclick="Workflow.complete(this); return false;">Go to Next Step</button>
  85                       </center>
  86                       <br/><br/>
  87                        </&>
  88                        <&| /util/workflow.mas:step, title=> "Review" &>
  89                         <& /page/page_title.mas, title=>"Review order" &>
  90
  91                         <div class="panel panel-default">
  92                             <div class="panel-body">
  93                                 <& /breeders_toolbox/genotyping_trials/layout_as_list.mas, trial_id => $trial_id, genotyping_plate_format => '96' &>
  94                             </div>
  95                         </div>
  96                         <center>
  97                             <button class="btn btn-primary" onclick="Workflow.complete(this); return false;">Go to Next Step</button>
  98                         </center>
  99                     </&>
 100                     <&| /util/workflow.mas:step, title=> "Confirm" &>
 101                         <& /page/page_title.mas, title=>"Submit your genotyping plate" &>
 102
 103                         <div class="form-group">
 104                             <label class="col-sm-12">I want to automatically submit to the Genotyping Facility: </label><label class="col-sm-12" id="facility_url_lbl"></label>
 105                             <div class="col-sm-12" align="center">
 106                                 <select class="form-control" style="width: 200px" id="genotyping_trial_facility_submit_select">
 107                                     <option value="1" selected="">No</option>
 108                                     <option value="0">Yes</option>
 109                                 </select>
 110                             </div>
 111                         </div>
 112                         <hr>
 113                         <center>
 114                             <button type="button" class="btn btn-primary" onclick="Workflow.complete(this, false);" name="submit_plate_btn" id="submit_plate_btn" disabled>Submit genotyping plate</button>
 115                         </center>
 116                     </&>
 117                     <&| /util/workflow.mas:step, title=> "Finalize" &>
 118                         <& /page/page_title.mas, title=>"Finalize your order" &>
 119                             <p>Submission Id: <b><label id="submission_lbl"></label></b></p>
 120                             <p>Please click <a id="facility_href" target="_blank">HERE</a> to complete your order. </p><br><br>
 121                             <p>After order has been complete click continue.</p>
 122                             <center>
 123                                 <button type="button" class="btn btn-primary" onclick="Workflow.complete(this, false);" name="continue_submission_btn" id="continue_submission_btn">Continue</button>
 124                             <center>
 125                     </&>
 126                     <&| /util/workflow.mas:complete, title=> "Complete" &>
 127                         <& /page/page_title.mas, title=>"Complete!" &>
 128
 129                             <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
 130                             <p>Order complete.</p>
 131                             <!-- Facility Order Id: <b><label id="order_lbl"></label></b><br><br> -->
 132                             <li>You may want to proceed to the genotyping plate detail page to check order status.</li>
 133
 134                         <br/>
 135                     </&>
 136
 137                     </&>
 138                     </form>
 139                 </div>
 140             </div>
 141             <div class="modal-footer">
 142                 <button id="submit_plate_dialog" type="button" class="btn btn-default" data-dismiss="modal" onclick="location.reload();">Close</button>
 143             </div>
 144         </div>
 145     </div>
 146 </div>
 147
 148 <div class="modal  fade" id="plate_to_facilities_dialog_message" name="plate_to_facilities_dialog_message" tabindex="-1" role="dialog" aria-labelledby="HmDialog">
 149     <div class="modal-dialog " role="document">
 150         <div class="modal-content">
 151             <div class="modal-header" style="text-align: center">
 152                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 153                 <h4 class="modal-title" id="HmDialog"><b>Submit genotyping plate</b></h4>
 154             </div>
 155             <div class="modal-body">
 156                 <div class="container-fluid">
 157
 158                     <p3> Genotyping plates was submit successfully...</p3>
 159
 160                 </div>
 161             </div>
 162             <div class="modal-footer">
 163                 <button id="close_message_dialog" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 164
 165             </div>
 166         </div>
 167     </div>
 168 </div>