feat(createViewer): Add setSlicingPlanesEnabled

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

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/createViewer.js b/src/createViewer.js
@@ -221,6 +221,15 @@ const createViewer = (
     }
   }
 
+  let slicingPlanesEnabled = false;
+  publicAPI.setSlicingPlanesEnabled = (slicingPlanes) => {
+    const toggleSlicingPlanesButton = document.getElementById(`${viewerDOMId}-toggleSlicingPlanesButton`);
+    if (slicingPlanes && !slicingPlanesEnabled || !slicingPlanes && slicingPlanesEnabled) {
+      slicingPlanesEnabled = !slicingPlanesEnabled;
+      toggleSlicingPlanesButton.click();
+    }
+  }
+
   publicAPI.captureImage = () => {
     return view.captureImage();
   }

diff --git a/src/userInterface/createImageUI.js b/src/userInterface/createImageUI.js
@@ -39,11 +39,11 @@ function createViewPlanesToggle(
   }
 
   const viewPlanesButton = document.createElement('div');
-  viewPlanesButton.innerHTML = `<input id="${viewerDOMId}-viewPlanes" type="checkbox" class="${
+  viewPlanesButton.innerHTML = `<input id="${viewerDOMId}-toggleSlicingPlanesButton" type="checkbox" class="${
     style.toggleInput
   }"><label class="${style.viewPlanesButton} ${
     style.toggleButton
-  }" for="${viewerDOMId}-viewPlanes">${viewPlansIcon}</label>`;
+  }" for="${viewerDOMId}-toggleSlicingPlanesButton">${viewPlansIcon}</label>`;
   viewPlanesButton.addEventListener('change', (event) => {
     setViewPlanes();
   });

diff --git a/src/userInterface/createMainUI.js b/src/userInterface/createMainUI.js
@@ -157,7 +157,7 @@ function createMainUI(
     document.getElementById(`${viewerDOMId}-volumeRenderingButton`).checked = true;
     const volumeRenderingRow = uiContainer.querySelector(`.${viewerDOMId}-volumeRendering`);
     volumeRenderingRow.style.display = 'flex';
-    const viewPlanes = document.getElementById(`${viewerDOMId}-viewPlanes`).checked;
+    const viewPlanes = document.getElementById(`${viewerDOMId}-toggleSlicingPlanesButton`).checked;
     const xPlaneRow = uiContainer.querySelector(`.${viewerDOMId}-x-plane-row`);
     const yPlaneRow = uiContainer.querySelector(`.${viewerDOMId}-y-plane-row`);
     const zPlaneRow = uiContainer.querySelector(`.${viewerDOMId}-z-plane-row`);