Visualize: login/logout with SSO sample

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://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<input type="text" name="ticket" id="ticket"> </input> 
<button id="log">Login</button>
<div id="container"></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;
}

JavaScript

$("#log").click(function(){
    
    var tic=$("#ticket")
.val();
    console.log(tic);
    visualize({
    auth : { 
        tokenName: "ticket",
        token : tic      
    } 
}, function (v){
    console.dir("Authentification with SSO token complite");

    v.report({
            resource: "/public/Samples/Reports/04._Product_Results_by_Store_Type_Report",
            container: "#container"
        });
        
});
    
});