github.com/jonasnick/go-ethereum@v0.7.12-0.20150216215225-22176f05d387/cmd/mist/assets/html/home.html (about)

     1  <!doctype>
     2  <html>
     3  <head>
     4  <title>Ethereum</title>
     5  <script type="text/javascript" src="../ext/bignumber.min.js"></script>
     6  <script type="text/javascript" src="../ext/ethereum.js/dist/ethereum.js"></script>
     7  <style type="text/css">
     8      body {
     9          font-family: Helvetica;
    10      }
    11      div.logo {
    12          width: 192px;
    13          margin: 40px auto;
    14      }
    15  </style>
    16  </head>
    17  <body>
    18      <div class="logo"><img src="logo.png"></img></div>
    19      <h1>Info</h1>
    20  
    21  	<table width="100%">
    22  		<tr>
    23  			<td>Block number</td>
    24  			<td id="number"></td>
    25  		</tr>
    26  
    27  		<tr>
    28  			<td>Peer count</td>
    29  			<td id="peer_count"></td>
    30  		</tr>
    31  
    32  		<tr>
    33  			<td>Accounts</td>
    34  			<td id="accounts"></td>
    35  		</tr>
    36  
    37  		<tr>
    38  			<td>Gas price</td>
    39  			<td id="gas_price"></td>
    40  		</tr>
    41  
    42  		<tr>
    43  			<td>Mining</td>
    44  			<td id="mining"></td>
    45  		</tr>
    46  
    47  		<tr>
    48  			<td>Listening</td>
    49  			<td id="listening"></td>
    50  		</tr>
    51  
    52  		<tr>
    53  			<td>Coinbase</td>
    54  			<td id="coinbase"></td>
    55  		</tr>
    56  	</table>
    57  </body>
    58  
    59  <script type="text/javascript">
    60      var web3 = require('web3');
    61      var eth = web3.eth;
    62  
    63      web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8545'));
    64  
    65      document.querySelector("#number").innerHTML = eth.number;
    66      document.querySelector("#coinbase").innerHTML = eth.coinbase
    67      document.querySelector("#peer_count").innerHTML = eth.peerCount;
    68      document.querySelector("#accounts").innerHTML = eth.accounts;
    69      document.querySelector("#gas_price").innerHTML = eth.gasPrice;
    70      document.querySelector("#mining").innerHTML = eth.mining;
    71      document.querySelector("#listening").innerHTML = eth.listening;
    72  
    73      eth.watch('pending').changed(function() {
    74          console.log("pending changed");
    75      });
    76      eth.watch('chain').changed(function() {
    77          document.querySelector("#number").innerHTML = eth.number;
    78      });
    79  
    80  </script>
    81  
    82  </html>
    83