95 lines
1.8 KiB
JavaScript
95 lines
1.8 KiB
JavaScript
const Lengths = {
|
|
paddingLeft: 12,
|
|
nodeWidth: 180,
|
|
statusHeight: 18
|
|
};
|
|
|
|
const Sizes = {
|
|
buttonSize: {
|
|
width: 40,
|
|
height: 48
|
|
},
|
|
contentSize: {
|
|
width: Lengths.nodeWidth,
|
|
// height: 101 // This is the height w/o info comp
|
|
height: 42
|
|
},
|
|
childContentSize: {
|
|
width: Lengths.nodeWidth,
|
|
height: 60
|
|
},
|
|
nodeSize: {
|
|
width: Lengths.nodeWidth,
|
|
// height: 156
|
|
height: 90
|
|
},
|
|
nodeSizeWithChildren: {
|
|
width: Lengths.nodeWidth,
|
|
// height: 276
|
|
height: 176
|
|
}
|
|
};
|
|
|
|
const Points = {
|
|
buttonPosition: {
|
|
x: Lengths.nodeWidth - Sizes.buttonSize.width,
|
|
y: 0
|
|
},
|
|
contentPosition: {
|
|
x: 0,
|
|
y: Sizes.buttonSize.height
|
|
},
|
|
infoPosition: {
|
|
x: Lengths.paddingLeft,
|
|
y: 11
|
|
},
|
|
metricsPosition: {
|
|
x: Lengths.paddingLeft,
|
|
y: 41
|
|
},
|
|
subtitlePosition: {
|
|
x: Lengths.paddingLeft,
|
|
y: 23
|
|
}
|
|
};
|
|
|
|
const Rects = {
|
|
// X, y, width, height
|
|
buttonRect: {
|
|
...Sizes.buttonSize,
|
|
...Points.buttonPosition
|
|
},
|
|
contentRect: {
|
|
...Sizes.contentSize,
|
|
...Points.contentPosition
|
|
},
|
|
childContentRect: {
|
|
...Sizes.childContentSize,
|
|
...Points.contentPosition
|
|
},
|
|
// Top, bottom, left, right - from 'centre'
|
|
nodeRect: {
|
|
...Sizes.nodeSize,
|
|
left: -Sizes.nodeSize.width / 2,
|
|
right: Sizes.nodeSize.width / 2,
|
|
top: -Sizes.nodeSize.height / 2,
|
|
bottom: Sizes.nodeSize.height / 2
|
|
},
|
|
nodeRectWithChildren: {
|
|
...Sizes.nodeSizeWithChildren,
|
|
left: -Sizes.nodeSizeWithChildren.width / 2,
|
|
right: Sizes.nodeSizeWithChildren.width / 2,
|
|
top: -Sizes.nodeSizeWithChildren.height / 2 + Sizes.contentSize.height / 3,
|
|
bottom: Sizes.nodeSizeWithChildren.height / 2 + Sizes.contentSize.height / 3
|
|
}
|
|
};
|
|
|
|
const Constants = {
|
|
...Lengths,
|
|
...Sizes,
|
|
...Points,
|
|
...Rects
|
|
};
|
|
|
|
export default Constants;
|