Visualize: Render report with pagination

Test plugins

by NesterOne

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://localhost:8080/jrs/client/visualize.js"></script>
<input type="text" value="2014-04-20T00:00:00" id="betweenDates1" />-
<input type="text" id="betweenDates2" value="2014-04-24T00:00:00" />
<button id="setTimestampRange">Set timestamp range</button>
<button id="resetTimestampFilter">Reset timestamp filter</button>
<br/>
<br>
<div id="container"></div>

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {

    var report = v.report({
        resource: "/public/viz/report_with_different_column_types",
        container: "#container",
        error: function (err) {
            alert(err);
        }
    });

    $("#setTimestampRange").on("click", function () {
        report.updateComponent("column_timestamp", {
            filter: {
                operator: "between",
                value: [$("#betweenDates1").val(), $("#betweenDates2").val()]
            }
        }).fail(handleError);
    });

    $("#resetTimestampFilter").on("click", function () {
        report.updateComponent("column_timestamp", {
            filter: {}
        }).fail(handleError);
    });

});

function handleError(err) {
    console.log(err);
    alert(err);
}