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:600px;width:600px;float:left;">
  </div>

CSS

#main {
  float: left;
}

#drill-down {
  float: left;
}

JavaScript

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

var t = encodeURIComponent("Ul7-powE5FpsnA2wpYezZ1xND1tcvSeTsFJIYbjSxNL4iwdJ7W25puwdZmlkisUQ");

visualize({
  auth: {
  token: t,
  preAuth: true,
  tokenName: 'pp'
  }
}, 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";
  }

});