JSFiddle - React, Tailwind, and code Playground

by Kishoreajey

HTML

<script src="https://underscorejs.org/underscore.js"></script>
<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<!-- Provide the URL to visualize.js -->
<script src="http://localhost:8081/jasperserver-pro/client/visualize.js"></script>
<div id="console-log"></div>
<div>
  <div id="main" style="background-color:#FFD700;height:200px;width:400px;float:left;">
  </div>

JavaScript

var consoleLine = "<p class=\"console-line\"></p>";

visualize({
  auth: {
    organization: "organization_1",
    name: "jasperadmin",
    password: "jasperadmin"
  }
}, function(v) {
  v("#main").report({
    resource: "/public/Samples/Reports/IHPBI/Ad_Hoc_View___Sample_Report",
      error: function(err) {
      alert(err.message);
    }
  });

  function showCursor(pair) {
    var el = pair.element;
    el.style.cursor = "pointer";
  }

});