Visualize: Render Controls and Apply for report

IC - UI run report - and apply input control values

HTML

<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>

<div id="ic_main">
<div id="ic_container">
</div>
  <button id="apply">
Apply
</button>
</div>

<div id="container"></div>

CSS

#container{
  height:400px;
  width: 78%;
  display: inline-block;
}

#ic_main{
  vertical-align: top;
  width: 20%;
  display: inline-block;
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
	  var _resource ="/public/Samples/Reports/01._Geographic_Results_by_Segment_Report"
    var rep = v.report({
    resource: _resource,
    container: "#container",
    error: function(e) { alert(e); }
});

 var ic = v.inputControls({
    resource: _resource,
    container: "#ic_container",
    success: function(data) { console.log(data); },
    error: function(e) { alert(e); }
});

	$("#apply").click(function(){
  
   rep.params(ic.data().parameters).run(function (data) {
      console.log(data);}).fail(function(e) { console.log(e); });
  
  	
  });
   
});