@doe-casl/verain-view
Advanced tools
Comparing version 1.3.8 to 1.3.9
{ | ||
"name": "@doe-casl/verain-view", | ||
"version": "1.3.8", | ||
"version": "1.3.9", | ||
"description": "VeraInView is a standalone HTML file that can act as an application to visualize your VERAin XML files.", | ||
@@ -5,0 +5,0 @@ "author": "Kitware, Inc.", |
@@ -7,3 +7,2 @@ import React from 'react'; | ||
import VTKWidget from '../widgets/VTKWidget'; | ||
import Color from '../widgets/Color'; | ||
@@ -80,36 +79,30 @@ import vtkRodVTKViewer from '../utils/RodVTKViewer'; | ||
{ | ||
key: 'color', | ||
dataKey: '', | ||
label: 'Color', | ||
key: 'cell', | ||
dataKey: 'label', | ||
label: 'Cell', | ||
classes: style.centeredCell, | ||
render: (_, layer) => { | ||
render: (cellName, layer) => { | ||
const color = this.props.ui.domain.cells[layer.label].color; | ||
// adds alpha channel | ||
const out = ColorManager.toRGBA(color.concat([1])); | ||
return <Color color={out} title="" border />; | ||
const background = ColorManager.toRGBA(color.concat([1])); | ||
return ( | ||
<select | ||
className={style.fullWidth} | ||
style={{ background }} | ||
value={cellName} | ||
onChange={(e) => this.onCellChange(layer, e.target.value)} | ||
> | ||
{cells.map((name) => ( | ||
<option key={name} value={name}> | ||
{name} | ||
</option> | ||
))} | ||
</select> | ||
); | ||
}, | ||
}, | ||
{ | ||
key: 'cell', | ||
dataKey: 'label', | ||
label: 'Cell/Layer Type', | ||
classes: style.centeredCell, | ||
render: (cellName, layer) => ( | ||
<select | ||
className={style.fullWidth} | ||
value={cellName} | ||
onChange={(e) => this.onCellChange(layer, e.target.value)} | ||
> | ||
{cells.map((name) => ( | ||
<option key={name} value={name}> | ||
{name} | ||
</option> | ||
))} | ||
</select> | ||
), | ||
}, | ||
{ | ||
key: 'length', | ||
dataKey: 'length', | ||
label: 'Length', | ||
label: 'Axial Length', | ||
classes: style.centeredCell, | ||
@@ -116,0 +109,0 @@ render: (value, layer) => ( |
6221056
18315