Visualize: Resources search (5.6)

by srikar7

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Visualize: Resources search  (5.6)
  -->

<script type='text/javascript' src="http://localhost:8081/jasperserver-pro/client/visualize.js"></script>

<div id="main">

</div>

CSS

span {
  width :50%;
  height:50%;
  overflow:auto;
  float:left;
 
}
main{
  width:4000px;
  height:4000px;
}
select{
  margin:30px;
}
.dfainput{
  width:40%;
  height:40%;
  padding:50px;
  
  overflow:visible;
  float:left;
}

JavaScript

// Visualize: Resources search  (5.6)

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

  v.resourcesSearch({
    folderUri: "/public/Samples/practice",
    recursive: true,
    types: ["reportUnit"],
    success: renderResults,
    error: function(err) {
      alert(err);
    }
  })

  var uriarray = [];
  var labelarray = [];
  let urilength = 0;
  let labellength = 0;
  let txt="";
 
  // utility function
  function renderResults(results) {
    console.log(results);
    console.log("res", results.length);
    for (var i = 0; i < results.length; i++) {
      labelarray.push(results[i].label);
      uriarray.push(results[i].uri);
    }
    for (var x = 1; x<=uriarray.length; x++) {
    txt= $("<div></div>",{id:"div"+x,text:"div"+x});
   var s=$("<select/>",{id:"sel"+x});
   s.append($("<option/>",{text:"hi"+x}));
   $("#main").append(txt);
   $("#div"+x).before(s)
   $("#sel"+x).before($("<div/>",{id:"inp"+x,class:"dfainput"}))
      
      var re=v("#div"+x).report({
resource:uriarray[x-1]
})

v.inputControls({
resource:uriarray[x-1],
container:"#inp"+x,
events:{change:function(params,error){
console.log("par",params)
}}
})

    }
  }


console.log("urarray", uriarray); console.log("label'sarray:", labelarray); console.log("urlen", uriarray.length); console.log("labelen", labelarray.length);

});