forked from Kitware/itk-vtk-viewer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
createCategoricalColorIconSelector.js
35 lines (32 loc) · 1.03 KB
/
createCategoricalColorIconSelector.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import { IconSelect } from '@thewtex/iconselect.js/lib/control/iconselect'
import CategoricalPresetIcons from './CategoricalPresetIcons'
function createCategoricalColorIconSelector(categoricalColorSelectorDiv) {
const rows = 4
const cols = 2
const iconSelectParameters = {
selectedIconWidth: 140,
selectedIconHeight: 22,
selectedBoxPadding: 1,
iconsWidth: 60,
iconsHeight: 22,
boxIconSpace: 1,
vectoralIconNumber: cols,
horizontalIconNumber: rows,
}
const iconSelect = new IconSelect(
`${categoricalColorSelectorDiv.id}`,
categoricalColorSelectorDiv,
iconSelectParameters
)
categoricalColorSelectorDiv.style.width = '154px'
const icons = new Array(rows * cols)
let count = 0
for (let [key, value] of CategoricalPresetIcons.entries()) {
const index = Math.floor(count % rows) * cols + Math.floor(count / rows)
icons[index] = { iconFilePath: value, iconValue: key }
count++
}
iconSelect.refresh(icons)
return iconSelect
}
export default createCategoricalColorIconSelector