const connex = new Connex({
  node: "https://testnet.veblocks.net/",
  network: "test"
});

const filterResult = document.getElementById("filterResult");
const filterOffset = 0; // Start cursor in the result
const filterLimit = 1; // Constrain the number of result returned

const ticker = connex.thor.ticker();
void (async () => {
  for (;;) {
    await ticker.next();
    document.getElementById("status").innerText =
      "Current block# " + connex.thor.status.head.number;
  }
})();

function filter() {
  const criteriaType = document.getElementById("criteria").value;
  var criteriaArray=[]
  const orderType = document.getElementById("order").value;
  const rangeUnit = document.getElementById("rangeUnit").value;
  const filterFrom = document.getElementById("from").value;
  const filterTo = document.getElementById("to").value;
  const filterCriteria = document.getElementsByName("filter_criteria");
  const address = document.getElementById("address").value;
  filterResult.innerText = "";

  const criteria = { [criteriaType]: address };
  criteriaArray.push(criteria)
  const filter = connex.thor.filter("transfer", criteriaArray);

  filter.order(orderType);
  if (filterFrom && filterTo != "") {
    filter.range({
      unit: rangeUnit,
      from: parseInt(filterFrom, 10),
      to: parseInt(filterTo, 10)
    });
  }
  filter.apply(filterOffset, filterLimit).then((logs) => {
    filterResult.innerText = JSON.stringify(logs, null, 4);
  });
}