Autoscaling containers

Print 2 reports and scale to container

by Stas_P

HTML

<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script src="https://underscorejs.org/underscore-min.js"></script>
<script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>

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

CSS

#container {
  width: 100%;
}

JavaScript

visualize({
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1"
  }
}, function(v) {
  buildControl("Resources types", v.resourcesSearch.types);
  buildControl("Resources search sort types", v.resourcesSearch.sortBy);
});

function buildControl(name, options) {
  function buildOptions(options) {
    let template = "<option>{value}</option>";
    return options.reduce(function(memo, option) {
      return memo + template.replace("{value}", option);
    }, "")
  }
  
  console.log(options);
  if (!options.length) {
    console.log(options);
  }
  
  let template = "<label>{label}</label><select>{options}</select><br>",
    content = template.replace("{label}", name)
    .replace("{options}", buildOptions(options));
  $("#container").append($(content));
}