Tag label rendering

This commit is contained in:
Ian Gulliver
2019-07-14 22:21:43 +00:00
parent 736d9604f3
commit 7ce2563781
4 changed files with 59 additions and 8 deletions

16
Grid.js
View File

@@ -48,6 +48,10 @@ class Grid {
case 'node':
this.drawNode(step.id, step.label, step.pos, step.tags);
break;
case 'tagLabel':
this.drawTagLabel(step.id, step.pos, step.label, step.tag);
break;
}
}
@@ -148,6 +152,18 @@ class Grid {
this.linkToEditor(node, id, true);
}
drawTagLabel(id, pos, label, tag) {
let elem = document.createElement('div');
this.container_.appendChild(elem);
elem.classList.add('gridTagLabel');
elem.classList.add('grid-' + id);
elem.innerText = label;
elem.style.gridColumn = pos[0] + 1;
elem.style.gridRow = pos[1] + 1;
elem.classList.add('tag' + tag);
this.linkToEditor(elem, id, true);
}
linkToEditor(elem, id, copyLabel) {
let source = document.getElementById(id);
if (!source) {