From cdc5d626dc02ef464f57190a37dadafa24ed8d92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=ADzio=20Salgado?= <eloisalgado@gmail.com>
Date: Wed, 9 Nov 2016 19:02:25 -0200
Subject: [PATCH] LT-314: Adding transparent background color to measurement
 callout and change its text color to make it more readable

---
 .../client/compatibility/bidirectionalTool.js |  6 +--
 Packages/ohif-viewerbase/lib/toolManager.js   | 47 +++++++++++++++----
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/Packages/ohif-lesiontracker/client/compatibility/bidirectionalTool.js b/Packages/ohif-lesiontracker/client/compatibility/bidirectionalTool.js
index 2077ef66e..1f1b590db 100644
--- a/Packages/ohif-lesiontracker/client/compatibility/bidirectionalTool.js
+++ b/Packages/ohif-lesiontracker/client/compatibility/bidirectionalTool.js
@@ -955,9 +955,9 @@
 
             // configurable shadow from CornerstoneTools
             if (config && config.shadow) {
-                context.shadowColor = '#000000';
-                context.shadowOffsetX = 1;
-                context.shadowOffsetY = 1;
+                context.shadowColor = config.shadowColor || '#000000';
+                context.shadowOffsetX = config.shadowOffsetX || 1;
+                context.shadowOffsetY = config.shadowOffsetY || 1;
             }
 
             if (data.active) {
diff --git a/Packages/ohif-viewerbase/lib/toolManager.js b/Packages/ohif-viewerbase/lib/toolManager.js
index 81137bae3..58680b553 100644
--- a/Packages/ohif-viewerbase/lib/toolManager.js
+++ b/Packages/ohif-viewerbase/lib/toolManager.js
@@ -16,25 +16,54 @@ var toolDefaultStates = {
 var initialized = false;
 
 function configureTools() {
+
+    // Get Cornerstone Tools
+    const { panMultiTouch, textStyle, toolStyle, toolColors, 
+            length, bidirectional, arrowAnnotate, zoom } = cornerstoneTools;
+
     // Set the configuration for the multitouch pan tool
-    var multiTouchPanConfig = {
+    const multiTouchPanConfig = {
         testPointers: function(eventData) {
             return (eventData.numPointers >= 3);
         }
     };
-    cornerstoneTools.panMultiTouch.setConfiguration(multiTouchPanConfig);
+    panMultiTouch.setConfiguration(multiTouchPanConfig);
 
-    // Set the text box background color
-    cornerstoneTools.textStyle.setBackgroundColor('rgba(0, 0, 0, 0.95)');
+    // Set text box background color
+    textStyle.setBackgroundColor('transparent');
 
     // Set the tool width
-    cornerstoneTools.toolStyle.setToolWidth(2);
+    toolStyle.setToolWidth(2);
 
     // Set color for inactive tools
-    cornerstoneTools.toolColors.setToolColor('#ff00ff'); //rgb(255, 255, 0)');
+    toolColors.setToolColor('#91b9cd'); //rgb(255, 255, 0)');
 
     // Set color for active tools
-    cornerstoneTools.toolColors.setActiveColor('#00ffff'); //rgb(0, 255, 0)'
+    toolColors.setActiveColor('#00ffff'); //rgb(0, 255, 0)'
+
+    // Set shadow configuration for length and bidirectional text boxes
+    const shadowConfig = {
+        shadow: true,
+        shadowColor: '#000',
+        shadowOffsetX: 1,
+        shadowOffsetY: 1
+    };
+
+    // Get some tools config to not override them
+    const lengthConfig = length.getConfiguration();
+    const bidirectionalConfig = bidirectional.getConfiguration();
+
+    // Add shadow to length tool 
+    length.setConfiguration({
+        ...lengthConfig,
+        ...shadowConfig
+    });
+
+    // Add shadow to length tool
+    bidirectional.setConfiguration({
+        ...bidirectionalConfig,
+        ...shadowConfig
+    });
 
     // Set the configuration values for the text annotation (Arrow) tool
     const annotateConfig = {
@@ -43,13 +72,13 @@ function configureTools() {
         drawHandles: false,
         arrowFirst: true
     };
-    cornerstoneTools.arrowAnnotate.setConfiguration(annotateConfig);
+    arrowAnnotate.setConfiguration(annotateConfig);
 
     const zoomConfig = {
         minScale: 0.05,
         maxScale: 10
     };
-    cornerstoneTools.zoom.setConfiguration(zoomConfig);
+    zoom.setConfiguration(zoomConfig);
 }
 
 toolManager = {