mason/tools/label_designer/select_layout.mas

   1 <div class="text-center">
   2     <p>Now, define your layout. You may retrieve these settings from a saved design, or you can start a new design by selecting a page and label format.<p>
   3 </div>
   4 </br></br>
   5 <div class="col-md-12" style="margin-bottom:20px;">
   6     <div class="col-md-2 col-md-offset-3 text-center">
   7         <label> New or Saved:</label>
   8     </div>
   9     <div class="col-md-4">
  10         <label class="radio-inline"><input type="radio" name="optradio" value="new" checked>New</label>
  11         <label class="radio-inline"><input type="radio" name="optradio" value="saved">Saved</label>
  12     </div>
  13 </div>
  14
  15 <div class="col-md-12" style="margin-bottom:20px;">
  16     <div class="col-md-6 col-md-offset-3" id="design_list" style="display:none;"></div>
  17 </div>
  18
  19 <div id="format_options" class="col-md-12" style="margin-bottom:20px;" >
  20    <div class="col-md-2">
  21        <label>Page Format:</label>
  22    </div>
  23    <div class="col-md-4">
  24        <select class="form-control" id="page_format" ></select>
  25    </div>
  26    <div class="col-md-2">
  27        <label>Label Format:</label>
  28    </div>
  29    <div class="col-md-4">
  30        <select class="form-control" id="label_format"></select>
  31    </div>
  32 </div>
  33 <div class="col-md-12" id="d3-custom-dimensions-div" style="display:none;">
  34    <div class="col-md-6" id="d3-page-custom-dimensions-div" style="visibility:hidden">
  35        <div class="col-md-12">
  36            <div class="col-md-6">
  37                <center>
  38                    <label>Page Width:</label><br>
  39                    <input class="form-control" placeholder="In pixels" type="number" id="page_width" style="max-width: 100%;">
  40                </center>
  41            </div>
  42            <div class="col-md-6">
  43                <center>
  44                    <label>Page Height:</label><br>
  45                    <input class="form-control" placeholder="In pixels" type="number" id="page_height" style="max-width: 100%;">
  46                </center>
  47            </div>
  48        </div>
  49        <center><i style="margin-top:10px;">(72 pixels/inch - approx. 28.35 pixels/cm)</i></center>
  50    </div>
  51    <div class="col-md-6" id="d3-label-custom-dimensions-div" style="visibility:hidden">
  52        <div class="col-md-12">
  53            <div class="col-md-5">
  54                <center>
  55                    <label>Label Width:</label><br>
  56                    <input class="form-control" placeholder="In pixels" type="number" id="label_width" style="max-width: 100%;">
  57                </center>
  58            </div>
  59            <div class="col-md-5">
  60                <center>
  61                    <label>Label Height:</label><br>
  62                    <input class="form-control" placeholder="In pixels" type="number" id="label_height" style="max-width: 100%;">
  63                </center>
  64            </div>
  65            <div class="col-md-2">
  66                <br>
  67                <button id="d3-apply-custom-label-size" type="button" class="btn btn-primary">Apply</button>
  68            </div>
  69        </div>
  70        <center><i style="margin-top:10px;">(72 pixels/inch - approx. 28.35 pixels/cm)</i></center>
  71    </div>
  72 </div>
  73
  74
  75 <script>
  76 jQuery("#create_new_design").on( "click", function() {
  77   jQuery("#format_options").show()
  78 });
  79 </script>