LT-291: Re-implementing the Non-Target tool behavior

Packages/ohif-lesiontracker/client/compatibility/nonTargetTool.js

@@ -5,9 +5,8 @@
     var toolType = 'nonTarget';
 
     var configuration = {
-        setMeasurementNumberCallback: setMeasurementNumberCallback,
-        getmeasurementLocationCallback: getmeasurementLocationCallback,
-        changemeasurementLocationCallback: changemeasurementLocationCallback,
+        getMeasurementLocationCallback: getMeasurementLocationCallback,
+        changeMeasurementLocationCallback: changeMeasurementLocationCallback,
         drawHandles: false,
         drawHandlesOnHover: true,
         arrowFirst: true
@@ -17,20 +16,20 @@
     var keys = {
         ESC: 27
     };
-
-    // Set measurement number
-    // Get Non-Target measurements on image
-    function setMeasurementNumberCallback(measurementData, eventData, doneCallback) {
-        var measurementNumber = 1;
-        doneCallback(measurementNumber);
-    }
     // Define a callback to get your text annotation
     // This could be used, e.g. to open a modal
-    function getmeasurementLocationCallback(measurementData, eventData, doneCallback) {
-        doneCallback(prompt('Enter your measurement location:'));
+    function getMeasurementLocationCallback(measurementData, eventData, doneCallback) {
+        const dialogSettings = {
+            title: 'Select Lesion Location',
+            measurementData,
+            eventData
+        };
+        OHIF.ui.showFormDialog('dialogNonTargetMeasurement', dialogSettings).then(formData => {
+            doneCallback(formData.measurementNumber);
+        });
     }
 
-    function changemeasurementLocationCallback(measurementData, eventData, doneCallback) {
+    function changeMeasurementLocationCallback(measurementData, eventData, doneCallback) {
         doneCallback(prompt('Change your measurement location:'));
     }
 
@@ -53,11 +52,6 @@
 
         var config = cornerstoneTools.nonTarget.getConfiguration();
 
-        // Set measurement number and measurement name
-        if (measurementData.measurementNumber === undefined) {
-            config.setMeasurementNumberCallback(measurementData, mouseEventData, doneCallback);
-        }
-
         // associate this data with this imageId so we can render it and manipulate it
         cornerstoneTools.addToolState(mouseEventData.element, toolType, measurementData);
 
@@ -92,7 +86,7 @@
                 // delete the measurement
                 cornerstoneTools.removeToolState(mouseEventData.element, toolType, measurementData);
             } else {
-                config.getmeasurementLocationCallback(measurementData, mouseEventData, doneCallback);
+                config.getMeasurementLocationCallback(measurementData, mouseEventData, doneCallback);
             }
 
             // Unbind the Esc keydown hook
@@ -103,8 +97,6 @@
             $(element).on('CornerstoneToolsMouseDownActivate', eventData, cornerstoneTools.nonTarget.mouseDownActivateCallback);
             $(element).on('CornerstoneToolsMouseDoubleClick', eventData, doubleClickCallback);
 
-            $(element).off('keydown', cancelCallback);
-
             cornerstone.updateImage(mouseEventData.element);
         });
     }
@@ -272,11 +264,6 @@
         $(element).off('CornerstoneToolsTap', cornerstoneTools.nonTargetTouch.tapCallback);
         var config = cornerstoneTools.nonTarget.getConfiguration();
 
-        // Set measurement number and measurement name
-        if (measurementData.measurementName === undefined) {
-            config.setMeasurementNumberCallback(measurementData, touchEventData, doneCallback);
-        }
-
         cornerstone.updateImage(element);
 
         cornerstoneTools.moveNewHandleTouch(touchEventData, toolType, measurementData, measurementData.handles.end, function() {
@@ -287,7 +274,7 @@
                 cornerstoneTools.removeToolState(element, toolType, measurementData);
             }
 
-            config.getmeasurementLocationCallback(measurementData, touchEventData, doneCallback);
+            config.getMeasurementLocationCallback(measurementData, touchEventData, doneCallback);
 
             $(element).on('CornerstoneToolsTouchDrag', cornerstoneTools.nonTargetTouch.touchMoveHandle);
             $(element).on('CornerstoneToolsDragStartActive', cornerstoneTools.nonTargetTouch.touchDownActivateCallback);
@@ -330,7 +317,7 @@
                 data.active = true;
                 cornerstone.updateImage(element);
                 // Allow relabelling via a callback
-                config.changemeasurementLocationCallback(data, eventData, doneCallback);
+                config.changeMeasurementLocationCallback(data, eventData, doneCallback);
 
                 e.stopImmediatePropagation();
                 return false;

Packages/ohif-lesiontracker/client/components/dialog/nonTargetMeasurement.html

@@ -0,0 +1,9 @@
+<template name="dialogNonTargetMeasurement">
+    {{#dialogForm (extend this dialogClass='modal-sm' schema=(choose this.schema instance.schema))}}
+        {{>inputHidden key='measurementNumber'}}
+        {{>inputSelect labelClass='form-group' key='location' hideSearch=true
+            options=(clone placeholder='Choose a lesion location')}}
+        {{>inputSelect labelClass='form-group' key='response' hideSearch=true
+            options=(clone placeholder='Choose a lesion location response')}}
+    {{/dialogForm}}
+</template>

Packages/ohif-lesiontracker/client/components/dialog/nonTargetMeasurement.js

@@ -0,0 +1,69 @@
+import { Template } from 'meteor/templating';
+import { Blaze } from 'meteor/blaze';
+import { SimpleSchema } from 'meteor/aldeed:simple-schema';
+import { _ } from 'meteor/underscore';
+import { FieldLesionLocation, FieldLesionLocationResponse } from 'meteor/ohif:lesiontracker/both/schema/fields';
+
+Template.dialogNonTargetMeasurement.onCreated(() => {
+    const instance = Template.instance();
+
+    instance.schema = new SimpleSchema({
+        location: FieldLesionLocation,
+        response: FieldLesionLocationResponse,
+        measurementNumber: {
+            type: Number
+        }
+    });
+});
+
+Template.dialogNonTargetMeasurement.onRendered(() => {
+    const instance = Template.instance();
+
+    const form = instance.$('form').data('component');
+
+    const viewerMain = $(instance.data.eventData.element).closest('.viewerMain')[0];
+    const viewerData = Blaze.getData(viewerMain);
+    console.warn('>>>>dialogData/viewerData', instance.data, viewerData);
+
+    const measurementApi = viewerData.measurementApi;
+
+    const measurementTypeId = 'nonTargets';
+    const measurementData = instance.data.measurementData;
+    const collection = measurementApi[measurementTypeId];
+
+    // Get the current inserted measurement from the collection
+    const currentMeasurement = collection.findOne({
+        _id: measurementData._id
+    });
+
+    // Synchronize the measurement number with the one inserted in the collection
+    measurementData.measurementNumber = currentMeasurement.measurementNumber;
+
+    // Delete the measurement if dialog is closed
+    instance.data.promise.catch(() => {
+        viewerData.measurementApi.deleteMeasurements('nonTargets', {
+            _id: measurementData._id
+        });
+
+        // Repaint the images on all viewports without the removed measurements
+        _.each($('.imageViewerViewport'), element => cornerstone.updateImage(element));
+    });
+
+    // Update the location and response after confirming the dialog data
+    instance.data.promise.then(formData => {
+        collection.update({
+            _id: measurementData._id,
+        }, {
+            $set: {
+                location: formData.location,
+                response: formData.response
+            }
+        });
+    });
+
+    // Inject the measurement number in form data to enable the tool from getting the value
+    form.value({
+        measurementNumber: currentMeasurement.measurementNumber
+    });
+
+});

Packages/ohif-lesiontracker/client/components/index.js

@@ -1,3 +1,6 @@
+import './dialog/nonTargetMeasurement.html';
+import './dialog/nonTargetMeasurement.js';
+
 import './optionsModal/optionsModal.html';
 import './optionsModal/optionsModal.styl';
 import './optionsModal/optionsModal.js';

Packages/ohif-lesiontracker/client/components/nonTargetMeasurementDialog/nonTargetMeasurementDialog.js

@@ -68,11 +68,10 @@ function selectNonTargetResponse(responseCode) {
 // If there already exists a measurement with this specific measurement number,
 // related to the chosen location.
 function getMeasurementLocationCallback(measurementData, eventData) {
-    return 'Test Location';
     Template.nonTargetMeasurementDialog.measurementData = measurementData;
 
     // Get the non-target measurement location dialog
-    var dialog = $('#nonTargetMeasurementLocationDialog');
+    var dialog = $('#nonTargetMeasurementDialog');
     Template.nonTargetMeasurementDialog.dialog = dialog;
 
     // Show the backdrop
@@ -89,7 +88,7 @@ function getMeasurementLocationCallback(measurementData, eventData) {
     selectorLocation.find('option:first').prop('selected', 'selected');
 
     // LT-112 "Non-target response shall default to non-measurable on baseline, present on follow-up"
-    var timepoint = Timepoints.findOne({
+    var timepoint = StudyList.timepointApi.timepoints.findOne({
         timepointId: measurementData.timepointId
     });
 
@@ -104,7 +103,7 @@ function getMeasurementLocationCallback(measurementData, eventData) {
 
     // Find out if this measurement number is already added in the measurement manager for another timepoint
     // If it is, disable selector location
-    var locationId = OHIF.measurements.MeasurementManager.getLocationIdIfMeasurementExists(measurementData);
+    var locationId = OHIF.measurements.MeasurementManager.getLocationIdIfMeasurementExists(measurementData, StudyList.timepointApi.timepoints);
     if (locationId) {
         // Add an ID value to the tool data to link it to the Measurements collection
         measurementData.id = 'notready';
@@ -156,6 +155,7 @@ function getMeasurementLocationCallback(measurementData, eventData) {
         dialogProperty.margin = 'auto';
     }
 
+    console.warn('>>>>SHOW DIALOG', dialog);
     dialog.css(dialogProperty);
 }