29 lines
951 B
JavaScript
29 lines
951 B
JavaScript
function createEntry(header, value) {
|
|
const entry = document.createElement('div');
|
|
const nameHeader = document.createElement('span');
|
|
const nameHeaderValue = document.createTextNode(header);
|
|
const nameValueContainer = document.createElement('b');
|
|
const nameValue = document.createTextNode(value);
|
|
|
|
nameHeader.appendChild(nameHeaderValue);
|
|
nameValueContainer.appendChild(nameValue);
|
|
|
|
entry.appendChild(nameHeader);
|
|
entry.appendChild(nameValueContainer);
|
|
|
|
return entry;
|
|
}
|
|
|
|
export function createTooltipHTML({ name, groupNumber, nodeMeasure }) {
|
|
const tooltip = document.createElement('div');
|
|
const nameEntry = createEntry('Name: ', name);
|
|
const groupNumberEntry = createEntry('Group number: ', groupNumber);
|
|
const nodeMeasureEntry = createEntry('Node measure: ', nodeMeasure);
|
|
|
|
tooltip.appendChild(nameEntry);
|
|
tooltip.appendChild(groupNumberEntry);
|
|
tooltip.appendChild(nodeMeasureEntry);
|
|
|
|
return tooltip.innerHTML;
|
|
}
|