Add some WIP changes to Lesion Tracker dialogs

Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.js

@@ -0,0 +1,104 @@
+Template.lesionTableTimepointHeader.events({
+    'click th': function(e, template){
+
+        var parentPosition = getPosition(e.currentTarget);
+        var cellText = e.currentTarget.innerText;
+        // Remove spaces in string
+        cellText = cellText.replace(/\s/g, ''); // Remove spaces
+        cellText = cellText.replace('<', ''); // Remove <
+        var splitCellText = cellText.split('/');
+        var dateStr = splitCellText[2].replace(/\D/g,'') + "" + splitCellText[0].replace(/\D/g,'') + ""+splitCellText[1].replace(/\D/g,''); // Remove non-digit chars
+
+        // Check patient has a timepointText as Baseline
+        var patientId = template.data.patientId;
+
+        // Open popup
+        var timepointTextDialog = $("#timepointTextDialog");
+        var dialogDisplay = timepointTextDialog.css("display");
+        if(dialogDisplay === "none") {
+
+            var isBaselineInCollection = Timepoints.findOne({patientId: patientId, timepointName: dateStr, timepointText: "Baseline"});
+
+            // If isBaselineInCollection is true, "Baseline" is found in collection for patient and set checkbox as checked
+            if (isBaselineInCollection) {
+                // Set checkbox as checked
+                $('#checkBoxBaseline').prop('checked', true);
+            } else {
+                // Set checkbox as unchecked
+                $('#checkBoxBaseline').prop('checked', false);
+            }
+
+            // Open dialog
+            var dialogProperty =  {
+                top: parentPosition.y - 30,
+                left: parentPosition.x,
+                display: 'block'
+            };
+            timepointTextDialog.css(dialogProperty);
+
+        } else if(dialogDisplay === "block") {
+
+            // Get timepoints of patient
+            // Set timepointText as Baseline for selected timepoint
+            var timepoints = Timepoints.find({patientId: patientId}).fetch();
+
+            // Check checkbox is selected
+            var checkboxBaselineChecked = $("#checkBoxBaseline").is(":checked");
+
+            timepoints.forEach(function(timepoint) {
+                // timepointText defines a custom text for timepoint such as Baseline, Nadir, Current
+                if (timepoint.timepointName === dateStr) {
+                    // If checkbox is selected, set timepointText as Baseline
+                    // Else set timepointText as ""
+                    var timepointText = "Baseline";
+                    if(!checkboxBaselineChecked) {
+                        timepointText = "";
+                    }
+
+                    Timepoints.update(timepoint._id,{
+                        $set: {
+                            timepointText: timepointText
+                        }
+                    });
+                } else{
+                    // Set timepointText as empty
+                    Timepoints.update(timepoint._id,{
+                        $set: {
+                            timepointText: ""
+                        }
+                    });
+                }
+            });
+
+
+            // Close dialog
+            timepointTextDialog.css("display", "none");
+
+        }
+    }
+});
+
+Template.lesionTableTimepointHeader.helpers({
+    'timepointTextFound': function(){
+        var timepointText = this.timepointText;
+        if(timepointText && timepointText === 'Baseline') {
+            return true;
+        }
+
+        return false;
+    }
+});
+
+
+// Gets parent's position of element which mouse pointer is clicked in
+function getPosition(element) {
+    var xPosition = 0;
+    var yPosition = 0;
+
+    while (element) {
+        xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
+        yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
+        element = element.offsetParent;
+    }
+    return { x: xPosition, y: yPosition };
+}