1 files changed, 78 insertions, 70 deletions
diff --git a/cmd/mist/assets/html/home.html b/cmd/mist/assets/html/home.html
index 3b27917fd..dc96cc754 100644
--- a/cmd/mist/assets/html/home.html
+++ b/cmd/mist/assets/html/home.html
@@ -1,75 +1,83 @@
 <!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'));
-        
+<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:8545'));
+
+    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;
+
+    eth.watch('pending').changed(function() {
+        console.log("pending changed");
+    });
+    eth.watch('chain').changed(function() {
         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>
-    
+    });
+
+</script>
+
 </html>