Visualize: render report and input controls

Test plugins

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<script type='text/javascript' src="http://reportingrct.msflogistique.org/jasperserver-pro/client/visualize.js"></script>

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

<summary>Semaine_type</summary>
 <select id="semaineTypeInputControl" style="width:100px;"></select> 
 
 <summary>Opérateur</summary>
 <select multiple id="operateurInputControl" style="width:100px;"></select> 
 
 <button class="execute_graph" type="button">Appliquer</button>

JavaScript

visualize({
    auth: {
        name: "jasperadmin",
        password: "!p14no!p14no"
    }
}, function (v) {
    var semaineTypeInputControl = v.inputControls({
        resource: "/organizations/organization_1/ListesValeurs/Test_input_1",
        success: renderSemaineTypeInputControl
    });
    var operateurInputControl = v.inputControls({
        resource: "/organizations/organization_1/ListesValeurs/Test_input_2",
        success: renderOperateurInputControl
    });
    
    v("#container").report({
         resource: "/WorkTmp/Test_hulya2",
        error: handleError
    });
      //show error
     function handleError(err) {
         alert(err.message);
     }
    
});

function renderSemaineTypeInputControl(data) {
   var semaineTypeInputControl = _.findWhere(data, {id: "Test_input_1"});
    var selectSemaineType = $("#semaineTypeInputControl"); 
    _.each(semaineTypeInputControl.state.options, function(option) {
        selectSemaineType.append("<option " + (option.selected ? "selected" : "") + " value='" + option.value + "'>" + option.label + "</option>");
    });
}

function renderOperateurInputControl(data) {
   var operateurInputControl = _.findWhere(data, {id: "Test_input_2"});
    var selectOperateur = $("#operateurInputControl"); 
    _.each(operateurInputControl.state.options, function(option) {
        selectOperateur.append("<option " + (option.selected ? "selected" : "") + " value='" + option.value + "'>" + option.label + "</option>");
    });
}

$('.execute_graph').click(function() {
    var selectedSemaineType = $('#semaineTypeInputControl option:selected');
    var selectedOperateur = "";
   	for (var i = 0; i < operateurInputControl.selectedOptions.length; i++) {
    	selectedOperateur += '&'+operateurInputControl.selectedOptions[i].value;
    }
    console.log(selectedSemaineType.html());
    console.log(selectedOperateur);
            $.ajax({
            url:...