export function render (controller) {
elementOpen('content')
attr('select', 'h1')
elementClose('content')
elementOpen('p')
text(`current timestemp: ${controller.text}`);
elementClose('p')
}
private _render(data: TreeNode) {
elementOpenStart('span', '', null);
if (data.depth % 2 === 0) {
attr('style', 'background-color: grey');
}
elementOpenEnd();
text(` ${data.value} `);
elementClose('span');
if (data.left) {
elementOpen('tree', '', null);
this._render(data.left);
elementClose('tree');
}
if (data.right) {
elementOpen('tree', '', null);
this._render(data.right);
elementClose('tree');
}
}
private _render(data: TableCell[][]) {
elementOpen('table');
elementOpen('tbody');
for (let r = 0; r < data.length; r++) {
elementOpen('tr');
const row = data[r];
for (let c = 0; c < row.length; c++) {
elementOpenStart('td');
if (r % 2 === 0) {
attr('style', 'background-color: grey');
}
elementOpenEnd('td');
text(row[c].value);
elementClose('td');
}
elementClose('tr');
}
elementClose('tbody');
elementClose('table');
}