+
+ {{#if editing}}
+ {{> BatchEditor}}
+ {{else}}
+ {{name}}
+ {{date}}
+ {{amount}}
+ {{cook}}
+ {{canner}}
+ {{comment}}
+ / {{#if isDeleted}}{{else}}{{/if}}
+ {{/if}}
+
+
+
+
+
+
+
+ /
+
+
+
+
+
+
+ /
+
+
+
+ Tags {{>ProductSearch columnName='tags' collectionQueryColumnName='name' collection='ProductTags' collectionResultColumnName='_id'}}
Aliases {{>ProductSearch columnName='aliases'}}
Measures {{>ProductSearch columnName='measures' collectionQueryColumnName='name' collection='Measures' collectionResultColumnName='_id'}}
- Actions
+ Actions
@@ -32,7 +32,7 @@
+
+
+
+
+
-
-
-
+
+
Label Size
+ Label Contents
+
-
-
+
+
+
+
+
+
+
+
- 
-
-
- We grow it. We can it.
- {{{labelText}}}
+
+
+
+
+
+ 
+
+ {{title1}}
+ {{title2}}
+ Ingredients: {{ingredients}}
+ *grown by us FD1951 ({{date}})
+ Refrigerate after opening; return jar when done
+ 18601 Hwy 128, Yorkville, CA 95494
+ www.PetitTeton.com
-
- {{each label}}
-
- {{/each}}
diff --git a/imports/ui/Label.import.styl b/imports/ui/Label.import.styl
index df74bac..b301206 100644
--- a/imports/ui/Label.import.styl
+++ b/imports/ui/Label.import.styl
@@ -1,93 +1,163 @@
+
#labelMaker
- margin: 10px 20px
- height: 100%
- width: 100%
+ margin 10px 20px
+ height 100%
+ width 100%
+ overflow-y auto
- .labelContents
- label
- font-family: TimesNewRoman, Times New Roman, Times
- font-weight: 200
- font-size: 14px
- .title1
- width: 500px
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .142in
- font-weight: 800
- line-height: .142in
- .title2
- width: 500px
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: 14px
- font-weight: 800
- line-height: 16px
- .ingredients
- width: 500px
- height: 100px
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: 12px
- font-weight: 100
- line-height: 14px
- .date
- width: 500px
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: 12px
- font-weight: 100
- line-height: 14px
- .labelContainer
- text-align: center
- width: 100%
- width-min: 3in
- height-min: 2in
- background-color: grey
- padding: 20px
- .labelSample
- display: inline-block
- width: 3in
- height: 2in
- background-color: white
- color: black
- text-align: center
- .labelLogo
- width: .8in
- .labelTagline
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .1in
- font-weight: 100
- line-height: .2in
+ @media not print
+ .labelOptions
+ label
+ font-family TimesNewRoman, Times New Roman, Times
+ font-weight 200
+ font-size 14px
.title1
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .2in
- font-weight: 800
- text-transform: uppercase
+ width 500px
+ font-family TimesNewRoman, Times New Roman, Times
+ font-size .142in
+ font-weight 800
+ line-height .142in
.title2
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .15in
- font-weight: 800
+ width 500px
+ font-family TimesNewRoman, Times New Roman, Times
+ font-size 14px
+ font-weight 800
+ line-height 16px
.ingredients
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .1in
- font-weight: 100
+ width 500px
+ height 100px
+ font-family TimesNewRoman, Times New Roman, Times
+ font-size 12px
+ font-weight 100
+ line-height 14px
+ .date
+ width 500px
+ font-family TimesNewRoman, Times New Roman, Times
+ font-size 12px
+ font-weight 100
+ line-height 14px
+ .labelContainer
+ text-align center
+ width 100%
+ width-min 3in
+ height-min 2in
+ background-color grey
+ padding 20px
+ .labels
+ display none
+ .printableLabel
+ display none
+ .label
+ display inline-block
+ width 3in
+ height 2in
+ .canvasContainer
+ padding 10px
+ background-color gray
+ @media all
+ .label
+ position relative
+ background-color white
+ color black
+ text-align center
+ font-family TimesNewRoman, Times New Roman, Times
+ //font-family Arial, Helvetica, sans-serif
+ font-size .1in
+ width 3in
+ height 2in
+ .barcodeContainer
+ position absolute
+ transform rotate(270deg) scale(0.7)
+ right -10em
+ top 7em
+ .qrcode
+ position absolute
+ left 3px
+ top 3px
+ //padding: 2px
+ //border: 2px solid black
+ .labelLogo
+ width 8em
+ padding 0
+ margin 0
+ padding-top .15em
+ margin-bottom .2em
+ .labelLogo3
+ width 14em
+ padding 0
+ margin 0
+ padding-top .15em
+ margin-bottom .8em
+ .labelTagline
+ font-size 1em
+ font-weight 100
+ line-height 1em
+ .title1
+ width 100%
+ font-size 2.5em
+ line-height .9em
+ font-weight 800
+ text-transform uppercase
+ .title2
+ width 100%
+ font-size 1.5em
+ line-height .9em
+ font-weight 800
+ padding-bottom .2em
+ .ingredients
+ width 100%
+ font-size 1.2em
+ font-weight 100
+ line-height 1em
+ min-height 2em
.ingredientsEnding
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .1in
- font-weight: 100
+ width 100%
+ font-size 1.2em
+ font-weight 100
.instructions
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .1in
- font-weight: 800
+ width 100%
+ font-size 1.2em
+ font-weight 800
.address
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .1in
- font-weight: 100
+ width 100%
+ font-size 1.2em
+ font-weight 100
.website
- width: 100%
- font-family: TimesNewRoman, Times New Roman, Times
- font-size: .1in
- font-weight: 100
+ width 100%
+ font-size 1.2em
+ font-weight 100
+ @media print
+ @page
+ size 3in 2in
+ margin 0
+ padding 0
+ .labelOptions, .labelContainer, .canvasContainer, .labelCanvas
+ display none
+ .printableLabel
+ display block
+ margin 0
+ padding 0
+ //.printableLabels
+ // display inline-block
+ // margin 0
+ // padding 0
+ //#labelMaker
+ // display none
+ //.labels
+ // display block
+ //.label
+ // display block
+ // width 3in
+ // height 2in
+ // //width 100%
+ // //height 100%
+ // page-break-after always
+ // page-break-inside avoid
+ .canvasContainer
+ display none
+@media print
+ .labelMaker
+ margin 0
+ padding 0
+ overflow visible
\ No newline at end of file
diff --git a/imports/ui/Label.js b/imports/ui/Label.js
index bf023c8..7d0ffc2 100644
--- a/imports/ui/Label.js
+++ b/imports/ui/Label.js
@@ -1,75 +1,416 @@
-
+import dti from 'dom-to-image';
import './Label.html';
+import PDF from 'jspdf';
+import { saveAs } from 'file-saver';
import swal from 'sweetalert2';
import dragula from 'dragula';
+//import JsBarcode from 'JsBarcode';
+import QRCode from '/imports/util/qrcode/qrcode';
+//let QRCode = require('/imports/util/qrcode/qrcode.js');
+
+console.log(QRCode);
+
+//let {qrcode, svg2url} = require('pure-svg-code');
+//let QRCode = require('qrcode-svg');
//******************************************************************
//** Creates printable labels for a roll style printer.
//******************************************************************
let PREFIX = "LabelMaker_";
+let PX_PER_MM = 300 / 25.4;
+let SCREEN_PX_PER_MM = 96 / 25.4;
+let imagePath = "/images/3x2 Label Logo BW.svg";//"/images/Logo_0.8x0.73_300ppi.png";
+
+function generateLabels(title1, title2, ingredients, date, count, topSpacing, bottomSpacing) {
+ //TODO: Allow logo to be removed or altered with an alternative logo for sizing fixes
+ let label = "
-
-
+
- We grow it. We can it.
- {{{labelText}}}
+ " +
+ "" +
+ //"" +
+ //"" +
+ "![logo](" + imagePath + ")
" +
+ //"
";
+ let labels = "";
+
+ //TODO: Include bar code and identifying numbers.
+ for(let i = 0; i < count; i++) {
+ labels += label;
+ }
+
+ return labels;
+}
+
+function printImageOld(template, dataUrl) {
+ let img = new Image();
+
+ img.onload = function() {
+ let imageCanvas = $('.labelCanvas')[0];
+ let ctx = imageCanvas.getContext('2d');
+ //let threshold = 255 + 200 + 0;
+ let desiredContrast = 100;
+ let contrastCorrectionFactor = (259 * (desiredContrast + 255)) / (255 * (259 - desiredContrast));
+
+ imageCanvas.width = img.width;
+ imageCanvas.height = img.height;
+ //console.log("Generated image: " + img.width + ", " + img.height);
+ //ctx.scale(0.25, 0.25);
+ ctx.drawImage(img, 0, 0);
+
+ let imageData = ctx.getImageData(0, 0, imageCanvas.width, imageCanvas.height);
+ let data = imageData.data;
+
+ //Run three times
+ for(let c = 0; c < 3; c++) {
+ //Set each pixel to either black or white with the given threshold.
+ for(let i = 0; i < data.length; i += 4) {
+ data[i] = contrastCorrectionFactor * (data[i] - 128) + 128;
+ data[i + 1] = contrastCorrectionFactor * (data[i + 1] - 128) + 128;
+ data[i + 2] = contrastCorrectionFactor * (data[i + 2] - 128) + 128;
+ //if(data[i] + data[i + 1] + data[i + 2] < threshold) {
+ // data[i] = 0;
+ // data[i + 1] = 0;
+ // data[i + 2] = 0;
+ //}
+ //else {
+ // data[i] = 255;
+ // data[i + 1] = 255;
+ // data[i + 2] = 255;
+ //}
+ data[i + 3] = 255;
+ }
+ }
+
+ ctx.putImageData(imageData, 0, 0);
+
+ //Convert the canvas content to an image for printing. (cannot print a canvas?)
+ //sendToPrinter(template, imageCanvas.toDataURL("image/png"));
+
+ //Save to disk.
+ //imageCanvas.toBlob(function(blob) {
+ // saveAs(blob, "label.png");
+ //}, "image/png", 1);
+
+ //imageCanvas.toBlob(function(blob) {
+ // let url = URL.createObjectURL(blob);
+ // window.open(url, "_blank");
+ //}, "image/png", 1);
+
+ //let imgData = imageCanvas.toDataURL('image/jpeg', 1.0);
+ imageCanvas.toBlob(function(blob) {
+ let pdf = new PDF();
+ let url = URL.createObjectURL(blob);
+ pdf.addImage(url, "image/png", 0, 0);
+ pdf.save("label.pdf");
+ }, "image/png", 1);
+ };
+ img.src = dataUrl;
+}
+
+function printImage(template, raw, width, height) {
+ let data = raw;
+ //Run three times
+ for(let c = 0; c < 3; c++) {
+ //Set each pixel to either black or white with the given threshold.
+ for(let i = 0; i < data.length; i += 4) {
+ data[i] = contrastCorrectionFactor * (data[i] - 128) + 128;
+ data[i + 1] = contrastCorrectionFactor * (data[i + 1] - 128) + 128;
+ data[i + 2] = contrastCorrectionFactor * (data[i + 2] - 128) + 128;
+ //if(data[i] + data[i + 1] + data[i + 2] < threshold) {
+ // data[i] = 0;
+ // data[i + 1] = 0;
+ // data[i + 2] = 0;
+ //}
+ //else {
+ // data[i] = 255;
+ // data[i + 1] = 255;
+ // data[i + 2] = 255;
+ //}
+ data[i + 3] = 255;
+ }
+ }
+
+ let url = URL.createObjectURL(new Blob(raw, {type: "image/png"}));
+ let test = new Image();
+ test.src = url;
+ $('.testImage').html(test);
+}
+// Note: Not working correctly. Output seems to be at 96dpi instead of 300+dpi. Using a large image scaled down in in an Image tag seems to not print well.
+function sendToPrinter(template, dataUrl) {
+ let canvasImg = new Image();
+ canvasImg.onload = function() {
+ //window.print();
+ };
+ canvasImg.src = dataUrl;
+ canvasImg.style.height = template.labelHeight.get() + "mm";
+ canvasImg.style.width = template.labelWidth.get() + "mm";
+ $(".printableLabel").html(canvasImg);
+
+ //$('.printableLabel').html(img);
+ window.print();
+}
+
+function loadImage(url) {
+ return new Promise(r => { let i = new Image(); i.onload = (() => r(i)); i.src = url; });
+}
+async function refreshLabelCanvas(template) {
+ let mmWidth = template.labelWidth.get();
+ let mmHeight = template.labelHeight.get();
+ let title1 = template.title1.get();
+ let title1Font = template.title1Font.get();
+ let title1YOffset = template.title1YOffset.get();
+ let title2 = template.title2.get();
+ let title2Font = template.title2Font.get();
+ let title2YOffset = template.title2YOffset.get();
+ let ingredients = template.ingredients.get();
+ let ingredientsFont = template.ingredientsFont.get();
+ let ingredientsYOffset = template.ingredientsYOffset.get();
+ let date = template.date.get();
+ let $labelCanvas = $('.labelCanvas');
+ let ctx = $labelCanvas[0].getContext('2d');
+ let width = Math.floor(mmWidth * PX_PER_MM);
+ let height = Math.floor(mmHeight * PX_PER_MM);
+ let center = width / 2;
+
+ let img = await loadImage(imagePath);
+ let imageWidth = 241;
+ let imageHeight = 219;
+
+ let ingredientsY = 180;
+ let ingredientsEndingY = 240;
+ let instructionsY = 280;
+ let addressY = 320;
+ let websiteY = 380;
+
+ ctx.fillStyle = 'white';
+ ctx.fillRect(0,0, width, height);
+ ctx.fillStyle = 'black';
+ ctx.drawImage(img, center - (imageWidth / 2), 0);
+ ctx.font = title1Font;
+ ctx.textAlign = 'center';
+ ctx.fillText(title1, center, title1YOffset);
+
+
+
+ ////TODO: Allow logo to be removed or altered with an alternative logo for sizing fixes
+ //let label = "" +
+ "We grow it. We can it.
" +
+ "" + title1 + "
" +
+ "" + (title2 === undefined ? "" : title2) + "
" +
+ "Ingredients:" + ingredients + "
" +
+ "*grown by us 8oz FD1951 (" + date + ")
" +
+ "Refrigerate after opening; return jar when done
" +
+ "18601 Hwy 128, Yorkville, CA 95494
" +
+ "www.PetitTeton.com
" +
+ //"" +
+ "" +
+ // "" +
+ // //"" +
+ // "
" +
+ // "
";
+ //let labels = "";
+ //
+ ////TODO: Include bar code and identifying numbers.
+ //for(let i = 0; i < count; i++) {
+ // labels += label;
+ //}
+ //
+ //return labels;
+}
+function bufferToBase64(buf) {
+ var binstr = Array.prototype.map.call(buf, function (ch) {
+ return String.fromCharCode(ch);
+ }).join('');
+ return btoa(binstr);
+}
Template.LabelMaker.onCreated(function() {
+ this.labelWidth = new ReactiveVar(76);
+ this.labelHeight = new ReactiveVar(50);
+
+ this.title1 = new ReactiveVar("Strawberry");
+ this.title2 = new ReactiveVar("w/ Espelette");
+ this.ingredients = new ReactiveVar("*strawberry, sugar, *espelette");
+
+ this.date = new ReactiveVar(19001);
+
+ //Session.set(PREFIX + "title1", "Strawberry");
+ //Session.set(PREFIX + "title1Font", "50px Times New Roman");
+ //Session.set(PREFIX + "title1YOffset", 260);
+ //Session.set(PREFIX + "title2", "w/ Espelette");
+ //Session.set(PREFIX + "title2Font", "40px Times New Roman");
+ //Session.set(PREFIX + "title2YOffset", 340);
+ //Session.set(PREFIX + "ingredients", "*strawberry, sugar, *espelette");
+ //Session.set(PREFIX + "date", 19001);
+ //Session.set(PREFIX + "count", 3);
});
Template.LabelMaker.onRendered(function() {
let template = this;
+
+ //Re-run this routine when ever the session variables change.
+ //Tracker.autorun(function() {
+ // //refreshLabelCanvas(Session.get(PREFIX + "title1"), Session.get(PREFIX + "title2"), Session.get(PREFIX + "ingredients"), Session.get(PREFIX + "date"), 1, Session.get(PREFIX + "labelSpacing"), 0);
+ // refreshLabelCanvas(template);
+ //});
+ //
+ //template.$('.labelContainer').on('DOMSubtreeModified', function() {
+ // console.log("Initialized barcode");
+ // //
+ //});
+ //JsBarcode(".barcode").init();
+
+
+ //const svgString = qrcode({content: "1234567890", padding: 0, width: 60, height: 60, color: "#000000", background: "#FFFFFF", ecl: "L"});
+ //this.$('.qrcode').attr('src', svg2url(svgString));
+
+ //this.$('.qrcode').attr('src', svg2url(new QRCode({content: '1234567890', width: 80, height: 80, color: "#000000", background: "#FFFFFF"}).svg()));
+
+ new QRCode(document.getElementById("qrcode"), {text: "1234567890", width: 60, height: 60});
});
Template.LabelMaker.onDestroyed(function() {
});
Template.LabelMaker.events({
- 'change .title1': function(event, template) {
- Session.set(PREFIX + "title1", $(event.target).val());
+ 'change .labelWidth': function(e, t) {
+ let x = $(e.target).val();
+
+ t.labelWidth.set(!Number.isNaN(x) && x > 0 ? parseFloat(x) : 76);
},
- 'change .title2': function(event, template) {
- Session.set(PREFIX + "title2", $(event.target).val());
+ 'change .labelHeight': function(event, template) {
+ let x = $(event.target).val();
+
+ t.labelHeight.set(!Number.isNaN(x) && x > 0 ? parseFloat(x) : 50);
},
- 'change .ingredients': function(event, template) {
- Session.set(PREFIX + "ingredients", $(event.target).val());
- },
- 'change .date': function(event, template) {
- Session.set(PREFIX + "date", parseInt($(event.target).val()));
- },
- 'click .generate': function(event, template) {
+ 'change .title1': function(e, t) {t.title1.set($(e.target).val());},
+ 'change .title1Font': function(e, t) {t.title1Font.set($(e.target).val());},
+ 'change .title1YOffset': function(e, t) {t.title1YOffset.set(parseInt($(e.target).val()));},
+
+ 'change .title2': function(e, t) {t.title2.set($(e.target).val());},
+ 'change .title2Font': function(e, t) {t.title2Font.set($(e.target).val());},
+ 'change .title2YOffset': function(e, t) {t.title2YOffset.set(parseInt($(e.target).val()));},
+
+ 'change .ingredients': function(e, t) {t.ingredients.set($(e.target).val());},
+ 'change .ingredientsFont': function(e, t) {t.ingredientsFont.set($(e.target).val());},
+ 'change .ingredientsYOffset': function(e, t) {t.ingredientsYOffset.set(parseInt($(e.target).val()));},
+
+ 'change .date': function(e, t) {t.date.set(parseInt($(e.target).val()));},
+ 'click .preview': function(event, template) {
+ let params = {};
+
+ params['title1'] = "Strawberry";
+ params['title2'] = "";
+ params['ingredients'] = "Fairies";
+ params['date'] = "1234";
+ window.open('/PrintLabel?' + $.param(params));
+ },
+ 'click .print': function(event, template) {
+ let _this = template;
+ let node = $('.label')[0];
+ let width = _this.labelWidth.get();
+ let height =_this.labelHeight.get();
+ let title1 =_this.title1.get();
+ let title2 =_this.title2.get();
+ let ingredients =_this.ingredients.get();
+ let date =_this.date.get();
+
+ Meteor.call('printLabels', width, height, "3x2Standard", title1, title2, ingredients, date, (error, result) => {
+ if(error) {
+ console.log(error);
+ }
+ else {
+ const blob = new Blob([result], {type: 'application/pdf'});
+ const link = document.createElement('a');
+ link.href = window.URL.createObjectURL(blob);
+ link.download = "labels.pdf";
+ link.click();
+ }
+ });
+
+ //dti.toBlob(node, {bgcolor: 'white'}).then(function(blob) {
+ // printImage(template, blob);
+ //}).catch(function(err) {
+ // console.log(err);
+ //});
+
+ //dti.toPng(node, {bgcolor: 'white'}).then(function(dataUrl) {
+ // printImageOld(template, dataUrl);
+ //}).catch(function(err) {
+ // console.log(err);
+ //});
+
+
+ //let count = template.$('input[name="count"]').val();
+ //let spacing = Session.get(PREFIX + "labelSpacing");
+ //
+ ////count = (count === undefined || Number.isNaN(count)) ? 1 : parseInt(count);
+ ////
+ ////if(count < 1) {
+ //// count = 1;
+ ////}
+ ////
+ ////Session.set(PREFIX + "generatedLabels", generateLabels(Session.get(PREFIX + "title1"), Session.get(PREFIX + "title2"), Session.get(PREFIX + "ingredients"), Session.get(PREFIX + "date"), count, 0, spacing));
+ //
+ //let $label = $('.printableLabel');
+ //
+ //console.log($label);
+ //console.log($label.length);
+ //domtoimage.toPng($label).then(function(dataUrl) {
+ // console.log("A");
+ // let img = new Image();
+ // img.src = dataUrl;
+ // $('.printableLabel').html(img);
+ // //caman('.printableLabel img', function() {
+ // // this.contrast(100);
+ // // this.render();
+ // // window.print();
+ // //});
+ //}).catch(function(error) {
+ // console.error("failed to convert dom to image");
+ // console.error(error);
+ //});
}
});
Template.LabelMaker.helpers({
- title1: function() {return Session.get(PREFIX + "title1")},
- title2: function() {return Session.get(PREFIX + "title2")},
- ingredients: function() {return Session.get(PREFIX + "ingredients")},
- date: function() {return Session.get(PREFIX + "date")},
- labelText: function() {
- return "" +
+ // "" +
+ // "We grow it. We can it.
" +
+ // "" + title1 + "
" +
+ // "" + (title2 === undefined ? "" : title2) + "
" +
+ // "Ingredients:" + ingredients + "
" +
+ // "*grown by us 8oz FD1951 (" + date + ")
" +
+ // "Refrigerate after opening; return jar when done
" +
+ // "18601 Hwy 128, Yorkville, CA 95494
" +
+ // "www.PetitTeton.com
" +
+ // "" +
+ // "" + Session.get(PREFIX + "title1") + "
" +
- "" + Session.get(PREFIX + "title2") + "
" +
- "Ingredients:" + Session.get(PREFIX + "ingredients") + "
" +
- "*grown by us 8oz FD1951 (" + Session.get(PREFIX + "date") + ")
" +
- "Refrigerate after opening; return jar when done
" +
- "18601 Hwy 128, Yorkville, CA 95494
" +
- "www.PetitTeton.com
";
- }
-});
-
-Template.Labels.onCreated(function() {
-});
-Template.Labels.onRendered(function() {
- let template = this;
-});
-Template.Labels.onDestroyed(function() {
-});
-Template.Labels.events({
-});
-Template.Labels.helpers({
- labels: function() {return Session.get(PREFIX + "labels")},
- title2: function() {return Session.get(PREFIX + "title2")},
- ingredients: function() {return Session.get(PREFIX + "ingredients")},
- date: function() {return Session.get(PREFIX + "date")},
- labelText: function() {
- return "" + Session.get(PREFIX + "title1") + "
" +
- "" + Session.get(PREFIX + "title2") + "
" +
- "Ingredients:" + Session.get(PREFIX + "ingredients") + "
" +
- "*grown by us 8oz FD1951 (" + Session.get(PREFIX + "date") + ")
" +
- "Refrigerate after opening; return jar when done
" +
- "18601 Hwy 128, Yorkville, CA 95494
" +
- "www.PetitTeton.com
";
+ title1: function() {return Template.instance().title1.get();},
+ title2: function() {return Template.instance().title2.get();},
+ ingredients: function() {return Template.instance().ingredients.get();},
+ date: function() {return Template.instance().date.get();},
+ labelWidth: function() {return Template.instance().labelWidth.get();},
+ labelHeight: function() {return Template.instance().labelHeight.get();},
+ sampleLabel: function() {
+ let t = Template.instance();
+ setTimeout(function() {JsBarcode(".barcode").init();}, 500);
+ return generateLabels(t.title1.get(), t.title2.get(), t.ingredients.get(), t.date.get(), 1, 0);
+ },
+ //canvasLabel: function() {
+ // return generateLabelCanvas(Session.get(PREFIX + "title1"), Session.get(PREFIX + "title2"), Session.get(PREFIX + "ingredients"), Session.get(PREFIX + "date"), 1, Session.get(PREFIX + "labelSpacing"), 0);
+ //},
+ labels: function() {
+ return Session.get(PREFIX + "generatedLabels");
+ },
+ labelPxWidth: function() {
+ //console.log("label width: " + Template.instance().labelWidth.get());
+ //console.log("px_per_mm: " + PX_PER_MM);
+ //console.log("labelPxWidth: " + (Template.instance().labelWidth.get() * PX_PER_MM));
+ return Math.floor(Template.instance().labelWidth.get() * PX_PER_MM);
+ },
+ labelPxHeight: function() {
+ return Math.floor(Template.instance().labelHeight.get() * PX_PER_MM);
+ },
+ labelPxWidthActual: function() {
+ //console.log("label width: " + Template.instance().labelWidth.get());
+ //console.log("px_per_mm: " + PX_PER_MM);
+ //console.log("labelPxWidth: " + (Template.instance().labelWidth.get() * PX_PER_MM));
+ return Math.floor(Template.instance().labelWidth.get() * SCREEN_PX_PER_MM);
+ },
+ labelPxHeightActual: function() {
+ return Math.floor(Template.instance().labelHeight.get() * SCREEN_PX_PER_MM);
}
});
diff --git a/imports/ui/PrintLabel.html b/imports/ui/PrintLabel.html
new file mode 100644
index 0000000..e4b5755
--- /dev/null
+++ b/imports/ui/PrintLabel.html
@@ -0,0 +1,19 @@
+
+
+
+
\ No newline at end of file
diff --git a/imports/ui/PrintLabel.import.css b/imports/ui/PrintLabel.import.css
new file mode 100644
index 0000000..515b8be
--- /dev/null
+++ b/imports/ui/PrintLabel.import.css
@@ -0,0 +1,85 @@
+#PrintLabel .labelContainer {
+ text-align: center;
+ width: 100%;
+ width-min: 3in;
+ height-min: 2in;
+ background-color: #808080;
+ padding: 20px;
+}
+#PrintLabel .labels {
+ display: none;
+}
+#PrintLabel .printableLabel {
+ display: none;
+}
+#PrintLabel .label {
+ display: inline-block;
+ width: 3in;
+ height: 2in;
+}
+#PrintLabel .canvasContainer {
+ padding: 10px;
+ background-color: #808080;
+}
+#PrintLabel .label {
+ background-color: #fff;
+ color: #000;
+ text-align: center;
+ font-family: TimesNewRoman, Times New Roman, Times;
+ font-size: 0.2in;
+ width: 6in;
+ height: 4in;
+}
+#PrintLabel .label .labelLogo {
+ width: 8em;
+ padding: 0;
+ margin: 0;
+ padding-top: 0.15em;
+ margin-bottom: -0.25em;
+}
+#PrintLabel .label .labelTagline {
+ font-size: 1em;
+ font-weight: 100;
+ line-height: 1em;
+}
+#PrintLabel .label .title1 {
+ width: 100%;
+ font-size: 2.5em;
+ line-height: 0.9em;
+ font-weight: 800;
+ text-transform: uppercase;
+}
+#PrintLabel .label .title2 {
+ width: 100%;
+ font-size: 1.5em;
+ line-height: 0.9em;
+ font-weight: 800;
+ padding-bottom: 0.2em;
+}
+#PrintLabel .label .ingredients {
+ width: 100%;
+ font-size: 1.2em;
+ font-weight: 100;
+ line-height: 1em;
+ min-height: 2em;
+}
+#PrintLabel .label .ingredientsEnding {
+ width: 100%;
+ font-size: 1.2em;
+ font-weight: 100;
+}
+#PrintLabel .label .instructions {
+ width: 100%;
+ font-size: 1.2em;
+ font-weight: 800;
+}
+#PrintLabel .label .address {
+ width: 100%;
+ font-size: 1.2em;
+ font-weight: 100;
+}
+#PrintLabel .label .website {
+ width: 100%;
+ font-size: 1.2em;
+ font-weight: 100;
+}
diff --git a/imports/ui/PrintLabel.import.styl b/imports/ui/PrintLabel.import.styl
new file mode 100644
index 0000000..3632d3d
--- /dev/null
+++ b/imports/ui/PrintLabel.import.styl
@@ -0,0 +1,92 @@
+
+#PrintLabel
+ .labelContainer
+ text-align center
+ //width 100%
+ width-min 3in
+ width 3in
+ height-min 2in
+ height 2in
+ //background-color grey
+ //padding 20px
+ .labels
+ display none
+ .printableLabel
+ display none
+ .label
+ display inline-block
+ width 3in
+ height 2in
+ .canvasContainer
+ padding 10px
+ background-color gray
+
+ .label
+ position relative
+ background-color white
+ color black
+ text-align center
+ font-family TimesNewRoman, Times New Roman, Times
+ //font-family Arial, Helvetica, sans-serif
+ font-size .1in
+ width 3in
+ height 2in
+ .barcodeContainer
+ position absolute
+ transform rotate(270deg)
+ right -4.5em
+ top 5em
+ .qrcode
+ position absolute
+ left 10px
+ top 10px
+ .labelLogo
+ width 8em
+ padding 0
+ margin 0
+ padding-top .15em
+ margin-bottom .2em
+ .labelLogo3
+ width 14em
+ padding 0
+ margin 0
+ padding-top .15em
+ margin-bottom .8em
+ .labelTagline
+ font-size 1em
+ font-weight 100
+ line-height 1em
+ .title1
+ width 100%
+ font-size 2.5em
+ line-height .9em
+ font-weight 800
+ text-transform uppercase
+ .title2
+ width 100%
+ font-size 1.5em
+ line-height .9em
+ font-weight 800
+ padding-bottom .2em
+ .ingredients
+ width 100%
+ font-size 1.2em
+ font-weight 100
+ line-height 1em
+ min-height 2em
+ .ingredientsEnding
+ width 100%
+ font-size 1.2em
+ font-weight 100
+ .instructions
+ width 100%
+ font-size 1.2em
+ font-weight 800
+ .address
+ width 100%
+ font-size 1.2em
+ font-weight 100
+ .website
+ width 100%
+ font-size 1.2em
+ font-weight 100
\ No newline at end of file
diff --git a/imports/ui/PrintLabel.js b/imports/ui/PrintLabel.js
new file mode 100644
index 0000000..0aa05ee
--- /dev/null
+++ b/imports/ui/PrintLabel.js
@@ -0,0 +1,32 @@
+import './PrintLabel.html';
+import JsBarcode from 'JsBarcode';
+//import QRCode from "../util/qrcode/qrcode";
+import QRCode from '/imports/util/qrcode/qrcode';
+
+//let {qrcode, svg2url} = require('pure-svg-code');
+
+Template.PrintLabel.onCreated(function() {
+ function getUrlVars() {
+ let vars = {};
+ let parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
+ vars[key] = decodeURIComponent(value);
+ });
+ return vars;
+ }
+
+ this.vars = getUrlVars();
+});
+
+Template.PrintLabel.onRendered(function() {
+ let vars = this.vars;
+ $('.title1').html(vars['title1']);
+ $('.title2').html(vars['title2'] === undefined ? "" : vars['title2']);
+ $('.ingredients').append(vars['ingredients']);
+ $('.date').html(vars['date']);
+ $('.size').html(vars['size']);
+ //JsBarcode(".barcode").init();
+
+ //const svgString = qrcode({content: "1234567890", padding: 0, width: 50, height: 50, color: "#000000", background: "#FFFFFF", ecl: "L"});
+ //this.$('.qrcode').attr('src', svg2url(svgString));
+ new QRCode(document.getElementById("qrcode"), {text: "1234567890", width: 60, height: 60});
+});
\ No newline at end of file
diff --git a/imports/ui/Production.html b/imports/ui/Production.html
index fedd598..652ec06 100644
--- a/imports/ui/Production.html
+++ b/imports/ui/Production.html
@@ -1,5 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Ingredients:
+ *grown by us FD1951 ()
+ Refrigerate after opening; return jar when done
+ 18601 Hwy 128, Yorkville, CA 95494
+ www.PetitTeton.com
+
- todo
+ {{#if Template.subscriptionsReady}}
+
+
+
+
+
+
+ Load More...
+
+
+
+
+
+
+ | + | Name {{>BatchSearch columnName='name'}} | +Date {{>BatchDateRangeSearch columnName='date' width='90%'}} | +Amount | +Cook {{>BatchSearch columnName='cook' collectionQueryColumnName='name' collection='Workers' collectionResultColumnName='_id'}} | +Canner {{>BatchSearch columnName='canner' collectionQueryColumnName='name' collection='Workers' collectionResultColumnName='_id'}} | +Comment | +Actions | +
|---|
+
+ {{else}}
+ {{/if}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
\ No newline at end of file
diff --git a/imports/ui/Production.import.styl b/imports/ui/Production.import.styl
index 457c9fc..55177af 100644
--- a/imports/ui/Production.import.styl
+++ b/imports/ui/Production.import.styl
@@ -1,60 +1,142 @@
#production
- margin: 10px 20px
+ display: table
+ content-box: border-box
+ padding: 10px 20px
height: 100%
- //Flex container options.
- flex-flow: column nowrap
- justify-content: space-around //Spacing between sales along the primary axis. (vertical spacing for a column layout)
- align-items: flex-start //Align the sales within a line along the primary axis. (horizontal alignment for a column layout)
- align-content: center //Spacing between lines along the secondary axis. (spacing between columns for a column layout)
- display: -webkit-box
- display: -moz-box
- display: -ms-flexbox
- display: -moz-flex
- display: -webkit-flex
- display: flex
+ width: 100%
+ text-align: left
- .editor
- height: 100%
- overflow-y: auto
-
- .insertSale
- flex: none
+ .tableControls
+ text-align: right
+ margin-right: 20px
+ margin-bottom: 4px
+ display: table
width: 100%
+ .contentControls
+ vertical-align: bottom
+ display: table-cell
+ text-align: right
+ min-width: 100px
+ a
+ font-size: 12px
+ font-family: "Arial", san-serif
+ font-weight: 800
+ color: #2d1b8c
+ text-decoration: none
+ a:hover
+ text-decoration: underline
+ a.disabled
+ visibility: hidden
- .formGroupHeading
- font-size: 1.6em
- font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
- font-style: normal
- font-variant: normal
- font-weight: 500
-
- .grid
- flex: auto
- align-self: stretch
- overflow-y: auto
- overflow-x: auto
- margin-bottom: 20px
- border: 0
- padding-top: 20px
-
- .table > thead > tr > th
- border: 0
- padding-top: 0
- padding-bottom: 6px
-
- .left
- text-align: left
- .center
- text-align: center
-
- .dataTable
- table-layout: fixed
-
- .tdLarge
- font-size: 1.3em
- .saleRemove
- color: red
- margin-left: 8px
- .saleEdit
- color: darkblue
- margin-right: 8px
+ .table
+ table-layout: fixed
+ min-width: 100%
+ thead, tbody
+ > tr
+ > .hasLabels
+ width: 30px
+ .hasLabels
+ color green
+ .noLabels
+ color red
+ > .name
+ //width: auto
+ width: 100%
+ > .date
+ //width: auto
+ min-width: 150px
+ max-width: 180px
+ > .amount
+ //width: auto
+ min-width: 100px
+ max-width: 100px
+ > .cook
+ //width: auto
+ min-width: 150px
+ max-width: 180px
+ > .canner
+ //width: auto
+ min-width: 150px
+ max-width: 180px
+ > .comment
+ width: 220px
+ min-width: 220px
+ max-width: 220px
+ > .actions
+ width: 90px
+ min-width: 90px
+ max-width: 90px
+ > tr.deleted
+ background-color: gray
+ .separatedTableHeader
+ table
+ thead
+ > tr
+ > th.actions
+ text-align: center
+ .newButton
+ margin-top: 4px
+ padding: 0 12px
+ .fa-plus-circle
+ display: inline-block
+ .fa-times-circle
+ display: none
+ .newButton:active
+ background-color: #fb557b
+ color: black
+ .fa-times-circle
+ display: inline-block
+ .fa-plus-circle
+ display: none
+ .showDeletedButton
+ margin-top: 4px
+ padding: 0 12px
+ color gray
+ .showDeletedButton.selected
+ color black
+ .listRow
+ display: table-row
+ .listCell
+ display: table-cell
+ position: relative
+ height: 100%
+ width: 100%
+ .tableContainer
+ position: absolute
+ top: 0
+ bottom: 0
+ left: 0
+ right: 0
+ width: auto
+ height: auto
+ border: 0
+ font-size: 12.5px
+ overflow-y: auto
+ table
+ thead
+ visibility: hidden
+ display: none
+ .search
+ margin: 3px 0 2px 1px
+ .editorTd
+ background: #deeac0
+ input, select
+ width: 100%
+ .editorDiv
+ margin: 4px 0
+ label
+ font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+ font-size: .9em
+ padding-bottom: 4px
+ select2
+ font-size: .4em
+ > tbody
+ > tr
+ .actionRemove
+ color: #F77
+ .actionEdit
+ color: #44F
+ .editorApply
+ color: green
+ .editorCancel
+ color: red
\ No newline at end of file
diff --git a/imports/ui/Production.js b/imports/ui/Production.js
index c72cc88..2c092d7 100644
--- a/imports/ui/Production.js
+++ b/imports/ui/Production.js
@@ -1,2 +1,446 @@
import './Production.html';
+
+let QUERY_LIMIT = 100;
+let QUERY_LIMIT_INCREMENT = 100;
+let PREFIX = "Production.";
+
+Tracker.autorun(function() {
+ //Meteor.subscribe("batches");
+ Meteor.subscribe("workers");
+ Meteor.subscribe("products");
+ Meteor.subscribe("measures");
+});
+
+Template.Production.onCreated(function() {
+ Session.set(PREFIX + "displayNew", false); //Whether the new dialog is inlined in the table and visible.
+
+ Session.set(PREFIX + "sortOption", 'date'); //Allows us to sort the results of the batch query by batch attribute.
+ Session.set(PREFIX + 'skipCount', 0); //Allows us to page through the results of the batch query. Currently not used.
+ Session.set(PREFIX + 'batchCount', 0); //A count of all batches in the system (that fit our current query). Useful for paging and dynamic loading.
+ Session.set(PREFIX + "queryLimit", QUERY_LIMIT);
+ Session.set(PREFIX + "showDeleted", false);
+ Session.set(PREFIX + "editedId", undefined);
+
+ Tracker.autorun(function() {
+ let sortOption = Session.get(PREFIX + "sortOption");
+ let sort = sortOption == 'createdAt' ? {createdAt: -1} : {date: -1, createdAt: -1};
+ //let showOnlyComments = Session.get(PREFIX + "showOnlyComments"); //Not needed here. Shows how to limit the query to only records with certain features.
+ let query = _.clone(Session.get(PREFIX + 'searchQuery'));
+
+ //if(showOnlyComments) {
+ // if(!query) query = {};
+ // query.comment = {$exists: true};
+ //}
+
+ if(!Session.get(PREFIX + "showDeleted")) {
+ if(!query) query = {};
+ query.deletedAt = {$exists: false};
+ }
+
+ Template.Production.batchesSubscription = Meteor.subscribe("batches", query, sort, QUERY_LIMIT, Session.get(PREFIX + 'skipCount'));
+ Session.set(PREFIX + 'batchCount', Meteor.call('getBatchCount', Session.get(PREFIX + 'searchQuery')));
+ });
+});
+Template.Production.onDestroyed(function() {
+ if(Template.Production.batchSubscription) {
+ Template.Production.batchSubscription.stop();
+ }
+});
+Template.Production.onRendered(function() {
+ $(".tableContainer").mCustomScrollbar({
+ scrollButtons: {enable:true},
+ theme: "light-thick",
+ scrollbarPosition: "outside",
+ scrollEasing: "linear"
+ });
+});
+Template.Production.helpers({
+ displayNew: function() {
+ return Session.get(PREFIX + "displayNew");
+ },
+ batches: function() {
+ let sortOption = Session.get(PREFIX + "sortOption");
+
+ return Meteor.collections.Batches.find({}, {sort: (sortOption == 'createdAt' ? {createdAt: -1} : {date: -1, createdAt: -1})});
+ },
+ disableLoadMore: function() {
+ return Session.get(PREFIX + 'batchCount') - (Session.get(PREFIX + 'skipCount') || 0) - Session.get(PREFIX + "queryLimit") <= 0;
+ },
+ showDeletedSelected: function() {
+ return (Session.get(PREFIX + "showDeleted")) ? "selected" : "";
+ }
+});
+Template.Production.events({
+ 'click .loadMoreLink': function(event, template) {
+ event.preventDefault();
+ Session.set(PREFIX + 'queryLimit', Session.get(PREFIX + "queryLimit") + QUERY_LIMIT_INCREMENT);
+ },
+ 'click .newButton': function(event, template) {
+ if(template.$('.newButton').hasClass('active')) {
+ Session.set(PREFIX + 'displayNew', false);
+ }
+ else {
+ Session.set(PREFIX + 'displayNew', true);
+ Session.set(PREFIX + "editedId", undefined); //Clear the edited product so that only one editor is open at a time.
+ }
+ template.$('.newButton').toggleClass('active');
+ },
+ 'click .showDeletedButton': function(event, template) {
+ Session.set(PREFIX + "showDeleted", !Session.get(PREFIX + "showDeleted")); //Toggle the display of deleted production.
+ }
+});
+
+
+Template.Batch.onCreated(function() {
+});
+Template.Batch.onRendered(function() {
+});
+Template.Batch.helpers({
+ hasLabelsClass: function() {
+ return this.hasLabels === true ? "hasLabels" : "noLabels";
+ },
+ name: function() {
+ let product = Meteor.collections.Products.findOne({_id: this.productId});
+ let measure = Meteor.collections.Measures.findOne({_id: this.measureId});
+ return product.name + " (" + measure.name + ")";
+ },
+ date: function() {
+ return moment(this.date, "YYYYMMDD").format("MM/DD/YYYY");
+ },
+ cook: function() {
+ let worker = Meteor.collections.Workers.findOne({_id: this.cookId});
+ return worker.name;
+ },
+ canner: function() {
+ let worker = Meteor.collections.Workers.findOne({_id: this.cannerId});
+ return worker.name;
+ },
+ editing: function() {
+ let editedId = Session.get(PREFIX + "editedId");
+
+ return editedId && editedId.toString() === this._id.toString();
+ },
+ getRowClass: function() {
+ return this.deletedAt ? "deleted" : "";
+ },
+ isDeleted: function() {
+ return this.deletedAt;
+ }
+});
+Template.Batch.events({
+ "click .hasLabels": function(event, template) {
+ Meteor.call('setBatchHasLabels', this._id, !(this.hasLabels === true), function(error, result) {
+ if(error) sAlert.error(error);
+ });
+ },
+ "click .actionEdit": function(event, template) {
+ Session.set(PREFIX + "editedId", this._id);
+ Session.set(PREFIX + 'displayNew', false); //Ensure the new editor is closed.
+ template.parentTemplate().$('.newButton').removeClass('active');
+ },
+ "click .actionDelete": function(event, template) {
+ Meteor.call('deleteBatch', this._id, function(error, result) {
+ if(error) sAlert.error(error);
+ else sAlert.success("Production Batch Deleted");
+ });
+ },
+ 'click .actionUndelete': function(event, template) {
+ Meteor.call('undeleteBatch', this._id, function(error, result) {
+ if(error) sAlert.error(error);
+ else sAlert.success("Production Batch No Longer Deleted");
+ });
+ }
+});
+
+
+Template.BatchEditor.onCreated(function() {
+});
+Template.BatchEditor.onRendered(function() {
+});
+Template.BatchEditor.helpers({
+ name: function() {
+ let product = Meteor.collections.Products.findOne({_id: this.productId});
+ let measure = Meteor.collections.Measures.findOne({_id: this.measureId});
+
+ return (product ? product.name : "") + " (" + (measure ? measure.name : "") + ")";
+ },
+ date: function() {
+ return moment(this.date, "YYYYMMDD").format("MM/DD/YYYY");
+ },
+ cook: function() {
+ let worker = Meteor.collections.Workers.findOne({_id: this.cookId});
+ return worker.name;
+ },
+ canner: function() {
+ let worker = Meteor.collections.Workers.findOne({_id: this.cannerId});
+ return worker.name;
+ }
+});
+Template.BatchEditor.events({
+ 'click .editorCancel': function(event, template) {
+ Session.set(PREFIX + "editedId", undefined);
+ },
+ 'click input[type="submit"]': function(event, template) {
+ event.preventDefault();
+ template.$('.insertForm').data('bs.validator').validate(function(isValid) {
+ if(isValid) {
+ //Allow the user to edit the comment and the amount produced. Sometimes jars pop after the product cools and these things need to be recorded.
+
+ //TODO
+ }
+ });
+ }
+});
+
+
+Template.BatchNew.onCreated(function() {
+ this.selectedProduct = new ReactiveVar();
+ this.selectedCook = new ReactiveVar();
+ this.selectedCanner = new ReactiveVar();
+});
+Template.BatchNew.onRendered(function() {
+ this.$('.insertForm').validator();
+ this.$('[name="product"]').buildCombo({cursor: Meteor.collections.Products.find({$or: [{hidden: false}, {hidden: {$exists:false}}]}), selection: this.selectedProduct, textAttr: 'name', listClass: 'comboList', getClasses: function(data) {
+ return (data && data.deactivated) ? "deactivated" : "";
+ }});
+ this.$('[name="cook"]').buildCombo({cursor: Meteor.collections.Workers.find({}), selection: this.selectedCook, textAttr: 'name', listClass: 'comboList'});
+ this.$('[name="canner"]').buildCombo({cursor: Meteor.collections.Workers.find({}), selection: this.selectedCanner, textAttr: 'name', listClass: 'comboList'});
+ this.$('input[name="product"]').focus();
+});
+Template.BatchNew.helpers({
+ //products: function() {
+ // return Meteor.collections.Products.find({});
+ //},
+ //productSelected: function() {
+ // let product = this;
+ // let batch = Template.parentData();
+ //
+ // return batch.productId === product._id ? "selected" : "";
+ //},
+ productMeasures: function() {
+ //Show only the list allowed by the product
+ let product = Template.instance().selectedProduct.get();
+
+ if(product) {
+ let measures = Meteor.collections.Measures.find({}).fetch();
+ let measuresById = {};
+ let allowedMeasureIds = product.measures;
+ let allowedMeasures = [];
+
+ //Create a hashmap of measures by their id.
+ for(let measure of measures) measuresById[measure._id.toString()] = measure;
+
+ //Create a list of measures allowed for the product.
+ for(let measureId of allowedMeasureIds) {
+ allowedMeasures.push(measuresById[measureId.toString()]);
+ }
+
+ return allowedMeasures;
+ }
+ else return [];
+ },
+ today: () => {
+ return moment().format("YYYY-MM-DD");
+ }
+});
+Template.BatchNew.events({
+ 'change input[name="date"]': function(event, template) {
+ template.selectedDate.set(moment(event.target.value, "YYYY-MM-DD").toDate());
+ },
+ 'click .editorCancel': function(event, template) {
+ Session.set(PREFIX + "editedId", undefined);
+ },
+ 'click .editorApply': function(event, template) {
+ event.preventDefault();
+ template.$('.insertForm').data('bs.validator').validate(function(isValid) {
+ if(isValid) {
+ let batches = [];
+ let insertMeasure = template.$(".insertMeasure");
+
+ let batch = {
+ date: ~~(moment(template.find("[name='date']").value, "YYYY-MM-DD").format("YYYYMMDD")), // Note: ~~ performs a bitwise not which is a fast method of converting a string to a number.
+ productId: template.selectedProduct.get()._id,
+ cookId: template.selectedCook.get()._id,
+ cannerId: template.selectedCanner.get()._id,
+ comment: template.$('.comment').val()
+ };
+
+ //Iterate over the measures for the batch (based on the product chosen) and amounts.
+ for(let next = 0; next < insertMeasure.length; next++) {
+ let nextMeasure = $(insertMeasure[next]);
+ let measureId = nextMeasure.find(".measureId").val();
+ let amount = parseFloat(nextMeasure.find(".amount").val());
+
+ if(amount > 0) {
+ let next = _.clone(batch);
+
+ next.measureId = measureId;
+ next.amount = amount;
+ batches.push(next);
+ }
+ }
+
+ Meteor.call('insertBatches', batches, function(error) {
+ if(error) sAlert.error("Failed to insert the batch!\n" + error);
+ else {
+ let productCombo = template.$("input[name='product']");
+ let measureFields = template.$(".amount");
+
+ sAlert.success("Production batches created.");
+
+ //Clear the measure quantity fields so the user can enter another sale without the quantities already set.
+ measureFields.val(0);
+ //Set the focus to the product field of the form.
+ //productCombo.focus();
+ //Clear the product since it is highly unlikely the same product will be added twice for the same date.
+ productCombo.val("");
+ Session.set(PREFIX + "displayNew", false);
+ }
+ });
+ }
+ });
+ }
+});
+
+
+Template.InsertBatchMeasure.onCreated(function() {
+ let _this = this;
+
+ this.amount = new ReactiveVar(0);
+});
+Template.InsertBatchMeasure.onRendered(function() {
+});
+Template.InsertBatchMeasure.helpers({
+ amount: function() {
+ return Template.instance().amount.get();
+ }
+});
+Template.InsertBatchMeasure.events({
+ 'change .amount': function(event, template) {
+ template.amount.set(parseFloat($(event.target).val()));
+ },
+ 'focus input[name="amount"]': function(event, template) {
+ //See http://stackoverflow.com/questions/3150275/jquery-input-select-all-on-focus
+ //Handle selecting the text in the field on receipt of focus.
+ let $this = $(this)
+ .one('mouseup.mouseupSelect', function() {
+ $this.select();
+ return false;
+ })
+ .one('mousedown', function() {
+ // compensate for untriggered 'mouseup' caused by focus via tab
+ $this.off('mouseup.mouseupSelect');
+ })
+ .select();
+ }
+});
+
+
+Template.BatchSearch.onCreated(function() {
+});
+Template.BatchSearch.onRendered(function() {
+});
+Template.BatchSearch.helpers({
+ searchValue: function() {
+ let searchFields = Session.get(PREFIX + 'searchFields');
+
+ return (searchFields && searchFields[this.columnName]) ? searchFields[this.columnName] : '';
+ }
+});
+Template.BatchSearch.events({
+ "keyup .searchInput": _.throttle(function(event, template) {
+ let searchQuery = Session.get(PREFIX + 'searchQuery') || {};
+ let searchFields = Session.get(PREFIX + 'searchFields') || {};
+ let searchValue = template.$(event.target).val();
+
+ if(searchValue) {
+ if(this.number) searchValue = parseFloat(searchValue);
+
+ // A collection name will be provided if there is a related table of data that will contain the text provided and will map to an ID that is then searched for in the current table of data.
+ // For example we are displaying a table of Sales which has the ID of a Product. The Product table has a Name field and the search box searches for Product Names. The ID's of the Products found should be used to filter the Sales by Product ID.
+ if(this.collection) {
+ let ids = Meteor.collections[this.collection].find({[this.collectionQueryColumnName]: {$regex: searchValue, $options: 'i'}}, {fields: {[this.collectionResultColumnName]: 1}}).fetch();
+
+ //Convert the ids to an array of ids instead of an array of objects containing an id.
+ for(let i = 0; i < ids.length; i++) {ids[i] = ids[i]._id;}
+ searchQuery[this.columnName] = {$in: ids};
+ searchFields[this.columnName] = searchValue;
+ }
+ else {
+ searchFields[this.columnName] = searchQuery[this.columnName] = searchValue;
+ }
+ }
+ else {
+ //Remove columns from the search query whose values are empty so we don't bother the database with them.
+ delete searchQuery[this.columnName];
+ delete searchFields[this.columnName];
+ }
+
+ Session.set(PREFIX + 'searchQuery', searchQuery);
+ Session.set(PREFIX + 'searchFields', searchFields);
+ Session.set(PREFIX + 'skipCount', 0); //Reset the paging of the results.
+ Session.set(PREFIX + "queryLimit", QUERY_LIMIT); //Reset the query limit in case we loaded more
+ }, 500)
+});
+
+
+Template.BatchDateRangeSearch.helpers({
+ startDate: function() {
+ let searchFields = Session.get(PREFIX + 'searchFields');
+ let searchValue = (searchFields && searchFields[this.columnName]) ? searchFields[this.columnName] : {};
+
+ return searchValue.start ? moment(searchValue.start.toString(), "YYYYMMDD").format("MM/DD/YYYY") : "";
+ },
+ endDate: function() {
+ let searchFields = Session.get(PREFIX + 'searchFields');
+ let searchValue = (searchFields && searchFields[this.columnName]) ? searchFields[this.columnName] : {};
+
+ return searchValue.end ? moment(searchValue.end.toString(), "YYYYMMDD").format("MM/DD/YYYY") : "";
+ }
+});
+Template.BatchDateRangeSearch.events({
+ "change .searchDateStartInput": function(event, template) {Template.DateRangeSearch.dateChanged(true, event, template)},
+ "keyup .searchDateStartInput": _.throttle(function(event, template) {Template.DateRangeSearch.dateChanged(true, event, template)}, 500),
+ "change .searchDateEndInput": function(event, template) {Template.DateRangeSearch.dateChanged(false, event, template)},
+ "keyup .searchDateEndInput": _.throttle(function(event, template) {Template.DateRangeSearch.dateChanged(false, event, template)}, 500)
+});
+Template.BatchDateRangeSearch.dateChanged = function(isStart, event, template) {
+ let searchQuery = Session.get(PREFIX + 'searchQuery') || {};
+ let searchFields = Session.get(PREFIX + 'searchFields') || {};
+ let searchValue = template.$(event.target).val();
+ let columnName = template.data.columnName;
+
+ if(searchValue) {
+ let search = searchQuery[columnName];
+
+ // Create a search object and attach it to the searchFields and searchQuery objects if needed.
+ if(!search) {
+ search = {type: 'dateRange'};
+ searchFields[columnName] = searchQuery[columnName] = search;
+ }
+
+ // Use moment to parse date and convert it to YYYYMMDD for searching the database.
+ searchValue = ~~(moment(searchValue, searchValue.includes("-") ? "YYYY-MM-DD" : "MM/DD/YYYY").format("YYYYMMDD")); // Note: ~~ performs a bitwise not which is a fast method of converting a string to a number.
+ // Save the search ending date.
+ isStart ? search.start = searchValue : search.end = searchValue;
+ }
+ else {
+ if(searchQuery[columnName]) {
+ // Remove columns from the search query whose values are empty so we don't bother the database with them.
+ if(isStart) {
+ delete searchQuery[columnName].start;
+ delete searchFields[columnName].start;
+ }
+ else {
+ delete searchQuery[columnName].end;
+ delete searchFields[columnName].end;
+ }
+ }
+ }
+
+ Session.set(PREFIX + 'searchQuery', searchQuery);
+ Session.set(PREFIX + 'searchFields', searchFields);
+ Session.set(PREFIX + 'skipCount', 0); //Reset the paging of the results.
+ Session.set(PREFIX + "queryLimit", QUERY_LIMIT); //Reset the query limit in case we loaded more
+};
\ No newline at end of file
diff --git a/imports/ui/Products.html b/imports/ui/Products.html
index 9d015e7..6f5378a 100644
--- a/imports/ui/Products.html
+++ b/imports/ui/Products.html
@@ -22,7 +22,7 @@