path: root/cmd/mist/assets/examples/coin.html


          
<!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-light.min.js"></script>
</head>
<body>

<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>

<hr>

<table width="100%" id="table">
    <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('ethereum.js');
    var eth = web3.eth;

    web3.setProvider(new web3.providers.HttpProvider('http://localhost:8545'));
    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":"from","type":"address","indexed":true},
            {"name":"amount","type":"uint256","indexed":true},
        ],
    }];

    var address = localStorage.getItem("address");
    // deploy if not exist
    if(address === null) {
        var code = "0x60056013565b61014f8061003a6000396000f35b620f42406000600033600160a060020a0316815260200190815260200160002081905550560060e060020a600035048063d0679d3414610020578063e3d670d71461003457005b61002e600435602435610049565b60006000f35b61003f600435610129565b8060005260206000f35b806000600033600160a060020a03168152602001908152602001600020541061007157610076565b610125565b806000600033600160a060020a03168152602001908152602001600020908154039081905550806000600084600160a060020a031681526020019081526020016000209081540190819055508033600160a060020a03167fb52dda022b6c1a1f40905a85f257f689aa5d69d850e49cf939d688fbe5af594660006000a38082600160a060020a03167fb52dda022b6c1a1f40905a85f257f689aa5d69d850e49cf939d688fbe5af594660006000a35b5050565b60006000600083600160a060020a0316815260200190815260200160002054905091905056";
        address = web3.eth.sendTransaction({from: eth.coinbase, data: code, gas: "1000000"});
        localStorage.setItem("address", address);
    }
    document.querySelector("#contract_addr").innerHTML = address;

    var Contract = web3.eth.contract(desc);
    contract = new Contract(address);
    contract.Changed({from: eth.accounts[0]}).watch(function() {
        refresh();
    });

    function refresh() {
        document.querySelector("#balance").innerHTML = contract.call({from:eth.coinbase}).balance(eth.coinbase);

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

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

        var value = document.querySelector("#amount");
        var amount = parseInt( value.value );
        console.log("transact: ", to.value, " => ", amount)

        contract.sendTransaction({from: eth.accounts[0]}).send( to.value, amount );

        to.value = "";
        value.value = "";

        var message = document.querySelector("#message")
        message.innerHTML = "Submitted";
        setTimeout(function() {
            message.innerHTML = "";
        }, 1000);
    }

    refresh();
</script>
</html>

<!--
contract JevCoin {
    function JevCoin()
    {
        balances[msg.sender] = 1000000;
    }
 
    event Changed(address indexed from, uint indexed amount);
    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);
    }
 
    function balance(address who) constant returns(uint t)
    {
        t = balances[who];
    }
 
    mapping(address => uint256) balances;
 }
-!>