luxolus
/
open-nomad
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Connect the memory and cpu rectangles

This commit is contained in:
Michael Lange 2020-09-23 18:54:35 -07:00
parent 0ab6b31cab
commit 6d99f96425
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui/app/components/topo-viz.js
View File

@ -200,6 +200,7 @@ export default class TopoViz extends Component {
const vLeft = window.visualViewport.pageLeft;
const vTop = window.visualViewport.pageTop;
// Lines to the memory rect of each selected allocation
const edges = [];
for (let allocation of selectedAllocations) {
if (allocation !== activeEl) {
@ -213,10 +214,23 @@ export default class TopoViz extends Component {
}
}
// Lines from the memory rect to the cpu rect
for (let allocation of selectedAllocations) {
const id = allocation.closest('[data-allocation-id]').dataset.allocationId;
const cpu = allocation
.closest('.topo-viz-node')
.querySelector(`.cpu .bar[data-allocation-id="${id}"]`);
const bboxMem = allocation.getBoundingClientRect();
const bboxCpu = cpu.getBoundingClientRect();
edges.push({
x1: bboxMem.x + bboxMem.width / 2 + vLeft,
y1: bboxMem.y + bboxMem.height / 2 + vTop,
x2: bboxCpu.x + bboxCpu.width / 2 + vLeft,
y2: bboxCpu.y + bboxCpu.height / 2 + vTop,
});
}
this.activeEdges = edges;
});
// get element for active alloc
// get element for all selected allocs
// draw lines between centroid of each
}
}