jrangel/lcp-visualizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated Dataset Builder UI for nesting of Datapoints.

Browse Source
This commit is contained in:
Jeremy Rangel
2025-01-16 00:11:34 -08:00
parent 06b8c30fa3
commit 436af3dd29
3 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/LCPDatasetBuilder.js
View File

@ -63,8 +63,21 @@ const DatasetItem = ({ item, datasetKey, moveItem, updateItem, items }) => {
// Get child items
const childItems = items.filter(i => i.parent === item.id);
// Calculate the nesting level
const getItemDepth = (itemId) => {
let depth = 0;
let currentItem = items.find(i => i.id === itemId);
while (currentItem && currentItem.parent) {
depth++;
currentItem = items.find(i => i.id === currentItem.parent);
}
return depth;
};
const depth = getItemDepth(item.id);
const style = {
marginLeft: item.parent ? '20px' : '0',
marginLeft: `${depth * 20}px`, // 20px indentation per level
opacity: isDragging ? 0.5 : 1,
cursor: 'move',
background: isOver ? '#f0f0f0' : 'white',