wcrisman/PetitTetonMeteor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes and updates.

Browse Source
This commit is contained in:
Wynne Crisman
2020-01-16 09:31:12 -08:00
parent 2e57558ef4
commit a20e42e360
25 changed files with 346 additions and 820 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
imports/ui/Label.html
View File

@@ -2,45 +2,33 @@
<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 for="labelWidth">Width (mm):</label> <input disabled type="number" name="labelWidth" class="labelWidth input" step="0.25" value="{{labelWidth}}"/></div>
<div><label for="labelHeight">Height (mm):</label> <input disabled type="number" name="labelHeight" class="labelHeight input" step="0.25" value="{{labelHeight}}"/></div>
<div class="radioGroup"><input type="radio" name="labelType" value="oz8" checked><label for="labelType">8oz Label</label> <input type="radio" name="labelType" value="barcode"><label for="labelType">Barcode Only</label></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 class="labelTextControls"><label for="title1">Title:</label> <input type="text" name="title1" class="title1 input" value="{{title1}}"/></div>
<div class="labelTextControls"><label for="title2">Title:</label> <input type="text" name="title2" class="title2 input" value="{{title2}}"/></div>
<div class="labelTextControls"><label for="ingredients" style="vertical-align: top">Ingredients:</label> <textarea name="ingredients" class="ingredients">{{ingredients}}</textarea></div>
<div class="labelTextControls"><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 class="labelBackground">
{{>PrintLabel vars=printLabelVars}}
</div>
<!-- <div class="canvasContainer">-->
<!-- &lt;!&ndash; 3x2" == 76x50mm; 300ppi == 11.81ppmm; So 3x2" == 897 x 590x. &ndash;&gt;-->
<!--&lt;!&ndash; <canvas class="labelCanvas" width="{{labelPxWidthActual}}" height="{{labelPxHeightActual}}">&ndash;&gt;-->
<!--&lt;!&ndash; </canvas>&ndash;&gt;-->
<!-- <canvas class="labelCanvas" width="{{labelPxWidth}}" height="{{labelPxHeight}}">-->
<!-- </canvas>-->
<!-- <div class="labelContainer">-->
<!-- <div class='label'>-->
<!-- <div id="qrcode" class="qrcode"></div>-->
<!-- <img class='labelLogo' alt='logo' src='/images/3x2 Label Logo BW.svg'/>-->
<!-- <div class='title1 labelText'>{{title1}}</div>-->
<!-- <div class='title2 labelText'>{{title2}}</div>-->
<!-- <div class='ingredients labelText'><span class='ingredientsPrefix'>Ingredients</span>: {{ingredients}}</div>-->
<!-- <div class='ingredientsEnding labelText'>*<span style='font-style: oblique'>grown by us</span> <span class='size'></span> FD1951 (<span class="date">{{date}}</span>)</div>-->
<!-- <div class='instructions labelText'>Refrigerate after opening; return jar when done</div>-->
<!-- <div class='address labelText'>18601 Hwy 128, Yorkville, CA 95494</div>-->
<!-- <div class='website labelText'>www.PetitTeton.com</div>-->
<!-- </div>-->
<!-- </div>-->
<div class="testImage">
</div>
<div class="printableLabel"></div>
</div>
</template>