JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script type='text/javascript' src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script type='text/javascript' src="http://infra-platforms-phase2-4765-dbooth.pfa.jaspersoft.com:8080/jasperserver-pro/client/visualize.js?_opt=false"></script>

<button id='valid'>Apply valid

</button>

<button id='number2'>Apply numeric2

</button>
<button id='number3'>Apply numeric3

</button>
<button id='boolean'>Apply boolean

</button>
<button id='date'>Apply date

</button>
<button id='time'>Apply time

</button>
<button id='timestamp'>Apply timestamp

</button>
<!--Provide container to render your visualization-->
<div id="container" style="height: 400px;position: relative"></div>

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var adv = v.adhocView({
    resource: "/public/EmbeddableAhv/Filters/validation",
    container: "#container",
    success: function(data) {
      console.log(data);
    },
    error: function(e) {
      console.log(e);

    }
  });

  $('#valid').on('click', function() {
    adv.params({
      store_sales_1: ['4441.18'],
      store_store_number_1: ['24'],
      store_first_opened_date_1: ['1951-01-24'],
      store_last_remodel_date_1: ['1958-01-07 00:00:00'],
      store_coffee_bar_1: ['true', 'false'],
      Time_1: ['15:15:50']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });




  $('#number2').on('click', function() {
    adv.params({
      store_sales_1: ['1,1']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });


  $('#number3').on('click', function() {
    adv.params({
      store_sales_1: ['test']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });

  $('#boolean').on('click', function() {
    adv.params({
      store_coffee_bar_1: ['test']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });

  $('#date').on('click', function() {
    adv.params({
      store_first_opened_date_1: ['2021-07:15']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });

  $('#time').on('click', function() {
    adv.params({
      Time_1: ['00:07-57']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });

  $('#timestamp').on('click', function() {
    adv.params({
      store_last_remodel_date_1: ['2021-07:15o13:07:57']
    }).run().fail(function(e) {
      console.log('parameter error: ');
      console.log(e);
    });
  });






});