renderer.js

// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.
const {ipcRenderer} = require('electron');
var tableify = require('tableify');

var txs = [];
var privTxs = [];
var memos = [];
var memosFlag = false; // when true update the memo table
var tmpSelect = document.createElement('select');
var genHistory = {'transparent': false, 'private': false};

Array.prototype.getRandom = function () {
    return this[Math.floor(Math.random() * this.length)];
};

function hexToString(s) {
    let str = '';
    for (let i = 0; i < s.length; i++) {
        let charCode = parseInt(s[(i*2)] + s[(i*2)+1], 16);
        str += String.fromCharCode(charCode);
    }
    return str;
}

function generateQuery (method, params) {
    let jsonObject;
    jsonObject = {'jsonrpc': '1.0', 'id': method, 'method': method, 'params': params};
    ipcRenderer.send('jsonQuery-request', jsonObject);
    return(jsonObject);
}

function generateQuerySync (method, params) {
    let jsonObject;
    jsonObject = {'jsonrpc': '1.0', 'id': method, 'method': method, 'params': params};
    return ipcRenderer.sendSync('jsonQuery-request-sync', jsonObject);
}

function showTxDetails(txid) {
    let res = generateQuerySync('gettransaction', [txid]);
    let datetime = new Date(res.result.time * 1000);
    datetime = datetime.toLocaleTimeString() + " - " + datetime.toLocaleDateString();
    let category = (res.result.amount < 0.0) ? 'send' : 'receive';
    let obj = { amount: res.result.amount, blockhash: res.result.blockhash, category: category, confirmations: res.result.confirmations, fee: res.result.fee, txid: res.result.txid, time: datetime };
    let alertText = `Amount: ${obj.amount}\n` +
            `Blockhash: ${obj.blockhash}\n` +
            `Confirmations: ${obj.confirmations}\n` +
            `Fee: ${obj.fee}\n` +
            `Time: ${obj.time}\n` +
            `TXID: ${obj.txid}\n`;
    alert(alertText);
}

function generateMemoTable (memos) {
    if (memosFlag === true) {
        memosFlag = false;
        memos.sort(function(a, b){ // sort table by date
            return b.time - a.time;
        });
        for (let i = 0; i < memos.length; i++) {
            memos[i]["details"] = '<a href="javascript:void(0)" onclick="renderer.showTxDetails(\'' + memos[i].txid + '\')">click</a>';
            let datetime = new Date(memos[i]["time"] * 1000);
            memos[i]["time"] = datetime.toLocaleTimeString() + " - " + datetime.toLocaleDateString();
            delete memos[i].txid;
        }
        // build empty table if no results
        if (memos.length < 1) {
            memos[0] = {'amount': '', 'address': '', 'memo': '', 'time': '', 'details': ''};
        }
        let tableElement = tableify(memos);
        let div = document.createElement('div');
        div.innerHTML = tableElement;
        div.firstElementChild.className += ' w3-table-all w3-tiny';
        document.getElementById("memoPage").innerHTML = div.innerHTML;
    }
}

function generateHistoryTable (txs, privTxs) {
    let combinedTxs = [].concat(txs, privTxs);
    combinedTxs.sort(function(a, b){ // sort table by date
        return b.time - a.time;
    });
    for (let i = 0; i < privTxs.length; i++) {
        privTxs[i]["address"] = privTxs[i].address.substr(0, 16) + '......' + privTxs[i].address.substr(-16);
    }
    for (let i = 0; i < combinedTxs.length; i++) {
        if (combinedTxs[i].memo) {
            memos.push({
                amount: combinedTxs[i].amount,
                address: combinedTxs[i].address,
                txid: combinedTxs[i].txid,
                memo: hexToString(combinedTxs[i].memo),
                time: combinedTxs[i].time
            });
        }
        let datetime = new Date(combinedTxs[i]["time"] * 1000);
        combinedTxs[i]["time"] = datetime.toLocaleTimeString() + " - " + datetime.toLocaleDateString();
        combinedTxs[i]["details"] = '<a href="javascript:void(0)" onclick="renderer.showTxDetails(\'' + combinedTxs[i].txid + '\')">click</a>';
        delete combinedTxs[i].memo;
        delete combinedTxs[i].txid;
    }
    memosFlag = true;
    // build empty table if no results
    if (combinedTxs.length < 1) {
        combinedTxs[0] = {'address': 'No received transactions found', 'amount': 0, 'category': '', 'confirmations': '', 'time': '', 'details': ''};
    }
    let tableElement = tableify(combinedTxs);
    let div = document.createElement('div');
    div.innerHTML = tableElement;
    div.firstElementChild.className += 'w3-table-all w3-tiny';
    for (let i = 0; i < div.getElementsByClassName("number").length; i++) {
        div.getElementsByClassName("number")[i].className += ' w3-right';
    }
    document.getElementById("transactionTransparentSpan").innerHTML = div.innerHTML;
}

ipcRenderer.on('jsonQuery-reply', (event, arg) => {
    if (arg.error && arg.error.code === -28) {
        document.getElementById("alertSpan").innerHTML = '<h2>' + arg.error.message + '</h2>' + '<br />&copy; 2017 zdeveloper.org (a Zclassic project) - Licensed under the Common Public Attribution License';
        while (true) {
            let res = generateQuerySync('getinfo', []);
            if (!res.result.error) {
                refreshUI();
                break;
            }
        }
    }

    document.getElementById("alertSpan").innerHTML = '';

    if (arg.id === 'getnetworkinfo') {
        document.getElementById("connectionsValue").innerHTML = arg.result.connections;
    }
    else if (arg.id === 'z_gettotalbalance') {
        document.getElementById("currentBalanceValue").innerHTML = arg.result.total;
        document.getElementById("transparentBalanceValue").innerHTML = arg.result.transparent;
        document.getElementById("transparentAvailableValue").innerHTML = arg.result.transparent;
        document.getElementById("privateBalanceValue").innerHTML = arg.result.private;
    }
    else if (arg.id === 'listtransactions') {
        let table = arg.result;
        for (let i = 0; i < table.length; i++) {
            delete table[i]["account"];
            delete table[i]["blockhash"];
            delete table[i]["blockindex"];
            delete table[i]["blocktime"];
            delete table[i]["fee"];
            delete table[i]["size"];
            delete table[i]["timereceived"];
            delete table[i]["vjoinsplit"];
            delete table[i]["vout"];
            delete table[i]["walletconflicts"];
            txs.push(table[i]);
        }
        genHistory.transparent = true;
    }
    if (arg.id === 'listaddressgroupings') {
        let table = [];
        let ctr = 0;
        for (let i = 0; i < arg.result.length; i++) {
            for (let n = 0; n < arg.result[i].length; n++) {
                table[ctr] = { 'transparent address': arg.result[i][n][0], 'amount': arg.result[i][n][1] };
                ctr += 1;
                let option = document.createElement("option");
                option.text = arg.result[i][n][0] + ' (' + arg.result[i][n][1] + ')';
                option.value = arg.result[i][n][0];
                document.getElementById("privateFromSelect").add(option);
            }
        }
        // build empty table if no results
        if (arg.result.length < 1) {
            table[0] = {'transparent address': 'No addresses with received balances found', 'amount': 0};
        }
        let tableElement = tableify(table);
        let div = document.createElement('div');
        div.innerHTML = tableElement;
        div.firstElementChild.className += ' w3-table-all w3-tiny';
        for (let i = 0; i < div.getElementsByClassName("number").length; i++) {
            div.getElementsByClassName("number")[i].className += ' w3-right';
        }
        document.getElementById("addressTransparentSpan").innerHTML = div.innerHTML;
    }
    else if (arg.id === 'z_listaddresses') {
        let table = [];
        let ctr = 0;
        for (let i = 0; i < arg.result.length; i++) {
            let res = generateQuerySync('z_getbalance', [arg.result[i], 0]);
            table[ctr] = { 'private address': arg.result[i], 'amount': res.result };
            ctr += 1;
            if (res.result > 0) {
                let option = document.createElement("option");
                option.text = arg.result[i] + ' (' + res.result + ')';
                option.value = arg.result[i];
                document.getElementById("privateFromSelect").add(option);
            }
        }
        // build empty table if no results
        if (arg.result.length < 1) {
            table[0] = {'privateaddress': 'No addresses with received balances found', 'amount': 0};
        }
        let tableElement = tableify(table);
        let div = document.createElement('div');
        div.innerHTML = tableElement;
        div.firstElementChild.className += ' w3-table-all w3-tiny';
        for (let i = 0; i < div.getElementsByClassName("number").length; i++) {
            div.getElementsByClassName("number")[i].className += ' w3-right';
        }
        document.getElementById("addressPrivateSpan").innerHTML = div.innerHTML;

        // gather a list of TXIDs associated with z_addresses
        for (let i = 0; i < arg.result.length; i++) {
            let res = generateQuerySync('z_listreceivedbyaddress', [arg.result[i], 0]);
            for (let n = 0; n < res.result.length; n++) {
                let tx = generateQuerySync('gettransaction', [res.result[n].txid]);
                privTxs.push({ address: arg.result[i], txid: tx.result.txid, amount: res.result[n].amount,
                    memo: res.result[n].memo, category: 'receive', time: tx.result.time, confirmations: tx.result.confirmations });
            }
        }
        genHistory.private = true;
    }
    else if (arg.id === 'listreceivedbyaddress') {
        let unusedAddresses = [];
        for (let i = 0; i < arg.result.length; i++) {
            if (arg.result[i].amount === 0) {
                unusedAddresses.push(arg.result[i].address);
            }
            if (unusedAddresses.length === 0) {
                document.getElementById("newTransparentAddress").click();
            }
        }
        document.getElementById("receivingAddressValue").value = unusedAddresses.getRandom();
    }
    else if (arg.id === 'sendmany') {
        if (arg.result === null) {
            window.alert('There was an error:\n\n' + arg.error.message);
        }
        else {
            window.alert('Successfully transmitted transaction.\n\nTXID: ' + arg.result);
        }
    }
    else if (arg.id === 'z_sendmany') {
        if (arg.result === null) {
            window.alert('There was an error:\n\n' + arg.error.message);
        }
        else {
            window.alert('Successfully initiated private transaction.\n\nTXID: ' + arg.result);
        }
    }
});

ipcRenderer.on('coin-reply', (event, arg) => {
    document.getElementById("coin").innerHTML = arg;
});

ipcRenderer.on('wallet-auth-error', (event, arg) => {
    document.getElementById("alertSpan").innerHTML = arg;
});

function refreshUI() {
    // reset
    document.getElementById("privateFromSelect").innerHTML = '';
    // for receivePage
    generateQuery('listreceivedbyaddress', [0, true]);

    // for historyPage
    generateQuery('listtransactions', []);

    // for addressesPage
    generateQuery('listaddressgroupings', []);
    generateQuery('z_listaddresses', []);

    // for general use
    generateQuery('getnetworkinfo', []);
    generateQuery('getinfo', []);
    generateQuery('z_gettotalbalance', [0]);
}

function pollUI() {
    if (genHistory.transparent === true && genHistory.private === true) {
        generateHistoryTable(txs, privTxs);
        txs = [];
        privTxs = [];
        genHistory.transparent = false;
        genHistory.private = false;
        generateMemoTable(memos);
    }
}

refreshUI();
setInterval(refreshUI, 16000);
setInterval(pollUI, 400);
ipcRenderer.send('coin-request'); // get abbreviation for coin

module.exports = {
    generateQuerySync: function(method, params) {
        return generateQuerySync(method, params);
    },
    generateQuery: function(method, params) {
        return generateQuery(method, params);
    },
    showTxDetails: function(txid) {
        return showTxDetails(txid);
    }
};