|
|
@@ -0,0 +1,75 @@
|
|
|
+<!doctype>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+<title>Ethereum</title>
|
|
|
+<script type="text/javascript" src="../ext/bignumber.min.js"></script>
|
|
|
+<script type="text/javascript" src="../ext/ethereum.js/dist/ethereum.js"></script>
|
|
|
+<style type="text/css">
|
|
|
+ body {
|
|
|
+ font-family: Helvetica;
|
|
|
+ }
|
|
|
+ div.logo {
|
|
|
+ width: 192px;
|
|
|
+ margin: 40px auto;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="logo"><img src="logo.png"></img></div>
|
|
|
+ <h1>Info</h1>
|
|
|
+
|
|
|
+ <table width="100%">
|
|
|
+ <tr>
|
|
|
+ <td>Block number</td>
|
|
|
+ <td id="number"></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>Peer count</td>
|
|
|
+ <td id="peer_count"></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>Accounts</td>
|
|
|
+ <td id="accounts"></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>Gas price</td>
|
|
|
+ <td id="gas_price"></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>Mining</td>
|
|
|
+ <td id="mining"></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>Listening</td>
|
|
|
+ <td id="listening"></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>Coinbase</td>
|
|
|
+ <td id="coinbase"></td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</body>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+ var web3 = require('web3');
|
|
|
+ var eth = web3.eth;
|
|
|
+
|
|
|
+ web3.setProvider(new web3.providers.HttpSyncProvider('http://localhost:8080'));
|
|
|
+
|
|
|
+ document.querySelector("#number").innerHTML = eth.number;
|
|
|
+ document.querySelector("#coinbase").innerHTML = eth.coinbase
|
|
|
+ document.querySelector("#peer_count").innerHTML = eth.peerCount;
|
|
|
+ document.querySelector("#accounts").innerHTML = eth.accounts;
|
|
|
+ document.querySelector("#gas_price").innerHTML = eth.gasPrice;
|
|
|
+ document.querySelector("#mining").innerHTML = eth.mining;
|
|
|
+ document.querySelector("#listening").innerHTML = eth.listening;
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
|
|
+
|
obscuren
