JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

HTML

<script type="text/javascript" src="http://build-master.jaspersoft.com:5980/jrs-pro-trunk/client/visualize.js"></script>
<div>
    <div style="width:830px;" id="main"></div>
    <div style="width:500px;" id="drill-down"></div>
</div>

JavaScript

var reportResource = "/public/Average_request_approval";
visualize({
    auth: {
        name: "superuser1",
        password: "superuser"
    }
}, function (v) {
    v("#main").report({
        resource: reportResource,
        linkOptions: {
            events: {
                "click": function (ev, link) {
                console.log(link.parameters._report);
                console.log(link.parameters.Approver);
                    if (link.type == "ReportExecution") {
                        v("#drill-down").report({
                            resource: link.parameters._report,
                            params: {
                                Approver: [link.parameters.Approver]
                            },
                            error: function (err) {
                                alert(err.message);
                            }
                        });
                      }
                }
            }
        },
        error: function (err) {
            alert(err.message);
        }
    });


},function (error) {
console.log(error)
}


);