Visualize: render Ad Hoc View

Test plugins

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<!--Provide URL to visualize.js-->

<script type='text/javascript' src="http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv/client/visualize.js"></script>
<!--<script type='text/javascript' src="http://localhost:8080/jrs/client/visualize.js"></script>-->

<link rel="stylesheet" href="http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv/scripts/adhoc/api/css/adHocView.css" type="text/css" media="screen">
<!--Provide container to render your visualization-->
<div id="container">
    <div id="table"></div>
    <div id="filterPanels"></div>
</div>

CSS

.control {
    display: block;
}
.control.input.text > .wrap {
    display:block;
}
.control > input {
    width: 360px;
}
.error, .logout {
    color: red;
}
.success {
    color: green;
}
.message {
    display: none;
}
#properties{
    margin-left: 10px;
    width: 350px;
    margin-left: 10px !important;
}
#typeChooser{
    width: 350px;
    margin-bottom: 10px;
    margin-left: 5px;
}
#chart{
    height: 500px;
    margin-bottom: 40px;
    position: relative;
    margin-left: 5px;
}
#filterPanels{
    margin-top: 10px;
}

.control.checkBox input{
    position:relative !important;
}

JavaScript

visualize({
  auth:{
  		token: "XmpALeuTgMhxV0KG20sDr6Y_gYb9FOyIIOl4Iwubh7lMJRi4TSD7r7flynB3RhkrKnvJT33js5xxV2g1OQQY6BPr",
        preAuth: true,
				tokenName: "pp"
  }
}, function (v) {
    
    v("#container").adHocView({
        baseUrl: "http://build-master.jaspersoft.com:5780/jrs-pro-feature-amber-adhoc-rest-api",
        url: "/public/Samples/Ad_Hoc_Views/04__Product_Results_by_Store_Type",
        table:{
            layout: {
                container: "#table",
                properties: '#properties',
                typeChooser: '#typeChooser',
                dataLevelSelector: '#properties'
            },
            
        },
        filters: "#filterPanels"
    });


    //show error
    function handleError(err){
        alert(err.message);
    }

});