Function quarkSummaryReportHTML

src/utils/quark-html.ts:9–328

(report: QuarkReport)

 * @returns WebView HTML
 */
export function quarkSummaryReportHTML(report: QuarkReport): string {
    let allCrimesHTML = "";

    for (const key in report) {
        const crimeObj = report[key];
        allCrimesHTML += `
        <tr class="row100 body" onclick="a(this.id)" id="${key}">
            <td class="cell100 column1">${crimeObj["crime"]}</td>
            <td class="cell100 column2">${crimeObj["confidence"]}</td>
        </tr>`;

        for (const pkey in report[key]["api_call"]) {
            const parentFunc = report[key]["api_call"];
            allCrimesHTML += `
            <tr onclick="navigate(this.id, '${key}')" id="${pkey}" style="display: none;">
                <td class="sub">
                <p>Class : ${parentFunc[pkey]["function"]["class"]}</p>
                <p>Method : ${parentFunc[pkey]["function"]["method"]}</p>

                <div class="api">
                    <p>API 1: <a>${parentFunc[pkey]["apis"][0]}</a></p>
                    <p>API 2: <a>${parentFunc[pkey]["apis"][1]}</a></p>
                </div>

                </td>
            </tr>`;
        }
    }
    const backgroundColor = new ThemeColor("badge.background");
    const style = `

        .vscode-light body{
            background: ${backgroundColor};
            color: #e2e2e2;
        }
        .vscode-dark body{
            background: ${backgroundColor};
            color: #000;
        }

        .js-pscroll {
            position: relative;
            overflow: hidden;
        }

        .table100 .ps__rail-y {
            width: 9px;
            background-color: transparent;
            opacity: 1 !important;
            right: 5px;
        }

        .table100 .ps__rail-y::before {
            content: "";
            display: block;
            position: absolute;
            background-color: #ebebeb;
            border-radius: 5px;