summary.ts

import * as d3 from "d3";
import { RenderInfo, SummaryInfo } from "./data";
import * as expr from "./expr";

function checkSummaryTemplateValid(summaryTemplate: string): boolean {
    return true;
}

export function renderSummary(
    canvas: HTMLElement,
    renderInfo: RenderInfo,
    summaryInfo: SummaryInfo
) {
    // console.log("renderSummary");
    // console.log(renderInfo);
    if (!renderInfo || !summaryInfo) return;

    let outputSummary = "";
    if (checkSummaryTemplateValid(summaryInfo.template)) {
        outputSummary = summaryInfo.template;
    } else {
        return "Invalid summary template";
    }

    outputSummary = expr.resolveTemplate(outputSummary, renderInfo);
    if (outputSummary !== "") {
        let textBlock = d3.select(canvas).append("div");
        if (outputSummary.includes("\n")) {
            let outputLines = outputSummary.split("\n");
            for (let outputLine of outputLines) {
                textBlock.append("div").text(outputLine);
            }
        } else {
            textBlock.text(outputSummary);
        }

        if (summaryInfo.style !== "") {
            textBlock.attr("style", summaryInfo.style);
        }
    }
}