47 lines
3.0 KiB
HTML
47 lines
3.0 KiB
HTML
<template name="LabelMaker">
|
|
<div id="labelMaker">
|
|
<div class="labelOptions">
|
|
<div>Label Size</div>
|
|
<div><label for="labelWidth">Width (mm):</label> <input type="number" name="labelWidth" class="labelWidth input" step="0.25" value="{{labelWidth}}"/></div>
|
|
<div><label for="labelHeight">Height (mm):</label> <input type="number" name="labelHeight" class="labelHeight input" step="0.25" value="{{labelHeight}}"/></div>
|
|
<div><label for="labelSpacing">Spacing (in):</label> <input type="number" name="labelSpacing" class="labelSpacing input" step="0.05" value="{{labelSpacing}}"/></div>
|
|
|
|
<div>Label Contents</div>
|
|
<!-- <label for="title1YOffset">Vertical Offset:</label> <input type="number" name="title1YOffset" class="title1YOffset input" value="{{title1YOffset}}"/>-->
|
|
<div><label for="title1">Title:</label> <input type="text" name="title1" class="title1 input" value="{{title1}}"/></div>
|
|
<div><label for="title2">Title:</label> <input type="text" name="title2" class="title2 input" value="{{title2}}"/></div>
|
|
<div><label for="ingredients" style="vertical-align: top">Ingredients:</label> <textarea name="ingredients" class="ingredients">{{ingredients}}</textarea></div>
|
|
<div><label for="date">Date:</label> <input type="number" name="date" class="date input" value="{{date}}"/></div>
|
|
<div><button name="print" class="print">Print</button></div>
|
|
<div><button name="preview" class="preview">Preview</button></div>
|
|
</div>
|
|
<div class="labelContainer">
|
|
<div class='label'>
|
|
<!-- /images/Logo_0.8x0.73_300ppi.png-->
|
|
<!-- <div class='barcodeContainer'><svg class='barcode' jsbarcode-format='upc' jsbarcode-value='123456789012' jsbarcode-textmargin='0' jsbarcode-fontoptions='bold' jsbarcode-margin='0' jsbarcode-width='1.5em' jsbarcode-height='10em'></svg></div>-->
|
|
<!-- <img class="qrcode" src="">-->
|
|
<div id="qrcode" class="qrcode"></div>
|
|
<img class='labelLogo' alt='logo' src='/images/3x2 Label Logo BW.svg'/>
|
|
<div class='title1'>{{title1}}</div>
|
|
<div class='title2'>{{title2}}</div>
|
|
<div class='ingredients'><span class='ingredientsPrefix'>Ingredients</span>: {{ingredients}}</div>
|
|
<div class='ingredientsEnding'>*<span style='font-style: oblique'>grown by us</span> <span class='size'></span> FD1951 (<span class="date">{{date}}</span>)</div>
|
|
<div class='instructions'>Refrigerate after opening; return jar when done</div>
|
|
<div class='address'>18601 Hwy 128, Yorkville, CA 95494</div>
|
|
<div class='website'>www.PetitTeton.com</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="canvasContainer">-->
|
|
<!-- <!– 3x2" == 76x50mm; 300ppi == 11.81ppmm; So 3x2" == 897 x 590x. –>-->
|
|
<!--<!– <canvas class="labelCanvas" width="{{labelPxWidthActual}}" height="{{labelPxHeightActual}}">–>-->
|
|
<!--<!– </canvas>–>-->
|
|
<!-- <canvas class="labelCanvas" width="{{labelPxWidth}}" height="{{labelPxHeight}}">-->
|
|
<!-- </canvas>-->
|
|
<!-- </div>-->
|
|
<div class="testImage">
|
|
|
|
</div>
|
|
<div class="printableLabel"></div>
|
|
</div>
|
|
</template>
|