mason/tools/label_designer/design_label.mas

   1 <div class="text-center">
   2     <p>Time to design! Start by selecting a type and field. Then click 'add' to generate your new label element in the draw area.</p>
   3     <p>Add, drag, customize, resize, and delete as many elements as you like. A barcode containing your unique identifier (plot_name, plant_name, etc) is strongly recommended.</p>
   4 </div>
   5 </br>
   6 <div class="col-md-12" id="d3-draw-div" style="margin-bottom:20px;">
   7     <div class="col-md-offset-2 col-md-8" id="d3-draw-area"></div>
   8 </div>
   9 <div class="col-md-12">
  10     <center>
  11         <h4>Add Elements:</h4>
  12     </center>
  13 </div>
  14 <div class="col-md-12" style="margin-bottom:20px;">
  15     <div class="col-md-3" id="d3-add-type-div">
  16         <center>
  17             <label>Type:</label><br>
  18             <select id="d3-add-type-input" class="form-control"></select>&nbsp&nbsp
  19         </center>
  20     </div>
  21     <div class="col-md-3" id="d3-add-field-div">
  22         <center>
  23             <label>Field:</label><br>
  24             <select id="d3-add-field-input" class="form-control"></select><br>
  25             <button class="btn btn-primary" id="d3-custom-field">Create Custom Field</button>
  26         </center>
  27         &nbsp&nbsp
  28     </div>
  29     <div class="col-md-2" id="d3-add-size-div">
  30         <center>
  31             <label>Size:</label><br>
  32             <input class="form-control" id="d3-add-size-input" type="number"></input>
  33             <input class="form-control" id="d3-add-size-slider" type="range"></input>
  34         </center>
  35     </div>
  36     <div class="col-md-3" id="d3-add-font-div">
  37         <center>
  38             <label>Font:</label><br>
  39             <select id="d3-add-font-input" class="form-control"></select>&nbsp
  40         </center>
  41     </div>
  42     <div class="col-md-1">
  43         <center>
  44             <br>
  45             <button class="btn btn-primary d3-add" id="d3-add">Add</button>
  46         </center>
  47     </div>
  48 </div>