itk-viewer-reference-ui/src/Layers/selectLayer.js

Reference UI for itk-viewer

import applyGroupVisibility from '../applyGroupVisibility'

const selectedBorderWidth = '3px'
const unselectedBorderWidth = '2px'

function selectLayer(context, event) {
  const name = event.data
  const actorContext = context.layers.actorContext.get(name)

  const layerEntry = context.layers.uiLayers.get(name)
  layerEntry.style.borderWidth = selectedBorderWidth

  const type = actorContext.type
  context.layers.actorContext.forEach((ac, layerName) => {
    if (layerName !== name && ac.type === type) {
      const entry = context.layers.uiLayers.get(layerName)
      entry.style.borderWidth = unselectedBorderWidth
    }
  })

  if (!actorContext.visible) {
    context.service.send({
      type: 'TOGGLE_LAYER_VISIBILITY',
      data: name,
    })
  }

  if (!context.uiCollapsed) {
    switch (type) {
      case 'image':
        applyGroupVisibility(context, ['images'], true)
        const imageActorContext = context.images.actorContext.get(name)
        if (imageActorContext.labelImageName) {
          applyGroupVisibility(
            context,
            ['labelImages', 'labelImageWeights'],
            true
          )
        }
        break
      case 'labelImage':
        if (actorContext.imageName) {
          applyGroupVisibility(context, ['images'], true)
        }
        applyGroupVisibility(
          context,
          ['labelImages', 'labelImageWeights'],
          true
        )
        break
      default:
        console.error(`Unsupported layer type: ${type}`)
    }
  }
}

export default selectLayer