Added Measurements input

client/General/Measurements/measLogEntry.html

@@ -0,0 +1,23 @@
+<template name="measLogEntry">
+    <h1>Measurement Log Entry</h1>
+    <label for="selectPart">Select Measurement</label>
+    <select name="selectPart" id="selectPart">
+        <option value="" disabled selected>...</option>
+        {{#each bodyPart}}
+            <option value="{{_id}}">{{measurementName}}</option>
+        {{/each}}
+    </select>
+
+    {{#if $eq measIdSelected true}}
+        <div class="group">
+            <div>
+                <label>{{measureToLog.measurementName}}  ({{measureToLog.measurementUnits}})</label>
+                <input type="number" id="{{measureToLog.measurementName}}" /> 
+            </div>
+        </div>
+        <div class="grid">
+            <button class="primary savePartMeasure" id="savePartMeasure">Save</button>
+        </div>
+    {{/if}}
+    {{> snackbar}}
+</template>

client/General/Measurements/measLogEntry.js

@@ -0,0 +1,68 @@
+import { FlowRouter } from 'meteor/ostrio:flow-router-extra';
+import { Measurements } from '../../../imports/api/measurements';
+import { MeasureLogEntry } from '../../../imports/api/measureLogEntry';
+
+Template.measLogEntry.onCreated(function() {
+    this.subscribe("myMeasures");
+    this.subscribe("myMeasureLog");
+});
+
+Template.measLogEntry.onRendered(function() {
+    Session.set("measIdSelected", false);
+});
+
+Template.measLogEntry.helpers({
+    bodyPart: function() {
+        return Measurements.find({});
+    },
+    measIdSelected: function() {
+        return Session.get("measIdSelected");
+    },
+    measureToLog: function() {
+        let partId = Session.get("measurePartId");
+        return Measurements.findOneAsync({ _id: partId });
+    }
+});
+
+Template.measLogEntry.events({
+    'change #selectPart' (e) {
+        Session.set("measIdSelected", true);
+        let partId = $("#selectPart").val();
+        Session.set("measurePartId", partId);
+    },
+    'click #savePartMeasure' (e) {
+        let partId = Session.get("measurePartId");
+        
+        const thisMeasure = async() => {
+            try {
+                let measInfo = await Measurements.findOneAsync({ _id: partId });
+                if (!measInfo) {
+                    console.log("    UNABLE to find measurement info.");
+                } else {
+                    console.dir(measInfo);
+                    let measure1 = $("#" + measInfo.measurementName).val();
+                    let measureName = measInfo.measurementName;
+                    let units = measInfo.measurementUnits;
+
+                    if (measure1 == "" || measure1 == null) {
+                        showSnackbar("Measurement is required!", "red");
+                        return;
+                    } else {
+                        let measure = Number(measure1);
+                        const result = await Meteor.callAsync("add.measureLog", measureName, measure, units);
+                        if (!result) {
+                            console.log("    ISSUE adding measurement to database.");
+                        } else {
+                            showSnackbar("Measurement Added!", "green");
+                            $("#selectPart").val("");
+                            Session.set("measIdSelected", false);
+                        }
+                    }
+                }
+            } catch (error) {
+                console.log("    ERROR adding measurement: " + error);
+            }
+        }
+        thisMeasure();
+    }
+});

client/General/Measurements/measurements.html

@@ -0,0 +1,33 @@
+<template name="measurements">
+    <h1>Workouts</h1>
+    {{#if $eq showAddMeasurementForm true}}
+    <div id="addMasurementForm">
+        <div class="grid">
+            <div>
+                <label for="measurementName">Body Part to Measure *</label>
+                <input type="text" required class="measurementName" id="measurementName" />
+            </div>
+            <div>
+                <label for="measurementUnits">Measurement Units</label>
+                <select name="measurementUnits" id="measurementUnits">
+                    <option value="" disabled selected>...</option>
+                    <option value="in">in</option>
+                    <option value="cm">cm</option>
+                </select>
+            </div>
+        </div>
+        <div class="grid">
+            <div>
+                <button class="primary right" id="addMeasurementForm">Save</button>
+            </div>
+        </div>
+    </div>
+    {{/if}}
+    <ul class="collection">
+        {{#each measurements}}
+            <li class="collection-item clickable measure" id="{{_id}}"><div class="group"><span>{{measurementName}}</span><span class="right">({{measurementUnits}})</span></div></li>
+        {{/each}}
+        <li class="collection-footer clickable" id="addMeasurement"> + Add a Measurement to Make</li>
+    </ul>
+    {{> snackbar}}
+</template>

client/General/Measurements/measurements.js

@@ -0,0 +1,62 @@
+import { FlowRouter } from 'meteor/ostrio:flow-router-extra';
+import { Measurements } from '../../../imports/api/measurements';
+
+Template.measurements.onCreated(function() {
+    this.subscribe("myMeasures");
+});
+
+Template.measurements.onRendered(function() {
+    Session.set("showAddMeasurementForm", false);
+});
+
+Template.measurements.helpers({
+    showAddMeasurementForm: function() {
+        return Session.get("showAddMeasurementForm");
+    },
+    measurements: function() {
+        return Measurements.find({});
+    },
+});
+
+Template.measurements.events({
+    'click #addMeasurement' (e) {
+        Session.set("showAddMeasurementForm", true);
+    },
+    'click #addMeasurementForm' (e) {
+        let measurementName = $("#measurementName").val();
+        let measurementUnits = $("#measurementUnits").val();
+
+        if (measurementName == "" || measurementName == null) {
+            showSnackbar("Measurement Name is Required!", "red");
+            return;
+        } else if (measurementUnits == "" || measurementUnits == null) {
+            showSnackbar("Measurement Units are Required!", "red");
+            return;
+        } else {
+            // console.log("Measurement Name: " + measurementName);
+            const addMeasure = async() => {
+                try {
+                    const result = await Meteor.callAsync('add.measurement', measurementName, measurementUnits);
+                    if (!result) {
+                        console.log("An issue occurred adding the measurement name.");
+                        showSnackbar("Issue adding measurement!", "red");
+                    } else {
+                        console.log("Measurement added : " + result);
+                        $("#measurementName").val("");
+                        $("#measurementUnits").val("");
+                        showSnackbar("Measurement Added!", "green");
+                    }
+                } catch(error) {
+                    console.log("    ERROR adding measurement nemae: " + error);
+                }
+            }
+            addMeasure();
+        }
+    },
+    'click .measure' (e) {
+        let measureId = e.currentTarget.id;
+        console.log("Measurement ID set: " + measureId);
+        Session.set("measureId", measureId);
+        FlowRouter.go('/measureLog');
+    },
+});