wallet-core/extension/popup/transactions.js

'use strict';

function add_transaction (date, currency, amount, status, contract)
{
  let table = document.getElementById('transactions-table');
  table.className = table.className.replace(/\bhidden\b/, '');
  let tr = document.createElement('tr');
  table.appendChild(tr);

  let td_date = document.createElement('td');
  td_date.className = 'date';
  let text_date = document.createTextNode(date_format (date));
  tr.appendChild(td_date).appendChild(text_date);

  let td_amount = document.createElement('td');
  td_amount.className = 'amount';
  let text_amount = document.createTextNode(amount +' '+ currency);
  tr.appendChild(td_amount).appendChild(text_amount);

  let td_status = document.createElement('td');
  td_status.className = 'status';
  let text_status = document.createTextNode(status);
  tr.appendChild(td_status).appendChild(text_status);

  let td_contract = document.createElement('td');
  td_contract.className = 'contract';
  let btn_contract = document.createElement('button');
  btn_contract.appendChild(document.createTextNode('Contract'));
  tr.appendChild(td_contract).appendChild(btn_contract);
}

document.addEventListener('DOMContentLoaded', function () {
  let no = document.getElementById('no-transactions');

  // FIXME
  no.className += ' hidden';
  add_transaction (new Date('2015-12-21 13:37'), 'EUR', 42, 'Completed', {});
  add_transaction (new Date('2015-12-22 10:01'), 'USD', 23, 'Pending', {});
});