JSFiddle - React, Tailwind, and code Playground

by NesterOne

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script type='text/javascript' src="http://build-master.jaspersoft.com:7980/jrs-pro-bugfix/client/visualize.js"></script>

<button id="runReportButton">Run Report</button>
<div id="container"></div>

JavaScript

visualize({
	    auth: {
	        name: "jasperadmin",
	        password: "jasperadmin"
	    }
	}, function (v) {

	    $("#runReportButton").on("click", function () {
	        report = v.report({
	            resource: "/public/Samples/Reports/AllAccounts",
	            container: "#container",
	            pages: "1-15",
	            events: {
	                pageFinal: function (el) {
	                    console.log("Final page is rendered!");
	                    console.log(el);
	                    // alert("Final page is rendered!");
	                },
	                reportCompleted: function (status) {
	                    console.log("Report status: " + status);
	                    // alert("Report status: "+ status );
	                },
	                changeTotalPages: function (totalPages) {
	                    console.log("Total Pages: " + totalPages);
	                    // alert("Total Pages: " + totalPages);
	                },
	                beforeRender: function (el) {
	                    console.log("Before report is rendered");
	                    console.log(el);
	                    // alert("Before report is rendered");
	                }
	            },
	            success: function (data) {
	                console.log("Report ran successfully");
	                console.log(data); // confirm and inspect parameter
	                // alert( "Report ran successfully" );
	            },
	            error: function (err) {
	                console.log("Error: " + err.message);
	                // alert( "Error: " + err.message);
	            }
	        });
	    });
	});