Visualize: ISDom

by Yuriy Bablyukh

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:6680/jrs-pro-feature-visualizejs/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<button>Refresh</button>
<div class="btn-group offset1">
                    <a class="btn btn-default disabled" title="Zoom IN" onclick="_viz.zoomIn()"><i
                            class="glyphicon glyphicon-zoom-in"></i></a>
                    <a class="btn btn-default disabled" title="Zoom Out" onclick="_viz.zoomOut()"><i
                            class="glyphicon glyphicon-zoom-out"></i></a>
                    <a class="btn btn-default disabled" title="Fit Height" onclick="_viz.fitHeight()"><i
                            class="glyphicon glyphicon-resize-vertical"></i></a>
                    <a class="btn btn-default disabled" title="Fit Width" onclick="_viz.fitWidth()"><i
                            class="glyphicon glyphicon-resize-horizontal"></i></a>
                    <a class="btn btn-default disabled" title="Fit Page" onclick="_viz.fitContainer()"><i
                            class="glyphicon glyphicon-fullscreen"></i></a>
                </div>
<div id="container1"></div>

JavaScript

visualize({
    auth: {
        name: "jasperadmin",
        password: "jasperadmin",
        organization: "organization_1"
    }
}, function (v) {
    var _viz="";
    var alwasyRefresh = false;    

    var report = v.report({
        //skip repport runnig during initialization
        runImmediately: !alwasyRefresh,
        resource: "/public/viz/usersReport",
        container: "#container1",
        defaultJiveUi: {
                        enabled: false
                    },
                          isolateDom:true
     });
    
    if (alwasyRefresh){
        report.refresh();
    }
    
    $("button").click(function(){   
        report
            .refresh()
            .done(function(){console.log("Report Refreshed!");})
            .fail(function(){alert("Report Refresh Failed!");});
    });
    
    
    _viz.zoom = 1;

        _viz.zoomIn = function () {
            _viz.report.scale(_viz.zoom += 0.1).run().fail(_viz.handleError);
        };

        _viz.zoomOut = function () {
            _viz.report.scale((_viz.zoom -= 0.1) > 0 ? _viz.zoom : _viz.zoom = 0.1).run().fail(_viz.handleError);
        };

        _viz.fitWidth = function () {
            _viz.report.scale("width").run().fail(_viz.handleError);
        };

        _viz.fitHeight = function () {
            _viz.report.scale("height").run().fail(_viz.handleError);
        };

        _viz.fitContainer = function () {
            _viz.report.scale("container").run().fail(_viz.handleError);
        };
    
   
});