itk-viewer-reference-ui/src/Images/createVolumeRenderingInputs.js

Reference UI for itk-viewer

import style from '../ItkVtkViewer.module.css'

import createShadowToggle from './createShadowToggle'
import createGradientOpacitySlider from './createGradientOpacitySlider'
import createSampleDistanceSlider from './createSampleDistanceSlider'
import createBlendModeSelector from './createBlendModeSelector'

function createVolumeRenderingInputs(context, imagesUIGroup) {
  const viewerDOMId = context.id

  const volumeRow1 = document.createElement('div')
  volumeRow1.setAttribute('class', style.uiRow)
  createShadowToggle(context, volumeRow1)
  createGradientOpacitySlider(context, volumeRow1)
  imagesUIGroup.appendChild(volumeRow1)
  context.images.volumeRow1 = volumeRow1

  const volumeRow2 = document.createElement('div')
  volumeRow2.setAttribute('class', style.uiRow)
  createSampleDistanceSlider(context, volumeRow2)
  createBlendModeSelector(context, volumeRow2)
  imagesUIGroup.appendChild(volumeRow2)

  context.images.volumeRow1 = volumeRow1
  context.images.volumeRow2 = volumeRow2
}

export default createVolumeRenderingInputs