2015-01-29 21:39:26 +02:00
<!doctype>
< html >
2015-01-30 14:25:12 +02:00
< title > JevCoin< / title >
2015-01-29 21:39:26 +02:00
< 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 >
2015-02-07 18:04:19 +02:00
< h1 > JevCoin < code id = "address" > < / code > < / h1 >
2015-01-29 21:39:26 +02:00
< 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 >
2015-02-07 18:04:19 +02:00
< hr >
2015-01-29 21:39:26 +02:00
< table width = "100%" id = "table" >
2015-02-07 18:04:19 +02:00
< tr > < td style = "width:40%;" > Address< / td > < td > Balance< / td > < / tr >
< tbody id = "table_body" > < / tbody >
2015-01-29 21:39:26 +02:00
< / table >
< / body >
< script type = "text/javascript" >
var web3 = require('web3');
var eth = web3.eth;
2015-02-07 18:04:19 +02:00
web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8545'));
var desc = [{
2015-01-29 21:39:26 +02:00
"name": "balance(address)",
2015-02-05 01:05:47 +02:00
"type": "function",
2015-01-29 21:39:26 +02:00
"inputs": [{
"name": "who",
"type": "address"
}],
2015-02-05 01:05:47 +02:00
"constant": true,
2015-01-29 21:39:26 +02:00
"outputs": [{
"name": "value",
"type": "uint256"
}]
}, {
"name": "send(address,uint256)",
2015-02-05 01:05:47 +02:00
"type": "function",
2015-01-29 21:39:26 +02:00
"inputs": [{
"name": "to",
"type": "address"
}, {
"name": "value",
"type": "uint256"
}],
"outputs": []
2015-02-05 01:05:47 +02:00
}, {
2015-02-07 18:04:19 +02:00
"name":"changed",
2015-02-05 01:05:47 +02:00
"type":"event",
"inputs": [
2015-02-05 03:28:54 +02:00
{"name":"to","type":"address","indexed":true},
2015-02-07 18:04:19 +02:00
{"name":"from","type":"address","indexed":true},
2015-02-05 01:05:47 +02:00
],
2015-01-29 21:39:26 +02:00
}];
2015-02-07 18:04:19 +02:00
var address = localStorage.getItem("address");
// deploy if not exist
if (address == null) {
var code = "0x60056013565b610132806100356000396000f35b620f4240600033600160a060020a0316600052602052604060002081905550560060e060020a6000350480637bb98a681461002b578063d0679d3414610039578063e3d670d71461004d57005b61003361012d565b60006000f35b610047600435602435610062565b60006000f35b61005860043561010b565b8060005260206000f35b80600033600160a060020a0316600052602052604060002054106100855761008a565b610107565b80600033600160a060020a0316600052602052604060002090815403908190555080600083600160a060020a0316600052602052604060002090815401908190555081600160a060020a031633600160a060020a03167f1863989b4bb7c5c3941722099764574df7a459f9f9c6b6cdca35ddc9731792b860006000a35b5050565b6000600082600160a060020a03166000526020526040600020549050919050565b5b60008156";
address = web3.eth.transact({
data: code,
gasPrice: "1000000000000000",
gas: "10000",
});
localStorage.setItem("address", address);
}
document.querySelector("#address").innerHTML = address.toUpperCase();
2015-01-30 00:17:43 +02:00
2015-01-29 21:39:26 +02:00
var contract = web3.eth.contract(address, desc);
2015-02-07 18:04:19 +02:00
contract.changed({from: eth.accounts[0]}).changed(function() {
refresh();
2015-02-05 01:05:47 +02:00
});
2015-02-07 18:04:19 +02:00
eth.watch('chain').changed(function() {
refresh();
});
function refresh() {
document.querySelector("#balance").innerHTML = contract.balance(eth.coinbase);
2015-01-30 00:58:43 +02:00
2015-02-07 18:04:19 +02:00
var table = document.querySelector("#table_body");
2015-01-29 21:39:26 +02:00
table.innerHTML = ""; // clear
var storage = eth.storageAt(address);
2015-02-07 18:04:19 +02:00
table.innerHTML = "";
2015-01-29 21:39:26 +02:00
for( var item in storage ) {
2015-02-07 18:04:19 +02:00
table.innerHTML += "< tr > < td > "+item.toUpperCase()+"< / td > < td > "+web3.toDecimal(storage[item])+"< / td > < / tr > ";
2015-01-29 21:39:26 +02:00
}
}
function transact() {
2015-01-30 00:17:43 +02:00
var to = document.querySelector("#address").value;
2015-02-07 18:04:19 +02:00
if( to.length == 0 ) {
to = "0x4205b06c2cfa0e30359edcab94543266cb6fa1d3";
} else {
to = "0x"+to;
}
2015-01-30 00:17:43 +02:00
2015-01-29 21:39:26 +02:00
var value = parseInt( document.querySelector("#amount").value );
2015-02-07 18:04:19 +02:00
contract.send( to, value );
2015-01-29 21:39:26 +02:00
}
2015-02-07 18:04:19 +02:00
refresh();
2015-01-29 21:39:26 +02:00
< / script >
< / html >
2015-02-07 18:04:19 +02:00
<!--
contract JevCoin {
function JevCoin()
{
balances[msg.sender] = 1000000;
}
event changed(address indexed from, address indexed to);
function send(address to, uint value)
{
if( balances[msg.sender] < value ) return ;
balances[msg.sender] -= value;
balances[to] += value;
changed(msg.sender, to);
}
function balance(address who) constant returns(uint t)
{
t = balances[who];
}
mapping(address => uint256) balances;
}
-!>
