mason/breeders_toolbox/drone_imagery/generate_plot_polygons_standard_process_section.mas

   1 <%args>
   2 </%args>
   3
   4 <div class="well well-sm">
   5     <div class="panel panel-default">
   6         <div class="panel-body">
   7             <div class="well well-sm">
   8                 <form class="form-horizontal">
   9                     <div class="row">
  10                         <div class="col-sm-6">
  11                             <div class="form-group form-group-sm">
  12                                 <label class="col-sm-6 control-label">Number of Rows: </label>
  13                                 <div class="col-sm-6">
  14                                     <input class="form-control" id="drone_imagery_standard_process_plot_polygons_num_rows" name="drone_imagery_standard_process_plot_polygons_num_rows" type="number" placeholder="Number of rows in image section" />
  15                                 </div>
  16                             </div>
  17                         </div>
  18                         <div class="col-sm-6">
  19                             <div class="form-group form-group-sm">
  20                                 <label class="col-sm-6 control-label">Number of Columns: </label>
  21                                 <div class="col-sm-6">
  22                                     <input class="form-control" id="drone_imagery_standard_process_plot_polygons_num_cols" name="drone_imagery_standard_process_plot_polygons_num_cols" type="number" placeholder="Number of columns in image section"/>
  23                                 </div>
  24                             </div>
  25                         </div>
  26                     </div>
  27                 </form>
  28             </div>
  29         </div>
  30     </div>
  31
  32     <div class="panel panel-default">
  33         <div class="panel-body">
  34
  35             <div class="row">
  36                 <div class="col-sm-12">
  37                     <h4> Either (A) click the four corners of the area of interest: </h4>
  38
  39                     <button class="btn btn-sm btn-info" id="drone_imagery_standard_process_plot_polygons_top_left_click">Click Top Left Corner</button>
  40                     <button class="btn btn-sm btn-info" id="drone_imagery_standard_process_plot_polygons_top_right_click">Click Top Right Corner</button>
  41                     <button class="btn btn-sm btn-info" id="drone_imagery_standard_process_plot_polygons_bottom_left_click">Click Bottom Left Corner</button>
  42                     <button class="btn btn-sm btn-info" id="drone_imagery_standard_process_plot_polygons_bottom_right_click">Click Bottom Right Corner</button>
  43                 </div>
  44             </div>
  45             <hr>
  46
  47             <&| /page/info_section.mas, title => 'Template Parameters', collapsible=>1, collapsed => 1, subtitle=> 'View and edit template parameters. These parameters can be filled using the above button clicks' &>
  48                 <div class="well well-sm">
  49                     <form class="form-horizontal">
  50                         <div class="row">
  51                             <div class="col-sm-6">
  52                                 <div class="form-group form-group-sm">
  53                                     <label class="col-sm-6 control-label">Left-most Column Top Margin: </label>
  54                                     <div class="col-sm-6">
  55                                         <input class="form-control" id="drone_imagery_standard_process_plot_polygons_left_column_top_offset" name="drone_imagery_standard_process_plot_polygons_left_column_top_offset" type="number" value="0" placeholder="0"/>
  56                                     </div>
  57                                 </div>
  58                             </div>
  59                             <div class="col-sm-6">
  60                                 <div class="form-group form-group-sm">
  61                                     <label class="col-sm-6 control-label">Left-most Column Bottom Margin: </label>
  62                                     <div class="col-sm-6">
  63                                         <input class="form-control" id="drone_imagery_standard_process_plot_polygons_left_column_bottom_offset" name="drone_imagery_standard_process_plot_polygons_left_column_bottom_offset" type="number" value="0" placeholder="0"/>
  64                                     </div>
  65                                 </div>
  66                             </div>
  67                         </div>
  68                         <div class="row">
  69                             <div class="col-sm-6">
  70                                 <div class="form-group form-group-sm">
  71                                     <label class="col-sm-6 control-label">Top-most Row Left Margin: </label>
  72                                     <div class="col-sm-6">
  73                                         <input class="form-control" id="drone_imagery_standard_process_plot_polygons_top_row_left_offset" name="drone_imagery_standard_process_plot_polygons_top_row_left_offset" type="number" placeholder="0" value="0" />
  74                                     </div>
  75                                 </div>
  76                             </div>
  77                             <div class="col-sm-6">
  78                                 <div class="form-group form-group-sm">
  79                                     <label class="col-sm-6 control-label">Top-most Row Right Margin: </label>
  80                                     <div class="col-sm-6">
  81                                         <input class="form-control" id="drone_imagery_standard_process_plot_polygons_top_row_right_offset" name="drone_imagery_standard_process_plot_polygons_top_row_right_offset" type="number" placeholder="0" value="0" />
  82                                     </div>
  83                                 </div>
  84                             </div>
  85                         </div>
  86                         <div class="row">
  87                             <div class="col-sm-6">
  88                                 <div class="form-group form-group-sm">
  89                                     <label class="col-sm-6 control-label">Bottom-most Row Left Margin: </label>
  90                                     <div class="col-sm-6">
  91                                         <input class="form-control" id="drone_imagery_standard_process_plot_polygons_bottom_row_left_offset" name="drone_imagery_standard_process_plot_polygons_bottom_row_left_offset" type="number" placeholder="0" value="0" />
  92                                     </div>
  93                                 </div>
  94                             </div>
  95                             <div class="col-sm-6">
  96                                 <div class="form-group form-group-sm">
  97                                     <label class="col-sm-6 control-label">Right-most Column Bottom Margin: </label>
  98                                     <div class="col-sm-6">
  99                                         <input class="form-control" id="drone_imagery_standard_process_plot_polygons_right_col_bottom_offset" name="drone_imagery_standard_process_plot_polygons_right_col_bottom_offset" type="number" placeholder="0" value="0" />
 100                                     </div>
 101                                 </div>
 102                             </div>
 103                         </div>
 104                     </form>
 105                 </div>
 106             </&>
 107
 108             <br/>
 109             <button class="btn btn-sm btn-primary" id="drone_imagery_standard_process_plot_polygons_rectangles_apply">(A) Draw Plot Polygon Template (Does not save. Apply multiple templates if needed.)</button>
 110
 111         </div>
 112     </div>
 113
 114     <div class="panel panel-default">
 115         <div class="panel-body">
 116
 117             <div class="row">
 118                 <div class="col-sm-12">
 119                     <h4> Or (B) paste a previously used template: </h4>
 120                 </div>
 121             </div>
 122
 123             <&| /page/info_section.mas, title => 'Previously Used Plot Polygon Templates', collapsible=>1, collapsed => 1, subtitle=> 'View and use previous plot polygon templates used on this field trial' &>
 124                 <div class="well well-sm">
 125                     <form class="form-horizontal">
 126                         <div class="row">
 127                             <div class="col-sm-12">
 128                                 <div class="form-group form-group-sm">
 129                                     <label class="col-sm-6 control-label">Previously Used Plot Polygon Templates For This Field Trial: </label>
 130                                     <div class="col-sm-6">
 131                                         <div id="plot_polygons_standard_process_previously_saved_plot_polygon_templates">
 132                                         </div>
 133                                     </div>
 134                                 </div>
 135                             </div>
 136                         </div>
 137                     </form>
 138                     <button class="btn btn-primary" id="plot_polygons_standard_process_use_previously_saved_template">(B) Draw Plot Polygon Template (Does not save)</button>
 139                 </div>
 140             </&>
 141         </div>
 142     </div>
 143
 144     <div id="drone_imagery_standard_process_plot_polygons_active_templates"></div>
 145
 146 </div>