feat(createViewer): Add setShadowEnabled

Kitware · Jul 24, 2018 · 0e013f7 · 0e013f7
1 parent e015d09
commit 0e013f7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/createViewer.js b/src/createViewer.js
@@ -212,6 +212,15 @@ const createViewer = (
     }
   }
 
+  let shadowEnabled = true;
+  publicAPI.setShadowEnabled = (shadow) => {
+    const toggleShadowButton = document.getElementById(`${viewerDOMId}-toggleShadowButton`);
+    if (shadow && !shadowEnabled || !shadow && shadowEnabled) {
+      shadowEnabled = !shadowEnabled;
+      toggleShadowButton.click();
+    }
+  }
+
   publicAPI.captureImage = () => {
     return view.captureImage();
   }

diff --git a/src/userInterface/createImageUI.js b/src/userInterface/createImageUI.js
@@ -63,11 +63,11 @@ function createUseShadowToggle(
   );
 
   const useShadowButton = document.createElement('div');
-  useShadowButton.innerHTML = `<input id="${viewerDOMId}-useShadow" type="checkbox" class="${
+  useShadowButton.innerHTML = `<input id="${viewerDOMId}-toggleShadowButton" type="checkbox" class="${
     style.toggleInput
   }" checked><label class="${contrastSensitiveStyle.shadowButton} ${
     style.toggleButton
-  }" for="${viewerDOMId}-useShadow">${shadowIcon}</label>`;
+  }" for="${viewerDOMId}-toggleShadowButton">${shadowIcon}</label>`;
   let useShadow = true;
   useShadowButton.addEventListener('change', (event) => {
     useShadow = !useShadow;