go-ethereum/cmd/mist/assets/examples/coin.html

155 lines
4.2 KiB
HTML
Raw Normal View History

<!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>
2015-02-11 06:26:44 -06:00
<h1>JevCoin <code id="contract_addr"></code></h1>
<div>
<strong>Balance</strong>
<span id="balance"></strong>
</div>
<div>
<span>Address:</span>
<input type="text" id="address" style="width:200px">
<span>Amount:</span>
<input type="text" id="amount" style="width:200px">
<button onclick="transact()">Send</button>
<span id="message"></span>
</div>
2015-02-07 10:04:19 -06:00
<hr>
<table width="100%" id="table">
2015-02-07 10:04:19 -06:00
<tr><td style="width:40%;">Address</td><td>Balance</td></tr>
<tbody id="table_body"></tbody>
</table>
</body>
<script type="text/javascript">
var web3 = require('web3');
var eth = web3.eth;
2015-03-10 07:40:49 -05:00
web3.setProvider(new web3.providers.HttpProvider('http://localhost:8545'));
2015-02-07 10:04:19 -06:00
var desc = [{
"name": "balance(address)",
2015-02-04 17:05:47 -06:00
"type": "function",
"inputs": [{
"name": "who",
"type": "address"
}],
2015-02-04 17:05:47 -06:00
"constant": true,
"outputs": [{
"name": "value",
"type": "uint256"
}]
}, {
"name": "send(address,uint256)",
2015-02-04 17:05:47 -06:00
"type": "function",
"inputs": [{
"name": "to",
"type": "address"
}, {
"name": "value",
"type": "uint256"
}],
"outputs": []
2015-02-04 17:05:47 -06:00
}, {
"name":"Changed",
2015-02-04 17:05:47 -06:00
"type":"event",
"inputs": [
2015-02-07 10:04:19 -06:00
{"name":"from","type":"address","indexed":true},
2015-02-11 06:26:44 -06:00
{"name":"amount","type":"uint256","indexed":true},
2015-02-04 17:05:47 -06:00
],
}];
2015-02-07 10:04:19 -06:00
var address = localStorage.getItem("address");
// deploy if not exist
if (address == null) {
var code = "0x60056013565b61014f8061003a6000396000f35b620f42406000600033600160a060020a0316815260200190815260200160002081905550560060e060020a600035048063d0679d3414610020578063e3d670d71461003457005b61002e600435602435610049565b60006000f35b61003f600435610129565b8060005260206000f35b806000600033600160a060020a03168152602001908152602001600020541061007157610076565b610125565b806000600033600160a060020a03168152602001908152602001600020908154039081905550806000600084600160a060020a031681526020019081526020016000209081540190819055508033600160a060020a03167fb52dda022b6c1a1f40905a85f257f689aa5d69d850e49cf939d688fbe5af594660006000a38082600160a060020a03167fb52dda022b6c1a1f40905a85f257f689aa5d69d850e49cf939d688fbe5af594660006000a35b5050565b60006000600083600160a060020a0316815260200190815260200160002054905091905056";
2015-03-10 14:28:20 -05:00
address = web3.eth.transact({from: eth.coinbase, data: code});
2015-02-07 10:04:19 -06:00
localStorage.setItem("address", address);
}
document.querySelector("#contract_addr").innerHTML = address;
2015-01-29 16:17:43 -06:00
var Contract = web3.eth.contract(desc);
contract = new Contract(address);
contract.Changed({from: eth.coinbase}).changed(function() {
2015-02-07 10:04:19 -06:00
refresh();
2015-02-04 17:05:47 -06:00
});
2015-02-07 10:04:19 -06:00
function refresh() {
document.querySelector("#balance").innerHTML = contract.balance(eth.coinbase);
2015-02-07 10:04:19 -06:00
var table = document.querySelector("#table_body");
table.innerHTML = ""; // clear
var storage = eth.getStorage(address);
2015-02-07 10:04:19 -06:00
table.innerHTML = "";
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");
if( to.value.length == 0 ) {
2015-02-07 10:04:19 -06:00
to = "0x4205b06c2cfa0e30359edcab94543266cb6fa1d3";
} else {
if (to.value.substr(0,2) != "0x")
to.value = "0x"+to.value;
2015-02-07 10:04:19 -06:00
}
2015-01-29 16:17:43 -06:00
var value = document.querySelector("#amount");
var amount = parseInt( value.value );
console.log("transact: ", to.value, " => ", amount)
contract.send( to.value, amount );
to.value = "";
value.value = "";
var message = document.querySelector("#message")
message.innerHTML = "Submitted";
setTimeout(function() {
message.innerHTML = "";
}, 1000);
}
2015-02-07 10:04:19 -06:00
refresh();
</script>
</html>
2015-02-07 10:04:19 -06:00
<!--
contract JevCoin {
function JevCoin()
{
balances[msg.sender] = 1000000;
}
event Changed(address indexed from, uint indexed amount);
2015-02-07 10:04:19 -06:00
function send(address to, uint value)
{
if( balances[msg.sender] < value ) return;
balances[msg.sender] -= value;
balances[to] += value;
Changed(msg.sender, value);
Changed(to, value);
2015-02-07 10:04:19 -06:00
}
function balance(address who) constant returns(uint t)
{
t = balances[who];
}
mapping(address => uint256) balances;
}
-!>