<!doctype>
<html>
<title>JevCoin</title>
<head>
<script type="text/javascript" src="../ext/bignumber.min.js"></script>
<script type="text/javascript" src="../ext/ethereum.js/dist/ethereum.js"></script>
</head>
<body>

<h1>JevCoin</h1>
<div>
	<strong>Balance</strong>
	<span id="balance"></strong>
</div>

<div>
	<span class="amount">Amount:</span>
	<input type="text" id="address" style="width:200px">
	<input type="text" id="amount" style="width:200px">
	<button onclick="transact()">Send</button>
</div>

<table width="100%" id="table">
</table>

</body>

<script type="text/javascript">
	var web3 = require('web3');
	var eth = web3.eth;

	web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8080'));
	var desc =  [{
		"name": "balance(address)",
		"type": "function",
		"inputs": [{
			"name": "who",
			"type": "address"
		}],
		"constant": true,
		"outputs": [{
			"name": "value",
			"type": "uint256"
		}]
	}, {
		"name": "send(address,uint256)",
		"type": "function",
		"inputs": [{
			"name": "to",
			"type": "address"
		}, {
			"name": "value",
			"type": "uint256"
		}],
		"outputs": []
	}, {
		"name":"Changed",
		"type":"event",
		"inputs": [
			{"name":"to","type":"address","indexed":true},
			{"name":"amount","type":"uint256","indexed":false},
		],
	}];

    var address = web3.db.get("jevcoin", "address");
    if( address.length == 0 ) {
        var code = "0x60056011565b60b88060356000396000f35b64e8d4a51000600033600160a060020a0316600052602052604060002081905550560060e060020a6000350480637bb98a68146028578063d0679d34146034578063e3d670d714604657005b602e60b3565b60006000f35b60406004356024356059565b60006000f35b604f6004356091565b8060005260206000f35b8060005281600160a060020a03167fb52dda022b6c1a1f40905a85f257f689aa5d69d850e49cf939d688fbe5af594660206000a25050565b6000600082600160a060020a03166000526020526040600020549050919050565b5b60008156";
        address = web3.eth.transact({
            data: code,
            gasPrice: "1000000000000000",
            gas: "10000",
        });
        web3.db.put("jevcoin", "address", address);
    }

	var contract = web3.eth.contract(address, desc);
	contract.Changed({to: "0xaa"}).changed(function(e) {
		console.log("e: " + JSON.stringify(e));
	});
	contract.send( "0xaa", 10000 );
	function reflesh() {
        document.querySelector("#balance").innerHTML = contract.balance(eth.coinbase);

		var table = document.querySelector("#table");
		table.innerHTML = ""; // clear

		var storage = eth.storageAt(address);
		for( var item in storage ) {
			table.innerHTML += "<tr><td>"+item+"</td><td>"+web3.toDecimal(storage[item])+"</td></tr>";
		}
	}

	function transact() {
		var to = document.querySelector("#address").value;
        if( to.length == 0 ) {
		    to = "0x4205b06c2cfa0e30359edcab94543266cb6fa1d3";
        } else {
            to = "0x"+to;
        }

		var value = parseInt( document.querySelector("#amount").value );

		contract.transact({gas: "10000", gasprice: eth.gasPrice}).send( to, value );
	}

	reflesh();
</script>

</html>